@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Lato:700,900&display=swap');


body{min-width:320px;}


.sub-bg{width:100%; padding:10px 0 8px; background:#f4f5f9; border:1px solid #e5e7ee}
.location li{display:inline-block; padding-right:13px; background:url('/user/images/sub/bul_arr_location.png') right 8px no-repeat; font-size:15px; color:#555 !important}
.location li:last-child{background:none; color:#000 !important}
.location li > i{vertical-align:middle;}

/*
.pageTitle{padding:25px 0 42px;}
.pageTitle > h2{margin:0; color:#fff; text-shadow: #0b4d67 1px 1px 1px;}
.pageTitle > span{color:#fff;}
.sub-bg{width:100%; height:150px; background:url('../images/sub/bg_subimg01.png') center center no-repeat; }
.location li{display:inline-block; padding-right:13px; background:url('/user/images/sub/bul_arr_location.png') right 8px no-repeat; color:#fff; font-size:15px; }
.location li:last-child{background:none;}
.location li > i{vertical-align:middle;}
*/

#leftmenu{padding:0;}
#leftmenu ul{padding:0; -webkit-padding-start:0; text-align:left;}
#leftmenu li {list-style:none;}
#leftmenu > ul > li {width:100%; letter-spacing:-1px;}
#leftmenu > ul > li > a{display:block; width:100%; padding:12px 15px 10px; background:#fff; border:1px solid #e9e9e9; border-top:0; color:#555;}
#leftmenu > ul > li:first-child > a{border-top:1px solid #e9e9e9;}
#leftmenu > ul > li:first-child > a:hover, #leftmenu > ul > li.on:first-child > a{border-top:1px solid #263783;}
#leftmenu > ul > li > a:hover, #leftmenu > ul > li.on > a{border:1px solid #263783; border-top:0; background:#263783 url('../images/sub/bul_arr_location.png') 180px center no-repeat; color:#fff;}
#leftmenu .snb{padding:10px 15px;  background:#f1f3f4; border:1px solid #e9e9e9; border-top:0; font-size:14px;}
#leftmenu .snb > li {margin-bottom:5px; line-height:19px;}
#leftmenu .snb > li > a {display:block; padding-left:12px; background:url('../images/common/bul_bar.png') left 9px no-repeat; color:#666; font-size:14px;}
#leftmenu .snb > li > a:hover {padding-left:12px; background:url('../images/common/bul_arrow.png') left 5px no-repeat; color:#02166f ;}
#leftmenu .snb > li.on > a {padding-left:12px; background:url('../images/common/bul_arrow.png') left 5px no-repeat; color:#02166f ;}
#leftmenu h2{display:table; width:100%; height:130px; margin-top: 0px; margin-bottom:5px; padding:20px; background:#02166f url('../images/sub/bg_leftmenu.png') no-repeat; border-radius:0 30px 0 0;  color:#fff; font-size:1.8em; text-align:center;font-weight: 700; word-break:keep-all;}
#leftmenu h2 > span{display:table-cell; vertical-align:middle; letter-spacing: -2px;}

.contWrap {
	min-height:800px;
    padding-bottom:100px;
    padding-left: 40px;
    padding-right: 0 !important;
    text-align: left;
}

.contWrap > h2{margin-top:0; margin-bottom:30px; font-size:32px; font-weight:700; color:#212121; letter-spacing:-1px;}
.contWrap > h2:after{content:''; display:block; margin-top:10px; width:100%; height:1px; background:#000;}

.contWrap > h3{position:relative; margin-top:50px; font-size:23px; font-weight:600; color:#212121; letter-spacing:-1px;}
.contWrap > h3:first-child{margin-top:0;}

.contWrap > h2 + h3{margin-top:0;}

.pageTitle .divider {
    margin: 14px auto 13px !important;;
}

@media (max-width:1199px) {
	#leftmenu{display:none;}
	.contWrap{padding-left:0;}

}

/* 탭 */
.tab-w2 > li{width:50%}
.tab-w3 > li{width:33%}
.tab-w4 > li{width:25%}
.tab-w5 > li{width:20%}
.responsive-tabs .resp-tabs-list{overflow:hidden;}
.responsive-tabs .resp-tabs-list li{display:block; float:left;}
.responsive-tabs-dashed .resp-tabs-list > li {position: relative; padding:12px 20px; font-size: 16px; font-weight:600; letter-spacing:-1px; background:#eee; border-right:3px solid #fff; color: #787878; text-align:center; text-transform: uppercase;}
.responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .responsive-tabs-dashed .resp-tabs-list > li:hover {background:#214094; color: #fff;}
.responsive-tabs-dashed .resp-tabs-list > li + li {margin-left:0; padding:12px 20px;}
.responsive-tabs-dashed .resp-tabs-list > li + li:before {display:none;}
.responsive-tabs-dashed .resp-tab-content + .resp-accordion {margin-top: 5px;}
.responsive-tabs-dashed .resp-tab-active {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.responsive-tabs .resp-accordion.resp-tab-active{color:#214094} /* color:#187cf5 */
@media (min-width: 992px) {
	.responsive-tabs-dashed .resp-tab-content {
		background: transparent;
		padding: 0;
		border: none;
	}
}


/* 인사말 */
.greeting{position:relative; width:100%; padding-top:90px;}
.greeting:before{content:''; display:block; position:absolute; right:0; top:-30px; width:596px; height:310px; background:url('../images/sub/bg_greeting.png') no-repeat; z-index:0;}
.greeting .chief{position:relative; display:table; margin-bottom:40px; z-index:1;}
.greeting .chief > div.pic{display:table-cell;}
.greeting .chief > p{display:table-cell; padding-left:20px; color:#212121; vertical-align:bottom}
.greeting .chief > p > strong{font-weight:500; font-size:1.2em; color:#263783}
.greeting > p{position:relative; margin-bottom:25px; text-align:justify; line-height:1.5; word-break:keep-all; z-index:1;}
.greeting .sign{margin-top:50px; text-align:right;}

@media (max-width:1199px) {
	.greeting{padding-top:0;}
	.greeting:before{background-size:70%; background-position:right top;}

}



/* 연혁  */
.history-wrap{border-top:3px solid #212121}
.history-list {position:relative;border-bottom:1px solid #d3d3d3;padding:20px 0}
.history-list .year {position:absolute;top:0;left:30px;font-size:35px; font-family: 'Lato', sans-serif; color:#222;line-height:1}
.history-list ol {margin-left:225px; padding-left:0;}
.history-list li {position:relative; margin-top:10px; padding:8px 0 12px 60px;}
.history-list li:first-child {margin-top:0; }
.history-list li .date {position:absolute;left:0;top:0;width:45px;font-size:18px; font-family: 'Lato', sans-serif; color:#393939;text-align:center;border-radius:50%;background:#f1f1f1;letter-spacing:0;line-height:45px}

@media all and (max-width:999px){
	.history-list .year {font-size:2rem;left:0}
	.history-list ol {margin-left:160px}
	.history-list li .date {width:45px;font-size:1.2rem;line-height:45px}
	.history-list li {padding:9px 0 9px 60px}
}
@media all and (max-width:799px){
	.history-list {padding:20px 0}
	.history-list .year {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0 0 15px}
	.history-list ol {margin:0}
}
@media all and (max-width:599px){
	.history-list .year {font-size:1.5rem}
	.history-list li .date {font-size:1.1rem}
}

/* 설립목적 */
@media all and (min-width:768px){
	.direction{position:relative; width:100%; height:380px;}
	.direction > div{position:absolute; border-radius:50%; font-size:17px; text-align:center;}
	.direction > div > dl > dt{margin-bottom:10px;}
	.direction > .dir-tit{left:50%; top:50%; transform:translate(-50%, -50%); width:180px; height:180px; padding-top:70px; border:8px solid #b2c8d9; background:#fff; color:#b2c8d9; font-size:18px; font-weight:600; word-break:keep-all; vertical-align:middle; z-index:11;}
	.direction > .dir-tit:before, .direction > .dir-tit:after{display:none;}
	.direction > .dir-cont1{left:20%; top:10%; width:130px; height:130px; padding:40px 20px; background:#519af4; color:#fff; word-break:keep-all;}
	.direction > .dir-cont2{right:20%; top:10%; width:130px; height:130px; padding:40px 20px; background:#528ace; color:#fff; word-break:keep-all;}
	.direction > .dir-cont3{left:20%; bottom:10%; width:130px; height:130px; padding:40px 20px; background:#52afce; color:#fff; word-break:keep-all;}
	.direction > .dir-cont4{right:20%; bottom:10%; width:130px; height:130px; padding:40px 20px; background:#39bae5; color:#fff; word-break:keep-all;}
	.direction > div:after{content:''; display:block; position:absolute; width:150px; height:1px;}
	.direction > .dir-cont1:after{left:110px; top:130px; background:#dbdbdb; transform:rotate(30deg);}
	.direction > .dir-cont2:after{right:110px; top:130px; background:#dbdbdb; transform:rotate(-30deg);}
	.direction > .dir-cont3:after{left:110px; bottom:130px; background:#dbdbdb; transform:rotate(150deg);}
	.direction > .dir-cont4:after{right:110px; bottom:130px; background:#dbdbdb; transform:rotate(-150deg);}
	.direction > div:before{content:''; display:block; position:absolute; width:15px; height:15px; border-radius:50%; background:#fff; z-index:10;}
	.direction > .dir-cont1:before{left:115px; top:90px; border:4px solid #519af4;}
	.direction > .dir-cont2:before{right:115px; top:90px; border:4px solid #528ace;}
	.direction > .dir-cont3:before{left:115px; bottom:90px; border:4px solid #52afce;}
	.direction > .dir-cont4:before{right:115px; bottom:90px; border:4px solid #39bae5;}
}
@media all and (max-width:767px){
	.direction{position:relative; width:100%;padding-top:180px;}
	.direction:after{content:''; display:block; position:absolute; top:30px; left:50%; transform:translateX(-50%); width:1px; height:320px; background:#dbdbdb; z-index:0;}
	.direction > .dir-tit{position:absolute; left:50%; top:0; transform:translateX(-50%); width:150px; height:150px; padding-top:40px; border-radius:50%; border:8px solid #b2c8d9; background:#fff; color:#b2c8d9; font-size:18px; font-weight:600; text-align:center; word-break:keep-all; z-index:1;}
	.direction > .dir-cont1{position:relative; margin-bottom:10px; padding:10px; border-radius:50px; background:#519af4; color:#fff; text-align:center; word-break:keep-all; z-index:1;}
	.direction > .dir-cont2{position:relative; margin-bottom:10px; padding:10px; border-radius:50px; background:#528ace; color:#fff; text-align:center; word-break:keep-all; z-index:1;}
	.direction > .dir-cont3{position:relative; margin-bottom:10px; padding:10px; border-radius:50px; background:#52afce; color:#fff; text-align:center; word-break:keep-all; z-index:1;}
	.direction > .dir-cont4{position:relative; margin-bottom:10px; padding:10px; border-radius:50px; background:#39bae5; color:#fff; text-align:center; word-break:keep-all; z-index:1;}
	.direction > div > dl{margin:0;}
}



/* 센터소개 - 조직 */
.organize-wrap:after{content:''; display:block; clear:both;}
.organize-wrap{padding:20px 0; box-sizing:border-box; border-top:2px solid #555;}
.organize-wrap > .organ-pic{float:left; width:20%; padding:5px; border:1px solid #dbdbdb; vertical-align:top; overflow:hidden;}
.organize-wrap > .organ-cont{float:left; width:80%; padding-left:20px; box-sizing:border-box; vertical-align:top; }
.organ-cont > div{margin:0 10px 20px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; font-size:18px; font-weight:500; color:#212121;}
.organ-cont > div > strong.name{margin-right:10px; color:#214094; font-size:23px; font-weight:600; letter-spacing:5px;}
.organ-cont > div > span.txt1{font-size:13px; font-size:15px;}
.organ-cont > div > span.txt2{display:block; margin:8px 0 3px; font-size:15px; color:#888}
.organ-cont > ul{padding-left:10px; list-style:none;}
.organ-cont > ul > li{margin-bottom:8px; padding-left:10px; background:url(/user/images/common/bul_bar2.gif) left 8px no-repeat; line-height:1.3;}
.tb-organize{width:100%; border-top:2px solid #212121;}
.tb-organize thead th{padding:8px 12px; border:1px solid #dbdbdb; border-bottom:1px solid #212121; background:#eee; text-align:center; color:#212121;}
.tb-organize thead th:first-child{border-left:none;}
.tb-organize thead th:last-child{border-right:none;}
.tb-organize tbody td{padding:8px 12px; border:1px solid #dbdbdb; text-align:center;}
.tb-organize tbody td:first-child{border-left:none;}
.tb-organize tbody td:last-child{border-right:none;}
.tb-organize tbody tr:nth-of-type(odd) {
	background-color: #f7f7f7;
}

@media all and (max-width:990px){
	.organize-wrap{padding:15px;}
	.organize-wrap > .organ-pic{width:25%;}
	.organize-wrap > .organ-cont{width:75%; padding-left:10px;}
	.organ-cont > div{font-size:16px;}
	.organ-cont > div > strong.name{font-size:18px; letter-spacing:3px;}
	.organ-cont > div > span.txt1{font-size:13px;}
	.organ-cont > div > span.txt2{margin:0;}
}
@media all and (max-width:486px){
	.organize-wrap{padding:15px 0;}
	.organize-wrap > .organ-pic{float:none; margin-bottom:10px;}
	.organize-wrap > .organ-cont{float:none; width:100%; padding-left:0;}
	.organ-cont > div{margin:10px 0}
	.organ-cont > ul{padding:0;}
	.organ-cont > ul > li{margin:0; font-size:13px; line-height:1.5}
}

/* 주요사업 */
.business{padding:0 10px}
.business > div{padding:0 5px 10px;}
.business > div > dl{margin:0; padding:20px; border:1px solid #dbdbdb;}
.work-list > dt{margin-bottom:15px; text-align:center; font-size:17px;}
.work-list > dd > ul > li{padding-left:12px; background:url('../images/common/bul_dot3.png') left 8px no-repeat; word-break:keep-all;}

@media all and (min-width:991px){
	.business > div > dl{padding:30px 40px;}
}


/* 찾아오시는길 */
.tb-direction{width:100%;margin-top:1.5em;border-top:1px solid #b3b3b3;border-collapse:separate;}
.tb-direction thead th{padding:12px 0; background:#f2f2f2;border-bottom:1px solid #e6e6e6;text-align:center;vertical-align:middle;}
.tb-direction tbody td{padding:10px 0;border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; text-align:center;}
.tb-direction tbody td:last-child{border-right:0;}


/* 상담안내 */
.counsel-box:before{content:''; position:absolute; left:50px; bottom:0; display:block; width:246px; height:179px; background:url('../images/sub/img_counsel.png') no-repeat; background-size:contain}
.counsel-box:after{content:''; display:block; clear:both;}
.counsel-box{position:relative; width:100%; padding:50px 50px 50px 340px; background:#f7f7f7;}
.counsel-tit > h2{margin:10px 0 20px; font-weight:700; font-size:1.6em; color:#263783}
.btn-counsel{position:relative; display:inline-block; margin-left:3px; margin-right:3px; padding:8px 45px 8px 25px; color:#fff; background:#0952c0; text-align:center; font-weight:700;}
.btn-counsel:after{content:''; position:absolute; right:20px; top:50%; transform:translateY(-50%); display:inline-block; width:14px; height:14px; background:url('../images/sub/ic_newop.png') no-repeat;}
.btn-counsel:hover, .btn-counsel:focus{color:#212121; background:#ffc240;-khtml-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.btn-counsel:hover:after, .btn-counsel:focus:after{background:url('../images/sub/ic_newop_ov.png') no-repeat;}
/*
.btn-counsel{position:relative; width:130px; height:44px; margin:40px auto; background:#0952c0; text-align:center;}
.btn-counsel:after{content:''; position:absolute; bottom:0; right:0; width:0; height:44px; color:#212121; background-color:#ffc240; -khtml-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; z-index:1;} 
.btn-counsel:hover:after{left:0; width:100%; } 
.btn-counsel > a{position:relative; display:inline-block; width:100%; height:44px; padding-left:25px; font-weight:700; color:#fff;  line-height:44px; z-index:2;}
.btn-counsel > a:before{content:''; position:absolute; left:15px; top:50%; transform:translateY(-50%); display:block; width:23px; height:20px; margin-right:10px; background:url('../images/sub/ico_req.png') no-repeat;}
.btn-counsel > a:hover{color:#212121}
.btn-counsel > a:hover:before{ background:url('../images/sub/ico_req_ov.png') no-repeat;}
.btn-counsel2{margin:40px auto; text-align:center;}
.btn-counsel2 > a{position:relative; display:inline-block; margin:0 5px; padding:10px 15px 10px 25px; font-weight:700; background:#0952c0; color:#fff; z-index:1;}
.btn-counsel2 > a:before{content:''; position:absolute; left:10px; top:50%; transform:translateY(-50%); display:block; width:8px; height:5px; margin-right:10px; background:url('../images/sub/ico_arrow.png') no-repeat;}
.btn-counsel2 > a:hover:before{background:url('../images/sub/ico_arrow_ov.png') no-repeat;}
.btn-counsel2 > a > span{position:relative; z-index:2}
.btn-counsel2 > a:after{content:''; position:absolute; bottom:0; right:0; width:0; height:44px; color:#212121; background-color:#ffc240; -khtml-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; z-index:1;} 
.btn-counsel2 > a:hover:after{left:0; width:100%;} 
.btn-counsel2 > a:hover > span{color:#212121;} 
*/

@media all and (max-width:767px){
	.counsel-box:before{position:relative; left:0; width:200px; margin:0 auto; text-align:center;}
	.counsel-box{padding:30px 20px;}
}



/* 편집규정 */
.rules > h3{margin:40px 0 30px; text-align:center; font-size:30px; letter-spacing:-1px;}
.rules > h4{margin:40px 0 30px; text-align:center; font-size:20px; letter-spacing:-1px;}
.rules > dl > dt{margin-top:20px; font-weight:600;}
.rules > dl > dd > ol{margin-left:6px; padding-left:18px;}
.rules > dl > dd > ol > li{list-style-type:decimal}
.rules > ol > li{list-style-type:decimal}
.num-c, .num-b{margin-bottom:8px;}
.num-c > li{position:relative; padding-left:18px;}
.num-c > li:before{position:absolute; left:0; top:0; display:block;}
.num-c > li.c1:before, .num-c > li:nth-of-type(1):before{content:'① ';}
.num-c > li.c2:before, .num-c > li:nth-of-type(2):before{content:'② ';}
.num-c > li.c3:before, .num-c > li:nth-of-type(3):before{content:'③ ';}
.num-c > li.c4:before, .num-c > li:nth-of-type(4):before{content:'④ ';}
.num-c > li.c5:before, .num-c > li:nth-of-type(5):before{content:'⑤ ';}
.num-c > li.c6:before, .num-c > li:nth-of-type(6):before{content:'⑥ ';}
.num-c > li.c7:before, .num-c > li:nth-of-type(7):before{content:'⑦ ';}
.num-c > li.c8:before, .num-c > li:nth-of-type(8):before{content:'⑧ ';}
.num-c > li.c9:before, .num-c > li:nth-of-type(9):before{content:'⑨ ';}
.num-c > li.c10:before, .num-c > li:nth-of-type(10):before{content:'⑩ ';}
.num-c > li.c11:before, .num-c > li:nth-of-type(11):before{content:'⑪ ';}
.num-c > li.c12:before, .num-c > li:nth-of-type(12):before{content:'⑫ ';}
.num-b > li{position:relative; padding-left:18px;}
.num-b > li:before{position:absolute; left:0; top:0; display:block;}
.num-b > li.b1:before, .num-b > li:nth-of-type(1):before{content:'⑴ ';}
.num-b > li.b2:before, .num-b > li:nth-of-type(2):before{content:'⑵ ';}
.num-b > li.b3:before, .num-b > li:nth-of-type(3):before{content:'⑶ ';}
.num-b > li.b4:before, .num-b > li:nth-of-type(4):before{content:'⑷ ';}
.num-b > li.b5:before, .num-b > li:nth-of-type(5):before{content:'⑸ ';}
.num-b > li.b6:before, .num-b > li:nth-of-type(6):before{content:'⑹ ';}
.num-b > li.b7:before, .num-b > li:nth-of-type(7):before{content:'⑺ ';}
.num-b > li.b8:before, .num-b > li:nth-of-type(8):before{content:'⑻ ';}
.num-b > li.b9:before, .num-b > li:nth-of-type(9):before{content:'⑼ ';}
.num-b > li.b10:before, .num-b > li:nth-of-type(10):before{content:'⑽ ';}

.btn-down{position:relative; display:inline-block; padding:12px 40px 12px 20px; color:#fff; background:#0952c0; text-align:center; font-weight:700;}
.btn-down:after{content:''; position:absolute; right:15px; top:50%; transform:translateY(-50%); display:inline-block; width:14px; height:14px; background:url('../images/sub/ic_down_ov.png') no-repeat;}
.btn-down:hover, .btn-down:focus{color:#212121; background:#ffc240;-khtml-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.btn-down:hover:after, .btn-down:focus:after{background:url('../images/sub/ic_down.png') no-repeat;}



/* 리스트 */
ul{margin:0; padding:0;}
.ul-list01 li{padding-left:12px; background:url('../images/common/bul_dot3.png') left 11px no-repeat; word-break:keep-all;}
.ul-list02 li{padding-left:12px; background:url('../images/common/bul_bar2.gif') left 12px no-repeat; word-break:keep-all;}
.ol-list01{padding-left:18px;}
.ol-list01 li{list-style:decimal;}


/**/
.img > img{margin:30px auto;}
.box{width:100%; margin-top:30px; padding:20px;  border:1px solid #ccc;}
.box2{width:100%; padding:20px;  border:1px solid #ccc;}
.box-wrap{width:100%; margin:15px 0; padding:6px; background:url('../images/sub/bul_line.png');}
.box-wrap .box-line{width:100%; padding:20px; background:#fff;}
.star{margin:0; padding-left:15px; background:url('../images/common/bul_star.png') left 8px no-repeat;}


.btn-list li > a{display:block; padding:10px 25px 10px 18px; border:1px solid #b90531; color:#b90531; border-radius:2px; text-align:left; transition: all .2s ease-in-out;}
.btn-list li > a > i{padding-right:6px; font-size:20px; line-height:20px;}
.btn-list li > a:hover,.btn-list li > a:focus{background:#b90531; color:#fff; -webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

 
 
 /* swufamilytherapy.com 20201019 추가 */

 #agree-content h5, .h5 {
    margin-top: 0;
}

#agree-content dt {
    margin-left: 18px;
}