/* layout */
#wrap {height:100%;overflow:visible !important;background:#fff;}

/*------------------------------
 Header(common)
------------------------------*/
#header {position:fixed; left:0; top:0; width:100%; text-align:center; height:57px; z-index:100; box-shadow:0px 1px 5px rgba(0, 0, 0, 0.4); border-top:10px solid #0e59af;}
#header .headerIn {width:100%; height:57px; background:#fff;}
#header .headerIn p.logo {position:absolute; top:14px; left:50%; margin-left:-65px;}
#header .headerIn p.menu {position:absolute; top:12px; left:3%;}
#header .headerIn p.call {position:absolute; top:12px; right:3%;}

/* gnb left */
.gnb {position:fixed; left:-305px; top:10px; text-align:left; width:248px; height:100%; margin-bottom:-1px; background:#f9f9f9; box-shadow:0px 1px 5px rgba(0, 0, 0, 0.4); z-index:300; font-family: 'NanumBarunGothic';}
.gnb .gnbClose {display:block; position:absolute; right:-57px; top:0; width:57px; height:57px; background:#ccc url(/m/img/bg_gnbClose.png) no-repeat center center; background-size:16px 16px;}
.gnb .gnbIn {overflow:auto; height:100%;}

.gnbBox > li {border-bottom:1px solid #277bdc;}
.gnbBox > li:first-child {border-top:0px solid #c3c3c6;}
.gnbBox a {color:#fff;}
.gnbBox .depth01 {display:block; height:50px; line-height:50px; padding-left:20px; font-size:17px; color:#fff; background:#1069cf url(/m/img/bg_depth012.png) no-repeat right center; background-size:67px 67px;}
.gnbBox .depth01.on {height:51px; line-height:50px; padding-left:20px; margin-top:-1px; color:#fff; background:#1069cf url(/m/img/bg_depth01_on2.png) no-repeat right center; background-size:67px 67px;}
.gnbBox .depth01.noBg {background:none;}
.gnbBox .depth01.on.noBg {background:#f2f2f2 none;}

.gnbBox .depth02 {padding:5px 0; background:#fff;}
.gnbBox .depth02 li a {display:block; color:#555; height:35px; line-height:35px; padding-left:20px; font-size:14px; border-top:1px dotted #ddd}
.gnbBox .depth02 li a.first {border-top:0}
.gnbBox .depth02 li a.on {color:#333;}
.gnbBox .depth02 li a:hover {color:#333;}

/* ���ڵ�� */
.accordion .depth02, .accordion02 .depth02, .accordion03 .depth02 {display:none;}
.accordion .depth02.open, .accordion02 .depth02.open, .accordion03 .depth02.open {display:block;}

/*------------------------------
* main
------------------------------*/
#contents {position:relative; width:100%; margin-top:57px; height:auto; letter-spacing:-.02em;}

#visual {width:100%; overflow:hidden; position:relative; margin:0 auto;	height:64vw;}
#visual .visual_wrap {	position:relative;	width:100%;	margin:auto;text-align:center;}
#visual .visual_box { position:absolute; width:100%; left:0;}
#visual .visual_box div { position:absolute; top:0;	left:0;width:100%; }
#visual .v_ul {	position:absolute;	top:50vw; right:3%; width:125px; text-align:center;	z-index:1;}
#visual .v_ul li { display:inline-block;	cursor:pointer;	margin:0 1px;}
#visual .v_ul li img {height:7px;}
#visual .v_btn01 {	position:absolute;	z-index:1;	top:250px;	left:-100px; cursor:pointer; z-index:900}
#visual .v_btn02 {	position:absolute;	z-index:1;	top:250px;	right:-100px; cursor:pointer; z-index:900}
#visual .visual_p {	/*position:absolute;*/	left:0;}
#visual .visual_p img {width: 100%;}

.mbg1 {position:relative; overflow:hidden; padding:3% 3% 5%; width:94%; background:url(/m/img/mo_mbnbg.png) repeat; background-size:12px auto;}
.mbg2 {position:relative; overflow:hidden; padding:5% 3%; width:94%; background:#fff;}

.mver1 {position:relative; overflow:hidden; margin-top:3%;}

.mainbn {float:left; width:28.6%; height:20%; position:relative; margin:0; padding:0 0 0 3%;}
.mainbn p.tit {font-family:NanumSquareB; color:#333333; font-size:15px; margin-top:10%}
.mainbn p.text {font-family:NanumSquareR; color:#333333; font-size:10px; margin-top:2%}
.mbn1 {background:url(/m/img/mo_mbn1.png) no-repeat center center; background-size:100%; margin:0 2.6% 2.6% 0;}
.mbn2 {background:url(/m/img/mo_mbn2.png) no-repeat center center; background-size:100%; margin:0 2.6% 2.6% 0;}
.mbn3 {background:url(/m/img/mo_mbn4.png) no-repeat center center; background-size:100%; margin:0 0 2.6% 0;}
.mbn4 {background:url(/m/img/mo_mbn5.png) no-repeat center center; background-size:100%; margin-right:2.6%;}
.mbn5 {background:url(/m/img/mo_mbn3.png) no-repeat center center; background-size:100%; margin-right:2.6%;}
.mbn6 {background:url(/m/img/mo_mbn6.png) no-repeat center center; background-size:100%;}

/* 의료진소개 */
.m-doctors {position:relative; width:100%; margin:0; padding:6% 0 0; overflow:hidden;}
.m-doctors .dr_title {position:absolute; left:3% ; top:0; font-size:13px; color:#161616; font-family: 'NanumSquareB';}
.doctor_flow {position:relative; float:left; width:100%; clear:both; margin:0px 0 0; overflow:hidden; padding-top:20px;}

.amazon_scroller{float:left; width:100%;height:120px;}
.amazon_scroller .amazon_scroller_nav{position: absolute;top:-0px !important; }
.amazon_scroller .amazon_scroller_nav li{ cursor: pointer; position: absolute; border:0 !important; background-size:44px 44px;}
.amazon_scroller .amazon_scroller_mask{ position: absolute;  margin-left: 0px;  margin-right: 0px; overflow:visible;}
.amazon_scroller ul{ padding:0; margin:0; float:left; width:98%; height:120px; }
.amazon_scroller ul li{ display:inline-block; float:left; width:100%; height:120px; list-style:none; }
.amazon_scroller ul li:first-child {}
.amazon_scroller .dr-info { position:relative;float:left; padding:20px 0 0 30px; width:288px; text-align:left;font-family: 'NanumSquareB';   margin:0 auto;}
.amazon_scroller .dr-info dt {position:relative;float:left;  width:100%; margin-bottom:0px; font-size:16px; line-height:25px; color:#3e3e3e;}
.amazon_scroller .dr-info dt span {font-size:85%}
.amazon_scroller .dr-info dt em { font-style:normal !important; color:#0e59af; margin-left:5px;}
.amazon_scroller .dr-info dd {position:relative;float:left; margin:2px 0 0; width:100%; padding-top:8px;padding-left:2px;
                 background:url(/m/img/mo_line1.png) no-repeat left top; background-size:auto 2.5px; font-size:12px; font-weight:600; color:#209e7f; line-height:20px;}

.bg_dr1 { background:#fff url(../../images/main/doctor1.png) no-repeat 97% bottom; background-size:auto 97%;}
.bg_dr2 { background:#fff url(../../images/main/doctor2.png) no-repeat 97% bottom; background-size:auto 97%;}
.bg_dr3 { background:#fff url(../../images/main/doctor3.png) no-repeat 97% bottom; background-size:auto 97%;}
.bg_dr4 { background:#fff url(../../images/main/doctor4.png) no-repeat 97% bottom; background-size:auto 97%;}
.bg_dr5 { background:#fff url(../../images/main/doctor12.png) no-repeat 97% bottom; background-size:auto 97%;}
.bg_dr6 { background:#fff url(../../images/main/doctor6.png) no-repeat 100% bottom; background-size:auto 97%;}
.bg_dr7 { background:#fff url(../../images/main/doctor7_210531.png) no-repeat 97% bottom; background-size:auto 97%;}
.bg_dr8 { background:#fff url(../../images/main/doctor8.png) no-repeat 97% bottom; background-size:auto 97%;}
.bg_dr9 { background:#fff url(../../images/main/doctor9.png) no-repeat 97% bottom; background-size:auto 97%;}
.bg_dr10 { background:#fff url(../../images/main/doctor10.png) no-repeat 97% bottom; background-size:auto 97%;}


/* 버튼 가이드  */
.btn_s1	{ position:absolute; left:30px ; top: 83px; width:70px; height:22px; text-align:center; z-index:99999}
.btn_s1	a {display:block;float:left; width:100%; height:100%; font-size:10px; border:1px solid #ddd;background:#fff; color:#444; line-height:21px;font-family: 'NanumBarunGothic'; box-sizing:border-box;  }
.btn_s1	a span {display:inline-block; margin:0 auto; }
.btn_s1	a:hover,
.btn_s1	a:focus	{ border:1px solid #444; color:#fff; opacity:1; background:#444;}

.btn_s2	{ position:absolute; left:105px ; top:83px; width:70px; height:22px; text-align:center; z-index:99999}
.btn_s2	a {display:block;float:left; width:100%; height:100%; font-size:10px; border:1px solid #2460bd;background:#2460bd; color:#fff; line-height:21px;font-family: 'NanumBarunGothic'; box-sizing:border-box;  }
.btn_s2	a span {display:inline-block; margin:0 auto; }
.btn_s2	a:hover,
.btn_s2	a:focus	{ border:1px solid #2460bd; color:#2460bd; opacity:1; background:transparent;}

.mqwrap {position:relative; width:100%; height:55px; background:url(/m/img/mo_qbg.png) no-repeat center top; background-size:100% 55px;}
.mqwrap li {float:left; width:20%; font-size:9px; color:#fff; text-align:center; padding-top:37px;}
.mqwrap li.moq1 { background:url(/m/img/mo_q1.png) no-repeat center 10px; background-size:auto 20px;}
.mqwrap li.moq2 { background:url(/m/img/mo_q2.png) no-repeat center 10px; background-size:auto 20px;}
.mqwrap li.moq3 { background:url(/m/img/mo_q3.png) no-repeat center 10px; background-size:auto 20px;}
.mqwrap li.moq4 { background:url(/m/img/mo_q4.png) no-repeat center 10px; background-size:auto 20px;}
.mqwrap li.moq5 { background:url(/m/img/mo_q5.png) no-repeat center 10px; background-size:auto 20px;}

.mo_online {position:relative; float:left; width:48.5%; height:55px; background:url(/m/img/mo_onbg2.png) no-repeat; background-size:100% 100%; margin-right:3%;}
.mo_online p.tit {font-family: 'NanumSquareB'; color:#fff; font-size:14px; line-height:55px; text-indent:7%;}
.mo_online p.tit span {color:#fffc1c;}
.mo_online p.ico {position:absolute; top:12px; right:10%; background:url(/m/img/mo_online.png) no-repeat; width:33px; height:32px; background-size:100%; z-index:99;}

.socialwrap {position:relative; float:left; width:43.8%; border:1px solid #dddddd; height:53px; padding:0 2%;}
.socialwrap li {float:left; height:30px; margin:11px 0 12px; width:25%; text-align:center;}
.socialwrap p {float:left; height:34px; margin:10px 10px; width:25%; text-align:center;}

.mo_cswrap {position:relative; width:99%; height:120px; border:1px solid #ddd; background:#fff; margin-top:3%;}
.mocs1 {float:left; margin:2.5% 1% 0 3%; width:44%;}
.mocs1 li.calltit {padding-left:48px; height:45px; background:url(/m/img/mo_call.png) no-repeat left; background-size:40px auto;}
.mocs1 li.calltit > dl dt {font-family: 'NanumSquareB'; font-size:13px; color:#161616; padding-top:10px;}
.mocs1 li.calltit > dl dd {font-family: 'NanumSquareR'; font-size:7.5px; color:#686868; margin-top:2px;}
.mocs1 li.callnum {font-family:'OpenSans-Regular'; font-size:23px; margin-left:3%; color:#767676; border-bottom:0px solid #1666c2; padding-bottom:2px;}
.mocs1 li.callnum span.c1 {color:#0c60c0;}
.mocs1 li.callnum span.c2 {color:#4536a3;}
.mocs2 {float:left; margin:2% 0% 3% 0%; width:50%;}
.mocs2 li > dl { border-bottom:1px solid #e8ebec; font-size:10px;height:19px; line-height:19px;}
.mocs2 li > dl:last-child {border:0;}
.mocs2 li > dl dt {float:left; padding-left:3px; width:39%; font-family: 'NanumSquareR'; color:#7c7c7c;}
.mocs2 li > dl dd {float:left;  color:#232323;}

/*------------------------------
* sub_page
------------------------------*/
#Subcontents {position:relative; width:100%; margin-top:57px; height:auto;}

.svisual01 {position:relative; width:100%; height:140px; background:url(/m/img/s_visual1.png) no-repeat center top; background-size:auto 140px;}
.svisual02 {position:relative; width:100%; height:140px; background:url(/m/img/s_visual2.png) no-repeat center top; background-size:auto 140px;}
.svisual03 {position:relative; width:100%; height:140px; background:url(/m/img/s_visual3.png) no-repeat center top; background-size:auto 140px;}
.svisual04 {position:relative; width:100%; height:140px; background:url(/m/img/s_visual4.png) no-repeat center top; background-size:auto 140px;}
.svisual05 {position:relative; width:100%; height:140px; background:url(/m/img/s_visual5.png) no-repeat center top; background-size:auto 140px;}
.svisual06 {position:relative; width:100%; height:140px; background:url(/m/img/s_visual6.png) no-repeat center top; background-size:auto 140px;}
.svisual07 {position:relative; width:100%; height:140px; background:url(/m/img/s_visual7.png) no-repeat center top; background-size:auto 140px;}
.svisual08 {position:relative; width:100%; height:140px; background:url(/m/img/s_visual8.png) no-repeat center top; background-size:auto 140px;}
.svisual09 {position:relative; width:100%; height:140px; background:url(/m/img/s_visual_medical.jpg) no-repeat center top; background-size:auto 140px;}

#lnbWrap {width:100%; position:relative; z-index:9; background:#f2f2f2; background-size:12px auto;}


/*페이지인식*/
#page01 .sub_menu li.menu01 a,
#page02 .sub_menu li.menu02 a,
#page03 .sub_menu li.menu03 a,
#page04 .sub_menu li.menu04 a,
#page05 .sub_menu li.menu05 a,
#page06 .sub_menu li.menu06 a,
#page07 .sub_menu li.menu07 a,
#page08 .sub_menu li.menu08 a,
#page09 .sub_menu li.menu09 a,
#page10 .sub_menu li.menu10 a,
#page11 .sub_menu li.menu11 a,
#page12 .sub_menu li.menu12 a,
#page13 .sub_menu li.menu13 a,
#page14 .sub_menu li.menu14 a,
#page15 .sub_menu li.menu15 a,
#page16 .sub_menu li.menu16 a,
#page17 .sub_menu li.menu17 a{background:url(/m/img/snbbg.png) no-repeat; color:#fff; border-color:#0e58ad;}

.lnb_wrap {position:relative; width:96%; padding:7px 2% 4px; overflow:hidden; overflow:hidden; }
.lnb_wrap .sub_menu {position:relative; margin:0; padding:0;}
.lnb_wrap .sub_menu li a {float:left; width:31.4%; height:25px; position:relative; margin:0; text-align:center; margin:0 1% 1% 0; 
background:#fff; border:1px solid #e3dedb; font-family: 'NanumBarunGothic'; font-size:13px; line-height:27px;}
.lnb_wrap .sub_menu li a:hover, 
.lnb_wrap .sub_menu li a:focus {background:#fff url(/images/sub/lnb_on2.png) no-repeat; color:#0e58ad;
    -webkit-transition: background .1s;
	-moz-transition: background .1s;
	-ms-transition: background .1s;
	transition: background .1s;
}
.lnb_wrap .sub_menu li a.mr0 {margin-right:0;}

.subTitle {position:relative; width:100%; font-family: 'NanumBarunGothic';  font-size:18px; color:#0e59af; letter-spacing:-.04em; overflow:hidden; height:25px; border-bottom:2px solid #dfdfdf; padding-bottom:5px; margin-bottom:3%;}
.subTitle span {padding:5px 0 0 10px;}


.subTitle2 {position:relative; width:100%; font-family: 'NanumBarunGothic';  font-size:18px; color:#0e59af; letter-spacing:-.04em; overflow:hidden; height:50px; border-bottom:2px solid #dfdfdf; padding-bottom:5px; margin-bottom:3%;}
.subTitle2 p {margin-top:20px;}
.subTitle2 span {padding:5px 0 0 10px;}

.jumpmenuwrap {position:relative; width:94%; margin:3% 3% 0;}
.jumpmenuwrap select {width:100%; border:1px solid #ddd; background:#fff; font-size:11px; padding:1% 3%;}


/*------------------ 2016-09-13추가 side-menu ------------------------------------------*/
#pg-side1 .side-menu li a.sideon1,
#pg-side2 .side-menu li a.sideon2,
#pg-side3 .side-menu li a.sideon3,
#pg-side4 .side-menu li a.sideon4,
#pg-side5 .side-menu li a.sideon5,
#pg-side6 .side-menu li a.sideon6,
#pg-side7 .side-menu li a.sideon7,
#pg-side8 .side-menu li a.sideon8,
#pg-side9 .side-menu li a.sideon9,
#pg-side10 .side-menu li a.sideon10 {background:#33bcdc; color:#fff;}

.side-menu {position:relative;clear:both; width:96%; border-top:1px solid #ebebeb; margin:15px auto;font-family: 'NanumBarunGothic'; }
.side-menu li {display:inline-block; float:left; text-align:center; width:33.3333333333% ;  list-style:none; border-bottom:1px solid #ebebeb;}
.side-menu li a {display:block;  line-height:18px; font-size:13.5px; padding:10px 0;color:#666;letter-spacing:-.04em; background:#fff;vertical-align:middle}
.side-menu li a.on {background:#33bcdc; color:#fff;}


/*//////----------- 2016-09-13추가 side-menu--------------------------------------------- */




.bodycont {width:94%; padding:8% 3% 8%; font-family: 'NanumSquareR'; font-size:0.80em; /*line-height:1.50em;*/ color:#555555; overflow:hidden;}

.bodycont h1 { font-size:22px; padding-bottom:5px;}

/*------------------------------
* footer
------------------------------*/
#footer {clear:both;position:relative;float:left; margin:20px 0 0;overflow:hidden;height:130px;background:#262626;width:100%;}
.fmenu {margin:4% 0 3%;}
.fmenu li {text-align:center;color:#bfbfbf;}
.fmenu li a {color:#bfbfbf;}
.fmenu span {padding:0 15px 0 10px; font-size:10px;  font-weight:bold; background:url(/m/img/mo_bar1.png) no-repeat right; background-size:2px auto;}
.fmenu span:last-child { background:none;}

.copywrap {}
.copywrap li {text-align:center; font-size:10px; padding:3px 0;}
.copywrap li span {padding:0 5px; color:#666666;}

/* 예약폼 */
#res_cont {position:relative; width:90%; margin:0 auto; padding-bottom:5%;}
.res_tab01 { width:49%; height:30px; background:#636363; font-size:12px; color:#FFFFFF; text-align:center;}
.res_tab02 { width:49%; height:30px; background:#1c7ce6; font-size:12px; color:#FFFFFF; text-align:center;}
.res_tit01 { height:30px; font-size:16px; font-weight:bold; color:#333333;}
.res_tit01_1 { width:20%; height:30px; padding-left:20px; font-size:16px; font-weight:bold; color:#333333;}

.res02_td { background:#EEEEEE; height:100px; padding:10px0 0 10px 0;}/*예약일 선택*/
.res02_tit01_1 { height:30px; padding-right:10px; font-size:16px; font-weight:bold; color:#333333;}/*예약일 선택*/
.res02_txt { height:30px; padding-right:10px; font-size:13px; color:#333333;}/*예약일 선택*/

.res03_box01 { width:150px; height:30px; background:#1c7ce6; font-size:12px; color:#FFFFFF; text-align:center;}
.res03_box02 { height:30px; padding-left:20px; background:#EEEEEE; font-size:12px; color:#333333; }
.res03_fc { height:30px; font-size:12px; color:#333333; }
.res03_tit01 { width:80px; height:30px; font-size:14px; font-weight:bold; color:#333333;}

.res04_txt { height:30px; font-size:13px; color:#333333;}/*개인정보입력*/
.res04_box01 { width:130px; height:30px; background:#1c7ce6; font-size:12px; color:#FFFFFF; text-align:center;}
.res04_box02 { height:30px; padding-left:10px; background:#EEEEEE; font-size:12px; color:#333333; }
.res04_tit01 { width:80px; height:30px; font-size:14px; font-weight:bold; color:#333333;}
.res04_sp { padding:5px 0 5px 10px;}
.res04_sp02 { padding:0 0 2px 0;}

.input_sp { height:30px; padding:5px 0 5px 0;}
.res_btn { padding:30px 0 30px 0; text-align:center;}

/*------------------------------