@charset "utf-8";
/* --- 공통 --- */

/* 레이아웃 */
html,body	{width:100%; height:100%;min-width:1800px}
#sub_wrap	{width:100%;}
.w1275 {width:1275px;margin:0 auto;position:relative}

.cont_center	{/*width:1000px;*/width:1275px; margin:0 auto; overflow:hidden;}


/*top_menu*/
#top_menu	{/*position:fixed; top:0; left:0;*/ overflow:hidden; width:100%; background-color:#333333;z-index:1000;height:35px;line-height:35px;border-bottom:1px solid #808080}
#top_menu > div {width:1275px;margin:0 auto}
#top_menu ul li {float:left}
#top_menu ul li:first-child a {padding-left:0}
#top_menu ul li a	{font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic', Dotum,돋움, Arial, Apple-Gothic, sans-serif; color:#fff; letter-spacing:-0.5px; font-weight:200;font-size:13px;padding:0 18px;border-right:1px solid #939393}
#top_menu ul li:last-child a {border-right:0}
#top_menu .top_left {float:left}
#top_menu .top_right {float:right}



#wrapper	{ position:relative;}

/* header */
#header	{width:100%; height:185px; background-color:#333333;z-index:1000;border-bottom:1px solid #808080}
#header .logoArea {height:125px;line-height:125px;border-bottom:1px solid #808080}
#header .logoArea #online_reserv_btn {position:absolute;left:0;top:50%;transform:translateY(-50%)}
#header .header_tel {position:absolute;left:0;top:50%;transform:translateY(-50%);color:#dedede;font-size:28px;letter-spacing:-1px}
#header .header_tel img {margin:-3px 8px 0 0;animation:tel .8s infinite ease-in-out;}
@keyframes tel {
    0%,100% {opacity:0.4}
    50% {opacity:1}
}

#header .logoArea .w1275 div {position:absolute;right:0;top:0}
#header .logoArea .w1275 div a {margin-left:8px}
h1	{text-align:center;}
#header p	{margin-top:30px; text-align:center;}


/*footer*/
#footer {background:url('../../images/footer/footer_bg.jpg') no-repeat center center;height:498px;width:100%}
#footer .w1275	{position:relative;height:498px}
#footer .w1275 > img {display:block}
#footer .w1275 .footer_text {padding:78px 0 30px}
#footer .copyright	{position:absolute;top:360px;left:0;color:#fff;font-size:14px}
#footer .copyright .ft_agree {margin:0 0 15px}
#footer .copyright .ft_agree li {position:relative;float: left;display: inline-block;cursor: pointer;font-size: 15px;color:#fff;font-weight:300;padding:0 12px;line-height:1;border-right: 1px solid rgba(255,255,255,0.3);}
#footer .copyright .ft_agree li:first-child {padding-left:0}
#footer .copyright .ft_agree li:last-child {border-right:0}
#footer .copyright address	{font-style:normal}
#footer .copyright .copy {margin:10px 0;display:block}
#footer .copyright a {color:#fff;display:block}

#nav_all.on {height:450px;padding-top:53px;box-sizing:border-box}
#nav_all { overflow:hidden; position:absolute; height:60px; z-index:101; width:100%;  background:url('../../images/common/gnb_bg.png') center top; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
#nav_all > ul { margin:0 auto; overflow:hidden;width:1275px}
#nav_all > ul:after { display:block; clear:both; content:''; }
#nav_all > ul > li {width:11.875%;float:left;text-align:Center}
#nav_all > ul > li:first-of-type {width:5%}
#nav_all > ul > li > a { font-size:16px; color:#fff; line-height:53px; display:block}
#nav_all > ul > li > .sub_menu { margin-top:10px; }
#nav_all > ul > li > .sub_menu > li { height:37px; line-height:37px; }
#nav_all > ul > li > .sub_menu > li > a { color:#ededed; font-size:15px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;text-align:center; }
#nav_all > ul > li > .sub_menu > li > a:hover { color:#fe9d33; }
#nav_all > ul > li .intro{margin: 0;width: 159px;height: inherit;background: url('../../images/header/nav/bg.jpg') no-repeat center center;background-size:cover;color: #fff;font-weight: 300;text-align: center;}
#nav_all > ul > li .intro > i{display: -webkit-box;display: -ms-flexbox;display: flex; height: 94px;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0 0 13px;}
#nav_all > ul > li .intro > p.title{font-size: 16px;}
#nav_all > ul > li .intro > p.subTitle{font-size: 12px;line-height: 18px;padding: 0 17px;word-break: keep-all; margin-top:0}

/*진료예약팝업*/
html#pop_on {overflow: hidden;}
#appo {display: none;width: 840px!important;height: 590px!important;position: fixed;left: 50%;top: 180px;margin-left: -420px!important;background: url(../img/common/appo/bg.png);overflow: visible!important;z-index: 1104}
#appo_black {position: fixed;left: 0!important;top: 0!important;width: 100%!important;height: 100%!important;background: rgba(0,0,0,0.2);z-index: 1103;display: none}
#appo .top {height: 60px;padding: 0 24px}
#appo .top h5 {float: left;margin: 12px 0 0}
#appo .top p {float: left;margin: 28px 0 0 50px;font-size: 12px;color: #313131;font-weight: 400}
#appo .top .sq_btn {display: inline-block;font-size: 12px;color: #848484;width: 55px;height: 22px;line-height: 20px;background: #fff;text-align: center;border: 1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 5px;-webkit-border-radius: 5px}
#appo .top .btn_box {float: right;margin: 25px 0 0}
#appo .top .btn_box .fl {float: left;margin: 0 0 0 5px}
#appo .left {float: left;margin: 0 15px 0 24px;width: 511px}
#appo .cbox {float: left;background: #fff;border-radius: 10px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px}
#appo .cbox h5 {font-size: 15px;height: 20px;line-height: 15px;color: #555;background: url(../img/common/appo/ck_img.png) no-repeat 0 1px;padding: 0 0 8px 20px;font-weight: 500}
#appo .cbox2 {float: left;background: rgba(255,255,255,0.4);border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px;-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.2);box-shadow: 3px 3px 5px rgba(0,0,0,.2)}
#appo .ap1 {width: 208px;height: 287px;margin: 0 15px 0 0}
#appo .ap1 select {width: 100%;height: 234px;border:1px solid #d7d7d7;font-size: 14px;-webkit-box-sizing: border-box;box-sizing: border-box;outline:none}
#appo .ap2 {position: relative;width: 288px;height: 287px}
#appo .ap2:after {content: '';width: 252px;height: 1px;background: #d7d7d7;position: absolute;bottom: 14px;}
#appo .ap2 .datepicker--buttons, #appo .ap2 .datepicker--time {padding: 6px 4px}
#appo .ap2 .datepicker--day-name {color: #9310be}
#appo .ap2 .datepicker--cell.-selected- {background: #9310be}
#appo .ap2 .datepicker--cell {height: 27px}
#appo .ap3 {width: 100%;height: 208px;margin: 15px 0 0}
#appo .ap3 h6 {font-size: 17px;color: #9310be;margin: 0 0 8px;font-weight: 500}
#appo .ap3 p {font-size: 14px;color: #313131;line-height: 22px;font-weight: 500}
#appo .ap3 p b {color: #9310be;font-weight: 500}
#appo .ap3 p b.b {font-weight: 700}
#appo .ap4 {float: left;width: 266px;height: 510px}
#appo .ap4 .texta {width: 100%;height: 100px;padding: 8px;border: 1px solid #d7d7d7;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;font-size: 13px;line-height: 18px;background: #f9f9f9;margin: 0 0 10px;font-family: inherit;resize: none}
#appo .ap4 .ck-r {float: right;font-size: 14px;height: 14px}
#appo .ap4 .ck-r input {vertical-align: top;margin: 2px}
#appo .ap4 .ap_tbl {width: 100%;margin: 0 0 3px}
#appo .ap4 .ap_tbl th {font-size: 13px;width: 55px;text-align: left;vertical-align: middle}
#appo .ap4 .ap_tbl td {line-height: 22px;padding: 1px 0;font-size: 13px}
#appo .ap4 .ap_tbl td input[type="text"] {padding: 0 7px;height: 22px;border: 1px solid #aaa;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;display: block;font-size: 13px}
#appo .ap4 .ap_tbl .border_none {border: 0!important}
#appo .ap4 .ap_tbl .time_rtv {position: relative}
#appo .ap4 .ap_tbl .time_rtv #time_pk:focus + .time_help,
#appo .ap4 .ap_tbl .time_rtv #time_pk:active + .time_help,
#appo .ap4 .ap_tbl .time_rtv #time_pk:hover + .time_help {opacity: 1;right: -100%}
#appo .ap4 .ap_tbl .time_help { position: absolute;top: 0;right: -110%;border: 1px solid #ddd;border-radius: 5px;background: #fff;padding: 5px;opacity: 0;-webkit-transition: .3s;transition: .3s}
#appo .ap4 .ap_tbl .time_help h3 { font-weight: 500;color: #01676d;}
#appo .ap4 .ap_tbl .time_help p {}
#appo .ap4 .ads {}
#appo .ap4 .ads input[type="text"] {display: inline-block!important;vertical-align: top;margin-bottom:3px!important}
#appo .ap4 .ads input[type="button"] {margin: 2px 0 0 2px;padding: 0 10px;font-family: inherit;font-size: 12px;background: #555;color: #fff;border: 0;font-weight: 300;border-radius: 4px;vertical-align: top;cursor: pointer}
#appo .ap4 #appo_submit {width: 100%;height: 40px;font-size: 15px;font-weight: 500;background: #9310be;color: #fff;line-height: 40px;text-align: center;padding: 0;cursor: pointer;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;border: 0}
#appo #appo_close {cursor: pointer}
.ui-timepicker-standard {z-index: 10000!important}

/*ajax complete popup */
.smComplete {opacity: 0;position: fixed;left: 50%;top: 50%;margin: -43px 0 0 -107px;padding: 0 40px;height: 85px;line-height: 85px;white-space: nowrap;color: #fff;font-size: 16px;background: rgba(0,0,0,.8);border-radius: 5px;z-index: 1500}

#kakaoForm {background: #ffeb00;height: 170px}
#kakaoForm .dash {font-style: normal;text-align: center;width: 15px;display: inline-block;font-size: 16px;line-height: 30px;vertical-align: middle}
#kakaoForm .df {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 27px 0 0}
#kakaoForm .sjt {width: 350px}
#kakaoForm .form {width: 670px;font-size: 16px;color: #282828}
#kakaoForm .form .f0 {font-size: 0}
#kakaoForm .form th {padding: 5px 0 0;width: 63px;text-align: left;vertical-align: top}
#kakaoForm .form td {padding: 3px 0}
#kakaoForm .form .k_ipt {height: 30px;padding: 0 7px}
#kakaoForm .form .name {width: 130px}
#kakaoForm .form .phone {width: 80px;font-size: 16px}
#kakaoForm .form .subject {width: 270px}
#kakaoForm .form .text textarea {width: 100%;height: 102px;resize: none}
#kakaoForm .submit_wrap {position: absolute;top: 34px;right: 0;}
#kakaoForm .submit {display: block;margin: 0 0 10px;width: 150px;height: 80px;background: #3c1e1e;font-size: 16px;color: #fff;line-height: 22px;font-weight: 500;border: 0}
#kakaoForm .submit_wrap p {font-size: 13px;color: #3c1e1e;font-weight: 500}
#kakaoForm .submit_wrap b {cursor: pointer}
#kakaoForm .submit_wrap input[type="checkbox"] {width: 15px;height: 15px;vertical-align: middle;margin: 0 5px 0 0}

/*footer*/
#footer .cont_center p {position:absolute;bottom: 70px;left: 341px;color: #fff;font-size: 13px;}
#footer .cont_center p a {color:#fff}


/*네비게이션*/
#nav.on {height:311px}
#nav { overflow:hidden; position:absolute; height:60px; z-index:101; width:100%;  background-color:#333333;/*background:url('../../images/common/gnb_bg.png') center top;*/ transition:all 0.4s ease; -webkit-transition:all 0.4s ease; border-bottom: 1px solid #808080;}
#nav > ul { margin:0 auto; overflow:hidden;width:1275px; height:60px;}
#nav > ul:after { display:block; clear:both; content:''; }
#nav > ul > li {width:12.5%/*14.28%*/; height:60px; float:left;text-align:center; border-left: solid #808080 1px; border-right: solid #808080 1px; border-bottom: solid #808080 1px;}
#nav > ul > li.menu00 {width:5%}
#nav > ul > li > a {position:relative; height:60px; font-size:16px; color:#fff; line-height:53px; display:block}
/*#nav > ul > li > a::after{content:""; position:absolute; width:0; height:3px; left:50%; bottom:0px; background-color:#fe9d33; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}*/
#nav > ul > li.menu00 > a::after {display:none}
/*#nav > ul > li:hover > a::after{left:0; width:100%;}*/
#nav > ul > li:hover > a{color:#fe9d33;font-weight: 500;}
#nav > ul > li > div.Wrap{display: none;position: absolute;left: 0;top: 60px;width: 100%;height: 250px;background: #ffffff00;border-bottom: 1px solid #ccc;}
#nav > ul > li > div.Wrap > .contents{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1275px;
    height: inherit;
    background: #fff;
    margin: 0 auto;
    position:relative;
}
#nav > ul > li > div.Wrap .intro{
    margin: 0;
    width: 159px;
    height: inherit;
    background: url('../../images/header/nav/bg.jpg') no-repeat center center;
    background-size:cover;
    color: #fff;
    font-weight: 300;
    text-align: center;
}
#nav > ul > li > div.Wrap .intro > i{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 94px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 13px;
}
#nav > ul > li > div.Wrap .intro > p.title{
    font-size: 16px;
}
#nav > ul > li > div.Wrap .intro > p.subTitle{
    font-size: 12px;
    line-height: 18px;
    padding: 0 17px;
    word-break: keep-all;
    margin-top:0
}
#nav > ul > li > div.Wrap .sub_menu{
    width: 500px;
    text-align: left;
    padding: 30px 0 0 50px;
}
#nav > ul > li > div.Wrap .sub_menu li{
    margin: 0 0 10px;
    display: inline-block;
    min-width: /*120px;*/160px;
    opacity: 1;
    font-size:14px;
    letter-spacing:-0.5px
}
#nav > ul > li > div.Wrap .sub_menu li a:hover {color:#fe9d33; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#nav > ul > li > div.Wrap .imgArea{
    width: 600px;
    font-size: 0;
    position:absolute;
    right:0
}
#nav > ul > li.menu01:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu02:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu03:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu04:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu05:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu06:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu07:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu08:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu09:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu10:hover > div.Wrap{
    display: block;
    overflow: hidden
}

#nav .Wrap .contents .intro span {width:30px;height:2px;background-color:#fff;display:inline-block;margin:0 auto 5px}


#nav > ul > li.menuTxt {background-color:#454545}
#nav > ul > li.menuTxt a {font-size:14px;line-height:1.6;padding-top:5px}
#nav > ul > li.menuTxt a span {display:block;color:#e7c56e;font-weight:600;font-size:16px}
#nav > ul > .menuTxt:hover a {color:#fff;font-weight:400}

/*sitemap*/
.sitemap_bg {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.7);z-index:99999}
.sitemap_bg #sitemap_wrap {width:850px;height:auto;background-color:#111;padding:70px;box-sizing:border-box;position: absolute;left: 50%;transform: translatex(-50%) translateY(-50%);
top: 50%;}
.sitemap_bg #sitemap_wrap > ul > li {display:block}
.sitemap_bg #sitemap_wrap > ul > li a {float:left}
.sitemap_bg #sitemap_wrap > ul > li .sub_menu {float:left}


/*스토리아이콘*/
.header_story {display: inline-block;/*position: inherit;*/height:60px;width:60px;/*background:url('/theme/coreweb_basic_01/images/header/story_icon.png') no-repeat !important*/}
.header_story #kakaostory-follow-button {top:-10% !important}

/* terms */
#terms {position: fixed;z-index: 1103;width: 70%;height: 90%;background: #fff;top: 101%;left: 15%}
#terms .t_group {display: -webkit-box;display: -ms-flexbox;display: flex;height: 55px}
#terms .t_group > li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
#terms .t_group > li+li .mn {border-left: 1px solid #ddd}
#terms .mn {position: relative;height: 55px;line-height: 55px;background: #f6f6f6;border-bottom: 1px solid #ddd;text-align: center;font-size: 15px;cursor: pointer;outline: none}
#terms .mn.on {background: #fff;border-bottom: 0;font-weight: 500}
#terms .mn.on:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #1a3544}
#terms .cont { display: none;position: absolute;top: 55px;left: 0;right: 0;bottom: 0;padding: 15px 35px 35px;-webkit-transition: opacity .4s;transition: opacity .4s;}
#terms .mn.on+.cont {display: block;}
#terms h5 {font-size: 35px;text-align: center;font-weight: 500;margin: 0 0 20px}
#terms .txt { white-space: pre-line;border: 1px solid #ddd;padding: 20px;font-size: 15px;line-height: 25px;overflow: auto;height: calc(100% - 105px);word-break: keep-all}
#terms_bg {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%!important;height: 100%!important;z-index: 1102;background: #000;opacity: 0.7}
#terms_close {opacity: 0;-webkit-transform: scale(0);transform: scale(0);position: absolute;right: -50px;top: 0;cursor: pointer}