@charset "utf-8";

/* layout */
.inner {	width: 100%; max-width:1200px;	position:relative;	margin-left:auto;	margin-right:auto; }
.s-inner {width:100%;  max-width:1200px;	position:relative;	margin-left:auto;	margin-right:auto; }
#sCont {width: 100%; max-width:1200px;	position:relative;	margin-left:auto;	margin-right:auto; }
.sCont1{width:100%; position:relative; background:url('/images/subbg07.jpg') no-repeat top  !important; background-size:cover; overflow:hidden;}


#wrap { font-size: 1.6rem; }

/* 타블렛 가로 */
@media all and (max-width:1480px) {

}

@media all and (max-width:1199px) {

}

@media all and (max-width:976px) {
  html { font-size: 60% !important;}
  #sCont {padding:2%; border:0px solid red; }
}

@media all and (max-width:767px) {
  html { font-size: 0.55rem !important; }
}

@media all and (max-width:480px) {
  html { font-size: 0.5rem !important; }
}



#header { width:100%; position:relative; z-index:98; text-align: center; }

.headerTop { width:100%; position:relative;  background:#f3f3f3; border-bottom:1px solid #d6d6d6; height:45px;  }
.headerTop .hd_mem_area{width:1200px; margin:0 auto;  }

.headerTop .hd_mem_area .hd_mem {float:right;  }
.headerTop .hd_mem_area .hd_mem li {float:left;  height:45px; line-height:45px; display: inline-block;  }
.headerTop .hd_mem_area .hd_mem li:first-child{font-size:14px; }
.headerTop .hd_mem_area .hd_mem li.loginsty{padding:0px 25px; background:#666666; font-weight:600; }
.headerTop .hd_mem_area .hd_mem li.joinsty{padding:0px 25px; background:#333333;  font-weight:600;}
.headerTop .hd_mem_area .hd_mem li.loginsty a{color:#fff !important; font-size:15px; }
.headerTop .hd_mem_area .hd_mem li.joinsty a{color:#fff !important; font-size:15px; }


.logoarea{width:50%; float:left;  position:relative; height:125px; border:0px solid red; box-sizing: border-box; text-align:left;}
.search{width:50%; float:right;  position:relative; border:0px solid red; padding-top:35px;}
.searchform{width:50%; border:3px solid #ccc;float:right; border-radius:30px;  }
.searchform ul{width:100%;}
.searchform ul li{ display:inline-block; float:left;}
.searchform ul li:first-child{width:90%;  border:0px solid red;}
.searchinput{border:0px solid #6fc51c; width: 100%; height:35px; line-height:35px; background:none; padding-left:10px; }
.searchform ul li:last-child{width:10%; padding-top:5px; padding-right:5px;}

#gnb_pc {background:#0066cc; position:relative; width:100%;  box-sizing:border-box; text-align:center; border-top: 1px solid #dfdfdf;
 border-bottom: 0px solid #dfdfdf; }
#gnb_pc .gnb { position: relative; width: 100%; display: flex; align-items: stretch; }
#gnb_pc .gnb_dp1 { align-self: stretch; position: relative;  width: calc(100%/6); line-height: 60px; text-align:center; border-right: 1px solid rgba(250,250,250,0.3); 
  box-sizing: border-box; }
#gnb_pc .gnb_dp1:first-child { border-left: 1px solid rgba(250,250,250,0.3); }
#gnb_pc .gnb_dp1>div { font-size:1.8rem; box-sizing:border-box; cursor:pointer; }
#gnb_pc .gnb_dp1>div>a{ display:inline-block; position:relative;   color:#fff; font-size:19px;}
#gnb_pc .gnb_dp1:hover > div > a { color:#fff; background: #0f4cbc; font-weight:700; display: block; }

.bgc01{background: #0f4cbc;}
.smenubg01{background:url(/images/smenubg01.png);  border-top: 1px solid #dfdfdf;}
.smenubg02{background:url(/images/smenubg02.png);  border-top: 1px solid #dfdfdf;}
.smenubg03{background:url(/images/smenubg03.png);  border-top: 1px solid #dfdfdf;}


#gnb_pc .gnb_dp1 .smenu { position: absolute; display:none; font-size:1.6rem; padding:30px 0; top: 60px; left:-1px; width:calc(100% + 2px); height: 333px;   }
#gnb_pc .gnb_dp1 .smenu li { width: 100%; line-height: 1.35em; margin-bottom: 0.7em; position: relative; }
#gnb_pc .gnb_dp1 .smenu li a { color:#000;} 
#gnb_pc .gnb_dp1 .smenu li:hover a { color:#212121; font-weight:600;}


#header.on #gnb_pc .gnb_dp1 .smenu { border-right: 1px solid #dfdfdf;   }
#header.on #gnb_pc .gnb_dp1:first-child .smenu { border-left: 1px solid #dfdfdf; }
#header.on #gnb_pc .gnb_dp1 .smenu::before { display:block; content:''; width:calc(100% - 2px); height:calc(100% - 1px); position:absolute; left:1px; top:1px;
                                                     background:#fff; transition:all .3s; transform:scaleY(0); }




#header.on #gnb_pc .gnb_dp1:hover .smenu::before { transform:scaleY(1); border-bottom: 1px solid #dfdfdf;}
#header.on #gnb_pc::before { content:''; width: 100%; height: 333px; position: absolute; left:0; top:60px; background: #f8f9fb; border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
 }




.menuToggle { position:absolute; left: 0; top: 0; background: #ff6600; cursor:pointer; z-index:30; }
.menuToggle span {display:block; width:26px; height:2px; background:#fff; position:absolute; top: 50%; left:50%; margin-left: -13px; transition:all 0.5s}
.menuToggle span.t { margin-top: -12px; }
.menuToggle span.m { margin-top:-1px; width: 20px; }
.menuToggle span.b { margin-top: 10px; }

.menuToggle.m_on span.t { transform:rotate(45deg); margin-top: 0;  }
.menuToggle.m_on span.m {width:0;}
.menuToggle.m_on span.b { transform:rotate(-45deg); margin-top: 0; }

#header .hd_tel { position: absolute; right:0; top:0; font-size:0; background:#3a76ff url("/images/common/t_tel.png") no-repeat center; background-size: 100% auto; }
#header .hd_tel a { display: block; width: 100%; height: 100%; }

#gnb_mo { position:fixed; height:100%; z-index:29; left:0;  top:0px; padding:0; background:#fff; text-align: left; border-top: 1px solid #e9e9e9;
                color:#212121; width:100%; max-width:500px; box-sizing:border-box; transition: all 0.4s ease;
            	-webkit-transform: translateX(-100%) rotate(0); -moz-transform: translateX(-100%) rotate(0); -ms-transform: translateX(-100%) rotate(0); -o-transform: translateX(-100%) rotate(0);
               transform: translateX(-100%) rotate(0);
}

#gnb_mo .gnb {  border-top: 1px solid #dfdfdf; }
#gnb_mo .gnb_dp1 > div {  background:url('/images/arrow.png')right no-repeat; font-weight:500;  font-size:16.5px; padding:1em 1em; cursor:pointer; border-bottom:1px solid #dedede; }
#gnb_mo .gnb_dp1 > div > a { color:#212121; }
#gnb_mo .gnb_dp1 > div.on { background: #ff6600; }
#gnb_mo .gnb_dp1 > div.on> a { color:#fff; }

#gnb_mo .smenu {display:none; padding:1em 1.5em; background: #f5f7fb; }
#gnb_mo .smenu>li br{display:none;}
#gnb_mo .smenu>li>a,
#gnb_mo .smenu>li>span {display:block; padding:0.5em 0; font-size:16px; color:#000;}
#gnb_mo .smenu>li>a:hover,
#gnb_mo .smenu>li>span:hover{ color:#212121; font-weight:500;}


@media all and (max-width:1480px) {
  .headerTop { width: 95%; }
  .hd_cert li { margin-right: 0.5em; }
  .hd_cert li img { width: 50px; }
  .hd_cert li dl { padding-left: 0.3em; }
  .hd_cert li dl dt { font-size: 1.3rem; }
  .hd_cert li dl dd { font-size: 1.7rem; }

  .headerTop #logo a img { height: 46px; }
}

@media all and (max-width:1080px) {
  #header #gnb_pc {display:none;}

  .headerTop {display:none; }
  .logoarea{display:none; }
	.search{display:none; }

  
  
  .headerTop #logo {float: left;  }
  .headerTop #logo a img { height: 42px; }

  #header .hd_btn { display: none; }
  #header .hd_mbx { display: block; width: 80px; height: 80px; }

  #gnb_mo.m_menuOn{	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }

  #gnb_mo .hd_cert { padding: 1em 5%; text-align: center; }
  #gnb_mo .hd_surgery { margin: 0 auto; text-align: center; padding: 1em 8%; background: #f3f7ff; }
  #gnb_mo .hd_surgery .hdSlide dl { text-align: left; width: 190px; }

  .headerTop .hd_mem { display: none; }

  #gnb_mo .hd_mem { overflow: hidden; text-align: center; }
  #gnb_mo .hd_mem li { float: left; width: 50%; }
  #gnb_mo .hd_mem li a { display: block; padding: 1em 0; background: #ff9900; color:#fff; font-size: 17px; font-weight:600;  }
  #gnb_mo .hd_mem li a:hover { background: #ff6600; }
  #gnb_mo .hd_mem li + li a { border-left: 1px solid rgba(255,255,255,0.2); }

}


@media all and (max-width:860px) {
  .headerTop { line-height: 70px; height: 70px; width: calc(95% - 140px); text-align: left; }
  .headerTop #logo a img { height: 36px; }
  .hd_cert li img { width: 40px; }

  #header .hd_mbx { width: 70px; height: 70px; }

  .headerTop .hd_surgery { width: 230px; }
  .headerTop .hd_surgery .hdSlide dl dt { font-size: 1.3rem; }
  .headerTop .hd_surgery .hdSlide dl dd { font-size: 2rem; margin-top: -0.2em; }
  .headerTop .hd_surgery .hdSlide .item::before { width: 30px; height: 30px; }

  #gnb_mo { top: 70px; }

}


@media all and (max-width:767px) {
  .headerTop { text-align: center; }
  .headerTop #logo { float: inherit; display: inline-block; vertical-align: middle; }
  .headerTop .hd_cert,
  .headerTop .hd_surgery { display: none; }

  .menuToggle span { width:24px; }
  .menuToggle span.t { margin-top: -10px; }
  .menuToggle span.m { width: 18px; }
  .menuToggle span.b { margin-top: 8px; }

  #gnb_mo .hd_cert { padding: 1em 5%; text-align: center; }
  #gnb_mo .hd_surgery { margin: 0 auto; text-align: center; padding: 1em 8%; background: #f3f7ff; }
  #gnb_mo .hd_surgery .hdSlide dl { text-align: left; width: 180px; }
}

@media all and (max-width:568px) {
  .headerTop { line-height: 60px; height: 60px; width: calc(95% - 120px); }
  .hd_cert li img { width: 34px; }

  #header .hd_mbx { width: 60px; height: 60px; }

  #gnb_mo { top:0px; }
  .mologo{height:60px; background:none !important; text-align:center;}
  .mologo img{height:60px;}
}


@media all and (max-width:380px) {
  .headerTop #logo a img { height: 32px; }

  #gnb_mo .hd_cert { padding: 1em 0.7em; display: flex; }
  #gnb_mo .hd_cert li { display: flex; align-items: center; }
  .hd_cert li img { width: 26px; }
  .hd_cert li dl dt { font-size: 1.2rem; }
  .hd_cert li dl dd { font-size: 1.5rem; }




}





#footer { position: relative; width: 100%; background: #2f2f2f; overflow: hidden; }
#footer .f-link {width:100%;  position: relative; overflow:hidden; max-width:1200px; margin:0 auto;
border-bottom: 1px solid rgba(255,255,255,0.1); padding: 1.6em 0; }

.b-link{position: relative; float:left;}
.b-link  li { display: inline-block; vertical-align: middle; line-height: 1.0em; }
.b-link li::before { content:''; width: 1px; height: 14px; background: rgba(255,255,255,0.15); display: inline-block; vertical-align: middle; margin: 0 1.2em; }
.b-link li:first-child::before { display: none; }
.b-link li a { color:#fff; font-size:15px; }




#footer .f-info { padding: 4rem 0; font-size:0;  }
#footer .f-info h1,
#footer .f-info .txt { display: inline-block; vertical-align: top; }
#footer .f-info h1 { width: 20%; }
#footer .f-info h1 img { max-width: 90%; }
#footer .f-info .txt { width: 80%; font-size: 1.5rem; color:rgba(250,250,250,0.4);  }
#footer .f-info .txt p { display: inline-block; margin-right:1.5em; margin-bottom: 0.5em; }
#footer .f-info .txt p.copy { font-size: 1.3rem; display: block; margin-top: 1.5em; mragin-bottom:0; opacity: 0.4; }




@media all and (max-width:1480px) {
  #footer .f-info h1 { width: 25%; }
  #footer .f-info h1 img { max-width: 85%; }
  #footer .f-info .txt { width: 75%; }
  #footer .f-info .txt br { display: none; }
}

@media all and (max-width:1080px) {
#footer{padding:0px 10px;}
  #footer .f-link { font-size: 1.5rem; }
  #footer .f-link li::before { margin: 0 0.7em; }
}

@media all and (max-width:860px) {
  #footer .f-link { font-size: 1.4rem; }
  #footer .f-link .s-inner { width: 95%; }

  #footer .f-info { padding: 3rem 0; }
  #footer .f-info h1 { width: 30%; }
  #footer .f-info .txt { width: 100%; }
}

@media all and (max-width:767px) {
  #footer .f-link { font-size: 11px !important; padding: 1em 0; }
  #footer .f-link .s-inner { width: 98%; text-align: center; }
  #footer .f-link li { margin: 0.3em 0; }
  #footer .f-link li::before { height: 10px; }
  .b-link li a { color:#fff; font-size:12px; }

}

@media all and (max-width:568px) {
  #footer { padding-bottom: 0%; }
  #footer .f-info h1,
  #footer .f-info .txt { width: 100%; text-align: center; }
  #footer .f-info h1 img { max-width: 37%; }
  #footer .f-info .txt { padding-top: 1.5em; }

  .b-link{margin:0 auto; border:0px solid red; text-align:center; width:100%;}
  .b-link ul{margin:0 auto; text-align:center;} 
}



#Quick { position: fixed; width:130px; top:45px; right:0; text-align: center; z-index:99; }
#Quick h4 { font-size: 1.4rem; font-weight: 800; padding: 1em 0; background: #3ac0ff; color:#fff; line-height: 1.0em;}
#Quick ul { background: #fff;  border-top:0px solid #d7d7d7;}
#Quick ul li { border-left:1px solid #d7d7d7; }
#Quick ul li:first-child{padding-top:0px !important;}
#Quick ul li:last-child{padding-bottom:10px !important;}
#Quick ul li a { display: block; padding:0.3em 0; color:#000; font-size: 1.5rem; font-weight:600; }
#Quick ul li a img {}
#Quick .go_top { font-size: 1.3rem; display: block; padding: 0.5em 0; background: #000; color:rgba(255,255,255,0.5); }
.call{background:#f15a25; padding:20px 10px; box-sizing:border-box; }
.call>ul>li{width:100%; background:#f15a25; border-left:0px solid #d7d7d7 !important; }
.call>ul>li span{font-size:15px;}
.call>ul>li:first-child{border-bottom:1px solid rgba(250,250,250,0.2) !important; border-top:0px solid #d7d7d7;
color:#fff; padding-bottom:10px !important;}
.call>ul>li:last-child{padding-bottom:0px !important; padding-top:10px !important;color:#fff;}

.quicktit{height:45px; line-height:45px; font-weight: 600;font-size: 14PX; background-color:rgba(0, 0, 0, 1.0); color: #fff;}

@media all and (max-width:1089px) {
  #Quick { width: 70px; display:none; }

}

@media all and (max-width:976px) {
  #Quick { width: 70px; display:none; }
  #Quick ul li a { padding: 1em 0; }
  #Quick ul li a img { max-width:40%; }
}

@media all and (max-width:767px) {

}

@media all and (max-width:400px) {
 
}



.f_site{
overflow:hidden; width:300px; border:1px solid red;}


/* 페이징 */
.treat2 .paging{text-align: center; margin-top: 30px;}
.treat2 .pg_wrap {clear:both;display:inline-block}
.treat2 .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.treat2 .pg {text-align:center}
.treat2 .pg_page, .treat2 .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.treat2 .pg a:focus, .treat2 .pg a:hover {text-decoration:none}
.treat2 .pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.treat2 .pg_page:hover {background-color:#fafafa}
.treat2 .pg_start {text-indent:-999px;overflow:hidden;background:url('/pg/img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.treat2 .pg_prev {text-indent:-999px;overflow:hidden;background:url('/pg/img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.treat2 .pg_end {text-indent:-999px;overflow:hidden;background:url('/pg/img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.treat2 .pg_next {text-indent:-999px;overflow:hidden;background:url('/pg/img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.treat2 .pg_start:hover,.treat2 .pg_prev:hover,.treat2 .pg_end:hover,.treat2 .pg_next:hover {background-color:#fafafa}

.treat2 .pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}