/*-------------------------------------------------------초기화-------------------------------------------------------*/
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, 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,
figcaption, figure, footer, header, hgroup, menu, nav,
output, ruby,section, summary,
time, mark, audio, video,button,input,select{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;}

ol,ul {
	list-style:none;}

blockquote, q {
	quotes:none;}

blockquote:before, blockquote:after, q:before, q:after{
	content:'';
	content:none;}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	color:inherit;}

table {
	border-collapse:collapse;
	border-spacing:0;}

*,*::after,*::before{
	box-sizing:border-box;}

/*** HTML5 display-role reset for older browsers ***/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;}


/*** change border colour to suit your needs ***/
input, select {
	vertical-align:middle;}

input[type='button'],button{
	cursor:pointer;}

img,video,iframe{
	max-width:100%; 
	display:block;}

.thumb img{padding-top:40px;width:100%;}

/*-------------------------------------------------------기초세팅-------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
.robot{font-family: 'Roboto Condensed', sans-serif;}

html,body{width:100%; background:#ccc; font-family:'Noto Sans KR', sans-serif;}
html,.header,.footer,.sub-tit{max-width:500px;max-height:1366px;margin:0 auto !important;}
img{max-width:100%;margin:0 auto;}
a{display:block;text-decoration:none;color:inherit}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{margin:0;padding:0;}
section{}
article{}



.wrap{position:relative; width:100%;}
.container{width:92%; max-width:500px; margin-left:auto; margin-right:auto;}
.bx-wrapper{border: none;box-shadow:none}

.pt-5{padding-top:5em;}

/*-------------------------------------------------------헤더-------------------------------------------------------*/

.header{position:fixed; top:0px; width:100%; padding:12px 0; background:#2f435f; z-index:99999; transition:0.7s}
.header .logo{margin:0 auto;text-align: center;}
.header .logo a{display:block;}
.header .logo img{display:inline-block; position:relative; top:3px; left:1em; height:26px;}
.header .gnbBtn{position: absolute;top:16px; left:4%; width:26px;}
.header .gnbBtn img{cursor:pointer;}
.header .menu-close{display:none}

#all_menuwrap {overflow-y:auto; position:fixed; top:54px; width:0px; height:100vh;
background:#2f435f; border-right:0!important; border-bottom:1px solid #dddddd;  box-shadow: 2px 8px 10px 0px rgb(0 0 0 / 10%); z-index:9999999;}
#all_menu_title { width:250px; background:#fff}
#all_menu_title ul li { float:left; }
#all_menu_title ul li img { float:left; }
#all_menu {clear:both; width:250px; }
#all_menu>ul>li.gnb>a{display:block; padding:.8em 1em; border-top:1px solid #5c708c; color:#fff;}
#all_menu>ul>li.gnb>a.has-lnb{position:relative;}
#all_menu>ul>li.gnb>a.has-lnb::after{content:url("../img/arrow_bottom_fff.png"); position:absolute; right:12%; top:10px; transition:all .2s;}
#all_menu>ul>li.gnb>a.has-lnb.on::after{transform:rotate(180deg); top:12px;}
#all_menu>ul>li.gnb ul.lnb{background:#c3ccd8}
#all_menu>ul>li.gnb ul.lnb li a{display:block; padding:.5em 1em; border-top:1px solid #aebbce; }


.main .text{position: absolute;left:20px;bottom:100px;z-index:999;}
.main .text p{font-size:1.2em;color:#fff;letter-spacing:-1px;}
.main .text h2.m-tit{margin-top:5px;font-size:2em;font-weight:600;color:#fff}

.m-tit {position: relative;top:100px;text-align: center;}
.m-tit .eng{margin-bottom:6px; font-size:0.7em;}
.m-tit h2{ font-size:1.4em; letter-spacing:-1px;}
.m-tit h2 span{color:#0f456e}

/*-------------------------------------------------------메인-------------------------------------------------------*/
.fp-section{overflow:hidden}
/*비쥬얼*/
.m-visual{overflow: hidden; margin-top:0px; color:#fff}
.m-visual .fp-tableCell{vertical-align: bottom;}
.m-visual .slide{background-size: cover;}
.m-visual .slide>*{padding-left:1rem;}
.m-visual .slide .page{display:block; font-size:.8em; opacity:.8;}
.m-visual .slide p{margin-top:18px; margin-bottom:10px;}
.m-visual .slide h2{margin-bottom:100px; font-size:1.4em;}
.m-visual #slide1{background-image: url('../img/m_visual_bg_1.png');}
.m-visual #slide2{background-image: url('../img/m_visual_bg_2.png');}
.m-visual #slide3{background-image: url('../img/m_visual_bg_3.png');}
.m-visual #slide4{background-image: url('../img/m_visual_bg_4.png');}
.m-visual #slide5{background-image: url('../img/m_visual_bg_5.png');}
.m-visual .fp-controlArrow{width:30px !important;height:57px;border: none;}


/*시술배너*/
.m-package{}
.m-package .bn {position: relative;}
.m-package .bn .num{position: absolute;top:-30px;left:10px;font-size:4em;font-style:italic; line-height:1em;}
.m-package #slide1 .bn .num{color:#c3b998/*#df653f*/;}
.m-package #slide2 .bn .num{color:#98b2b6;}
.m-package #slide3 .bn .num{color:#b4b8c1;}
.m-package #slide4 .bn .num{color:#837053;}
.m-package #slide5 .bn .num{color:#8a96a1;}
.m-package .bn p{position:absolute; bottom:0px; width:100%; background:rgba(255,255,255,.6);
padding:.8em 0; font-weight:600; text-align:center;}

.m-package .fp-controlArrow{width:30px !important;height:57px;border: none;}

.m-contact{padding-bottom:100px;background: #2c3036;color:#999;letter-spacing:-1px;}
.m-contact nav{margin-bottom:20px;border-bottom:1px solid #484848;}
.m-contact ul{text-align: center;}
.m-contact li{display: inline-block;}
.m-contact li a{display: block;width:100%; padding:10px 8px; font-size:.8em; color:#999; text-align: center;}
.m-contact h3{margin-top:20px;margin-bottom:5px;font-size:1.1em;color:#90b2c5}
.m-contact dl{}
.m-contact dl dt{display: inline-block;width:70px;}
.m-contact dl dd{display: inline-block;}
.root_daum_roughmap.root_daum_roughmap_landing.os_mac{width:100%;}
.wrap_controllers.hide{display: none;}


/*-------------------------------------------------------서브-------------------------------------------------------*/
#sub{margin-top:54px; background:#fff;}
#sub .sub-tit{position:fixed;width:100%;z-index:99999;margin-bottom:40px;background:#f7f7f7;border-bottom:1px solid #ddd; text-align:center; }
#sub .sub-tit h2{padding:.8em 0; color:#545454; cursor:pointer;}
#sub .sub-tit h2.has-lnb{position:relative;}
#sub .sub-tit h2.has-lnb::after{content:url("../img/arrow_bottom_solid.png"); position:absolute; right:4%; top:10px; transition:all .2s;}
#sub .sub-tit h2.has-lnb.on::after{transform:rotate(180deg); top:12px;}
#sub .sub-tit ul li a{padding:.8em 0; background:#ededed; border-top:1px solid #ddd;}

.s-0101 .sub-tit, .s-0102 .sub-tit,
.s-0201 .sub-tit,.s-0202 .sub-tit,.s-0203 .sub-tit,.s-0204 .sub-tit,
.s-0205 .sub-tit,.s-0206 .sub-tit,.s-0207 .sub-tit{margin-bottom:0!important}
.s-0102 #section3,.s-0103 #section3,.event #section3,.counsle #section3, .notice #section3{margin-top:40px;}

.cont{}
.cont-list{}
.cont dl{}
.cont dt.lnb{position:relative; padding:16px 4%; border-bottom:1px solid #ddd; font-size:18px; font-weight:600; cursor:pointer;}
.cont dt.lnb::after{content:url("../img/arrow_bottom.png"); position:absolute; right:4%; top:10px; transition:all .2s;}
.cont dl.on dt.lnb::after{transform:rotate(180deg);  top:16px;}
.cont dd.text{padding:24px 4%; background:#ededed;}
.cont dd.text h5{position:relative; padding-left:12px; margin-bottom:12px; font-size:18px; font-weight:600;}
.cont dd.text h5::before{content:''; position:absolute; left:0; top:8px;
display:block; width:6px; height:6px; background:#111;}
.cont dd.text p{margin-bottom:24px; font-weight:500; line-height:1.6em; color:#333}
.cont dd.text ul{}
.cont dd.text ul li{position:relative; margin-bottom:8px; padding-left:10px; font-weight:500; color:#333}
.cont dd.text ul li::before{content:'-'; position:absolute; left:0; }

/* 210816_ul 하단 여백 */
.mt-30 {margin-top:30px;}
.mb-30 {margin-bottom:30px;}

/*-------------------------------------------------------푸터-------------------------------------------------------*/

.overlay{display:none; position:fixed; top:0; width:100%; max-width:500px; height: 100%; 
background: rgba(0,0,0,.6); z-index:999;}
.footer{position: fixed;bottom:0px;z-index:99999;width:100%;background: #fff;}
.footer ul{text-align: center;}
.footer li{display: inline-block;width:23%;text-align: center;list-style-type: none;}
.footer li a{padding:10px 0;font-size:12px;}
.footer li img{display: block;width:30px;padding:5px;}

#fp-nav.fp-right{right:5px !important;}
.fp-viewing-contact{}
.fp-viewing-contact .header{top:-100px;transition:0.7s}

/*
.wrap .t{position: fixed;top:0px;z-index:10;}
.wrap .b{position: fixed;bottom:-5px;z-index:10;-webkit-box-shadow: -2px -14px 15px 5px rgba(0,0,0,0.11);
box-shadow: -2px -14px 15px 5px rgba(0,0,0,0.11);}
.wrap .c{padding:20px 0 60px 0;background:#fff;}
*/




@media screen and (min-width:1024px) /* ~ md */ {
	.m-visual .fp-controlArrow.fp-prev{background:url("../img/arrow_l.png") left top no-repeat}
	.m-visual .fp-controlArrow.fp-next{background:url("../img/arrow_r.png") left top no-repeat}
}