@charset "utf-8";

/* reset */
html, body { width:100%; height:100%;  }
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:12px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Noto Sans KR", sans-serif;}
a {text-decoration:none; color:#4f4f4f; font-family: "Noto Sans KR";}
li, ul, ol {list-style:none;}
img {border:0;}
a:focus { outline:none;  }
.wrap {overflow:hidden; position:relative;  width:100%; max-width:640px; margin:0 auto;  }
.wrap img { max-width:100%; }

/*헤더*/
.header { width:100%; height:90px; text-align:center; font-size:0;}
.header a { display:inline-block; }
.header .menu { float:left; width:90px;}
.header .logo { float:left; width:460px; text-align:center; padding-top:10px;}
.header .right_menu { float:right; width:90px;}


@media all and (max-width:640px){
	.header { height:14.0625vw; }
	.header .menu { width:14.0625%;}
	.header .logo { width:71.875%; padding-top:3.4375%;}
	.header .logo img { width:23.5vw; height:10.875vw; margin-top:-1.5vw}
	.header .right_menu { width:14.0625%;}
}

/* 왼쪽 메뉴 */
.left_menu { position:absolute; left:0; top:0;  width:493px; height:100%; background:#ffa5a5; z-index:999; clear:both; }

.left_menu .logo_top { display:block;  padding:5%; border-bottom:1px solid rgba(255,255,255,0.3); }
.left_menu .logo_top a.left_close { float:right; padding:2%; }

.left_menu .menu_list { /* width:90%; */ margin:0 auto; letter-spacing:-1px; background: #ffa5a5; }
.left_menu .menu_list > ul { width: 100%;}
.left_menu .menu_list > ul > li { width:100%;  }
.left_menu .menu_list > ul > li > a {position:relative; display:block;  font-size:30px; color:#2c2929; font-weight:200; padding:4% 5% 4% 5%; border-bottom:1px solid rgba(29,27,27,0.2); }
.left_menu .menu_list > ul > li.active > a { font-weight:bold;   }
.left_menu .menu_list > ul > li > a > i { position:absolute; right:5%; top:50%;width:17px; height:10px; background:url("/theme/basic/mobile/img/icon_leftmenu_down.png") no-repeat left top; background-size:contain;}
.left_menu .menu_list > ul > li.active > a > i { background:url("/theme/basic/mobile/img/icon_leftmenu_up.png") no-repeat left top; }

.left_menu .menu_list > ul > li.point { }
.left_menu .menu_list > ul > li.point > a { color:#ffcf73; background:#51453e; font-weight:400;   }
.left_menu .menu_list > ul > li > a > i.point { background:url("/theme/basic/mobile/img/icon_leftmenu_down_2.png") no-repeat left top;background-size:contain; }
.left_menu .menu_list > ul > li.active > a > i.point { background:url("/theme/basic/mobile/img/icon_leftmenu_up_2.png") no-repeat left top; }


.left_menu .menu_list > ul > li > ul {  width:95%; margin: 5% auto;}
.left_menu .menu_list > ul > li > ul > li { }
.left_menu .menu_list > ul > li > ul > li > a { display:block;  font-size:24px; color:#2c2929; padding:3% 0 1% 0; }
.left_menu .menu_list > ul > li > ul > li > a:before { content:" · "; } 

.blind { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.7); z-index:990;}

@media all and (max-width:640px){
	.left_menu { width:77.03125vw; }
	.left_menu .logo_top > img { width:32.34375vw; height:8.125vw; }
	.left_menu .logo_top a.left_close img { width:7.78125vw; height:7.78125vw;}

	.left_menu .menu_list > ul > li > a { font-size:4.5vw; }
	.left_menu .menu_list > ul > li > ul > li > a { font-size:4vw; }
	.left_menu .menu_list > ul > li > a > i { width:5.5vw; height:2vw;}
}



/* 20200716 추가 */
.quick_cs_box {display:none;z-index:1000; position:absolute; right:-640px; top:90px; overflow-y:auto; width:640px; max-width:100%; height:calc(100% - 90px); padding:20px; box-sizing:border-box; background-color:#fff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.quick_cs_box.on {display:block;opacity:1; right:0; }
.quick_cs_box h4 {overflow:hidden; padding-bottom:10px; font-size:28px; color:#333; }
.quick_cs_box h4 a.close_btn {float:right; font-weight:bold; color:#333; font-size:30px;  }
.quick_cs_box .tap_box {}
.quick_cs_box .tap_box ul {font-size:0; letter-spacing:-4px; }
.quick_cs_box .tap_box ul li {display:inline-block; vertical-align:top; width:calc(33.33% - 2px); height:116px; margin-right:3px; background-color:#ececec; text-align:center; font-size:18px; font-weight:500; color:#c4c4c4; letter-spacing:-0.05em; cursor:pointer; }
.quick_cs_box .tap_box ul li:nth-of-type(3n) {margin-right:0; }
.quick_cs_box .tap_box ul li i {display:block; margin:16px auto 0; width:65px; height:55px; }
.quick_cs_box .tap_box ul li.kakao i {background:url('/theme/basic/mobile/img/quick_cs_box_tap_icon01.png') no-repeat center center / cover; }
.quick_cs_box .tap_box ul li.phone i {background:url('/theme/basic/mobile/img/quick_cs_box_tap_icon02.png') no-repeat center center / cover; }
.quick_cs_box .tap_box ul li.diagnosis i {background:url('/theme/basic/mobile/img/quick_cs_box_tap_icon03.png') no-repeat center center / cover; }
.quick_cs_box .tap_box ul li.on {color:#fff; }
.quick_cs_box .tap_box ul li.on.kakao {background-color:#f7c44c; }
.quick_cs_box .tap_box ul li.on.phone {background-color:#ffa5a5; }
.quick_cs_box .tap_box ul li.on.diagnosis {background-color:#44ac49; }
.quick_cs_box .tap_box ul li.on.kakao i {background:url('/theme/basic/mobile/img/quick_cs_box_tap_icon01_on.png') no-repeat center center / cover; }
.quick_cs_box .tap_box ul li.on.phone i {background:url('/theme/basic/mobile/img/quick_cs_box_tap_icon02_on.png') no-repeat center center / cover; }
.quick_cs_box .tap_box ul li.on.diagnosis i {background:url('/theme/basic/mobile/img/quick_cs_box_tap_icon03_on.png') no-repeat center center / cover; }

.quick_cs_box .tap_contents {position:relative; }
.quick_cs_box .tap_contents > div {z-index:-1000; opacity:0; position:absolute; left:0; top:0; width:100%; }
.quick_cs_box .tap_contents > div.on {z-index:1000; opacity:1; }

.quick_phone_con01 {width:95%; margin:2.5% auto 0 auto; }
.quick_kakao_con01 {width:95%; margin:2.5% auto 0 auto; }
.tap_contents_phone {padding-bottom:100px; }

.tap_tit {padding:35px 0; text-align:center; }
.tap_tit h3 {font-size:30px; font-weight:bold; letter-spacing:-0.04em; color:#646464; }
.tap_tit p {font-size:18px; font-weight:normal; color:#646464; letter-spacing:-0.05em; word-break:keep-all; }

.tap_area {width:100%; padding:5px 0; font-size:20px; font-weight:500; color:#9e9d9d; letter-spacing:-0.05em; text-align:center; background-color:#f5f5f5; box-sizing:border-box; }

/* tap_box_type01 */
.tap_box_type01 {padding:16px 0 45px; }
.tap_box_type01 ul {font-size:0; letter-spacing:-4px; }
.tap_box_type01 ul li {display:inline-block; vertical-align:top; width:calc(50% - 7px); min-height:65px; margin-right:14px; margin-bottom:14px; box-sizing:border-box; }
.tap_box_type01 .line01 li {display:inline-block; vertical-align:top; width:calc(50% - 7px); min-height:65px; margin-right:14px; margin-bottom:14px;box-sizing:border-box; }
.tap_box_type01 ul li:nth-of-type(2n) {margin-right:0; }
.tap_box_type01 ul li a {display:block; width:100%; height:100%; padding:19px 0; text-align:center; }
.tap_box_type01 ul li.line02 a {padding:8px 0; }
.tap_box_type01 ul li a b {display:inline-block; vertical-align:middle; width:46%; font-size:17px; font-weight:normal; color:#3d3d3d; letter-spacing:-0.07em; }
.tap_box_type01 ul li a b em {display:block; font-size:14px; font-style:normal; }
.tap_box_type01 ul li a span {position:relative; display:inline-block; vertical-align:middle; width:54%; font-size:17px; font-weight:500; letter-spacing:-0.05em; }
.tap_box_type01 ul li a span:before {content:''; position:absolute; left:0; top:50%; width:1px; height:95%; background-color:#eeeeee; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }

/* tap_box_type02 */
.tap_box_type02 {}
.tap_box_type02 ul {padding-bottom:55px; }
.tap_box_type02 ul li {font-size:0; letter-spacing:-4px; }
.tap_box_type02 ul li > p {padding:20px 0 10px; font-size:20px; color:#3d3d3d; letter-spacing:-0.05em; }
.tap_box_type02 ul li > a {position:relative; display:inline-block; vertical-align:top; width:calc(33.33% - 8px); height:56px; margin-right:12px; box-sizing:border-box; font-size:18px; letter-spacing:-0.05em; font-weight:500; text-align:center; line-height:54px; }
.tap_box_type02 ul li > a:nth-of-type(3n) {margin-right:0; }
.tap_box_type02 ul li > a:before {content:''; display:inline-block; vertical-align:sub; margin-right:10px; }
.tap_box_type02 ul li > a.type01 {border:1px solid #e89b9b; color:#d27a7a; } 
.tap_box_type02 ul li > a.type01:before {width:24px; height:24px; background:url('/theme/basic/mobile/img/tap_box_type02_icon01.png') no-repeat center center / cover; }
.tap_box_type02 ul li > a.type02 {border:1px solid #fbb091; color:#f3a17f; }
.tap_box_type02 ul li > a.type02:before {width:26px; height:26px; background:url('/theme/basic/mobile/img/tap_box_type02_icon02.png') no-repeat center center / cover; }
.tap_box_type02 ul li > a.type03 {background-color:#ffa5a5; color:#fff; }
.tap_box_type02 ul li > a.type03:before {vertical-align:middle; width:33px; height:33px; background:url('/theme/basic/mobile/img/tap_box_type02_icon03.png') no-repeat center center / cover; }
.tap_box_type02 ul li .click_box {}
.tap_box_type02 ul li .click_box p {display:none; padding:10px 0; box-sizing:border-box; }
.tap_box_type02 ul li .click_box img {width:100%; }


.tap_contents_kakao .tap_tit h3 span {color:#e6b749; }
.tap_contents_kakao .tap_box_type01 ul li a span {color:#ddb65c; }
.tap_contents_kakao .tap_box_type01 ul li a span i.kLogo {display:inline-block; vertical-align:initial; width:14px; height:15px; margin-right:2px; background:url('/theme/basic/mobile/img/tap_content_k_icon.jpg') no-repeat center center / cover;}

.tap_contents_phone .tap_tit h3 span {color:#ffa5a5; }

.tap_contents_naver .tap_tit h3 span {color:#44ac49; }
.tap_contents_naver .tap_box_type01 ul li a span {color:#44ac49; }
.tap_contents_naver .tap_box_type01 ul li a span i.naver {display:inline-block; vertical-align:initial; width:14px; height:15px; margin-right:2px; background:url('/theme/basic/mobile/img/tap_content_n_icon.png') no-repeat center center / cover;}




/* 전화상담 - 진료시간안내 */
.tap_contents_phone_time_box_bg {z-index:1500; display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); cursor:pointer; }
.tap_contents_phone_time_box {z-index:1600; display:none; position:fixed; left:0; top:50%; width:100%; text-align:center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.tap_contents_phone_time_box img {max-width:90%; height:auto; }
.tap_contents_phone_time_box ul > li li {display:none; }

/* 전화상담 - 오시는길 */
.tap_contents_phone_map_box {z-index:1600; opacity:0; position:fixed; left:150%; top:50%; width:640px; max-width:90%; height:350px; text-align:center; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.tap_contents_phone_map_box.on {opacity:1; left:50%; }
.tap_contents_phone_map_box .root_daum_roughmap_landing {max-width:100%; height:350px; }
.tap_contents_phone_map_box ul > li li {z-index:-1000; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; }
.tap_contents_phone_map_box ul > li li.on {z-index:1700; opacity:1; }

@media all and (max-width:1000px){
	.tap_contents_phone_map_box {height:300px; }
	.tap_contents_phone_map_box .root_daum_roughmap_landing {height:300px; }
}


/* 퀵 페이지 */
.quick_kakao_con01 .tap_contents_kakao .tap_tit h3 span {color:#ffa5a5; }
.quick_kakao_con01 .tap_contents_kakao .tap_box_type01 ul li a span {color:#ddb65c; }


@media all and (max-width:640px){
	.quick_cs_box {top:14.0625vw; height:calc(100% - 14.0625vw); }
	.quick_cs_box .tap_box ul li {height:18.125vw; font-size:2.813vw; }
	.quick_cs_box .tap_box ul li i {margin:2.500vw auto 0; width:10.156vw; height:8.594vw; }

	.tap_tit {padding:5.469vw 0; }
	.tap_tit h3 {font-size:4.688vw; }
	.tap_tit p {font-size:2.813vw; }
	.tap_area {padding:0.781vw 0; font-size:3.125vw; }

	.tap_box_type01 ul li {min-height:10.156vw; }
	.tap_box_type01 ul li a {padding:0.369vw 0; }
	.tap_box_type01 ul li.line02 a {padding:1.250vw 0; }
	.tap_box_type01 ul li a b {font-size:2.656vw; }
	.tap_box_type01 ul li a b em {font-size:2.188vw; }
	.tap_box_type01 ul li a span {font-size:2.656vw; }

	.tap_box_type02 ul li > p {padding:3.125vw 0 1.563vw; font-size:3.125vw; }
	.tap_box_type02 ul li > a {height:8.750vw; font-size:2.813vw; line-height:8.438vw; }
	.tap_box_type02 ul li > a:before {margin-right:1.563vw; }
	.tap_box_type02 ul li > a.type01:before {width:3.750vw; height:3.750vw; }
	.tap_box_type02 ul li > a.type02:before {width:4.063vw; height:4.063vw; }
	.tap_box_type02 ul li > a.type03:before {width:5.156vw; height:5.156vw; }

	.tap_contents_naver .tap_box_type01 ul li a span i.naver {width:2.188vw; height:2.344vw; }
	.tap_contents_kakao .tap_box_type01 ul li a span i.kLogo {width:3vw; height:3vw;vertical-align:-2px;}


}

@media all and (max-widtH:360px){
	.tap_box_type01 ul li a b {width:100%; }
	.tap_box_type01 ul li a span {width:100%; }
}


/* 하단퀵 */
.quick_bottom {z-index:1000; position:fixed; left:50%; bottom:0; width:100%; max-width:640px; height:112px; background-color:#201d1d; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.quick_bottom ul {font-size:0; letter-spacing:-4px; }
.quick_bottom ul li {display:inline-block; vertical-align:top; width:25%; height:112px; border-right:1px solid #343030; box-sizing:border-box; }
.quick_bottom ul li:last-of-type {border-right:0 none; }
.quick_bottom ul li div {display:table; width:100%; height:100%; text-align:center; }
.quick_bottom ul li div a {display:table-cell; vertical-align:middle; }
.quick_bottom ul li img {max-width:42%; }
.quick_bottom ul li span {display:block; font-size:18px; color:#bdbdbd; letter-spacing:-0.05em; }

@media all and (max-width:640px){
	.quick_bottom {height:17.500vw; }
	.quick_bottom ul li  {height:17.500vw; }
	.quick_bottom ul li span  {font-size:2.813vw; }
}



/* 퀵 > 비용문의 */
.quick_inquiry_con01 .tap_tit h3 span {color:#ffa5a5; }
.quick_inquiry_con01 {width:95%; margin:2.5% auto 0 auto; }
.quick_inquiry_con01 .inquiry_box {padding:25px 40px; background-color:#f5f5f5; }
.quick_inquiry_con01 .inquiry_box dl {margin-bottom:20px; font-size:0; letter-spacing:-4px; }
.quick_inquiry_con01 .inquiry_box dl dt {display:inline-block; vertical-align:top; width:70px; padding-top:8px; font-size:18px; color:#9e9d9d; letter-spacing:-0.05em; }
.quick_inquiry_con01 .inquiry_box dl dd {display:inline-block; vertical-align:middle; width:calc(100% - 70px); }
.quick_inquiry_con01 .inquiry_box dl dd input[type="text"] {width:100%; height:44px; padding:0 20px; border:1px solid #e8e8e8; font-size:16px; color:#c7c7c7; font-weight:200; letter-spacing:-0.05em; box-sizing:border-box; }
.quick_inquiry_con01 .inquiry_box dl dd select {width:100%; height:44px; padding-left:20px; border:1px solid #e8e8e8; font-size:16px; color:#8c8c8c; letter-spacing:-0.05em; box-sizing:border-box; background:#fff;}
.quick_inquiry_con01 .inquiry_box dl dd textarea {resize:none; width:100%; height:160px; padding:10px; border:1px solid #e8e8e8; box-sizing:border-box;  font-size:16px; color:#c7c7c7; font-weight:200; letter-spacing:-0.05em;}
.quick_inquiry_con01 .inquiry_box dl dd .policy {display:inline-block; vertical-align:middle; margin-top:18px; }
.quick_inquiry_con01 .inquiry_box dl dd .policy input[type="checkbox"] {vertical-align:middle; width:18px; height:18px; margin-right:8px; }
.quick_inquiry_con01 .inquiry_box dl dd .policy span {display:inline-block; vertical-align:middle; font-size:16px; font-weight:200; color:#9e9d9d; letter-spacing:-0.05em; }
.quick_inquiry_con01 .inquiry_box dl dd a {display:inline-block; vertical-align:middle; margin-top:18px; padding-left:10px; font-size:15px; font-weight:200; color:#818181; letter-spacing:-0.05em; }
.quick_inquiry_con01 .inquiry_box input[type="button"] {display:block; width:100%; height:62px; margin-top:40px; border:0 none; background-color:#ffa5a5; line-height:62px; font-weight:normal; color:#fff; font-size:22px; letter-spacing:-0.05em; text-align:center; }

.quick_inquiry_con01 .inquiry_box dl.call dd{font-size:0; letter-spacing:-4px;}
.quick_inquiry_con01 .inquiry_box dl.call dd input{width:calc(100% - 105px);}
.quick_inquiry_con01 .inquiry_box dl.call dd input.cellS{width:100%; margin-top:10px;}
.quick_inquiry_con01 .inquiry_box dl.call dd a{display:inline-block; vertical-align:top; width:100px; margin-left:5px; font-size:15px; color:#fff; font-weight:400; text-align:center; height:44px; line-height:44px;  background:#f96d6a; letter-spacing:-0.04em;  padding-left:0; margin-top:0;}


@media all and (max-width:640px){
	.quick_inquiry_con01 .inquiry_box {padding:3.906vw 6.250vw; }
	.quick_inquiry_con01 .inquiry_box dl {margin-bottom:3.125vw; }
	.quick_inquiry_con01 .inquiry_box dl dt {padding-top:1.250vw; font-size:2.813vw; }
	.quick_inquiry_con01 .inquiry_box dl dd input[type="text"] {height:6.875vw; padding:0 3.125vw; font-size:2.500vw; }
	.quick_inquiry_con01 .inquiry_box dl dd select {height:6.875vw; padding-left:3.125vw; font-size:2.500vw; }
	.quick_inquiry_con01 .inquiry_box dl dd textarea {height:25vw; padding:1.525vw; font-size:2.500vw; }
	.quick_inquiry_con01 .inquiry_box dl dd .policy {margin-top:2.813vw; }
	.quick_inquiry_con01 .inquiry_box dl dd .policy input[type="checkbox"] {width:2.813vw; height:2.813vw; margin-right:1.250vw; }
	.quick_inquiry_con01 .inquiry_box dl dd .policy span {font-size:2.500vw; }
	.quick_inquiry_con01 .inquiry_box dl dd a {margin-top:2.813vw; padding-left:1.563vw; font-size:2.344vw; }
	.quick_inquiry_con01 .inquiry_box .inquiry_btn {width:100%; height:9.688vw; margin-top:6.250vw; line-height:9.688vw; font-size:3.438vw; }

	.quick_inquiry_con01 .inquiry_box dl.call dd a{height:6.875vw; font-size:2.5vw; line-height:6.875vw;}
}	

/*푸터*/
.footer { position:relative; display:block; padding-bottom:5%;}
.footer .top_bar { background:#ffa5a5; text-align:center; padding:10px 0; }
.footer .top_bar ul:nth-child(-n+2){margin-bottom:1%;}
.footer .top_bar li { display:inline-block; font-size:13px; color:#fff; vertical-align:top; position:relative;}
.footer .top_bar li:after{width:1px;height:calc(100% - 6px);background:rgba(255,255,255,.8);content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);margin-top:1px;}
.footer .top_bar li:last-child:after{display:none;}

.footer .top_bar li a { display:inline-block;  font-size:14px; color:#fff;  padding:0 10px; }

.mid_banner {  }
.mid_banner p { width:95%; margin:20px auto 40px; display:block; text-align:center; font-size:15px; color:#6c6c6c; font-weight:bold;  background:#f5f5f5;  padding:20px 0;}
.mid_banner p span { display:inline-block;  margin-top:20px; width:100%; }
.mid_banner p span a{padding:0 3px; }
.mid_banner p span img { max-width:100%;}

.bot_copyright { position:relative;  width:90%;  text-align:center; margin:0 auto; font-weight :300;}
.bot_copyright .bot_copyright_cont{display:flex;}
.bot_copyright p { font-size:14px; color:#919191; font-weight:200; margin-top:10px; text-align:left;}
.bot_copyright > p{color:#c7c7c7;text-align:center;}
.bot_copyright a.btn_top { position:absolute; right:10px; top:9px;  }
.bot_copyright a.btn_pcgo { position:absolute; left:10px; top:9px;  }
.bot_copyright img.logo{margin-right:5%;}


@media all and (max-width:640px){
	.footer .top_bar { padding:3% 0; }
	.footer .top_bar li { font-size:3vw; }
	.footer .top_bar li a { font-size:3.3vw;}

	.mid_banner p {  font-size:3vw; margin:3.125vw auto 6.25vw;  padding:3.125vw 0;}
	.mid_banner p span { margin-top:2.3vw; }
	.mid_banner p span img { width:31.875vw; height:8.90625vw; }

	.bot_copyright img.logo { width:29.0625vw; height:7.65625vw; }
	.bot_copyright p { font-size:2vw; margin-top:1.5vw; }

	.bot_copyright a.btn_top img { width:11.875vw; height:11.875vw;}
	.bot_copyright a.btn_pcgo { width:16.09375vw; height:12.1875vw;  }
}








/*컨텐츠*/
.contents { position:relative; width:100%; }
.contents img { max-width:100%;  }



/*메인 이미지*/
.main_visual { position:relative; display:block; width:100%; height:auto; font-size:0; }
.main_visual img { width:100%;height:100%; vertical-align:top;}

.main_visual ul li { position:relative; }
.main_visual ul li a.over_btn { position:absolute; left:50%; top:50%; width:200px; height:47px; background:transparent; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);  }


.main_visual .bx-controls { position:absolute; left:0; top:267px; width:100%;  }
.main_visual .bx-controls .bx-controls-direction a { position:absolute; top:50%; display:inline-block; width:20px; height:35px; }
.main_visual .bx-controls .bx-controls-direction a.bx-prev { left:0; padding-left:20px;}
.main_visual .bx-controls .bx-controls-direction a.bx-next { right:0; padding-right:20px; }
.main_visual .bx-controls .bx-controls-direction a img { width:20px; height:35px; }


@media all and (max-width:640px){
	.main_visual ul li a.over_btn { width:31.25vw; height:7.34375vw; }
	.main_visual .bx-controls { top:41vw; }
}




/* 메인 탭 부분*/

.main_tab_box { }
.main_tab_box .tab_btn { }
.main_tab_box .tab_btn ul { width:100%; font-size:0;}
.main_tab_box .tab_btn li { display:inline-block;  width:25%; }
.main_tab_box .tab_btn li a { display:block; text-align:center; font-size:16px; color:#797979; line-height:45px; background:#f2f2f2;}
.main_tab_box .tab_btn li.active a { color:#333; font-weight:bold; background:#f1cdd8; }
.main_tab_box .tab_btn li:nth-of-type(2).active a { background:#cdeef1; }
.main_tab_box .tab_btn li:nth-of-type(3).active a { background:#dff7ee; }
.main_tab_box .tab_btn li:nth-of-type(4).active a { background:#cddaf1; }


.main_tab_box .tab_box { width:100%; font-size:0; background:#f1cdd8;}
.main_tab_box .tab_box div { vertical-align:top; }
.main_tab_box .tab_box .left_part { display:inline-block; width:40%; }
.main_tab_box .tab_box .left_part p { padding:33px 0 0 33px ; }
.main_tab_box .tab_box .right_part { display:inline-block;  width:60%;  }
.main_tab_box .tab_box .right_part p { padding:30px; font-size:15px; color:#666; text-align:center; letter-spacing:-1px; line-height:170%;}
.main_tab_box .tab_box .right_part p u { display:inline-block; margin-top:2%; text-decoration: none; font-size:20px; color:#52463a; font-weight:bold; }
.main_tab_box .tab_box .right_part p a.video_more {  display:inline-block; font-size:18px; color:#fff; background:#fb9684 url("/theme/basic/mobile/img/icon_more_right.png") no-repeat 95% 50%;
border-radius:20px; padding:4px 20px 7px 15px; margin-top:10px;}
.main_tab_box .tab_box .right_part p a.video_more2 { background-color:#3ebcc7; }
.main_tab_box .tab_box .right_part p a.video_more3 { background-color:#4f95e3; }


.main_tab_box .tb2 { background:#cdeef1; }
.main_tab_box .tb3 { background:#dff7ee; }
.main_tab_box .tb4 { background:#cddaf1; }


@media all and (max-width:640px){

	.main_tab_box .tab_btn li {  }
	.main_tab_box .tab_btn li a { font-size:3vw; line-height:45px;}

	.main_tab_box .tab_box .left_part p { padding:4.6875vw 0 0 10% }
	.main_tab_box .tab_box .right_part p { padding:4.6875vw; font-size:3vw; }
	.main_tab_box .tab_box .right_part p u { font-size:3.5vw; }
	.main_tab_box .tab_box .right_part p a.video_more {  font-size:3vw; 	border-radius:3.125vw; padding:2px 14px 4px 12px; margin-top:1.5%; background-size:5%;}
	.main_tab_box .tab_box .right_part img.graph { width:21.09375vw; height:10.625vw; }
}


/*메인 슬라이더*/
.main_slider { position:relative; height:198px;}
.main_slider .bx-wrapper .bx-controls { position:absolute; left:0; top:0; width:100%; }

.main_slider .bx-wrapper .bx-controls .bx-controls-direction {position:absolute; left:0; top:76px; width:100%; }
.main_slider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {position:absolute; left:5px; }
.main_slider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {position:absolute; right:5px; }

.main_slider .bx-wrapper .bx-controls .bx-pager { position:absolute; left:0; top:146px;  width:100%;  text-align:center;}
.main_slider .bx-wrapper .bx-controls .bx-pager .bx-pager-item { display:inline-block;  }
.main_slider .bx-wrapper .bx-controls .bx-pager .bx-pager-item a { display:block; width:13px; height:13px; background:url("/theme/basic/mobile/img/slider_btn_off.png") no-repeat left top; font-size:0; padding:0 3px}
.main_slider .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {background:url("/theme/basic/mobile/img/slider_btn_on.png") no-repeat left top;}


/* 메인수정 210721  */
/*.mainNew .main_visual{margin-top:2%;}*/
.mainNew .counter_box{background:#574848;text-align:center;letter-spacing:-0.05em;}
.mainNew .counter_box a{display:flex;justify-content:center;align-items:center;padding:2.5% 0;color:#fff;font-weight:bold;font-size:4.9vw;letter-spacing:-0.05em;}
.mainNew .counter_box a .counter{margin:0 4px;}
.mainNew .counter_box a .counter span{color:#ffe866;display:inline-block;padding:3px 8px 8px;border-radius:3px;background:#2f2e2e;font-size:8vw;font-weight:900;line-height:1;}
.mainNew .counter_box a .counter span:first-child{margin-right:3px;}

.mainNew .mainMidBanner{padding:4% 0;}
.mainNew .content{padding:0 2.5%;}

.mainNew .main_tab_box .content{padding:0 5.5%;}
.mainNew .main_tab_box{letter-spacing:-0.05em;}
.tab_btn{position:relative;}
.tab_btn .slick-arrow{width:6px;height:9px;position:absolute;top:50%;margin-top:-4.5px;border:0;letter-spacing:-9999em;text-indent:-9999em;background-size:6px 9px !important;}
.tab_btn .slick-arrow.slick-prev{background:url("/theme/basic/mobile/img/small_arrow_prev.png")no-repeat;left:-2.5%;}
.tab_btn .slick-arrow.slick-next{background:url("/theme/basic/mobile/img/small_arrow_next.png")no-repeat;right:-2.5%;}

.mainNew .main_tab_box .tab_btn{position:relative;}
.mainNew .main_tab_box .tab_btnbefore{width:100vw;height:1px;background:#f5f5f5;position:absolute;left:50%;bottom:0;transform:translateX(-50%);content:'';z-index:-1;}
.mainNew .main_tab_box .tab_btn .tab_btn_cont{height:45px;display:flex !important;justify-content:center;align-items:center;}
.mainNew .main_tab_box .tab_btn .tab_btn_cont a{display:block;color:#3d3d3d;background:#fff;padding:0 10px;line-height:1.3;text-align:center;}
.mainNew .main_tab_box .tab_btn .slick-current .tab_btn_cont{border-bottom:2px solid #ffa5a5;}
.mainNew .main_tab_box .tab_btn .slick-current .tab_btn_cont a{background:#fff;color:#e88484;}
.mainNew .main_tab_box .tab_box{background:#fff;padding:8% 0 9%;}
.mainNew .main_tab_box .tab_box dl dt{font-size:3.5vw;line-height:1.5;}
.mainNew .main_tab_box .tab_box dl dd{font-size:2.7vw;line-height:1.4;color:#8b8b8b;font-weight:300;}
.mainNew .main_tab_box .tab_box .tab_box_top a{display:flex;justify-content:space-between;align-items:center;margin-bottom:6%;color:#3d3d3d;}

.mainNew .main_tab_box .tab_box .left_part{width:45%;}
.mainNew .main_tab_box .tab_box .left_part dl dt{border-bottom:1px solid #e9e9e9;padding-bottom:2%;margin-bottom:2%;font-weight:500;word-break:keep-all;letter-spacing:-0.06em;}
.mainNew .main_tab_box .tab_box .left_part dl dt span{color:#e88484;}
.mainNew .main_tab_box .tab_box .right_part{width:52%;}
.mainNew .main_tab_box .tab_box > ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.mainNew .main_tab_box .tab_box > ul li{width:49%;border:1px solid #e9e9e9;padding:3%;box-sizing:border-box;margin-top:2%;}
.mainNew .main_tab_box .tab_box > ul li.borderN{border:0;padding:0;}

.mainNew .main_tab_box .tab_box > ul li dl dt{margin:3% 0 2%; color:#262626;letter-spacing:-0.08em;}
.mainNew .mainTreatmentSubject{background:#f6f6f6;letter-spacing:-0.05em;padding:9% 0;}
.mainNew .mainTreatmentSubject .sectionTitle{font-size:3.5vw;font-weight:500;}
.mainNew .mainTreatmentSubject ul{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;}
.mainNew .mainTreatmentSubject ul li{width:32%;background:#fff;display:flex;align-items:center;flex-direction:column;color:#3d3d3d;margin-top:2.5%;padding:4%;box-sizing:border-box;font-size:2.5vw;}
.mainNew .mainTreatmentSubject ul li img{width:50px; }
.mainNew .mainTreatmentSubject ul li p{margin-top:7px;color:#3d3d3d;}

.main_realstroy{margin:5.47% 0 2.657%;}
.main_realstroy .textBox{padding:0 4.064%;}
.main_realstroy .textBox .top{display:flex;align-items:center;justify-content:space-between;padding-bottom:2.031vw;margin-bottom:1.719vw;border-bottom:1px solid #e9e9e9;}
.main_realstroy .textBox .top h3{font-size:3.59375vw;font-weight:500;color:#3d3d3d;letter-spacing:-0.065em;}
.main_realstroy .textBox .top h3 span{color:#e88484;}
.main_realstroy .textBox .top a{font-size:3.125vw;font-weight:500;color:#8b8b8b;letter-spacing:-0.05em;}
.main_realstroy .textBox .top a:after{width:1.25vw;height:2.031vw;background:url("/theme/basic/mobile/img/realstroy_arrow.png")no-repeat;background-size:1.25vw auto;content:'';margin:0 0 0.156vw 1.875vw;display:inline-block;}
.main_realstroy .textBox .txt{font-size:3.125vw;font-weight:300;letter-spacing:-0.05em;color:#8b8b8b;margin-bottom:4.844vw;}
.main_realstroy .main_realstory_slide{margin-left:calc(5% + 0.469vw);}
.main_realstroy .main_realstory_slide .slick-list{margin:0 -3px;}
.main_realstroy .main_realstory_slide .slick-slide{width:64.531vw;margin:0 3px;}
.main_realstroy .realstory_bar{margin:6.875vw 5% 0;position:relative;height:1.094vw;background-repeat: no-repeat;background-image: linear-gradient(to right, #010101, #010101);z-index:2;background-color:#e4e4e4;}



@media all and (max-width:640px){

	.main_slider { height:30.9375vw; }
	.main_slider .bx-wrapper .bx-controls .bx-controls-direction { top:12vw; }
	.main_slider .bx-wrapper .bx-controls .bx-pager { top:22.8125vw; }

	.main_slider .bx-wrapper .bx-controls .bx-controls-direction a img { width:80%;  }

	.main_slider .bx-wrapper .bx-controls .bx-pager .bx-pager-item a ,
	.main_slider .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.ative{ width:10px; height:10px;  background-size:50%;}

	/* 메인수정 210721  */
	.mainNew .main_slider .bx-wrapper .bx-controls .bx-pager{top:23vw;}
	.mainNew .main_slider .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active{background-size:50%;}
	.mainNew .main_slider .bx-wrapper .bx-controls .bx-pager .bx-pager-item a ,
	.mainNew .main_slider .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.ative{ width:12px; height:12px;}

}




/* 메인 박스 7개 */
.main_boxs_content {  }
.main_boxs_content ul { width:100%; font-size:0; }
.main_boxs_content li { display:inline-block; width:50%; height:198px; vertical-align:top; background-size:contain; background-repeat:no-repeat; }
.main_boxs_content li:last-child { width:100%; background-size:cover; }

.main_boxs_content li:nth-child(1) { background-image:url("/theme/basic/mobile/img/main_box_img1.jpg"); }
.main_boxs_content li:nth-child(2) { background-image:url("/theme/basic/mobile/img/main_box_img2.jpg"); }
.main_boxs_content li:nth-child(3) { background-image:url("/theme/basic/mobile/img/main_box_img3.jpg"); }
.main_boxs_content li:nth-child(4) { background-image:url("/theme/basic/mobile/img/main_box_img4.jpg"); }
.main_boxs_content li:nth-child(5) { background-image:url("/theme/basic/mobile/img/main_box_img5.jpg"); }
.main_boxs_content li:nth-child(6) { background-image:url("/theme/basic/mobile/img/main_box_img6.jpg"); }
.main_boxs_content li:nth-child(7) { background-image:url("/theme/basic/mobile/img/main_box_img7.jpg"); }

.main_boxs_content li a { display:block;  height:100%; }
.main_boxs_content li a p { font-size:15px; color:#767676; padding:30px;}
.main_boxs_content li a p span { display:block; font-size:18px; color:#434343; font-weight:bold; }

@media all and (max-width:640px){

	.main_boxs_content li { height:30.9375vw;  }
	.main_boxs_content li a p { font-size:3vw; padding:4.6875vw; }
	.main_boxs_content li a p span { font-size:3.5vw; }
}


/* 리스트 박스 6개*/
.main_list_boxs_contain { width:100%;  background:#e9e9e9; padding:2% 0; }
.main_list_boxs { width:95%; margin:0 auto;}
.main_list_boxs ul {  width:100%; font-size:0; }
.main_list_boxs li {  display:inline-block; width:49%; margin-right:2%;vertical-align:top; }
.main_list_boxs li:nth-child(even) { margin-right:0; }
.main_list_boxs li a { display:block; width:100%; height:100%; }
.main_list_boxs li a p {font-size:15px; color:#333; line-height:130%; padding:3% 0 7% 0; }
.main_list_boxs li a p span { display:block; font-size:25px; color:#333; font-weight:bold; line-height:170%; }

@media all and (max-width:640px){
	.main_list_boxs li a p {font-size:3vw; }
	.main_list_boxs li a p span { font-size:3.5vw; } 
}


/* 온라인상담/공지사항 */

.main_board_contain { width:95%; margin:0 auto 2.5% auto;  }
.main_board_contain .board_list { background:#f9f9f9; padding:3% 5%; margin-top:2.5%; }
.main_board_contain .board_list > span { display:block;  font-size:20px; color:#333; font-weight:bold; padding-bottom:2%;}
.main_board_contain .board_list > span > a { float:right; font-size:14px; color:#666; background:url("/theme/basic/mobile/img/btn_more_plus.png") no-repeat right 50%; padding-right:20px;}
.main_board_contain .board_list ul { border-top:1px solid #dddddd; box-sizing:border-box; padding-top:0.8%;}
.main_board_contain .board_list li { padding:0.8% 0; }
.main_board_contain .board_list li a {position:relative; display:block;  font-size:14px; color:#333; font-weight:200;  padding-right:100px;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_board_contain .board_list li a u { position:absolute; top:0; right:0; text-decoration:none; color:#808080;}


@media all and (max-width:640px){
	.main_board_contain .board_list > span { font-size:3.5vw; }
	.main_board_contain .board_list > span > a {font-size:3vw; }
	.main_board_contain .board_list li a {font-size:3vw; padding-right:21.625vw;}
}


/*인애한의원 네트쿼크 */

.network_contain { width:95%; margin:8% auto; }
.network_contain > span { display:block; font-size:20px; color:#333; font-weight:bold; margin-bottom:2%;text-align:left;}
.network_contain ul {width:100%; font-size:0;display:flex;flex-wrap:wrap; }
.network_contain li { display:flex;align-items:center;width:32%; margin-right:2%; vertical-align:top; background:#f5f5f5; margin-bottom:2%; }
.network_contain li:nth-child(3n) { margin-right:0; }
.network_contain li a { display:block; font-size:16px; color:#636363; width:100%; padding:8% 0; text-align:center;  }
.network_contain li a span{color:#909090;}
.network_contain li a span.fs13{font-size:13px;}
.network_contain li a b{padding:2px 5% 2px; border-radius:15px; display:inline-block; color:#fff; font-weight:400;margin-bottom:2px;}
.network_contain li a b.seoul{background:#55443c;}
.network_contain li a b.kyunggi{background:#ae9b7a;}
.network_contain li a b.incheon{background:#6f99d0;}
.network_contain li a b.daegu{background:#f67c7c;}
.network_contain li a b.ulsan{background:#20b7b7;}
.network_contain li a b.busan{background:#0076a3;}
.network_contain li a b.global{width:78.33px;box-sizing:border-box;background:#c490bf;}

@media all and (max-width:640px){

	.network_contain > span { font-size:3.5vw;; }
	.network_contain li a { font-size:3vw; }
	.network_contain li a span.fs13{font-size:3vw;}
	.network_contain li a b{border-radius:2.34375vw;}

}

/*20180713 노원 팝업창 css*/
.no_pop{width:640px; position:fixed; top:0; left:0; z-index:99;}
.no_pop img{width:100%;}
.no_pop .close:after{content:""; display:block; clear:both;}
.no_pop .close{width:100%: height:25px; background:#000000;}
.no_pop .close p{float:right; color:#fff; margin-right:10px; cursor:pointer;}
.no_pop .close p a{color:#fff;}
.no_pop span{display:inline-block; float:right; color:#fff;}
.no_pop input{float:right; margin-top:6px; margin-right:5px;}

.no_pop_20190703{width:500px; position:fixed; top:0; left:0; z-index:99;}
.no_pop_20190703 img{width:100%;}
.no_pop_20190703 .close:after{content:""; display:block; clear:both;}
.no_pop_20190703 .close{width:100%: height:25px; background:#000000;}
.no_pop_20190703 .close p{float:right; color:#fff; margin-right:10px; cursor:pointer;}
.no_pop_20190703 .close p a{color:#fff;}
.no_pop_20190703 span{display:inline-block; float:right; color:#fff;}
.no_pop_20190703 input{float:right; margin-top:6px; margin-right:5px;}

.no_pop2{width:480px; position:fixed; top:0; left:0; z-index:99;}
.no_pop2 img{width:100%;}
.no_pop2 .close:after{content:""; display:block; clear:both;}
.no_pop2 .close{width:100%: height:25px; background:#000000;}
.no_pop2 .close p{float:right; color:#fff; margin-right:10px; cursor:pointer;}
.no_pop2 .close p a{color:#fff;}
.no_pop2 span{display:inline-block; float:right; color:#fff;}
.no_pop2 input{float:right; margin-top:6px; margin-right:5px;}

@media all and (max-width:640px){

	.pop_width{width:100%;}
	.no_pop{width:100%;}
	.no_pop .close{height:5vw;}
	.no_pop .close p{margin-right:1.5625vw;}
	.no_pop input{margin-top:0.5vw; margin-right:0.78125vw;}
}