@charset "utf-8";
/*공통*/
.mcl { display: none !important }
.pcl { display: block; }
 @media all and (max-width:767px) {
.mcl { display: block !important; }
.pcl { display: none !important; }
.wd { width: auto; }

#container{padding-top:147px;}

.dsmbtn{height:40px; line-height:36px; padding:0 25px; font-size:17px;}

/*레이아웃/////////////////////////////////////////////////////////////////////*/
#header.show {top: -147px;}
.snbbox{height:65px; overflow:hidden;}
.snbbox .snb{padding:15px 0 !important; height:30px !important; width:100% !important;}
.snbbox .snb .logo{ padding-left:20px; margin-top:0;}
.snbbox .snb .logo img{height:30px !important; width:auto;}
.snbbox .snb .snb_info{ font-size:15px;}
.snbbox .snb .snb_info li.call{width:auto; padding:10px 15px 0 35px; font-size:15px;}
.snbbox .snb .snb_info li:before{ top:11px;}
.snbbox .snb .snb_info li.call:before{ background-position:0 -42px}
.snbbox .snb .snb_info li.time{display:none;}
.gnbbox{ float:none; overflow:auto;}
.gnbbox .gnb{height:82px;}
.gnbbox .gnb > ul{width:100%; overflow:auto;}
.gnbbox .gnb > ul li{width:33.3%; float:left;}

.gnbbox .gnb > ul > li a{padding:0; display:block; line-height:40px; font-size:14px; border-right:1px solid #fff; border-top:1px solid #fff; -moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}
.gnbbox .gnb > ul > li:nth-child(3n) a{ border-right:none;}
.gnbbox .gnb > ul > li a.two{ line-height:15px; padding:5px 0;}

.now_deps2{display:block; position:relative; top:0;}
.now_deps2 > ul{background:#e0e0e0; width:100%; position:absolute; left:0; top:0; z-index:90;}
.now_deps2 > ul li{ display:inline-block; float:left; width:50%;margin:0; border-bottom:1px solid #f0f0f0; position:relative;}
.now_deps2 > ul li:before{content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#f0f0f0;}
.now_deps2 > ul li > a{display:block; text-align:center; line-height:40px; padding:0 20px; color:#5d5d5d; font-size:14px; text-align:center;text-overflow: ellipsis;  white-space: nowrap; word-wrap: normal; overflow: hidden;}
.now_deps2 > ul li.on{border-bottom-color:#5d5d5d;}
.now_deps2 > ul li.on:before{background:#5d5d5d;}
.now_deps2 > ul li.on > a{ background:#5d5d5d; color:#9fd2c7;}
.now_deps2 > ul li > ul{display:none;}
.now_deps2.fixed{position:fixed; left:0; top:142px; width:100%; z-index:90; transition: top 0.4s;}
.now_deps2.fixed.show{top:82px;}

.f_csbg .f_cs{height:auto; padding:40px 0;}
.f_csbg .f_cs .box.ntc,
.f_csbg .f_cs .box.link{display:none;}
.f_cs .box .titbox{text-align:center; font-size:25px;}
.f_cs .box.wh{float:none; width:auto; padding:0 40px;}
.f_cs .box.wh ul li .tit{font-size:15px; padding-right:15px;}
.f_cs .box.wh ul li .time{font-size:15px; padding-left:15px;}
.f_adr{padding:15px 0;}
.f_adr > strong{font-size:12px;}
.f_adr > .info li{ font-size:13px; line-height:16px;}
.f_adr > .info li.po{display:block;}
.f_adr > .info li.po,
.f_adr > .info li:nth-child(3){ padding:0;}
.f_adr > .info li.po:before,
.f_adr > .info li:nth-child(3):before{display:none;}
/*메인/////////////////////////////////////////////////////////////////////*/
.mainbox{width:100%; overflow:hidden;}
.mainbox .titbox{margin-bottom:30px;}
.mainbox .titbox .tit{line-height:30px; font-size:22px;}


.s1{min-width:auto; height:auto;}
.s1 ul{width:120% !important; height:auto; margin-left:-60% !important;}
.s1 ul li{width:100% !important;}
.s1 > .pg{bottom:20px;}
.s1 > .pg a{width:10px; height:10px;}
.s1 > .pg .bx-pager-item{ margin:0 3px;}
.s1 > .pg a.active{width:30px;}

.s2{padding:30px 0; float:none; overflow:auto; height:auto;}
.s2 ul{ height:auto; padding:0 10px; float:left;}
.s2 ul li + li:before{display:none;}
.s2 ul li{width:33.3%;}
.s2 ul li a{font-size:14px; line-height:30px; padding:0 10px; word-break:keep-all; margin-bottom:5px;}
.s2 ul li a.two{line-height:20px; padding:5px 10px;}
.s2 ul li a i{width:70px; height:70px; margin-bottom:5px; background-size:auto 140px; background-position:0 -70px;}
.s2 ul li a i:before{content:""; position:absolute; left:0; top:0; width:70px; height:70px; background:#b4dad3; border-radius:50%; z-index:-1;}
.s2 ul li a i.i2{background-position:-70px -70px;}
.s2 ul li a i.i3{background-position:-140px -70px;}
.s2 ul li a i.i4{background-position:-210px -70px;}
.s2 ul li a i.i5{background-position:-280px -70px;}
.s2 ul li a i.i6{background-position:-350px -70px;}
.s2 ul li:hover a i{background-position-y:-70px;}
.s2 ul li:hover a i:before{width:70px; height:70px;}
.s3bg{padding:30px 0;}
.s3 .titbox .more{display:none;}
.s3 ul{height:auto; overflow:auto;}
.s3 ul{ overflow:auto; height:auto; margin-top:0; width:1300px !important; padding-right:100px !important}
.s3 ul li{width:220px !important;}
.s3 ul li + li{margin:0;}
.s3 ul li .box{width:220px; height:auto;}
.s3 ul li .box .img{width:100%; height:auto;}
.s3 ul li .box .img img{height:auto;}
.s3 ul li .box .img .ov{left:0; width:100%; top:auto; bottom:0; height:40px;}
.s3 ul li .box .img .ov > div{height:40px; top:0; margin-top:0;}
.s3 ul li .box .img .ov > div > span{ position:relative;left:0; margin-left:0; width:auto; display:block; border-bottom:none;line-height:40px; font-size:15px;}
.s3 ul li .box .info{padding:10px}
.s3 ul li .box .info .tit{line-height:22px;font-size:18px;word-break:keep-all;}
.s3 ul li .box .info .txt{ line-height:18px;font-size:14px; word-break:keep-all;}

.s4{height:200px; background-size:auto 100%;}
.s4 .txtbox{width:100%; line-height:25px; font-size:15px;  word-break:keep-all;}
.s4 .txtbox strong{font-size:20px; line-height:25px;}

.s5{width:auto !important; height:auto; padding:30px 20px 70px 130px;}
.s5 .img{ top:auto !important; bottom:20px;width:45%; height:auto; z-index:-1}
.s5 .sum{line-height:30px; font-size:15px;text-align:right;}
.s5 .tit{font-size:20px; line-height:30px; text-align:right; margin-bottom:15px;}
.s5 .txt{ display:none;}
.s5 .btn{border:none; padding:0; line-height:20px; font-size:13px; border-bottom:1px solid #9ec8be; text-align:right; float:right;}
.s5 .btn:before{display:none;}

.s7{ height:auto; overflow:auto;}
.s7 > .adr{position:relative; left:0; width:100%; height:auto; background:#fff; padding:30px 0;}
.s7 > .adr .tit{ display:block; text-align:center;line-height: 35px; font-size: 22px; padding:0; color:#757575}
.s7 > .adr .info{padding:0;}
.s7 > .adr .info li:before{display:none;}
.s7 > .adr .info .t1{width:100%; text-align:center; font-size:15px; color:#757575; margin:0;}
.s7 > .adr .info .t2{display:none;}
.s7 > .map{width:100%;}


/*서브_레이아웃////////////////////////////////////////////////////////////*/
#container.sub{width:100%;}
#container.sub .subimg .wd{height:40px; padding:30px 0;}
#container.sub .subimg .wd .now_gnb{line-height:40px; font-size:25px; color:#fff; border-bottom-color:#fff;}
#container.sub .now_page{ display:none;}

#container.sub .now_deps3{overflow:auto; margin:0; width:auto;}
#container.sub .now_deps3 li{ width:calc(50% - 1px);}
#container.sub .now_deps3 li a{line-height:50px !important; width:100% !important; font-size:20px !important;}

#container.sub #content{width:auto; margin:0 20px;}
#container.sub{margin-bottom:20px;}
/*내용/////////////////////////////////////////////////////////////////////*/


/*진료과목*/
.p_itr .itr_top,
.p_itr .itr_top.type2{padding:50px 0 0 0; width:100%;}
.p_itr .itr_top .bg,
.p_itr .itr_top.type2 .bg{position:relative; width:90%; left:5%; bottom:auto; height:auto; margin:0 auto; border-bottom:1px solid #eee;}
.p_itr .itr_top .itr{padding:70px 0; margin:10px 0;}
.p_itr .itr_top .itr:before{ width:40px;height:30px; margin-left:-20px; top:20px; background-size:auto 30px;}
.p_itr .itr_top .itr:after{ width:40px;height:30px; margin-left:-20px; bottom:20px; background-size:auto 30px;}
.p_itr .itr_top .itr > .tit{line-height:35px;font-size:25px; word-break:keep-all;}
.p_itr .itr_top .itr > .txt{line-height:25px; font-size:15px; word-break:keep-all;}

	 
.p_itr .itr_top2,
.p_itr .itr_top2.type2{padding:50px 0 0 0; width:100%;}
.p_itr .itr_top2 .bg,
.p_itr .itr_top2.type2 .bg{position:relative; width:90%; left:5%; bottom:auto; height:auto; margin:0 auto; border-bottom:1px solid #eee;}
.p_itr .itr_top2 .itr{padding:70px 0; margin:10px 0;}
.p_itr .itr_top2 .itr:before{ width:40px;height:30px; margin-left:-20px; top:20px; background-size:auto 30px;}
.p_itr .itr_top2 .itr:after{ width:40px;height:30px; margin-left:-20px; bottom:20px; background-size:auto 30px;}
.p_itr .itr_top2 .itr > .tit{line-height:35px;font-size:25px; word-break:keep-all;}
.p_itr .itr_top2 .itr > .txt{line-height:25px; font-size:15px; word-break:keep-all;}
	 
	 
.p_itr .itr_list,
.p_itr .itr_list.type2{padding:0;}
.p_itr .itr_list dl{float:none; padding:10px 0; margin:0 20px;}
.p_itr .itr_list dl dt{ display:block; position:relative; text-align:center; line-height:50px; padding-left:15px; border-bottom:1px solid #f0f0f0; font-size:22px; margin-bottom:10px;}
.p_itr .itr_list dl dt:before{width:20px; height:20px; line-height:20px; top:12px; left:22%; font-size:17px;}
.p_itr .itr_list dl dd,
.p_itr .itr_list.type2 dl dd{float:none; display:list-item; list-style:none; width:100%; font-size:16px;text-indent:0; line-height:20px; padding:5px 0 5px 15px; word-break:keep-all;}

.p_itr .itr_list.type2 dl dt{font-size:20px;}
.p_itr .itr_list.type2 dl dt:before{width:20px; height:20px; line-height:20px; top:12px; left:9%; font-size:17px;}
.p_itr .itr_list.type2 dl dd:before{left:0;}

.p_itr .itr_step{padding:20px 20px 0 20px;}
.p_itr .itr_step ul{width:100%;}
.p_itr .itr_step ul li{float:none; display:list-item; list-style:none; margin-bottom:30px;}
.p_itr .itr_step ul li + li{margin-left:0;}
.p_itr .itr_step ul li img{width:100%; height:auto;}
.p_itr .itr_step ul li span{font-size:17px;}

.p_tit{height:40px;}
.p_tit > .tit{line-height:40px; font-size:20px; padding:0 30px;}
.p_tit2{padding:25px 0 15px 0;}
.p_tit2 > .tit{line-height:30px; font-size:20px; padding:10px 30px; word-break:keep-all;}
.p_tit2 > .tit:after{width:40px; margin-left:-20px;}

.p_list > dl{margin-left:0;}
.p_list > dl:before{line-height:35px; font-size:25px; top:3px;}
.p_list > dl dt{line-height:30px; font-size:22px; padding:5px 0;}
.p_list > dl dd{font-size:15px; line-height:22px; word-break:keep-all;}

.p_list > dl.img{ padding-right:0;}
.p_list > dl.img dd.rig{position:relative; width:100%; padding:20px 0;}
.p_list > dl.img dd.rig .imgbox > span{font-size:13px; line-height:20px; padding:5px;}

.p_list2 > ul{margin:20px 0;}
.p_list2 > ul li{width:46%; margin:0 2%; height:auto;font-size:15px}
.p_list2 > ul li + li{margin-left:0;}
.p_list2 > ul li:nth-child(1),
.p_list2 > ul li:nth-child(2){padding-bottom:55px;}
.p_list2 > ul li:nth-child(3){clear:both;}
.p_list2 > ul li img{margin:0 5px 10px 5px;}
.p_list2 > ul li .cmt{width:200%; line-height:35px; font-size:15px; bottom:10px;}

.p_box{overflow:auto; width:100%;}
.p_box > ul{width:100%;}
.p_box > ul li{float:none; display:list-item; list-style:none; margin:10px 0 0 0 !important;} 
.p_box > ul li .box,
.p_box.type2 > ul li .box{padding:15px 30px 20px 30px; width:auto !important; height:auto; overflow:auto;}
.p_box > ul li .box .tit{font-size:22px; padding-top:10px;}
.p_box > ul li .box .txt{font-size:15px; line-height:25px; word-break:keep-all;}
.p_box > ul li .box .go{line-height:40px; padding:0 20px; font-size:15px;}
.p_box.type2 > ul li .box .tit{}
.p_box.h255 > ul li .box{height:auto;}

.p_box .box ul.list li{float:none; width:calc(100% - 25px); padding:5px 0 5px 25px; display:list-item; list-style:none; margin:0 0 0 0 !important; line-height:20px; font-size:15px;} 
.p_box .box ul.list li:before{width:20px; line-height:20px; font-size:15px; top:5px;}

.p_box .box ul.list2 li{line-height:22px; font-size:15px; word-break:keep-all;}
.p_box .box ul.list2 li:before{width:8px; height:8px; left:-18px; top:7px;}

/*병원소개*/
.p02_itr{ margin:20px 0 50px 0; overflow:hidden;}
.p02_itr .bg{width:auto !important; max-width:none; left:-50%; height:100%;}
.p02_itr .itr{width:auto; padding:0 20px 20px 20px;}
.p02_itr .itr .tit{font-size:30px; line-height:35px; word-break:keep-all;}
.p02_itr .itr .txt{font-size:17px; line-height:25px; word-break:keep-all;}
.p02_pr{padding-left:0; margin-top:20px;}
.p02_pr + .p02_pr{margin-top:40px;}
.p02_pr .primg{position:relative; width:100%; text-align:left;}
.p02_pr .primg img{width:200px;}
.p02_pr .pr{margin-bottom:20px;}
.p02_pr .pr dt{line-height:30px; font-size:30px; padding-bottom:10px; margin-bottom:10px;}
.p02_pr .pr dt > strong{line-height:50px; font-size:30px; margin-right:10px;}
.p02_pr .pr dt > span{line-height:20px; font-size:15px; padding-left:0; vertical-align:middle;}
.p02_pr .pr dd{padding-left:0; font-size:14px; line-height:25px;}
.p02_pr .pr dd.point{font-size:13px;}
.p02_pr .pr dd.point > strong{font-size:15px; display:block;}
.p02_pr .pr.list{margin-bottom:10px; padding-bottom:10px;}
.p02_pr .pr.list dd{font-size: 15px; line-height: 20px; padding: 5px 0 5px 14px; word-break: keep-all;}
.p02_pr .pr.list dd:before{top:13px; left:5px;}

.p02_pr #tabbox .tabtit li span{line-height:40px; font-size:19px;}
.p02_pr #tabbox .tablist{margin:10px 0;}
.p02_pr #tabbox .tablist .box ul{padding-left:0; padding-right:10px;}
.p02_pr #tabbox .tablist .box ul li{font-size:15px; line-height:20px; padding:5px 0 5px 14px; word-break:keep-all;}
.p02_pr #tabbox .tablist .box ul li:before{top:13px; left:5px;}

.p02_his .hisbox{padding-top:80px;}
.p02_his .hisbox:before{ width:40px;height:30px; margin-left:-20px; top:35px; background-size:auto 30px;}
.p02_his .hisbox .tit{font-size:25px; line-height:35px; word-break:keep-all;}
.p02_his .hisbox .txt{font-size:15px; line-height:20px; word-break:keep-all;}

.pop_pr1{width:auto !important; padding:70px 20px 20px 20px !important;}
.pop_pr1 .tit .kr{font-size:23px; line-height:30px;}
.pop_pr1 .tit .en{font-size:17px; line-height:20px; padding:7px 0;}
.pop_pr1 .sum{line-height:22px; font-size:17px;}
.pop_pr1 .txt{line-height:25px;}

.pop_pr2{width:auto !important; padding:70px 20px 20px 20px !important;}
.pop_pr2 .box{padding-left:0;}
.pop_pr2 .box .img{position:relative; width:70%; margin:0 auto; left:15%; top:auto;}
.pop_pr2 .box .sum{line-height:30px; font-size:20px;}
.pop_pr2 .box .tit{line-height:40px; font-size:30px;}
.pop_pr2 .box .txt1{line-height:30px; font-size:20px;}
.pop_pr2 .box .txt2{line-height:25px;}

/*둘러보기*/
.tourbox{width:auto; padding:50px 0;}
.tourbox .titbox{display:block; padding:0 40px;}
.tourbox .titbox .tit{line-height:50px; font-size:25px;}
.tourbox .titbox .txt{line-height:25px; font-size:17px; color:#8d8d8d; word-break:keep-all;}
.tourbox .sdbox{padding-top:50px;}
.tourbox .sdbox > .pg{ top:18px;}
.tourbox .sdbox > .pg .bx-pager-item{margin:0 4px;}
.tourbox .sdbox > .pg a{width:10px; height:10px;}

/*팝업*/

.popbox{z-index:1000; width:100%; height:100%; left:0; top:0; margin:0;overflow:auto; padding:20px !important; box-sizing:border-box; border:none;}
.popboxbg.on .popbox > .close{position:fixed; width:35px; height:35px; right:20px; top:20px; background-size:35px auto;}
.popbox > .intro{width:100%; float:none;}
.popbox > .intro .tit{ font-size:35px; line-height:40px;}
.popbox > .intro .txt{font-size:17px; line-height:25px;}
.popbox > .intro .img{margin:20px 0;}
.popbox > .list{float:none; width:auto; padding:20px 0 20px 20px;}
.popbox > .list dt{line-height:30px; font-size:20px; word-break:keep-all;}
.popbox > .list dt:before{left:-15px;}
.popbox > .list dd{line-height:25px; font-size:15px;}
.popbox > .list dt + dt,
.popbox > .list dd + dt{margin-top:20px;}
.popbox > .list dt.txt{ left:-20px; width:auto;line-height:25px; font-size:15px;}
.popbox > .wt{padding:10px 0;}
.popbox > .wt > span{padding:10px 20px; line-height:20px; font-size:14px; text-align:left; word-break:keep-all; border-radius:10px;}

.popbox.imgtype{height:100%;}
.popbox.imgtype .intro > .tit{float:none !important;}
.popbox.imgtype .intro > .txt{padding:0 0 20px 0;}
.popbox.imgtype .imglist{ width:100%;}
.popbox.imgtype .imglist li{float:none; display:list-item; list-style:none; clear:both; width:auto; height:auto;}
.popbox.imgtype .imglist li .tit{width:100%; margin:0; line-height:40px; font-size:15px;}
.popbox.imgtype .imglist li:nth-child(2n){margin:0;}
.popbox.imgtype .imglist li strong{line-height:20px; font-size:15px; padding:10px 30px; word-break:keep-all;}

.popbox.one > .intro .txt{line-height:30px; font-size:20px;}
.popbox.one > .list2{padding-left:20px;}
.popbox.one > .list2 li{line-height:22px; font-size:15px; word-break:keep-all;}
.popbox.one > .list2 li:before{width:8px; height:8px; left:-18px; top:13px;}
/*신경성형술_팝업*/
.p0301pop ul li{float:none; width:100% !important; display:list-item; list-style:none; margin-bottom:20px;}
.p0301pop ul li img{width:100%; height:auto;}
.p0301pop ul li img + img{margin-left:0;}
.p0301pop ul li > span{font-size:17px; line-height:20px; padding:10px 0;}


.mid_img{width:100%; margin:0;}
.mid_img > span{font-size:15px; padding:10px 0;}

.two_img{width:100%; margin:0;}
.two_img ul{padding:20px 0 0 0;}
.two_img ul li{float:none; display:list-item; list-style:none; margin-bottom:20px;}
.two_img ul li > span{width:auto; font-size:15px; padding:10px 20px;}
.two_img ul li + li{margin-left:0;}

.bgbox{padding-bottom:0;}
.p_img.m30{margin-bottom:0;}

/*무릎*/
.three_img{width:100%; margin:30px 0 0 0;}
.three_img ul li{float:none; display:list-item; list-style:none; width:100%;}
.three_img ul li + li{margin-top:20px; padding-top:30px; border-top:1px solid #ddd;}
.three_img ul li .box{width:100%; height:auto;}
.three_img ul li .box .tit{line-height:35px; width:120px; font-size:17px;}
.three_img ul li .box .img img{width:80%;}
.three_img ul li .box .txt{padding:10px 20px; line-height:25px; font-size:15px;}


.itr_list2 .tit > span{font-size:25px; line-height:35px; padding:0 0 0 42px;}
.itr_list2 .box{padding:20px;}
.itr_list2 .box dl{padding:0;}
.itr_list2 .box dl + dl{margin-top:20px; padding-top:20px;}
.itr_list2 .box dl dt{position:relative; left:auto; top:auto; margin:0; font-size:20px; font-weight:500; line-height:30px; padding-left:25px;}
.itr_list2 .box dl dd{line-height:20px; font-size:15px; padding-top:10px;}

.p_list3{height:auto; overflow:auto; padding:0;}
.p_list3 li{display:list-item; list-style:none; float:none; width:auto; padding-top:1px;}
.p_list3 li .box{width:100%;}
.p_list3 li .box dl{box-sizing:border-box;}
.p_list3 li .box dl dt{line-height:40px; top:-30px; border-radius:40px; font-size:20px;}
.p_list3 li .box dl dd{line-height:30px; font-size:17px;}


.p0502_tbl{margin-top:30px; width:100%;}
.p0502_tbl th,
.p0502_tbl td{line-height:20px; padding:8px 10px; font-size:14px;}
.p0502_tbl td.bg{width:40%; word-break:keep-all;}
.p0502_tbl td.rig{padding-right:15px; width:60%;}

}