@charset "UTF-8";
@import url("/_templet3/css/sub.css");
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-08-08
-------------------------------------------------*/
.diagram1.type1 .list li:nth-child(1)::after { top: inherit; bottom: -3.65rem; }

.BtnArea { overflow: hidden; margin-top: 1.5rem; }

.BtnArea .float-left > * { float: left; }

.BtnArea .float-left .btn3 + .btn3 { margin-left: -1px; }

.BtnArea .float-left.btn-b, .BtnArea .float-left .btn-b, .BtnArea .float-right.btn-b, .BtnArea .float-right .btn-b { font-size: 0.8rem; min-width: 11.35rem !important; }

.btn-l { height: 3.85rem; border: 1px solid #ddd; line-height: 3.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; display: inline-block; min-width: 0 !important; padding: 0 1rem !important; background-color: #f8f8f8; color: #555 !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; width: 19.2rem; max-width: 100%; }

.btn-l:hover, .btn-l:focus { background-color: #fff; color: #ddd; }

.btn-l img { width: 6rem; margin-right: 0.25rem; }

.btn-b { height: 2.5rem; border: 1px solid #d53746; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; display: inline-block; min-width: 0 !important; padding: 0 1.25rem !important; background-color: #d53746; color: #fff !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }

.btn-b:hover, .btn-b:focus { background-color: #fff; color: #d53746; }

.btn-m { height: 2.3rem; border: 1px solid #d53746; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; display: inline-block; min-width: 7.7rem !important; padding: 0 2rem 0 1rem !important; background-color: #d53746; color: #fff !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; text-align: left; }

.btn-m:hover, .btn-m:focus { background-color: #fff; color: #d53746; }

.btn-m::after { position: absolute; right: 1rem; top: 0; font-family: "xeicon"; content: ''; }

.btn-s { height: 1.9rem; border: 1px solid #333; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; display: inline-block; min-width: 6.4rem !important; padding: 0 0.75rem !important; background-color: #333; color: #fff !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; text-align: left; }

.btn-s:hover, .btn-s:focus { background-color: #fff; color: #333; }

.btn-s i { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 1rem; font-family: "xeicon"; content: ''; }

.btn1 { border-color: #d53746 !important; background-color: #d53746 !important; color: #fff !important; }

.btn1:hover, .btn1:focus { background-color: #fff !important; color: #d53746 !important; }

.btn2 { border-color: #162943; background-color: #162943; }

.btn2:hover, .btn2:focus { background-color: #fff; color: #162943 !important; }

.btn3 { border-color: #000; background-color: #fff; color: #000 !important; }

.btn3:hover, .btn3:focus { background-color: #000; color: #fff !important; }

.btn4 { border-color: #ddd; background-color: #f8f8f8; color: #555 !important; }

.btn4:hover, .btn4:focus { background-color: #ddd; }

.btn5 { border-color: #333; background-color: #333; }

.btn5:hover, .btn5:focus { background-color: #fff; color: #333 !important; }

.btn6 { border-color: #ddd; background-color: #fff; }

.btn6:hover { border-color: #20324b; background-color: #20324b !important; color: #fff !important; }

.btn7 { border-color: #365985 !important; background-color: #365985 !important; color: #fff !important; }

.btn7:hover, .btn7:focus { background-color: #fff !important; color: #365985 !important; }

.btn8 { border-color: #ddd !important; background-color: #fff !important; color: #555 !important; }

.btn8:hover, .btn8:focus { border-color: #d53746 !important; background-color: #d53746 !important; color: #fff !important; }

.btn-i { height: 2.4rem; border: 1px solid #999; line-height: 2.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; display: inline-block; min-width: 11.4rem !important; padding: 0 1rem !important; background-color: #fff; color: #333 !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; text-align: left; }

.btn-i:hover, .btn-i:focus { background-color: #fff; color: #999; }

.btn-i i { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 1rem; }

.btn-i:hover, .btn-i:focus { background-color: #999; color: #fff !important; }

.btn-r { height: 1.15rem; border: 1px solid #ddd; line-height: 1.05rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; display: inline-block; min-width: 4.5rem !important; padding: 0 0.5rem !important; background-color: #fff; color: #555 !important; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; overflow: visible; border-radius: 1rem; }

.btn-r:hover, .btn-r:focus { background-color: #fff; color: #ddd; }

.btn-r i { font-size: 0.8rem; margin: 0 -0.15rem 0 0.15rem; }



/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-10-15
-------------------------------------------------*/
#snb .title { background: url("/socialwelfare/img/sub/snb.jpg") no-repeat; }

@media (max-width: 1280px) { #snb .title { background-size: cover; } }