/* 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);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.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', sans-serif;
    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;
	min-height:500px;
}

.ui-panel-inner{
	padding: 10px 0 0 0;
}

#idskin-page {padding-top:88px}

/* 패널에 리스트뷰가 올라갔을때 그림자 가려지는 문제 픽스 */
#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:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.2);}
/* 
    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}
#header {position:fixed;top:0;left:0;width:100%;z-index:99;}
#header .wrapper {height:55px}
#header.scrolldown {background:rgba(255,255,255,0.9)}

.top_menu {display:block; width:27px; position:absolute; top:17px; left:20px;}
.top_menu > img {width:100%;}

.g_lang {position:relative;}
.g_lang a {position:relative;display:block; padding:12px 20px; font-weight:200; font-size:12px; color:#fff;}
.g_lang a i {display:inline-block;vertical-align:middle;width:20px;height:20px; margin-right:9px; background-repeat:no-repeat;background-position:center center}
.g_lang a i {background:url("//images.idhospital.com/image/idhospital/common/bg_language_v.png") left top no-repeat;}
.g_lang a i.jp {background-position:0 -81px;}
.g_lang a i.chn {background-position:0 -141px;}
.g_lang a i.eng {background-position: 0 -121px;}
.g_lang div {position:absolute; top:15px; left:67px; width:27px; cursor:pointer;}
.g_lang div::before {content:''; position:absolute; top:50%; left:-10px; width:1px; height:20px; background:#7e003f; opacity:0.3; transform:translateY(-50%);}
.g_lang div img {width:100%;}
.g_lang ul {display:none; position:absolute; top:56px; width:180px; border-top:1px solid #111; background:#3b141e; overflow:hidden; z-index:1000;}
.g_lang ul li {position:relative;}
.g_lang ul li::after {content:''; position:absolute; bottom:0; width:100%; height:1px; background:#111;}
.g_lang ul li:hover {background:#3b141e;}
.g_lang.on ul {display:block}

.top_logo {display:block; width:112px; position:absolute; top:13px; left:50%; margin:0 0 0 -58px;}
.top_logo > img {width:100%;}

.top_tell {display:block; width:62px; position:absolute; top:12px; right:15px; }
.top_tell > img {width:100%;}




#idskin-page .ui-bar-inherit{background:transparent;border:0}
#idskin-page #btn_center_top{background:#fff}

.submenu{position:relative;width:100%;height:36px;background-color:rgba(139,33,79,0.9)}
.submenu #div_submenu{width:100%;height:100%;text-align:center}
.submenu #div_submenu .swiper-slide{display:table}
.submenu #div_submenu .swiper-slide .title{display:table-cell;vertical-align:middle;height:36px;font-size:12px;color:#cb9db1;font-weight:normal;font-family:'Noto Sans KR';line-height:18px}
.submenu #div_submenu .swiper-slide .title.activeMenu{font-size:16px;color:#fff;line-height:16px}
.submenu #top_swiper_nav_left{width:10px;height:18.5px;position:absolute;left:6px;bottom:8px;z-index:9999}
.submenu #top_swiper_nav_right{width:10px;height:18.5px;position:absolute;right:6px;bottom:8px;z-index:9999}
.submenu .shadow{position:absolute;bottom:-4px;left:0;width:100%;height:4px;z-index:1000}


.subVisual img{width:100%;vertical-align:top}
.subContent > div > img{width:100%;vertical-align:top}
.subContent > div{position:relative}

.antiVideo .con_play_area{position:absolute;top:44.017%;left:4.375%;width:91.407%}

/* header 리뉴얼 */
.subMenu{position:relative;background:#E1B7CB;height:40px;z-index:501;font-size: 12px;letter-spacing: -0.1vw;}
.subMenu:after{content:"";clear:both;display:block}
.subMenu .menu_depth{float:left;width:62.5%;box-sizing:border-box;padding:8px 0 0 10px;background:#7E003F;position:relative;height:100%}
.subMenu .menu_depth:after{content:"";position:absolute;top:0;right:-19px;display:block;width:0;height:0;border-top:38px solid #7E003F;border-right:19px solid transparent;border-bottom:0;border-left:0 solid transparent}
.subMenu .menu_depth span{display:inline-block;font-size:inherit;color:#fff;cursor:pointer;position:relative;padding: 5px 0;}
.subMenu .menu_depth span:after{content:"";display:block;position:absolute;right:0}
.subMenu .depth01{float:left;box-sizing:border-box;padding-bottom:10px;}
.subMenu .depth01 .d_txt{padding-right:12px;max-width:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subMenu .depth01 span:after{width: 6px;height: 9px;top: 7px;background:url("//image.idskin.co.kr/m/common/depth01_arrow.png") no-repeat center center;background-size:cover}
.subMenu .depth02{float:left;box-sizing:border-box;padding-left:8px;max-width:120px;position:relative}
.subMenu .depth02 span{padding-right:19px}
.subMenu .depth02 span:after{width: 13px;height: 13px;top:5px;background:url("//images.idhospital.com/image/m.idhospital/common/header_sm_depth02.png") no-repeat center center;background-size:cover}
.subMenu .depth02 .d_txt{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subMenu .depth02.open span:after{background:url("//images.idhospital.com/image/m.idhospital/common/header_sm_depth02_open.png") no-repeat center center;background-size:cover}
.subMenu .sm{position:fixed;top:-1000px;width:200px;min-width:130px;word-break:keep-all;z-index:500;margin:0 auto;height:100%;left:0}
.subMenu .sm a{display:block;padding:8px 12.5px;font-size:inherit;color:rgba(255,255,255,0.7);border-bottom:1px solid #333}
.subMenu .sm a:last-child{border-bottom:0}
.subMenu .sm a.on{color:#fff;background:#5f183c}
.subMenu .menu_btn{position: absolute;top: 8px;right: 10px;padding: 5px 0;}
.subMenu .menu_btn a{display:inline-block;font-size:inherit;color:#7E003F;padding-right:17.5px}
.subMenu .menu_btn a:after{content:"";display:block;width:13px;height:13px;position:absolute;top:5.3px;right:0;background:url("//image.idskin.co.kr/m/common/bna_arrow.png") no-repeat center center;background-size:cover}
.subMenu .sm .scroller {height:100%;position:absolute;width:100%;background-color:rgba(50,50,51,0.8);z-index: 101;}
.subMenu .scroller ul li.gnb-border{border-bottom:1px solid #3f424c}
.subMenu .scroller ul li.gnb-border:first-child{border:0}
.subMenu .scroller ul li.d3 a {padding:5px 12.5px}
/* header 리뉴얼 */
#left-panel {position:fixed;top:0;z-index:105;width:100%;display:none;height:100%;background-color:#fff}
#left-panel::before {content:""; display:block; width:50%; height:100%; background:#f4f4f4; position:fixed; top:0; right:0; }
/* GNB - Head */
.gnb_head {background: #100f34;position: relative;text-align: center;padding: 13px 0 0 0; height: 25vw; /* height:13vw; */ box-sizing: border-box;z-index: 3;}
.gnb_logo { width:112px; display:block; margin:0 auto 4% auto; padding:0 0 0 0;}
.gnb_logo > a {display:block; width:100%;}
.gnb_logo > a > img {width:100%;}
.gnb_close {position:absolute; top:14px; right:20px; width:22px;}
.gnb_close > img {width:100%;}
.event_bnr{width: 100%;position: absolute;
    bottom: 0;}
.event_bnr a img{width: 100%;}

.gnb_login_wrap {text-align:center; display:inline-block; border:1px solid #787789; border-radius:8px; padding:12px 20px;}
.gnb_login_wrap > a.gnb_member {display:inline-block; vertical-align:top; font-size:13px; color:#fff; line-height:19px;}
.gnb_login_wrap > a.btn-member-session::after {content:""; display:inline-block; vertical-align:top; width:1px; height:15px; background:#787789; margin:2px 10px 0 16px;}
.gnb_member_con {width:19px; display:inline-block; vertical-align:top; margin:0 8px 0 0;}

/* GNB - Menu */
.gnb {width:100%;}
.gnb_cate { width:50%; height:50px; line-height:50px; font-size:14px; background:#fff url(//image.idskin.co.kr/m/common/gnb_cate_arrow.png) right 16px center no-repeat;
background-size:6px; color:#a06081; text-align:center; border-bottom:1px solid #ddd; font-weight:500;}
.gnb_cate.gnb_cate_on {color:#ddd; background:#93004b url(//image.idskin.co.kr/m/common/gnb_cate_arrow_on.png) right 16px center no-repeat; background-size:6px; font-weight:500;}
.on .gnb_cate {color:#ddd; background:#93004b url(//image.idskin.co.kr/m/common/gnb_cate_arrow_on.png) right 16px center no-repeat; background-size:6px; font-weight:500;}
#left-panel .depth02 {position:absolute; top:25vw; right:0;  width:50%; background:#f4f4f4; }
#left-panel .depth02 > li{border-bottom:1px solid #ddd; }
#left-panel .depth02 > li > a {display:block; position:relative; width:100%; line-height:50px; height:50px; font-size:14px; text-align:center; color:#555; font-weight:500;}
.gnb > h3 + ul {display:none;}

#left-panel  ul.depth03 {padding:0 0 12px;}
#left-panel  ul.depth03 > li{display:flex;height:30px;align-items:flex-end;justify-content:center}
#left-panel  ul.depth03 > li > a{display:block;padding:2px 0 7px 12px;padding-right:10px;font-size:inherit;color:#555;position:relative;text-align:center;font-size:14px}
#left-panel  ul.depth03 > li > a:after{content:"";position:absolute;top:12px;left:3px;display:block;width:3px;height:1px;background:#555}
#left-panel .depth02 .on_d3 > a {font-weight:bold}
#left-panel .depth02 .on_d2 > a {font-weight:bold}

.gnb_consult {width: 50%; text-align: center;height:11.11vw;line-height:11.11vw;padding-left:0.972vw;box-sizing: border-box;}
.gnb_consult a.kakao::before{content: '';display:block; float:left; background: url(//image.idskin.co.kr/m/common/gnb_kakao_consult_icon.png) no-repeat center;background-size: contain;width:4.44vw;height: 4.16vw; position: absolute;top: 50%;left:-0.55vw;transform: translate(0,-50%); background-size:100%;}
.gnb_consult a.phone::before{content: '';display: block; float:left; background: url(//image.idskin.co.kr/m/common/gnb_phone_consult_icon.png) no-repeat center;background-size: contain;width:3.61vw;height: 3.61vw; position: absolute;top: 50%;left:0;transform: translate(0,-50%); background-size:100%;}
.gnb_consult a {display: inline-block;font-size: 2.5vw;color:#995f7d;font-weight:500; position:relative; padding-left:4.861vw;}
.gnb_consult span {display: inline-block;vertical-align: top;padding: 0 1.38vw;font-size: 2.5vw;margin-top: -0.14vw;color:#a06082; font-weight:bold;}

/*#left-panel ul.depth03 > li > a[href="/stemcell/exosome_hgf"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:-22px; top:5px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d3 a[href="/stemcell/exosome_hgf"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:93px; top:63px; color:#ffd800; letter-spacing:1px;}

#left-panel ul.depth03 > li > a[href="/stemcell/laetigen"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:-22px; top:5px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d3 a[href="/stemcell/laetigen"]::before {content:'NEW'; display:block; font-size:10px; position:absolute;right: 113px; top:108px; color:#ffd800; letter-spacing:1px;}

#left-panel ul.depth03 > li > a[href="/stemcell/ultracol"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:-22px; top:5px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d3 a[href="/stemcell/ultracol"]::before {content:'NEW'; display:block; font-size:10px; position:absolute;right: 103px; top: 85px; color:#ffd800; letter-spacing:1px;}*/

.subMenu .scroller ul li.d2{position: relative;}

#left-panel ul.depth02 > li > a[href="/antiage/ulthun"]::before {content:'BEST'; display:block; font-size:10px; position:absolute; right:40px; top:0; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d2 a[href="/antiage/ulthun"]::before {content:'BEST'; display:block; font-size:10px; position:absolute; right:112px; top:8px; color:#ffd800; letter-spacing:1px;}

#left-panel ul.depth02 > li > a[href="/antiage/ultanium"]::before {content:'HOT'; display:block; font-size:10px; position:absolute; right:40px; top:0; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d2 a[href="/antiage/ultanium"]::before {content:'HOT'; display:block; font-size:10px; position:absolute; right:112px; top:8px; color:#ffd800; letter-spacing:1px;}

#left-panel ul.depth02 > li > a[href="/antiage/tuneface"]::before {content:'HOT'; display:block; font-size:10px; position:absolute; right:40px; top:0; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d2 a[href="/antiage/tuneface"]::before {content:'HOT'; display:block; font-size:10px; position:absolute; right:112px; top:8px; color:#ffd800; letter-spacing:1px;}

/*#left-panel ul.depth02 > li > a[href="/antiage/titanium"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:45px; top:0; color:#ffd800; letter-spacing:1px;}*/
/*.subMenu .scroller ul li.d2 a[href="/antiage/titanium"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:123px; top:8px; color:#ffd800; letter-spacing:1px;}*/

#left-panel ul.depth02 > li > a[href="/antiage/ulthera_plus"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:21px; top:-4px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d2 a[href="/antiage/ulthera_plus"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:83px; top:8px; color:#ffd800; letter-spacing:1px;}

#left-panel ul.depth02 > li > a[href="/antiage/ultheraprime"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:41px; top:-4px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d2 a[href="/antiage/ultheraprime"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:90px; top:8px; color:#ffd800; letter-spacing:1px;}

#left-panel ul.depth02 > li > a[href="/antiage/newulquarprime"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:41px; top:-4px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d2 a[href="/antiage/newulquarprime"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:90px; top:8px; color:#ffd800; letter-spacing:1px;}

.subMenu .scroller ul li.d3 a{position: relative;}

#left-panel ul.depth03 > li > a.exosome_4d::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:-22px; top:5px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d3 a[href="/stemcell/exosome_4d"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:100px; top:114px; color:#ffd800; letter-spacing:1px;}

#left-panel ul.depth03 > li > a[href="/stemcell/lizne"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:-22px; top:4px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d3 a[href="/stemcell/lizne"]::before {content: 'NEW';display: block;font-size: 10px;position: absolute;right: 113px;top: 6px;color: #ffd800;letter-spacing: 1px;}

#left-panel ul.depth03 > li > a[href="/stemcell/cure"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:-22px; top:4px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d3 a[href="/stemcell/cure"]::before {content: 'NEW';display: block;font-size: 10px;position: absolute;right: 94px;top: 6px;color: #ffd800;letter-spacing: 1px;}

/*#left-panel ul.depth03 > li > a[href="/stemcell/volite"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:-22px; top:4px; color:#ffd800; letter-spacing:1px;}*/
/*.subMenu .scroller ul li.d3 a[href="/stemcell/volite"]::before {content: 'NEW';display: block;font-size: 10px;position: absolute;right: 59px;top: 6px;color: #ffd800;letter-spacing: 1px;}*/

/*#left-panel ul.depth03 > li > a[href="/stemcell/radiesse"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:-22px; top:4px; color:#ffd800; letter-spacing:1px;}*/
/*.subMenu .scroller ul li.d3 a[href="/stemcell/radiesse"]::before {content: 'NEW';display: block;font-size: 10px;position: absolute;right: 105px;top: 6px;color: #ffd800;letter-spacing: 1px;}*/

#left-panel ul.depth03 > li > a[href="/stemcell/revive"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:-22px; top:4px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d3 a[href="/stemcell/revive"]::before {content: 'NEW';display: block;font-size: 10px;position: absolute;right: 105px;top: 6px;color: #ffd800;letter-spacing: 1px;}

#left-panel ul.depth02 > li > a[href="/hair/np_hair"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:38px; top:-1px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d2 a[href="/hair/np_hair"]::before {content: 'NEW';display: block;font-size: 10px;position: absolute;right: 100px;top: 9px;color: #ffd800;letter-spacing: 1px;}

#left-panel ul.depth03 > li > a[href="/stemcell/hilowave"]::before {content:'NEW'; display:block; font-size:10px; position:absolute; right:-22px; top:4px; color:#ffd800; letter-spacing:1px;}
.subMenu .scroller ul li.d3 a[href="/stemcell/hilowave"]::before {content: 'NEW';display: block;font-size: 10px;position: absolute;right: 93px;top: 6px;color: #ffd800;letter-spacing: 1px;}

#quick-panel {width:100%;height:100%;background-color:#fff;position:fixed;left:100%;top:0;z-index:100;overflow:auto}
#quick-panel .quick-tabs {width: 12%; min-width:50px;position:absolute;top:50px;right:0;background-color:#5f2231;height:100%}
#quick-panel .quick-tabs li {padding:15px 0;text-align: center;}
#quick-panel .quick-tabs.on {position:fixed}

#quick-panel .quick-section .quick-item {display:none}
#quick-panel .quick-section .quick-item.on {display:block}
#quick-panel .quick-section .quick-contents {padding-top:60px;padding-bottom:80px}


#quick-tabs{text-align:center;}
.quick-tabs{}
.quick-tabs li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.2)}
.quick-tabs li span{display:block;padding-top:40px;font-size:2.3vw;font-weight:300;color:#fff;background-repeat:no-repeat;background-position:center top;cursor:pointer;background-size: 65%;}
.quick-tabs li span.icon01{background-image:url("//image.idskin.co.kr/www/common/icon_quick_consult.png");background-size: 62%;background-position-x: 13px;}
.quick-tabs li span.icon02{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu03_off.png")}
.quick-tabs li span.icon03{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu01_off.png")}
.quick-tabs li span.icon04{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu04_off.png")}
.quick-tabs li span.icon05{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu05_off.png")}
.quick-tabs li span.icon06{background-image:url("//image.idskin.co.kr/m/common/quick/icon_qMenu_call.png")}

.quick-tabs li.on{background-color:#fff}
.quick-tabs li.on span{color:#000}
.quick-tabs li.on span.icon01{background-image:url("//image.idskin.co.kr/www/common/icon_quick_consult_over.png")}
.quick-tabs li.on span.icon02{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu03_on.png")}
.quick-tabs li.on span.icon03{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu01_on.png")}
.quick-tabs li.on span.icon04{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu04_on.png")}
.quick-tabs li.on span.icon05{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu05_on.png")}
.quick-tabs li.on span.icon06{background-image:url("//image.idskin.co.kr/m/common/quick/icon_qMenu_call.png")}

.quick-tabs li.phone_call {background:#ffea00;}
.quick-tabs li.phone_call span {font-size:2.5vw; line-height:1.25; color:#1b1b1b; font-weight:500; letter-spacing:-0.1vw;}


.quick-section .quick-item .tit {height: 50px;line-height: 50px;padding: 0 20px;border-bottom: 0;background: #000;position: relative;box-sizing:border-box;width:100%}
.quick-section .quick-item .tit.on {position:fixed;z-index:2}
.quick-section .quick-item .tit h3 {font-size:4.3vw;color: #fff;font-weight: 400;}
.quick-section .quick-item .tit .btn_grp {position: absolute;top: 50%;right: 20px;margin-top: -14px;line-height: 1;display: inline-block;vertical-align: middle}
.quick-section .quick-item .tit .btn_grp .close {width: 28px;height: 28px;position: relative;display: inline-block;overflow: hidden;}
.btn_grp a i {position: absolute;top: 50%;left: 50%;display: inline-block;width: 100%;height: 2px;}
.btn_grp a i.cross_l {background: #fff;left: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.btn_grp a i.cross_r {background: #fff;left: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


/* oboard write */
#quick-panel .quick-onlinepanel {max-width:84%;padding:10px;margin:0 auto;margin-right: 12%;}
#quick-panel .quick-onlinepanel table {width:100%}
#quick-panel .quick-onlinepanel table input , #quick-panel .quick-onlinepanel table select , #quick-panel .quick-onlinepanel table textarea{width: 100%;height: 8vw;box-sizing: border-box;padding: 2% 0 2% 2vw;margin-bottom: 1.5vw;border: 1px solid #aaa;font-size: 2.8vw;font-family:'Noto Sans KR';}
#quick-panel .quick-onlinepanel .field-hp {text-align: center;}
#quick-panel .quick-onlinepanel .field-hp .ui-block-a {display:inline-block;width:30%}
#quick-panel .quick-onlinepanel .field-hp .ui-block-b {display:inline-block;width:33%;margin: 0 0.5%;}
#quick-panel .quick-onlinepanel .field-hp .ui-block-c {display:inline-block;width:33%;}
#quick-panel .quick-onlinepanel .field-email {text-align: center;}
#quick-panel .quick-onlinepanel .field-email .ui-block-a {display:inline-block;width:30%}
#quick-panel .quick-onlinepanel .field-email .ui-block-b {display:inline-block;width:4%;margin: 0 0.5%; text-align:center;}
#quick-panel .quick-onlinepanel .field-email .ui-block-c {display:inline-block;width:62%;}
#quick-panel .quick-onlinepanel .field-check p {float: right;margin-left: 2px;font-size: 2.5vw;border: 1px solid #d1d1d1;padding: 2%;background: #ffffff;position: relative;z-index: 100;}
#quick-panel .quick-onlinepanel .field-btn1 {float:left;width:49%;padding: 10px 0 10px 0}
#quick-panel .quick-onlinepanel .field-btn1 img {width:100%}
#quick-panel .quick-onlinepanel .field-btn2 {float:right;width:49%; margin-left: 5px; padding: 10px 0 10px 0}
#quick-panel .quick-onlinepanel .field-btn2 input {width:100%}

#quick-panel .quick-onlinepanel table select {padding:0 1.5%;color: #3f3f3f;}
#quick-panel .quick-onlinepanel table textarea{height: 15vw;}
.field-check {padding: 1% 0 5%;}
.field-check label{font-size: 2.6vw;margin:3% 0 0 1%;}
.field-check input{display: inline-block;vertical-align: middle;}


/* 비용상담 */
#quick-panel .quick-pricepanel {max-width:84%;padding:10px;margin:0 auto;margin-right: 12%;position: relative;}
#quick-panel .quick-pricepanel table {width:100%}
#quick-panel .quick-pricepanel table input , #quick-panel .quick-pricepanel table select , #quick-panel .quick-pricepanel table textarea{width: 100%;height: 8vw;box-sizing: border-box;padding: 2% 0 2% 2vw;margin-bottom: 1.5vw;border: 1px solid #aaa;font-size: 2.8vw;font-family:'Noto Sans KR';}
#quick-panel .quick-pricepanel .field-hp {text-align: center;}
#quick-panel .quick-pricepanel .field-hp .ui-block-a {display:inline-block;width:30%}
#quick-panel .quick-pricepanel .field-hp .ui-block-b {display:inline-block;width:33%;margin: 0 0.5%;}
#quick-panel .quick-pricepanel .field-hp .ui-block-c {display:inline-block;width:33%;}
#quick-panel .quick-pricepanel .field-email .ui-block-a {width:33%}
#quick-panel .quick-pricepanel .field-email .ui-block-b {width:7%;margin-left:1px;padding-top:11px;text-align:center;}
#quick-panel .quick-pricepanel .field-email .ui-block-c {width:59%;margin-left:1px}
#quick-panel .quick-pricepanel .field-check p {float: right;margin-left: 2px;font-size: 2.5vw;border: 1px solid #d1d1d1;padding: 2%;background: #ffffff;position: relative;z-index: 100;}
#quick-panel .quick-pricepanel .field-btn1 {float:left;width:49%;padding: 10px 0 10px 0}
#quick-panel .quick-pricepanel .field-btn1 img {width:100%}
#quick-panel .quick-pricepanel .field-btn2 {float:right;width:49%; margin-left: 5px; padding: 10px 0 10px 0}
#quick-panel .quick-pricepanel .field-btn2 input {width:100%}

/* 비용상담 수정 */
#quick-panel .quick-section .quick_price_wrap .quick-contents{padding-top: 6vw;max-width: 80%;margin-right: 13%;}
#quick-panel .quick-section .quick_price_wrap .quick_top_banner {padding:50px 11.81vw 0 0;}
#quick-panel .quick-section .quick_price_wrap .quick_top_banner img {width:100%;}
#quick-panel .quick-section .quick_price_wrap .txt{padding:4vw 0 0 4vw;width: 80%;}
#quick-panel .quick-section .quick_price_wrap .txt p{font-size:4.6vw;font-weight:300;color:#6e6e6e;line-height:1.5em;letter-spacing:-0.05em;font-weight: 400;}
#quick-panel .quick-section .quick_price_wrap .txt p span{font-weight:500;color:#5F2231}
#quick-panel .quick-section .quick_price_wrap .form_tbl{padding: 3.2vw 0 2vw;border-top: 1px solid #b4b9c4;border-bottom: 1px solid #b4b9c4;}
.quick_price_table{width: 100%;}
.quick_price_table th{text-align: left;font-size: 4vw;font-weight: 400;letter-spacing: -0.2vw;}
#quick-panel .quick-pricepanel .quick_price_table input, 
#quick-panel .quick-pricepanel .quick_price_table select{height: 10vw;font-size: 3.5vw;}

#quick-panel .quick-pricepanel .agree{margin:4vw 0 6vw;}
#quick-panel .quick-pricepanel .agree input[type='checkbox'] {width: 3.5vw;height: 3.5vw;display: inline-block;vertical-align: top;margin-top: 0.8vw;}
#quick-panel .quick-pricepanel .agree label span{display: inline-block;font-size: 4.4vw;padding-left: 0.8vw;letter-spacing: -0.1vw;color: #222;}
#quick-panel .quick-pricepanel .agree .all{padding-bottom: 3vw;text-align: center;border-bottom: 1px solid #ccc;}
#quick-panel .quick-pricepanel .agree .pers ul li {border-bottom: 1px solid #ccc;}
#quick-panel .quick-pricepanel .agree .pers .check {padding: 2.5vw 1vw;position: relative;overflow: hidden;}
#quick-panel .quick-pricepanel .agree .pers .check label span {width: 68%;vertical-align: middle;line-height: 1.3;font-size: 2.4vw;letter-spacing: -0.2vw;color:#999;}
#quick-panel .quick-pricepanel .agree .pers .check .chk_btn {position: absolute;top: 50%;right: 0;width: 22%;box-sizing: border-box;padding: 2%;text-align: center;font-size: 2.6vw;font-weight: 300;color: #fff;background: #666;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.quick_price_btn{text-align: center;font-size: 0;}
.quick_price_btn > a{width: 30vw;line-height: 10vw;font-size: 4vw;border:1px solid #5F2231;    display: inline-block;vertical-align: top;box-sizing: border-box;margin: 0 0.8vw;}
.quick_price_btn .quick_price_btn1{background-color: #5F2231;color:#fff;width: 30vw;line-height: 10vw;font-size: 4vw;border:1px solid #5F2231;    display: inline-block;vertical-align: top;box-sizing: border-box;margin: 0 0.8vw;}
.quick_price_btn .quick_price_btn2{background-color: #fff;color:#000;border-color:#000;}

#quick-panel .quick-pricepanel .agree_pa{display: none;position: absolute;top: 0;left: 2.5%;width: 95%;box-sizing: border-box;background: #fff;border: 1px solid #333;}
#quick-panel .quick-pricepanel .agree_pa .top{position: relative;padding:20px 15px;background: #333;}
#quick-panel .quick-pricepanel .agree_pa .top p{font-size: 3.8vw;color: #fff;}
#quick-panel .quick-pricepanel .agree_pa .top span.agree_close{position: absolute;top: 50%;right: 15px;width: 18px;margin-top: -9px;}
#quick-panel .quick-pricepanel .agree_pa .scrollY{width: 100%;height: 120px;color:#999;}
#quick-panel .quick-pricepanel .agree_pa .scrollY .JI_readOnly {display: block;width: 100%;height: 100%;box-sizing: border-box;background: transparent;resize: none;overflow: hidden;border: 0;outline: none;overflow-y: auto;color:#999;font-size: 3vw;white-space: pre-line;letter-spacing: -0.1vw;}



/* 오시는 길 */
#quick-panel .quick-mappanel {margin: 20px 70px 0 20px;}
#quick-panel .quick-mappanel .map_img {width:100%}
#quick-panel .quick-mappanel .map_txt {margin-top: 5%;}
#quick-panel .quick-mappanel .map_txt p{font-size: 3.1vw;color:#222;line-height: 1.3;margin-bottom: 3%;}
#quick-panel .quick-mappanel .map_txt p > span{color:#5f2231;font-weight: 500;}
#quick-panel .quick-mappanel .inp_grp {position: relative;}
#quick-panel .quick-mappanel .inp_grp > li { width: 48.5%; display: inline-block; vertical-align: top;text-align: center;box-sizing: border-box;}
#quick-panel .quick-mappanel .inp_grp > li:nth-of-type(odd) { margin: 0px 1.3% 0px 0px; }
#quick-panel .quick-mappanel .inp_grp > li > a { width: 100%; height: 50px; line-height: 50px; display: block; box-sizing: border-box;font-size: 3vw;color:#fff;background-color: #5f2231;}
#quick-panel .quick-mappanel .inp_grp > li > a.btnB { text-indent: 18px; background:#5f2231 url("//images.idhospital.com/image/iddental/common/icon_qLocation01.png") 6px 50% no-repeat}
#quick-panel .quick-mappanel .inp_grp > li > a.btn_center{color: #fff;}
#quick-panel .quick-mappanel .inp_grp > li > a.btnW { text-indent: 18px; background: url("//images.idhospital.com/image/iddental/common/icon_qLocation02.png") 6px 50% no-repeat rgb(255, 255, 255);}
#quick-panel .quick-mappanel .field-hp {padding:10px 0;display:none}
#quick-panel .quick-mappanel .field-hp h3 {font-size:1.3em}
#quick-panel .quick-mappanel .field-hp h5 {font-size:0.8em;padding:5px 0;line-height:1.3em}
#quick-panel .quick-mappanel .field-hp form {width:100%;}
#quick-panel .quick-mappanel .field-hp form fieldset {width:100%; margin:5px 0 10px;}
#quick-panel .quick-mappanel .field-hp form div {float:left;}
#quick-panel .quick-mappanel .field-hp form input {display:block; width:100%; height:100%; padding:1.5vw; box-sizing:border-box; font-size:2.5vw; text-align:center;}
#quick-panel .quick-mappanel .field-hp .line {width:5%; font-size:4vw; float:left; padding-top:1.5vw; text-align:center;}
#quick-panel .quick-mappanel .field-hp .ui-block-a {width:30%;}
#quick-panel .quick-mappanel .field-hp .ui-block-b {width:30%;}
#quick-panel .quick-mappanel .field-hp .ui-block-c {width:30%;}

/* 온라인예약 */
#quick-panel .subCon {padding-right:60px;padding-left:10px}
#quick-panel .subCon .reservWrap .tit h4{font-size: 30px;font-weight: 400;}
#quick-panel .subCon .reservWrap .tit p{font-size: 18px;}
#quick-panel .subCon .reservWrap .tit p span{color: #5F2231;}
#quick-panel .reservWrap .calendar table{width: 100%;}
#quick-panel .subCon .reservWrap .calBot table th.sat{color:#5F2231;}
#quick-panel .subCon .reservWrap .calBot table td span{background-color: #5F2231;}

#quick-panel .reservWrap .calendar{max-width:900px;margin:0 auto}
#quick-panel .reservWrap .calTop{position:relative;overflow:hidden;border-top:1px solid #333;border-bottom:1px solid #333}
#quick-panel .reservWrap .calTop h5{position:absolute;top:50%;left:50%;font-family:'Montserrat';font-size:40px;font-weight:bold;color:#333;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}
#quick-panel .reservWrap .calTop span{display:block;margin:30px 0;cursor:pointer}
#quick-panel .reservWrap .calTop span img{display:inline-block;vertical-align:middle}
#quick-panel .reservWrap .calTop span strong{display:inline-block;vertical-align:middle;font-family:'Montserrat';font-size:24px;font-weight:500}
#quick-panel .reservWrap .calTop span i{display:inline-block;vertical-align:middle;font-style:normal;font-size:18px}
#quick-panel .reservWrap .calTop .prevMonth{float:left;color:#999}
#quick-panel .reservWrap .calTop .prevMonth img{margin-right:7px}
#quick-panel .reservWrap .calTop .nextMonth{float:right;color:#333}
#quick-panel .reservWrap .calTop .nextMonth img{margin-left:7px}
#quick-panel .reservWrap .calBot{position:relative;overflow:hidden}
#quick-panel .reservWrap .calBot table thead tr{border-bottom:1px solid #ddd}
#quick-panel .reservWrap .calBot table tbody tr{border-bottom:1px solid #eee}
#quick-panel .reservWrap .calBot table tbody tr:last-of-type{border-color:#333}
#quick-panel .reservWrap .calBot table th{height:45px;font-family:'Montserrat';font-size:16px;font-weight:bold;color:#999;background:url("//images.idhospital.com/image/iddental/nboard/calendar_line.png") no-repeat 100% 50%}
#quick-panel .reservWrap .calBot table th.sun{color:#f46767}
#quick-panel .reservWrap .calBot table th.sat{color:#56b6e6;background:none}
#quick-panel .reservWrap .calBot table td{padding:15px 0;text-align:center}
#quick-panel .reservWrap .calBot table td span{display:inline-block;width:50px;height:50px;line-height:50px;font-family:'Montserrat';font-size:20px;color:#fff;background-color:#56b6e6;background-size:cover;border-radius:50%;cursor:pointer}
#quick-panel .reservWrap .calBot table td.disable span{color:#333;background-color:#f4f4f4;cursor:auto}
#quick-panel .reservWrap .calBot table td.selected span{background-image:url("//image.idskin.co.kr/www/tools/rsv/calendar_selected.png");background-repeat:no-repeat;background-position:center center;background-color:transparent;text-indent:-9999px}
#quick-panel .reservWrap .calTxt{margin:20px 0 20px;line-height:1.4}
#quick-panel .reservWrap .calTxt p{font-size:16px;font-weight:300;color:#333}
#quick-panel .reservWrap .calTxt span{font-size:12px}
#quick-panel .reservWrap .calBtn{text-align:center}
#quick-panel .reservWrap .calBtn a{display:block;width:100%;margin-bottom:10px;padding:25px 0;font-size:18px;color:#fff;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;font-weight: 400;}
#quick-panel .reservWrap .calBtn input[type=submit]{display:block;width:100%;margin-bottom:10px;padding:25px 0;font-size:18px;color:#fff;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;background-color:#edd3dd;border:0;cursor:pointer;font-weight: 400;}
#quick-panel .reservWrap .calBtn a:last-of-type{margin-bottom:0}
#quick-panel .reservWrap .calBtn a.btn1{background-color:#edd3dd}
#quick-panel .reservWrap .calBtn a.btn1:hover{background-color:#5F2231}
#quick-panel .reservWrap .calBtn input[type=submit]:hover{background-color:#5F2231}
#quick-panel .reservWrap .calBtn a.btn1 span {color:#fff}

.blockUI div.btn1{background-color:#5F2231;width:960px;padding:25px 0;display:block;margin:0 auto;}
.blockUI div.btn1 span {color:#fff;cursor:pointer}
.blockUI div.btn1:hover{background-color:#5F2231}

#quick-panel .subCon #quick-panel .reservWrap .apTbl .inp_grp input[type='text'], #quick-panel .subCon #quick-panel .reservWrap .apTbl .inp_grp input[type='tel'], #quick-panel .subCon #quick-panel .reservWrap .apTbl .inp_grp input[type='password'], #quick-panel .subCon #quick-panel .reservWrap .apply .apTbl .inp_grp select {width: 380px;height: 40px;border: 1px solid #c7c7c7;background: #fff;box-sizing: border-box;font-family:'Noto Sans KR';}
/*
#quick-panel .subCon #quick-panel .reservWrap .apply .apTbl .inp_grp select {background: #fff url(//images.idhospital.com/image/iddental/common/icon_downArrow.png) no-repeat 90% 50%;}
*/
#quick-panel .subCon #quick-panel .reservWrap .apTbl .descript{font-size: 14px;}
#quick-panel .subCon #quick-panel .reservWrap .apTbl table td{font-size: 16px;}
#quick-panel .subCon #quick-panel .reservWrap .apCheck label span{font-size: 16px;}
#quick-panel .subCon #quick-panel .reservWrap .apCheck .pers .check .chk_btn{font-size: 14px;}

#quick-panel .subCon #quick-panel .reservWrap .apBtn .inp_grp input[type='button'], #quick-panel .subCon #quick-panel .reservWrap .apBtn .inp_grp input[type='submit'], #quick-panel .subCon #quick-panel .reservWrap .apBtn .inp_grp a.btn{font-size: 16px;width: 180px;margin: 0 2.5px;height: 50px;padding: 0;cursor: pointer;border-style: solid;border-width: 1px;font-family:'Noto Sans KR';}
#quick-panel .subCon .inp_grp .btnB {color: #fff;background: #5F2231;border-color: #5F2231;}
#quick-panel .subCon .inp_grp .btnW { color: #333; background: #fff; border-color: #333;}

#quick-panel .reservWrap .apply{}
#quick-panel .reservWrap .apTbl table{border-top:1px solid #ddd;border-bottom:1px solid #ddd;word-break:keep-all;width: 100%;}
#quick-panel .reservWrap .apTbl table th{text-align:left;font-size:16px;color:#333;font-weight: 400;}
#quick-panel .reservWrap .apTbl table td{padding:7.5px 0;font-size:16px;color:#333}
#quick-panel .reservWrap .apTbl table tr:first-of-type td{padding-top:22.5px}
#quick-panel .reservWrap .apTbl table tr:last-of-type td{padding-bottom:22.5px}
#quick-panel .reservWrap .apTbl table tr:first-of-type th{padding-top:22.5px}
#quick-panel .reservWrap .apTbl table tr:last-of-type th{padding-bottom:22.5px}
#quick-panel .reservWrap .apTbl table tr.top{border-bottom:1px solid #ddd}
#quick-panel .reservWrap .apTbl table tr.top td{padding:30px 0}
#quick-panel .reservWrap .apTbl table tr.top th{padding:30px 0}
#quick-panel .reservWrap .apTbl .inp_grp{font-size:16px;color:#333}
#quick-panel .reservWrap .apTbl .inp_grp input[type='text'],
#quick-panel .reservWrap .apTbl .inp_grp input[type='tel'],
#quick-panel .reservWrap .apTbl .inp_grp input[type='password'],
#quick-panel .reservWrap .apTbl .inp_grp select{width:380px}
#quick-panel .reservWrap .apTbl .inp_grp label{margin-right:10px;font-size:16px;color:#333}
#quick-panel .reservWrap .apTbl .inp_grp input[type='checkbox']+label:before{width:14px;height:14px;line-height:14px;margin-right:5px}
#quick-panel .reservWrap .apTbl .inp_grp input[type='radio']+label:before{width:14px;height:14px;line-height:14px;margin-right:5px}
#quick-panel .reservWrap .apTbl .inp_grp input[type='radio']:checked+label:after{left:5px;width:9px;height:9px}
#quick-panel .reservWrap .apTbl .inp_grp input[type='file']{padding:8px 0;background:#fff}
#quick-panel .reservWrap .apTbl .inp_grp input[type='button']{width:100px;height:40px;border:1px solid #c7c7c7}
#quick-panel .reservWrap .apTbl textarea{display:block;box-sizing:border-box;width:100%;height:180px;padding:15px;border:1px solid #c7c7c7;background:#fff;font-size:16px;color:#333;line-height:1.4;resize:none}
#quick-panel .reservWrap .apTbl .descript{display:inline-block;vertical-align:middle;margin-left:10px;font-size:14px;color:#999}
#quick-panel .reservWrap .apTbl .descript.under_p{display:block;margin-left:0;margin-top:7.5px}
#quick-panel .reservWrap .apTbl .gender{overflow:hidden;width:380px;height:40px;box-sizing:border-box;border:1px solid #c7c7c7;text-align:center}
#quick-panel .reservWrap .apTbl .gender li{float:left;width:50%;height:100%;display:table;cursor:pointer}
#quick-panel .reservWrap .apTbl .gender li span{display:table-cell;vertical-align:middle;font-size:14px;color:#999;background:#fff}
#quick-panel .reservWrap .apTbl .gender li.selected span{color:#fff;background:#56b6e6}
#quick-panel .reservWrap .apTbl .chk_agree .inp_grp label{margin-right:0;margin-left:10px}
#quick-panel .reservWrap .apCheck{margin:60px 0 40px}
#quick-panel .reservWrap .apCheck input[type='checkbox']{display:inline-block;vertical-align:bottom;width:15px;height:15px;margin:0}
#quick-panel .reservWrap .apCheck label{cursor:pointer}
#quick-panel .reservWrap .apCheck label span{display:inline-block;vertical-align:middle;font-size:12px}
#quick-panel .reservWrap .apCheck label span strong{font-size:16px;color:#c91818}
#quick-panel .reservWrap .apCheck .all{margin-bottom:15px;}
#quick-panel .reservWrap .apCheck .all label span{color:#222}
#quick-panel .reservWrap .apCheck .pers {display:none}
#quick-panel .reservWrap .apCheck .pers ul{border-top:1px solid #ccc}
#quick-panel .reservWrap .apCheck .pers ul li{border-bottom:1px solid #ccc}
#quick-panel .reservWrap .apCheck .pers .check{position:relative;overflow:hidden;padding:15px}
#quick-panel .reservWrap .apCheck .pers .check label span{color:#999}
#quick-panel .reservWrap .apCheck .pers .check.active label span{color:#1588ca}
#quick-panel .reservWrap .apCheck .pers .check .chk_btn{position:absolute;top:50%;right:0;font-size:14px;color:#999;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
#quick-panel .reservWrap .apCheck .pers .hide{overflow:hidden;height:0;background:#f4f4f4;-webkit-transition-duration:500ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;-ms-transition-duration:300ms;transition-duration:300ms}
#quick-panel .reservWrap .apCheck .pers .hide .scrollY{width:100%;height:100%;font-size:14px;color:#999;border-top:1px solid #ccc}
#quick-panel .reservWrap .apCheck .pers .hide .scrollY *{font-size:inherit;color:inherit;line-height:1.4;word-break:keep-all}
#quick-panel .reservWrap .apCheck .pers .hide.view{height:150px}
#quick-panel .reservWrap .apBtn{font-size:0;text-align:center}
#quick-panel .reservWrap .apBtn .inp_grp input[type='button'],
#quick-panel .reservWrap .apBtn .inp_grp input[type='submit'],
#quick-panel .reservWrap .apBtn .inp_grp a.btn{width:180px;margin:0 2.5px;font-size:16px}


#quick-panel .authWrap{position:relative;background:#fff}
#quick-panel .authWrap .authTab ul.tab_grp li{width:25%}
#quick-panel .authWrap .authTab ul.tab_grp li a{display:block}
#quick-panel .authWrap .authCon{padding:80px}
#quick-panel .authWrap .authPop{display:none}
#quick-panel .authWrap .authPop .blackBg{position:fixed;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:120}
#quick-panel .authWrap .authPop .popup{position:absolute;top:30%;left:50%;width:600px;margin-left:-300px;background:#fff;z-index:130}
#quick-panel .authWrap .authPop .popup .pTop{overflow:hidden;padding:20px 25px;background:#5ab1e4}
#quick-panel .authWrap .authPop .popup .pTop h4{font-size:18px;color:#fff}
#quick-panel .authWrap .authPop .popup .pTop .btn_grp{position:absolute;top:18px;right:25px}
#quick-panel .authWrap .authPop .popup .pTop .btn_grp .close{width:21px;height:21px}
#quick-panel .authWrap .authPop .popup .pTop .btn_grp a i.cross_l{background:#fff}
#quick-panel .authWrap .authPop .popup .pTop .btn_grp a i.cross_r{background:#fff}
#quick-panel .authWrap .authPop .popup .pBot{padding:40px 25px}
#quick-panel .authWrap .authPop .popup .pBot .inp_grp{font-size:16px;color:#333}
#quick-panel .authWrap .authPop .popup .pBot .inp_grp input[type='text']{width:340px}
#quick-panel .authWrap .authPop .popup .pBot .inp_grp input[type='button']{width:100px;height:40px;border:1px solid #c7c7c7}
#quick-panel .authWrap .authPop .popup .pBot .descript{margin-top:10px;font-size:14px;color:#999}

.JI_readOnly{display:block;width:100%;height:100%;box-sizing:border-box;padding:20px 30px;background:transparent;resize:none;overflow:hidden;border:0;outline:none;overflow-y:auto}


@media screen and (max-width: 1024px) {
    input[type="button"], input[type="submit"]{
       -webkit-appearance: none;
       -webkit-border-radius: 0;
    }

    #quick-panel .reservWrap .tit{margin-bottom:20px}
	#quick-panel .reservWrap .tit h4{margin-bottom:10px}
	#quick-panel .reservWrap .apTbl table td{padding:5px}
	#quick-panel .reservWrap .apTbl table tr:first-of-type td{padding-top:15px}
	#quick-panel .reservWrap .apTbl table tr:last-of-type td{padding-bottom:15px}
	#quick-panel .reservWrap .apTbl table tr:first-of-type th{padding-top:15px}
	#quick-panel .reservWrap .apTbl table tr:last-of-type th{padding-bottom:15px}
	#quick-panel .reservWrap .apTbl table tr.top td{padding:10px 5px}
	#quick-panel .reservWrap .apTbl table tr.top th{padding:10px 0}
	#quick-panel .reservWrap .apTbl .inp_grp{width:100%}
	#quick-panel .reservWrap .apTbl .inp_grp input[type='text'],
	#quick-panel .reservWrap .apTbl .inp_grp input[type='password'],
	#quick-panel .reservWrap .apTbl .inp_grp input[type='button'],
	#quick-panel .reservWrap .apTbl .inp_grp select{width:100%;padding:5px;box-sizing:border-box}
	#quick-panel .reservWrap .apTbl .descript{margin-left:0;margin-top:0}
	#quick-panel .reservWrap .apTbl .descript.under_p{margin-top:5px}
	#quick-panel .reservWrap .apTbl .duplication .inp_grp:first-of-type{width:70%}
	#quick-panel .reservWrap .apTbl .duplication .inp_grp:last-of-type{width:29%}
	#quick-panel .reservWrap .apTbl .chk_agree .inp_grp label{margin-left:0;margin-top:5px}
	#quick-panel .reservWrap .apTbl .gender{width:100%}
	#quick-panel .reservWrap .apTbl textarea{padding:10px;height:80px}
	#quick-panel .reservWrap .apCheck{margin:30px 0 15px}
	#quick-panel .reservWrap .apCheck .pers .check{padding:15px 0}
	#quick-panel .reservWrap .apCheck .pers .hide.view{height:100px}
	#quick-panel .reservWrap .apBtn .inp_grp input[type='button'],
	#quick-panel .reservWrap .apBtn .inp_grp input[type='submit'],
	#quick-panel .reservWrap .apBtn .inp_grp a.btn{width:150px}

	#quick-panel .authWrap .authCon{padding:40px 20px}
	#quick-panel .authWrap .authPop .popup{top:20%;left:2.5%;width:95%;margin-left:0}
	#quick-panel .authWrap .authPop .popup .pTop{padding:20px}
	#quick-panel .authWrap .authPop .popup .pTop .btn_grp{right:20px}
	#quick-panel .authWrap .authPop .popup .pBot{padding:20px}
	#quick-panel .authWrap .authPop .popup .pBot .inp_grp input[type='text'],
	#quick-panel .authWrap .authPop .popup .pBot .inp_grp input[type='button']{width:100%}
	#quick-panel .authWrap .authPop .popup .pBot .inp_grp:first-of-type{width:70%}
	#quick-panel .authWrap .authPop .popup .pBot .inp_grp:last-of-type{width:29%}

	.JI_readOnly{padding:20px 15px}

    #quick-panel .subCon #quick-panel .reservWrap .apTbl table th{font-size: 3.2vw;font-weight: 400;line-height: 1.3;}
    #quick-panel .subCon #quick-panel .reservWrap .apTbl .inp_grp input[type='text'],
    #quick-panel .subCon #quick-panel .reservWrap .apTbl .inp_grp input[type='tel'],
    #quick-panel .subCon #quick-panel .reservWrap .apTbl .inp_grp input[type='password'],
    #quick-panel .subCon #quick-panel .reservWrap .apTbl .inp_grp input[type='button'],
    #quick-panel .subCon #quick-panel .reservWrap .apTbl .inp_grp select{width: 100% !important;display: inline-block;vertical-align: middle;font-size: 3vw;color: inherit;line-height: 1;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;height: 35px !important;padding: 0 1em;border: 1px solid #c7c7c7;}
    #quick-panel .subCon #quick-panel .reservWrap .apTbl .descript{font-size: 2.7vw;padding-top: 2%;}
    #quick-panel .subCon #quick-panel .reservWrap .apTbl table td{font-size:3vw;}
    #quick-panel .subCon #quick-panel .reservWrap .apCheck label span{font-size: 3.2vw}
    #quick-panel .subCon #quick-panel .reservWrap .apCheck input[type='checkbox'] {width: 12px;height: 12px; vertical-align:middle;}
    #quick-panel .subCon #quick-panel .reservWrap .apCheck .pers {display:none}
    #quick-panel .subCon #quick-panel .reservWrap .apCheck .pers .check .chk_btn{font-size: 3vw;}
    #quick-panel .subCon #quick-panel .reservWrap .apBtn .inp_grp input[type='button'], #quick-panel .subCon #quick-panel .reservWrap .apBtn .inp_grp input[type='submit'], #quick-panel .subCon #quick-panel .reservWrap .apBtn .inp_grp a.btn{font-size: 3vw;width: 120px;margin: 0 2.5px;height: 40px;padding: 0;cursor: pointer;border-style: solid;border-width: 1px;font-family:'Noto Sans KR';}
    #quick-panel .subCon .inp_grp .btnB {color: #fff;background: #5F2231;border-color: #5F2231;}
    #quick-panel .subCon .inp_grp .btnW { color: #333; background: #fff; border-color: #333;}
    #quick-panel .reservWrap .apTbl .inp_grp.select_category label {font-size:0.5em}
	
	
	
	
	
	
}


@media screen and (max-width: 1024px) {
    #quick-panel .subCon.bp_index_subCon .reservWrap{padding-top: 14%;}
    #quick-panel .subCon .reservWrap .tit{margin:5% 0;}
    #quick-panel .subCon .reservWrap .tit h4{font-size: 6vw;font-weight: 400;}
    #quick-panel .subCon .reservWrap .tit p{font-size: 2.8vw;margin-top: 4%;}
    #quick-panel .subCon .reservWrap .tit p span{color: #5F2231;}
    #quick-panel .subCon .reservWrap .calendar table{width: 100%;}
    #quick-panel .subCon .reservWrap .calTop h5{font-size: 6.5vw;}
    #quick-panel .subCon .reservWrap .calTop span strong{font-size: 3.5vw}
    #quick-panel .subCon .reservWrap .calTop span i{font-size: 3vw;}
    #quick-panel .subCon .reservWrap .calBot table th{font-size: 2.7vw;}
    #quick-panel .subCon .reservWrap .calBot table td.disable span{font-size: 3.2vw;}
    #quick-panel .subCon .reservWrap .calBot table th.sat{color:#5F2231;}
    #quick-panel .subCon .reservWrap .calBot table td span{background-color: #5F2231;font-size: 3.2vw;}
    #quick-panel .stdrd_b{position: relative;}
    #quick-panel .subCon .nboard{box-sizing: border-box;}
    #quick-panel .content_wrap{width: 100%;box-sizing: border-box;}

    /* 온라인예약 */
    #quick-panel .reservWrap .calendar{max-width:900px;margin:0 auto}
    #quick-panel .reservWrap .calTop{position:relative;overflow:hidden;border-top:1px solid #333;border-bottom:1px solid #333}
    #quick-panel .reservWrap .calTop h5{position:absolute;top:50%;left:50%;font-family:'Montserrat';font-size:4rem;font-weight:bold;color:#333;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}
    #quick-panel .reservWrap .calTop span{display:block;margin:15px 0;cursor:pointer}
    #quick-panel .reservWrap .calTop span img{display:inline-block;vertical-align:middle}
    #quick-panel .reservWrap .calTop span strong{display:inline-block;vertical-align:middle;font-family:'Montserrat';font-size:2.4rem;font-weight:500}
    #quick-panel .reservWrap .calTop span i{display:inline-block;vertical-align:middle;font-style:normal;font-size:1.8rem}
    #quick-panel .reservWrap .calTop .prevMonth{float:left;color:#999}
    #quick-panel .reservWrap .calTop .prevMonth img{margin-right:7px;width:25px}
    #quick-panel .reservWrap .calTop .nextMonth{float:right;color:#333}
    #quick-panel .reservWrap .calTop .nextMonth img{margin-left:7px;width:25px}
    #quick-panel .reservWrap .calBot{position:relative;overflow:hidden}
    #quick-panel .reservWrap .calBot table thead tr{border-bottom:1px solid #ddd}
    #quick-panel .reservWrap .calBot table tbody tr{border-bottom:1px solid #eee}
    #quick-panel .reservWrap .calBot table tbody tr:last-of-type{border-color:#333}
    #quick-panel .reservWrap .calBot table th{height:45px;font-family:'Montserrat';font-size:1.6rem;font-weight:bold;color:#999;background:url("//images.idhospital.com/image/iddental/nboard/calendar_line.png") no-repeat 100% 50%}
    #quick-panel .reservWrap .calBot table th.sun{color:#f46767}
    #quick-panel .reservWrap .calBot table th.sat{color:#56b6e6;background:none}
    #quick-panel .reservWrap .calBot table td{padding:15px 0;text-align:center}
    #quick-panel .reservWrap .calBot table td span{display:inline-block;width:40px;height:40px;line-height:40px;font-family:'Montserrat';font-size:2rem;color:#fff;background-color:#56b6e6;background-size:cover;border-radius:50%;cursor:pointer}
    #quick-panel .reservWrap .calBot table td.disable span{color:#333;background-color:#f4f4f4;cursor:auto}
    #quick-panel .reservWrap .calBot table td.selected span{background-image:url("//image.idskin.co.kr/www/tools/rsv/calendar_selected.png");background-repeat:no-repeat;background-position:center center;background-color:transparent;text-indent:-9999px}
    #quick-panel .reservWrap .calTxt{margin:5% 0 10%;}
	#quick-panel .reservWrap .calTxt h2 {display:flex;align-items:center;font-size:16px}
	#quick-panel .reservWrap .calTxt h2 img{width:30px}
    #quick-panel .reservWrap .calTxt p{font-weight:300;color:#333}
    #quick-panel .reservWrap .calTxt span{}
    #quick-panel .reservWrap .calBtn{text-align:center}
    #quick-panel .reservWrap .calBtn a{display:block;width:100%;margin-bottom:10px;padding:5.9% 0;font-size:3.2vw;color:#fff;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
    #quick-panel .reservWrap .calBtn input[type=submit]{display:block;width:100%;margin-bottom:2%;padding:5% 0;font-size:3.2vw;color:#fff;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;background-color:#5F2231;border:0;cursor:pointer}
    #quick-panel .reservWrap .calBtn a:last-of-type{margin-bottom:0}
    #quick-panel .reservWrap .calBtn a.btn1{background-color:#5F2231}
    #quick-panel .reservWrap .calBtn a.btn1:hover{background-color:#5F2231}
    #quick-panel .reservWrap .calBtn input[type=submit]:hover{background-color:#5F2231}

    .blockUI div.btn1{background-color:#5F2231;width:80%;margin-left:10%;padding:5% 0;color:#fff}
    .blockUI div.btn1:hover{background-color:#5F2231}
}
@media screen and (min-width: 480px){
	/*#quick-panel .quick-onlinepanel {width: 80%;}*/
}


.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: 21%;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; }

.cycle_bna_wrap {position:relative;}
.cycle_bna img {width:100%;}
#prev_con_bna {position:absolute; top:50%; left:0px; margin-top:-33px; cursor:pointer; z-index:100;}
#next_con_bna {position:absolute; top:50%; right:0px; margin-top:-33px; cursor:pointer; z-index:100;}
.login_before18 {position:absolute;z-index:100;left:6%;top:16%;width:auto;height:70%}

.contents_ba_slide .swiper-slide img {width:100%}
.contents_ba_slide .ba_slide_box {position: relative;}
.contents_ba_slide .ba_slide_box .swiper-slide p{padding-bottom:3%; font-size:3.5vw;color:#000;text-align:center;}
.contents_ba_slide .ba_slide_box .swiper-slide .b_flex{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -1px;
}
.contents_ba_slide .ba_slide_box .swiper-slide span{padding:2% 0; width: 49.9%;font-size:3.5vw;font-family: 'Montserrat'; color:#fff; text-align: center;}
.contents_ba_slide .ba_slide_box .swiper-slide span.bf{background: #9c9ba9;}
.contents_ba_slide .ba_slide_box .swiper-slide span.af{background: #af8644;}
.contents_ba_slide .ba_slide_box .swiper-slide span.af .linearfirm {display:none;}
.contents_ba_slide .ba_slide_box .swiper-slide span.af .rejuaid {display:none;}
.contents_ba_slide .ba_slide_box .btn_next {
    position: absolute;
    top:35%;
    right:0;
    z-index:1;
    background:url(//image.idskin.co.kr/www/antiage/ultheraorigin/img_paging_right_off.png) 0 0 no-repeat;
	background-size:100%;
    width: 25px;
    height: 50px;
}
.contents_ba_slide .ba_slide_box .btn_prev {
    position: absolute;
    top:35%;
    left:0;
    z-index:1;
    background:url(//image.idskin.co.kr/www/antiage/ultheraorigin/img_paging_left_off.png) 0 0 no-repeat;
    background-size:100%;
    width: 25px;
    height: 50px;
}
.contents_ba_slide .swiper-pagination {
    display: inline-block;
	position: relative;
    top: 0%;
    left: 50%;
    bottom: auto;
	width: 14%;
    margin-top: 20px;
    padding: 1% 0;
    background: #debb81;
    padding: 5px 10px;
    font-size:4vw;
    font-family: 'Montserrat';
    color:#fff;
}
.contents_ba_slide .swiper-pagination .swiper-pagination-current{
    color:#000;
}
.contents_ba_slide .swiper-pagination .swiper-pagination-total{
    color:#fff;
}
.contents_ba_slide .ba_slide_box .swiper-page-title{position: absolute;top:79%;left:50%;z-index:1;margin-left:-12.5vw;font-size:3vw;font-family: 'Montserrat';}
.contents_ba_slide .login_before18 {position: absolute;top: 11%;left:9%;width: 36%;height:auto;z-index: 101;}
.contents_ba_slide .smallTxt {display:block;margin-top:5%;text-align:right;font-size:3vw;color:#222;letter-spacing:-0.1em}
#wrapcontents {background:url('//image.idskin.co.kr/sub/antiage/antiage_bg.jpg') top center repeat-x;}

/* cont bna */
.cont_bna {padding:10% 3%;}
.cont_bna .epi_bna{position: relative;margin: 0 auto;}
.cont_bna .tit{padding-bottom:7%; font-size:8vw;color:#151515;text-align: center;letter-spacing: -2px;}
.cont_bna .tit span{font-family:'Montserrat';color:#151515;}
/* 정품 검증 캠페인  */
.campaign_con_wrap {background: url(//image.idskin.co.kr/m/antiage/ulthera/ulthera_renew2/campaign_content_bg_v1.jpg) no-repeat center;background-size:100%;text-align: center;box-sizing: border-box;  letter-spacing:-0.17vw;}
.campaign_con_wrap .sub_text h4 {color: #6d6d6d; padding-top: 11vw; font-size: 3.5vw;   padding: 11vw 0 4vw 0; font-weight:normal;}
.campaign_con_wrap .sub_text h3 {display: inline-block; background: #f1b434; color: #fff; padding: 1vw 4.5vw; line-height: 1; font-size: 5vw;}
.campaign_con_wrap .sub_text h3 strong {color:#fff;}
.campaign_con_wrap .sub_text h2 {padding: 0; line-height: 1.25; margin: 5vw 0 0; letter-spacing:-0.45vw; font-size: 8vw; color: #22201f; text-align: center;}
.campaign_con_wrap .sub_text h2 span {font-weight:bold; color:#f1b434;}
.campaign_con_wrap ul {width:96.8%; overflow:hidden; display:inline-block;}
.campaign_con_wrap ul li {width:100%; margin:10vw 0 15vw; overflow:hidden;}
.campaign_con_wrap ul li .fact_box01 {vertical-align: top; float: left; width: 51%;}
.campaign_con_wrap ul li .fact_box01 img {display:block; width:100%;}
.campaign_con_wrap ul li .fact_box02 {margin-left:2%; width:47%; font-weight: bold; color: #ab916e; font-size: 3.3vw; line-height: 1.35; margin-bottom:5.2vw; float:left;}
.campaign_con_wrap ul li .fact_box02 .fact_text01 {background: url(//image.idskin.co.kr/m/antiage/ulthera/ulthera_renew2/fact_text01_bg.png) no-repeat center bottom; background-size:92%; line-height: 1.9; color: #181c1f; margin-bottom:2.5vw; letter-spacing: -0.23vw; font-size: 4.2vw; width:87.5%; display:inline-block;}
.campaign_con_wrap ul li .fact_box02 .fact_text01 span {font-weight:bold; color:#f1b434;}
.campaign_con_wrap ul li .fact_box02 .fact_text02 {font-weight: bold; color: #f1b434; font-size: 3.1vw; line-height: 1.35; margin-bottom: 2.8vw;}
.campaign_con_wrap ul li .fact_box02 .fact_text03 {font-size: 2.8vw; line-height: 1.44; color: #181c1f; font-weight:normal;}
.campaign_con_wrap ul li .fact_box03 {width:100%;}
.campaign_con_wrap ul li .fact_box03 img {width:100%;}
