@charset "utf-8"; 
/**********************************************************************
* Descript : 랜딩 사이트의 스타일 정의
-----------------------------------------------------------------------
* 최초작성일 : 2018.04.04
* 최초작성자 : 더웹 유대경
***********************************************************************/

body{padding-top:0; overflow-x:hidden; font-family: 'Nanum Gothic', sans-serif; min-width:1200px;}
.inner{max-width:1200px; margin:0 auto;}


#header{position:fixed; left:0; top:0; width:100%; z-index:9; background:#fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#header.fixed{top:-100px; box-shadow:0 0 20px rgba(0,0,0,0.2);}

#header .full{width:100%; text-align:center; border-top:1px solid #efefef;}

#header .header{position:relative; height:100px;}
#header .header a.call{position:absolute; top: 50%; left: 0; transform: translate(0, -50%); display:inline-block;}
#header .header a.logo{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display:inline-block;}
#header .header a.blog{position:absolute; top: 50%; right:0; transform: translate(0, -50%); display:inline-block;}


#header ul.gnb{position:relative; display:inline-block;}
#header ul.gnb li{float:left;}
#header ul.gnb li:nth-child(even){margin:0 clamp(20px, calc((100vw - 600px) / 4), 150px);} /* 창 폭 1200px 미만에서 메뉴가 세로로 쌓이지 않게 간격을 줄임 */
#header ul.gnb li a{position:relative; display:inline-block; color:#222; font-weight:100; height:60px; line-height:60px; font-size:18px;}
/* #header ul.gnb li a::before{position:absolute; display:inline-block; content:''; width:0; height:3px; background:#de5303; left:50%; bottom:-2px; transform:translate(-50%, 0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} */
#header ul.gnb li a:hover{text-decoration:none;}
#header ul.gnb li.active a{text-decoration:none; color:#111; font-weight:700;}
/* #header ul.gnb li.active a::before{width:100%;} */


#header .sns{position:absolute; right:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);}
#header .sns a{display:inline-block; width:35px; height:35px; float:left; margin-left:10px;}





#top{position:fixed; opacity:0; right:20px; bottom:50px; z-index:99;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#top.fadeIn{opacity:1;}
#top.fadeOut{opacity:0;}
#top img{width:75px;}




#home{position:relative; background:#fff;}
#home::before{position:absolute; display:inline-block; width:100%; height:12px; left:0; bottom:50px; background:url(/assets/img/landing/web/theme/slogan.png) no-repeat center center; background-size:cover; z-index:1;}

#home .bg01{background:url(/assets/img/landing/web/theme/visual_slider_bg01.jpg) no-repeat center center; background-size:cover;}
#home .bg02{background:url(/assets/img/landing/web/theme/visual_slider_bg02.jpg) no-repeat center center; background-size:cover;}
#home .bg03{background:url(/assets/img/landing/web/theme/visual_slider_bg03.jpg) no-repeat center center; background-size:cover;}
#home .bg04{background:url(/assets/img/landing/web/theme/visual_slider_bg04.jpg) no-repeat center center; background-size:cover;}

#home .inner{animation:fadeOutDown 1s both;}
#home .slick-active .inner{animation:fadeInUp 0.3s both .75s;}



#doctor{background:url(/assets/img/landing/web/theme/doctor_bg.jpg) no-repeat center center; background-size:cover;}
#doctor-woman{background:url(/assets/img/landing/web/theme/doctor_woman_bg.png) no-repeat center center; background-size:cover;}
#doctor2{background:#f8f8f8 url(/assets/img/landing/web/theme/doctor_bg2.png) no-repeat center center; background-size:cover;}
#doctor3{background:url(/assets/img/landing/web/theme/doctor_bg3.jpg) no-repeat center center; background-size:cover;}
#doctor4{background:url(/assets/img/landing/web/theme/doctor_bg4.jpg) no-repeat center center; background-size:cover;}

#special{background:url(/assets/img/landing/web/theme/special_bg.jpg) no-repeat center center; background-size:cover;}

#dent{background:url(/assets/img/landing/web/theme/dent_bg.jpg) no-repeat center center; background-size:cover;}

#medical{background:url(/assets/img/landing/web/theme/medical_bg.jpg) no-repeat center center; background-size:cover;}

#intro {background:#f8f8f8;} 

#event .inner p {text-align:center; font-size:20px; font-weight:700; letter-spacing:-1px;margin:50px 0 60px;} 












#location{position:relative; width:100%; height:700px;}

#location .obj0101,
#location .obj0102{position:relative; float:left; height:700px;z-index:1;}

#location .obj0101{width:calc(100% - 822px); z-index:0; overflow:hidden;}
#location .root_daum_roughmap {padding:0;}
#location .obj0101 a{position:absolute; right:0; bottom:0; z-index:1;}
#location .obj0102{width:822px;}



















#landing-footer{position:relative; background:#fff; padding-bottom:50px;}


.wrap_controllers,
.map_border{display:none !important;}








/* 공통 간편상담신청 시작 */
#quick-inquire{position:fixed; box-sizing:border-box; left:0; bottom:-230px; width:100%; height:200px; z-index:8; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#quick-inquire > button{display:inline-block; position:fixed; left:50%; bottom:0; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); height:60px; line-height:60px; background:#0a1d55; padding:0 50px; color:#ffc200; font-size:22px; font-weight:100; cursor:pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#quick-inquire > button em{font-weight:700; color:#fff; margin-right:10px;}

#quick-inquire.active{bottom:0;}
#quick-inquire > button.active{bottom:200px;}


#quick-inquire::before{display:inline-block; width:30%; height:100%; left:0; bottom:0; background:#0a1d55; z-index:0;}
#quick-inquire::after{display:inline-block; width:70%; height:100%; right:0; bottom:0; background:#333; z-index:1;}
#quick-inquire .inner{position:relative; height:inherit; background:url(/assets/img/landing/web/theme/quick_inquire.png) no-repeat left center; background-size:391px; z-index:2; box-sizing:border-box; padding-left:435px;}

#quick-inquire .quick-counsel01,
#quick-inquire .quick-counsel02{position:relative; float:left; padding-top:35px; box-sizing:border-box; z-index:9;}


#quick-inquire .quick-counsel01{width:30%;}
#quick-inquire .quick-counsel01 li{position:relative; width:100%; margin-bottom:10px;}
#quick-inquire .quick-counsel01 li > label{position:relative; display:block; width:100%; height:45px; line-height:45px; box-sizing:border-box; padding:0 5px; border:1px solid #aaaaaa; color:#fff; text-align:left; font-size:15px;}
#quick-inquire .quick-counsel01 li > label::before{display:inline-block; width:2px; height:15px; left:60px; top:15px; background:#828282;}
#quick-inquire .quick-counsel01 li input[type="text"]{position:absolute; width:100%; height:100%; left:0; top:0; box-sizing:border-box; padding:0 5px 0 80px; color:#fff;}
#quick-inquire .quick-counsel01 li button,
#quick-inquire .quick-counsel01 li .private{float:left;}
#quick-inquire .quick-counsel01 li button{display:inline-block; height:32px; line-height:32px; padding:0 15px; background:#444; color:#fff; cursor:pointer;}

#quick-inquire .quick-counsel01 input[type="checkbox"]{display:none;}
#quick-inquire .quick-counsel01 input[type="checkbox"] + label{font-size:14px; position:relative; padding-left:30px; cursor:pointer; height:32px; line-height:32px; color:#e1e1e1;}
#quick-inquire .quick-counsel01 input[type="checkbox"] + label::before{content:""; display:inline-block; left:10px; top:8px; border:1px solid #ddd; width:17px; height:17px; border-radius:17px; box-sizing: border-box;}
#quick-inquire .quick-counsel01 input[type="checkbox"]:checked + label::after{content:""; display:inline-block; width:7px; height:7px; border-radius:7px; left:15px; top:13px; background:#ffc200}

#quick-inquire .quick-counsel02{width:70%; padding-left:20px;}
#quick-inquire .quick-counsel02 li{float:left;}
#quick-inquire .quick-counsel02 li:first-child{width:calc(100% - 150px); height:140px;}
#quick-inquire .quick-counsel02 li:first-child label{display:none;}
#quick-inquire .quick-counsel02 li:first-child textarea{width:100%; height:140px; background:#fff; max-width:100%; max-height:140px; min-width:100%; min-height:140px; box-sizing:border-box; padding:5px;}


#quick-inquire .quick-counsel02 li:last-child{width:140px; height:140px; margin-left:10px;}
#quick-inquire .quick-counsel02 li:last-child button{display:block; width:100%; height:100%; background:#ffc200 url(/assets/img/landing/web/theme/btn_quick_counsel.png) no-repeat center center; cursor:pointer;}


/**********************************************************************
* Descript : 빠른상담 자세히보기 Dim 팝업 스타일
***********************************************************************/
.pop-private{display:none; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; background:rgba(0,0,0,0.9);}
.pop-private .pop-inner{width:90%; max-width:640px; margin:50px auto 0 auto; background:#fff; border:5px solid #ffc200; border-radius:5px;}
.pop-private .pop-inner h3{text-align:center; padding:20px 0; background:#ffc200; color:#fff; font-size:17px; font-weight:700;}
.pop-private .pop-inner p{padding:15px; font-size:14px; line-height:24px; height:350px; overflow:auto;}
.pop-private .pop-inner p b{display:block; font-weight:700; color:#222;}
.pop-private .pop-inner button{display:block; width:100%; text-align:center; padding:10px 0; font-size:15px; cursor:pointer;}
/**********************************************************************/
















#ch-plugin *::before,
#ch-plugin *::after{position:relative;}

/* 이벤트 페이지: 고정 메뉴(162px) 아래에서 이미지가 시작하도록 여백 */
body.landing-event{padding-top:162px;}