/* reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;  } /* vertical-align: baseline; HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
/* scroll always visible
html { overflow-y:scroll; }
*/

/* ie scroll */
html { scrollbar-face-color:#eeeeee; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#B4B4B4; scrollbar-shadow-color:#B4B4B4; scrollbar-darkshadow-color:#FFFFFF; scrollbar-arrow-color:#777777; scrollbar-base-color:#EEEEEE; }

/* redefinition */
b {font-weight:bold;}
strong {font-weight:bold;}
i {font-style:italic;}

/* common */
/*img { display:block; }*/
.cp {cursor:pointer;}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);



/* basic */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
center, input, select, strong, b, u, i, em, strike,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-family:'Noto Sans KR','Nanum Gothic','나눔고딕';
    color: #3f3f3f;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    -webkit-text-size-adjust: none;
}

a {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#right-panel-popup {
    width: 100% !important;
    max-width: 2048px !important;
    top: 54px !important;
    left: auto !important;
		overflow:hidden;
}
#right-panel {
    width: 100%;
				margin: 0;
				border: 0;
    background-color: #951F59;
}

#counsel-panel-popup {
    width: 100% !important;
    max-width: 2048px !important;
    left: auto !important;
		overflow:hidden;
}

#layout_content{
	padding:0;
}

.ui-panel-inner{
	padding: 10px 0 0 0;
}

/* 패널에 리스트뷰가 올라갔을때 그림자 가려지는 문제 픽스 */
#idskin-page .ui-panel-display-reveal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#idskin-page .ui-panel-page-content-position-left {
    -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    box-shadow: -5px 0px 5px rgba(0,0,0,.15);
}
.ui-collapsible-set{margin:0;}
.left_collapsible_menu .ui-corner-all{margin:1px;padding:10px;border:0}
.ui-body-a {background-color: #575757}

.ui-nosvg .ui-icon-myicon:after {
    background-image: url("images/icons-png/21-skull.png");
    background-size: 18px 18px;
}

.quick_table {width:100%; position:relative;}
.quick_table tr td {border-left:1px solid #af5783; border-right:1px solid #af5783;}
.quick_item {width:25%; height:80px;}
.quick_item img {height:100%; margin:0 auto;}


.counselInput {width:90%;margin-left: 5%}
.counselInput > dl {overflow: hidden;margin:0;padding:0}
.counselInput > dl > dd {margin:0;padding:0;float: left;width:70%}
.counselInput > dl > dt {margin:0;padding:0;float: left;padding-top: 10px;width:30%;color: #fff}

#header { background:transparent;}
#wrap{margin:0;padding:0;border:0;width:100%;margin-bottom:-19px;background:#fff}

/* 
    Document   : top
    Created on : 2013. 4. 11, 오후 4:05:05
    Author     : zizz
    Description:
        Purpose of the stylesheet follows.
*/





root { 
    display: block;
}
img {display:block}

.subVis img{width:100%;vertical-align:top}

.subCon img{width:100%;vertical-align:top}

.footer_section {background:#333; padding:0;}
.footer_section .footer_wrap{padding:11.111vw 5% 4.861vw; letter-spacing:-.1vw;}

/* main_reservation_info */
.main_reservation_info{position:relative; margin-bottom:4.861vw; padding-bottom:4.861vw; background-color:#333;}
.main_reservation_info *{font-family:'GmarketSans';}
.main_reservation_info::before{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#111;}
.main_reservation_info h4{font-size: 5.5vw;color:#aaa;font-weight: 500;margin:0 0 3% 0;display: inline-block;letter-spacing: -0.2vw;}
.main_reservation_info .btn_more{position:absolute; right:0; top:0;}
.main_reservation_info .btn_more span{display:inline-block; padding:0 5px; font-family:'GmarketSans'; font-weight:500; font-size:2.778vw; color:#f272ad;letter-spacing: -0.1vw;}
.main_reservation_info .btn_more span::after{content:''; display:inline-block; width:2.778vw; height:1.250vw; margin:0.3vw 0 0 1.5vw; background:url(//image.idskin.co.kr/m/common/footer/icon_arrow_more.png) no-repeat 0 0; background-size:100% auto; vertical-align:top;}
.main_reservation_info .info_tel{margin-top: -2px;}
.main_reservation_info .info_tel a{font-size: 8vw;color: #fff;font-weight: 500;letter-spacing: 0.3vw;}
.info_time{margin-top: 5%;}
.info_time .info_time_tit{font-size: 4.16vw;color:#fff;font-family:'Noto Sans KR';font-weight: 300;}
.info_time > ul{margin-top: 2%;}
.info_time > ul li{color:#fff;font-size: 4.16vw;font-family: 'Montserrat';line-height: 1.4;}
.info_time > ul li span{display: inline-block;font-family: 'Noto Sans KR';font-weight: 300;color: #fff;width: 26%;letter-spacing: -0.2vw;}
.info_time > ul li:last-child{font-family: 'Noto Sans KR';font-weight: 300;}

.footer_sns{position:relative; overflow:hidden; padding:1.111vw 0; background:#fff; border-radius:2.778vw; text-align:left;}
.footer_sns::before{content:''; position:absolute; left:50%; top:4.167vw; bottom:4.167vw; width:1px; background:#ddd; transform:translate(-50%, 0);}
.footer_sns li{position:relative; float:left; width:50%;}
.footer_sns li a{display:block; padding:4.167vw 0 4.167vw 4.722vw;}
.footer_sns li span{display:inline-block; margin-left:2.778vw; font-size:3.889vw; color:#555; line-height:4.722vw; vertical-align:middle;}
.footer_sns li span em{font-family: 'Montserrat'; font-style:normal;}
.footer_sns li img{display:inline-block; width:11.111vw; vertical-align:middle;}

.footer_family{margin:2.778vw 0 4.861vw; border:3px solid #fff; border-radius:2.778vw; font-size:0; text-align:center;}
.footer_family li{position:relative; display:inline-block; width:50%; vertical-align:top; box-sizing:border-box;}
.footer_family li span{font-family: 'Montserrat'; font-weight:500; color:#fff; vertical-align:middle;}
.footer_family li + li::before{content:''; position:absolute; left:0; top:2.5vw; bottom:2.5vw; width:1px; background:#999;}
.footer_family li a{display:block; font-size:4.167vw; color:#fff; line-height:9.722vw; font-weight:500;}
.footer_family li a:hover{color:#fff;}

.footer_address{text-align:center;}
.footer_address li{font-size: 3vw;color: #ccc;display: inline-block;vertical-align: top;line-height: 1.3;padding: 0 1.5%;}
.footer_address li span{color:#999;}
.footer_address li strong.mont{color:#ccc;font-weight: 400;}

.footer_question{margin-top:2.5%; text-align:center;}
.footer_question *{font-family: 'Montserrat';}
.footer_question li{font-size: 3vw;color: #ccc;line-height: 1.3;}
.footer_question li > a, .footer_question li > a:hover{color:#ccc;}
.footer_question li span{color:#999;}

.copyright{margin-top:3%; font-size: 2.8vw;color:#777;font-family: 'Montserrat'; text-align:center;}


/* 패밀리사이트 & 랭귀지 */
.footer_tabmenu{width:100%;position:relative; }
.footer_tabmenu:after{content:"";clear:both;display:block}
.footer_tabmenu .icon{background:url(//images.idhospital.com/image/m.idhospital/common/ico_set02.png) left top no-repeat}
.footer_tabmenu .icon.arrow{background-size:250px;background-position:0 0;width:10px;height:6px;text-indent:-9999em;position:absolute;right:20px;top:20px}
.footer_tabmenu .icon.arrow.on{background-size:250px;background-position:0 -9px;width:10px;height:6px;text-indent:-9999em;position:absolute;right:20px;top:20px}
.footer_tabmenu .icon.ch{background-size:250px;background-position:-20px -62px;width:15px;height:15px;text-indent:-9999em;display:inline-block;margin-right:8px;vertical-align:middle}
.footer_tabmenu .icon.ko{background-size:250px;background-position:0 -23px;width:15px;height:15px;text-indent:-9999em;display:inline-block;margin-right:8px;vertical-align:middle}

.footer_tabmenu .tab_family{background:#fff; width:100%; float:left;position:relative}
.footer_tabmenu .tab_family p{background:#fff;padding:14px 0 14px 20px;position:relative;cursor:pointer; font-size:3.056vw; color:#555;}
.footer_tabmenu .tab_family ul{display:none;width:100%;position:absolute;top:-133px}
.footer_tabmenu .tab_family ul li{border-bottom:1px solid #ddd;background:#f4f4f4;padding-left:20px;font-size:1.0em;color:#555;}
.footer_tabmenu .tab_family ul li a{font-size:1.0em;color:#555;padding:14px 0;display:block;text-decoration:none}
.footer_tabmenu .tab_language{background:#000;width:50%;float:left; display:none;}
.footer_tabmenu .tab_language p{color:#999;padding:14px 0 14px 20px;cursor:pointer}
.footer_tabmenu .tab_language ul{display:none;width:50%;position:absolute;top:-45px}
.footer_tabmenu .tab_language ul li{border-bottom:1px solid #222;background:#111;padding-left:20px;font-size:1.0em;color:#555}
.footer_tabmenu .tab_language ul li a{font-size:1.0em;color:#555;padding:14px 0;display:block;text-decoration:none}

/* 하단 플로팅배너 */
.bottom_floating{position: sticky;bottom: 0;z-index:98;}
.floating_list{background-color: rgba(59,66,81,0.8);font-size: 0;}
.floating_list li{display: inline-block;vertical-align: top;width: 25%;text-align: center;}
.floating_list li a{display: block;padding: 15% 0;position: relative;}
.floating_list li:not(:last-child) a:after{content: '';position: absolute;top:50%;right: 0;width: 1px;height: 9vw;background-color: rgba(255,255,255,0.2);-webkit-transform:translate(0 , -50%) ;
-moz-transform:translate(0 , -50%);
-ms-transform:translate(0 , -50%);
-o-transform:translate(0 , -50%);}
.floating_list li a > img{width: auto;height: 5.2vw;margin:0 auto}
.floating_list li a > p{font-size: 3vw;color:#fff;padding-top: 5%;letter-spacing: -0.1vw;}
.floating_list li.float_call a > p {color:#ffff00; font-weight:500;}

/*.closingPopup {width:100%;height:100%;position:fixed;bottom:0;z-index:6;display:none}
.closingPopup.visible {display:block}
.closingPopup .cpopTop {width:100%;height:35%;background-color:#3c3c3b;position:relative}
.closingPopup .cpopTop .closePopupClose {position:absolute;right:20px;bottom:20px;width:15px}
.closingPopup .cpopBottom {width:100%;height:65%;background-color:#fff;position:relative}
.closingPopup .cpopBottom .closePopupFace {position:absolute;width:70%;max-width:528px;top:-13%;left:15%}
.closingPopup .cpopBottom ul {position:absolute;width:70%;left:15%;bottom:100px;display:flex}
.closingPopup .cpopBottom ul li img {width:100%}*/

/* 하단 빠른상담 */
.counsel_bottom input::-ms-input-placeholder {color:#949495;}
.counsel_bottom input::-webkit-input-placeholder {color:#949495;}
.counsel_bottom input::-moz-placeholder {color:#949495;}
	
.counsel_bottom .agreement .JI_readOnly {font-size:10px;background-color:#fff;padding:5px;height:100px;margin-left:2%;width:96%}
.counsel_bottom .agreement {display:none}
.counsel_bottom .agreement span {margin-left:10px}
.counsel_bottom .agreement span a {color:#000}

.bottom_counsel_btn_wrap {box-sizing:border-box; position:absolute; width:16.25vw; bottom:23vw; right:5.56vw;}
.bottom_counsel_btn_wrap h3 {display:inline-block; width:16.25vw; margin-right:5.56vw; cursor:pointer;}
.bottom_counsel_btn_wrap h3 img {width:100%;}

.counsel_bottom {position:relative; width:100%; background:#553856; font-family: 'Noto Sans KR'; padding:2vw 0 2.78vw; box-sizing:border-box;}
.counsel_bottom .bottom_input_wrap {width:88.89vw; margin:0 auto; box-sizing:border-box;}
.counsel_bottom .bottom_input_wrap > div {display:flex; justify-content: space-between;}
.counsel_bottom .bottom_input_wrap label > input {background:#fff; height:8.75vw; line-height:8.75vw; font-size:3.61vw; border:none; padding:0 2.78vw; box-sizing:border-box; margin:0; border-radius:0;  font-family: 'Noto Sans KR';}
.counsel_bottom .bottom_input_wrap .name_input_box input {width:27.78vw;}
.counsel_bottom .bottom_input_wrap .phone_input_box input {width:38.61vw;}
.counsel_bottom .bottom_input_wrap .btn_apply_go {font-family: 'Noto Sans KR'; border:none; width:20.14vw; background:#f6f504; font-size:3.61vw; font-weight:bold; color:#613267; height:8.75vw; line-height:8.75vw; box-sizing:border-box; letter-spacing:-0.14vw; cursor:pointer; border-radius:0;}

.counsel_bottom .bottom_input_wrap .sms_check_box {display:inline-block; font-size:1.5vw; color:#fff; margin-top:1.4vw;}
.counsel_bottom .bottom_input_wrap .sms_check_box input {width:2.08vw; height:2.08vw; margin:-0.3vw 0.42vw 0 0; display:inline-block; vertical-align:middle; padding:0; accent-color:#000;}
.counsel_bottom .bottom_input_wrap span {font-size:1.81vw;margin-top:1.4vw;}
.counsel_bottom .bottom_input_wrap span a {color:#000}

.bottom_counsel_btn_wrap ul {position:absolute; width:16.25vw; bottom:16.67vw; right:0;}
.bottom_counsel_btn_wrap ul li {display:block; margin:2.78vw 0;}
.bottom_counsel_btn_wrap ul li img {width:100%;}

.bottom_counsel_btn_open {display:none;}


@media screen and (min-width: 800px){
	.footer_links > li > a {font-size:1.4vw;}
	.footer_cnt {font-size:1.3vw}
}


/* 떠나기 팝업창 */
.closingPopup {width:90%; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; z-index:500;display:none}
.closingPopup > img {vertical-align:top;}
.promotion_bg {width:100%; display:block;}
.closingPopup.visible {display:block}

.closingPopup .cpopTop {width:100%; background-color:#3c3c3b; position:relative;}
.closingPopup .cpopTop .closePopupClose {position:absolute; right:1.4vw; top:20px; width:3.33vw;z-index:}
.closingPopup .agreement {position:absolute;top:40px;width:96%;left:2%;display:none}
.closingPopup .agreement .scrollY {font-size:12px;background-color:#fff;height:200px}
.closingPopup .agreement .scrollY .JI_readOnly {font-size:12px}

.leave_popup_db_box input::-ms-input-placeholder {color:#949495;}
.leave_popup_db_box input::-webkit-input-placeholder {color:#949495;}
.leave_popup_db_box input::-moz-placeholder {color:#949495;}

.leave_popup_db_box {position:relative; width:100%; background:#ebdbd2; font-family: 'Noto Sans KR'; padding:2.78vw 0; box-sizing:border-box; text-align:left;}
.leave_popup_db_box .bottom_input_wrap {width:83.33vw; margin:0 auto; box-sizing:border-box;}
.leave_popup_db_box .bottom_input_wrap > div {display:flex; justify-content: space-between;}
.leave_popup_db_box .bottom_input_wrap label > input {background:#fff; height:6.25vw; line-height:6.25vw; font-size:3.06vw; border:none; padding:0 2.08vw; box-sizing:border-box; margin:0; border-radius:0;  font-family: 'Noto Sans KR'; accent-color:#000;}
.leave_popup_db_box .bottom_input_wrap .name_input_box input {width:25vw;}
.leave_popup_db_box .bottom_input_wrap .phone_input_box input {width:34.03vw;}
.leave_popup_db_box .bottom_input_wrap .btn_apply_go {font-family: 'Noto Sans KR'; border:none; width:22.22vw; background:#d2a078; font-size:3.06vw; font-weight:500; color:#fff; height:6.25vw; line-height:3.33vw; box-sizing:border-box; cursor:pointer; border-radius:0;}

.leave_popup_db_box .bottom_input_wrap .sms_check_box {display:inline-block; font-size:2.22vw; color:#000; margin-top:1.4vw;}
.leave_popup_db_box .bottom_input_wrap .sms_check_box input {width:2.5vw; height:2.5vw; margin:-0.5vw 0.42vw 0 0; display:inline-block; vertical-align:middle; padding:0;}
.leave_popup_db_box .bottom_input_wrap span a {font-size:2.22vw;color:#000}


/*.sms_check_box input:checked[type="checkbox"] {background-color:#fff;-webkit-appearance:checkbox;} */
/* bottom */
.popup{position: absolute;top:0;left:0;margin:0;padding:0;display: none;z-index: 9000;font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.popup_sub_menu {z-index: 999999;position: absolute;top:60px;left:0;width:100%;border:0}
.popup_sub_menu > div{z-index: 1000;}
.popup_promotion_menu {top:50px}
#sub_menu_lang{height: 56px}
.sub_menu_lang_item {text-align: center;line-height:15px;height:56px;float:left}
.sub_menu_lang_item img {display:inline-block}

.kakao_counselInput {width:90%;margin-left: 5%}
.kakao_counselInput > dl {overflow: hidden;margin:0;padding:0}
.kakao_counselInput > dl > dd {margin:0;padding:0;float: left;width:70%}
.kakao_counselInput > dl > dt {margin:0;padding:0;float: left;padding-top: 10px;width:30%; color: #000 }

.ui-mini{font-size:12.5px}/*팝업창 약관 자세히버튼 크기 조절*/
/*SMS비용상담입력창*/
#realPayPopup {width: 96%; margin-left:2%;}
#realPayPopup .popup_title {width:100%; height:65px; background-color:#8E2358}
#realPayPopup .popup_title .realPayText {color:#fff;font-size: 20px; line-height:70px;font-weight: 400; margin-left:10%;}
#realPayPopup .popup_title .ui-grid-a .ui-block-a {width:72%}
#realPayPopup .popup_title .ui-grid-a .ui-block-b {width:28%}
#realPayPopup .popup_title .ui-grid-a .ui-block-b img {height:65px; float:right}
#realPayPopup .popup_form {width:100%; background-color: #fff;}

#nullframe {position:relative;display:none;width:900px;height:500px;border:#f00 1px solid;margin:0 auto;padding-left:100px;}
#wholebg{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:99;background:#000000;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;display:none}
#popuplayer {position: absolute;top: 0px;left: 0px;z-index: 10;display: none; }

.top_visual{position: relative;}
.home_btn{position: absolute;top: 4vw;right: 5%;z-index: 2;width: 10%;}
.home_btn > a{display: block;}

.skinbooster_wrap img{width:100%;}

/* slide_box */
.slide_box{padding:6.944vw 0 15.972vw;}
.slide_box .tit{padding-bottom:4.167vw; font-family:'GmarketSans'; font-weight:500; font-size:5.556vw; color:#f272ad; letter-spacing:-.2vw; text-align:center;}
.slide_box .img_slide{padding-left:4.167vw;}
.slide_box .img_slide .swiper-slide img{width:84.722vw;}

/* prd_section */
.prd_section .prd_box{padding:12.500vw 0 16.667vw; background:#c0b0f5; text-align:center;}
.prd_section .prd_box *{font-family:'GmarketSans'; font-weight:500; letter-spacing:-.2vw;}
.prd_section .prd_box .tit{font-size:5.556vw; color:#fff;}
.prd_section .prd_box .txt{margin-top:4.861vw; font-size:6.250vw; color:#000; line-height:7.639vw;}
.prd_section .dl_box{padding-top:5.556vw;}
.prd_section .dl_box dl{margin-top:6.944vw; font-size:0; text-align:left;}
.prd_section .dl_box dt{display:inline-block; width:26.111vw; padding-top:3.333vw; font-size:3.056vw; color:#000; line-height:5vw; text-align:center; vertical-align:top;}
.prd_section .dl_box dt span{font-size:4.444vw; color:#fff; font-weight:bold;}
.prd_section .dl_box dd{display: inline-block;width: 73vw;vertical-align: top;}
.prd_section .dl_box dd a{display:inline-block; width:23.056vw;margin-right:0.972vw; margin-bottom: 0.972vw; height:15vw; padding-top:4.167vw; background:#fff; border-radius:0.972vw; box-sizing:border-box;text-align: center;}
.prd_section .dl_box dd a span{font-size:3.611vw; color:#222;}
.prd_section .dl_box dd a span::after{content:''; display:block; width:6.667vw; height:2.500vw; margin:1.389vw auto 0; background:url(//image.idskin.co.kr/m/promotion/skinbooster/icon_arrow.png) no-repeat 0 0; background-size:100% auto;}

/* 신청하기 */
.apply_box{position:sticky; bottom:0; left:0; right:0; height:18vw; padding:3vw 2.083vw 0; background:#5f2231; font-size:0; z-index:100; box-sizing:border-box;}
.apply_box *{display:inline-block; vertical-align:middle; letter-spacing:-.1vw;}
.apply_box .input_area{}
.apply_box .input_area input{width:21.806vw; height:7vw; margin-right:0.694vw; padding:0 1vw; border:1px solid #c0b9bb; border-radius:0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:2.500vw;}
.apply_box .select_box{}
.apply_box .select_box select{width:27.500vw; height:7vw; border:1px solid #c0b9bb; border-radius:0; background:#fff; box-sizing: border-box; font-size:2.500vw;}
.apply_box .agree_txt{position:absolute; right:3vw; bottom:3vw;}
.apply_box .agree_txt input{width:3.056vw; height:3.056vw; border-radius:0; background:#fff;}
.apply_box .agree_txt label{margin-left:.5vw; font-size:2vw; color:#b6b6b6;}
.apply_box .btn_apply{position:absolute; right:2.083vw; top:3vw; width:20.278vw; background:#c2976a; font-size:3.194vw; font-weight:500; color:#fff; line-height:7vw; text-align:center; border:none; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.bottom_floating {display:none}