@charset "utf-8";
html , body {font-size:16px; font-family:"Noto Sans KR"; color:#333; position: relative;height: 100%;min-height: 100%;font-weight:400;line-height: 1.5;}
a {text-decoration:none; color:inherit;}
button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0;
	-webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
	outline:none;
}
.auto { margin:0 auto;position:relative;width:1200px;}
.auto:after,.clearFix:after,ol:after,ul:after,dl:after {content:""; display:block;width:0; height:0; overflow:hidden;clear:both;font-size:0; overflow: hidden;}
em , strong {}
ul.list > li { float: left;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html.fix {overflow-y: hidden;}

/* skip */
#skipNav {height:0; overflow: hidden;}
#skipNav li a {display: block;font-size:16px;width:100%;position:absolute;top:-9999px;left:0;text-align:center;z-index:999999;}
#skipNav li a:focus, #skipNav li a.on {position:absolute;top:0;left:0;font-weight:bold;color:#fff;background:#272727;padding:20px 0;color:#ffffff;}


/* header */
#header {position: fixed; width: 100%;height:140px;z-index:999;overflow: hidden;background: #fff;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2); top:0;}
#header .headerTop {height: 85px;background: url("../images/layout/bgHeaderTop.png") no-repeat 50% 0 #aac1e2;position: relative;}
#header .headerTop .periodWrap {float: left;font-size: 22px;color: #0d0c42;font-weight:700;line-height: 85px;padding-left: 400px;letter-spacing: -0.02em;}
#header .headerTop .btns {float: right;font-size: 0;margin-top: 18px;}
#header .headerTop .periodWrap .period {font-weight: 900;letter-spacing: -0.06em;}
#header .headerTop .periodWrap strong {color: #0e5a9f;}
#header .headerTop .btns a.btnApplication {display: block;width: 150px;height: 50px;margin-left:5px;float: left;background: #0e5a9f;color: #fff;font-size: 20px;text-align: center;line-height: 50px;font-weight: 500;}
#header .headerTop .btns .btnKakao {width: 160px;height: 50px;margin-left:5px;float: left;background:url("../images/layout/kakao.png") no-repeat 11px 50% #ffe600;color: #fff;font-size: 14px;color: #3d3137;padding:8px 0 8px 48px ;letter-spacing: -0.05em;line-height: 1.2;}
#header .headerTop .btnClose {position: absolute; right:45px; top: 25px;font-size: 20px;}

#header .headerTop02 {height:165px;overflow:hidden;background:url("../images/layout/topBannerBg.jpg") no-repeat;}
#header .headerTop02 .auto > span {display:block;position:absolute;top:0;left:50%;margin-left:-140px;}
#header .headerTop02 .topBannerLeft {float:left;width:432px;padding:20px 0;}
#header .headerTop02 .topBannerLeft .txtbox {overflow:hidden;}
#header .headerTop02 .topBannerLeft .txtbox > p {}
#header .headerTop02 .topBannerLeft .txtbox > p span {font-size:25px;color:#fff;opacity:0.8;font-weight:500;line-height:1;}
#header .headerTop02 .topBannerLeft .txtbox > p strong {font-size:27px;color:#01fffc;font-weight:700;line-height: 1;margin-top:5px;}
#header .headerTop02 .topBannerLeft a.btnInquiry {float:right;margin-top:13px;width:109px;height:57px;line-height:57px;font-size:18px;color:#333;background:#ffe400;text-align:center;border-radius:5px;}
#header .headerTop02 .topBannerLeft .dDay {overflow:hidden;color:#fff;float:left;}
#header .headerTop02 .topBannerLeft .dDay > p {float:left;width:70px;font-size:18px;font-weight:500;margin-top:12px;}
#header .headerTop02 .topBannerLeft .dDay > span {display:block;float:left;font-size:55px;line-height: 1;margin-top:8px;margin-right:5px;font-weight:700;}
#header .headerTop02 .topBannerLeft .dDay > ul {float:left;margin-top:5px;}
#header .headerTop02 .topBannerLeft .dDay > ul li {display:inline-block;width:136px;;position:relative;text-align:center;padding-top:10px;margin-right:3px;}
#header .headerTop02 .topBannerLeft .dDay > ul li:last-child {margin-right:0;}
#header .headerTop02 .topBannerLeft .dDay > ul li .inner {border:1px solid #fff;border-radius:5px;padding:5px 0;}
#header .headerTop02 .topBannerLeft .dDay > ul li span {position:absolute;top:0;left:50%;transform:translateX(-50%);background:#214d8a;padding:0 3px;line-height: 1;}
#header .headerTop02 .topBannerLeft .dDay > ul li span.DATE, #header .headerTop02 .topBannerLeft .dDay > ul li span.HOURS {width:40px;}
#header .headerTop02 .topBannerLeft .dDay > ul li strong {}
#header .headerTop02 .topBannerLeft .dDay > ul li strong input[type="text"] {width:100%;text-align:center;background:none;border:none;font-size:25px;font-weight:700;color:#fff;height:auto;opacity: 1;}
#header .headerTop02 .topBannerRight {float:right;width:430px;text-align:center;position:relative;}
#header .headerTop02 .topBannerRight .rightTitle {padding:20px 0 10px;}
#header .headerTop02 .topBannerRight .rightTitle > span {display:block;font-size: 16px;color:#fff;opacity:0.8;}
#header .headerTop02 .topBannerRight p {f ont-size:44px;font-size:30px;color:#fff;font-weight:700;}
#header .headerTop02 .topBannerRight p strong {f ont-size:44px;font-size:30px;color:#ffe400;}
#header .headerTop02 .topBannerRight .put {position:absolute;top:50%;margin-top:-29px;}
#header .headerTop02 .topBannerRight .put01 {left:0; top: 60px;}
#header .headerTop02 .topBannerRight .put02 {right:0; top: 60px;}
#header .headerTop02 .topBannerRight .headerTopLogo {}
#header .headerTop02 .btnClose {position: absolute; right:45px; top: 65px;font-size: 20px;color:#fff;}


.headerTopOpen {display:none;position:absolute;right:45px;top:45px;font-size:20px;color:#fff;}


#header .logo {float: left;}
#header .logo a {display: block;padding: 42px 0;}
#header .logo .link {padding:0;display:block;position:absolute;top:58px;left:0;width:240px;height:20px;}
#header #gnb {float: right;position:relative;right:-20px;}
#header .gnbList > li {float: left;position: relative;}
#header .gnbList > li > h2 > a {font-size: 18px;font-weight: 500; height: 100px;line-height: 140px;padding: 0 24px;letter-spacing: -0.05em;transition:all 0.25s ease-out;}
#header .gnbList > li.narrow > h2 > a {letter-spacing: -0.075em;}
/* #header .gnbList > li:last-child > h2 > a {padding-right: 0;} */
#header .gnbList > li:hover > h2 > a {color: #3292e9; }
#header .gnbList > li > h2 > a span {position: relative;display: inline-block;}
#header .gnbList > li > h2 > a span:after {content: "";display: block;width: 100%;transform:scaleX(0);height: 2px;background: #3292e9;position: absolute;bottom:50px;  transform-origin: 50%;transition:all 0.25s ease-out;}
#header .gnbList > li:hover > h2 > a span:after {transform:scaleX(1);}
#header .gnbList > li .sub {height: 340px;border-right: 1px solid rgba(255,255,255,0.1);font-size: 13px;color: #fff;padding-top: 10px;}
#header .gnbList > li .sub h3 a {display: block;padding: 4px 0;font-weight: 400; }
#header .gnbList > li:first-child .sub {border-left: 1px solid rgba(255,255,255,0.1);}
#header .gnbList .depth03 {te xt-align: left;}
#header .gnbList .depth03 a {display: block;pad ding-left: 20px;color: rgba(255,255,255,0.7);font-size: 12px;position: relative;}
/* #header .gnbList .depth03 a:before {content: "";display: block;width: 2px;height: 2px;background: rgba(255,255,255,0.7);position: absolute;left:10px; top:8px;} */

#header .bgSub {width: 100%;height: 340px;background: url("../images/layout/bgSub.png") no-repeat 90% 50px #041d41;position: absolute;top:265px;z-index:-1;}

#header .no1 {position: absolute; left:0; top:140px;padding:25px 0;text-align: center;}
#header .no1 .txt01 {font-size: 20px;color: #a0d2ff;font-weight: 700;}
#header .no1 .txt02 {padding: 10px 0;}
#header .no1 .txt03 {font-size: 30px;color: #fff;font-weight: 700;}
#header .no1 .txt03:after {content: "";display: block;width:22px ;height: 4px;background: #8994aa;margin: 10px auto;}
#header .no1 .txt04 {font-size: 14px;color: #b1bcd3;margin-bottom: 30px;}
#header .no1 .btns a {display: block;width: 100px;height: 34px;line-height: 34px;border: 1px solid #fff;font-size: 14px;color: #fff; float: left;margin: 0 5px;}

/* footer */
#footer {background: #3c3c3f;}
#footer .fUtil {border-bottom: 1px solid #555;}
#footer .fUtil .auto {padding: 70px 0;}
#footer .fUtil li {float: left;}
#footer .fUtil li a {display: block;font-size: 17px;color: #e6e6e6;padding: 0 10px;position: relative;}
#footer .fUtil li a:before {content: "";display: block;width: 1px;height: 16px;background: #e6e6e6;position: absolute; left:0; top:50%; margin-top: -8px;}
#footer .fUtil li:first-child a {padding-left: 0;}
#footer .fUtil li:first-child a:before {display: none;}
#footer .fUtil li.on a {color: #ff998e;}
#footer .fUtil .tel {position: absolute; width:550px; height: 115px;right:0;top:30px;text-align: center;border: 5px solid #808080;padding: 0 30px;letter-spacing: -0.075em;}
#footer .fUtil .tel dt {color: #fff;font-size:25px;margin-top: -20px;padding: 0 20px;background: #3c3c3f;}
#footer .fUtil .tel dd {color: #74b6f1;font-size:23px;font-weight: 700;pa dding: 10px 0;line-height: 1.5;}
#footer .fUtil .tel dd .fresher {color:#e18379;}

#footer .addrWrap {padding:55px 0;color: #aaa;}
#footer .addrWrap .fLogo {float: left;}
#footer .addrWrap address {float: left;font-size: 13px;margin:5px 0 0 20px;}
#footer .addrWrap address span {display: block;}


#quickMenu {position: fixed;width:251px;height: 100%;right:0;top:0;z-index:999999;background: #f5f5f5;
-webkit-box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1);
box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1);
}
#quickMenu h2 {border: 1px solid #d9d9d9;}
#quickMenu .department {position: absolute; left:0; height: 100%;width:92px;}
#quickMenu .department:after {content: "";display: block;width: 1px;height: 100%;background: #d9d9d9;right:0;position: absolute;}
#quickMenu .department li {margin-top: -1px;}
#quickMenu .department li a {display: block;width: 92px;height: 92px;padding-top: 60px;background-repeat: no-repeat;background-position: 0 0;border: 1px solid #d9d9d9;text-align: center;font-size: 14px;}
#quickMenu .department li:nth-child(1) a {background-image: url("../images/main/quick01Off.png");}
#quickMenu .department li:nth-child(2) a {background-image: url("../images/main/quick02Off.png");}
#quickMenu .department li:nth-child(3) a {background-image: url("../images/main/quick03Off.png");}
#quickMenu .department li:nth-child(4) a {background-image: url("../images/main/quick04Off.png");}
#quickMenu .department li:nth-child(5) a {background-image: url("../images/main/quick05Off.png");}
#quickMenu .department li:nth-child(6) a {background-image: url("../images/main/quick06Off.png");}
#quickMenu .department li:nth-child(7) a {background-image: url("../images/main/quick07Off.png");}

#quickMenu .department li:nth-child(1):hover a {background-image: url("../images/main/quick01On.png");color: #fff;}
#quickMenu .department li:nth-child(2):hover a {background-image: url("../images/main/quick02On.png");color: #fff;}
#quickMenu .department li:nth-child(3):hover a {background-image: url("../images/main/quick03On.png");color: #fff;}
#quickMenu .department li:nth-child(4):hover a {background-image: url("../images/main/quick04On.png");color: #fff;}
#quickMenu .department li:nth-child(5):hover a {background-image: url("../images/main/quick05On.png");color: #fff;}
#quickMenu .department li:nth-child(6):hover a {background-image: url("../images/main/quick06On.png");color: #fff;}
#quickMenu .department li:nth-child(7):hover a {background-image: url("../images/main/quick07On.png");color: #fff;}


#quickMenu .department .btnTop {display: block;height: 35px;line-height: 35px;color: #fff;font-weight: 700;font-size: 14px;background: #3c3c3f;text-align: center;}
#quickMenu .department .btnTop i {margin-left: 10px;}

#quickMenu .entrance {width:159px;float: right;}
#quickMenu .entrance .period {height: 220px;background: url("../images/main/quickTitle02.png") no-repeat;text-align: center;padding: 20px;}
#quickMenu .entrance .period dt {color: #fff;font-size: 20px;font-weight: 700;line-height: 1.2;}
#quickMenu .entrance .period dt strong {display: block;color: #ffa199;}
#quickMenu .entrance .period dd {font-size: 42px;font-weight: 700;color: #ffe828;line-height: 1;margin: 10px 0 15px;}
#quickMenu .entrance .period a {display: block;height: 30px;line-height: 29px;color: #fff;border: 1px solid #fff;font-size: 14px;}
#quickMenu .entrance .kakao {height: 130px;background: url("../images/main/quickBgKakao02.png") no-repeat;padding:75px 20px 0 20px;text-align: center;}
#quickMenu .entrance .kakao a {display: block;height: 30px;line-height: 29px;color: #fff;font-size: 16px;background: #41242c;}
#quickMenu .facebook {height: 147px;background: url("../images/main/quickBgFacebook02.png") no-repeat;padding: 75px 20px 0 20px;}
#quickMenu .facebook .btnDirect {display: block;color: #fff;font-size: ;height: 36px;line-height: 36px;font-size: 14px;margin-top: 10px;}
#quickMenu .blog {height:124px;background:url("../images/main/quickBgBlog.png") no-repeat;padding:15px;color:#fff;position:relative;text-align:center;}
#quickMenu .blog p {margin-top:6px;}
#quickMenu .blog span {font-size: 22px;line-height: 1;}
#quickMenu .blog strong {font-size: 26px;line-height: 1;}
#quickMenu .blog a {display:block;position:absolute;bottom:0;left:0;width:100%;height:36px;line-height:36px;background:rgba(0,0,0,0.2);font-size:14px;}
#quickMenu .tel {height:220px;padding: 20px;background: url("../images/main/quickBgTel.png");}
#quickMenu .tel dl {margin-bottom: 15px;}
#quickMenu .tel dt {color: #fff;font-size: 15px;}
#quickMenu .tel dt i {margin-right: 5px;}
#quickMenu .tel dd {font-size: 20px;font-weight: 900;line-height: 1.2;letter-spacing: -1px;}
#quickMenu .tel dd span {font-size: 17px;}
#quickMenu .tel01 dd {color: #ef5353;}
#quickMenu .tel02 dd {color: #2fdaa0;}
#quickMenu .tel a {display: block;height: 30px;line-height: 26px;color: #fff;border: 1px solid #fff;font-size: 14px;text-align: center;}
#quickMenu .btn {display: block;text-align: center;font-size: 13px;line-height: 1.2;width: 25px;height: 87px;padding-top: 15px;background: url("../images/main/bgBtnClose.png") no-repeat; position: absolute; left:-25px; top:0;color: #fff; box-sizing:border-box;}
#quickMenu .btn i {transition:all 0.5s ease-out;}
#quickMenu .btn.open i {transform:rotate(180deg);}












/* -------------------------------------------------------------------------- */
#quickMenu2 {position: fixed;width:200px;height:89%;right:0;top:0;z-index:999999;background: #f5f5f5;
-webkit-box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1);
box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1);
}
#quickMenu2 h2 {border: 1px solid #d9d9d9;}
#quickMenu2 .department {position: absolute; left:0; height: 100%;width:92px;}
#quickMenu2 .department:after {content: "";display: block;width: 1px;height: 100%;background: #d9d9d9;right:0;position: absolute;}
#quickMenu2 .department li {margin-top: -1px;}
#quickMenu2 .department li a {display: block;width: 92px;height: 92px;padding-top: 60px;background-repeat: no-repeat;background-position: 0 0;border: 1px solid #d9d9d9;text-align: center;font-size: 14px;}
#quickMenu2 .department li:nth-child(1) a {background-image: url("../images/main/quick01Off.png");}
#quickMenu2 .department li:nth-child(2) a {background-image: url("../images/main/quick02Off.png");}
#quickMenu2 .department li:nth-child(3) a {background-image: url("../images/main/quick03Off.png");}
#quickMenu2 .department li:nth-child(4) a {background-image: url("../images/main/quick04Off.png");}
#quickMenu2 .department li:nth-child(5) a {background-image: url("../images/main/quick05Off.png");}
#quickMenu2 .department li:nth-child(6) a {background-image: url("../images/main/quick06Off.png");}
#quickMenu2 .department li:nth-child(7) a {background-image: url("../images/main/quick07Off.png");}

#quickMenu2 .department li:nth-child(1):hover a {background-image: url("../images/main/quick01On.png");color: #fff;}
#quickMenu2 .department li:nth-child(2):hover a {background-image: url("../images/main/quick02On.png");color: #fff;}
#quickMenu2 .department li:nth-child(3):hover a {background-image: url("../images/main/quick03On.png");color: #fff;}
#quickMenu2 .department li:nth-child(4):hover a {background-image: url("../images/main/quick04On.png");color: #fff;}
#quickMenu2 .department li:nth-child(5):hover a {background-image: url("../images/main/quick05On.png");color: #fff;}
#quickMenu2 .department li:nth-child(6):hover a {background-image: url("../images/main/quick06On.png");color: #fff;}
#quickMenu2 .department li:nth-child(7):hover a {background-image: url("../images/main/quick07On.png");color: #fff;}


#quickMenu2 .department .btnTop {display: block;height: 35px;line-height: 35px;color: #fff;font-weight: 700;font-size: 14px;background: #3c3c3f;text-align: center;}
#quickMenu2 .department .btnTop i {margin-left: 10px;}

#quickMenu2 .entrance {width:200px;float: right;}
#quickMenu2 .entrance .period {height: 130px;background:#1568be;text-align: center;padding: 20px;}
#quickMenu2 .entrance .period dt {color: #fff;font-size:23px;font-weight:700;line-height: 1.2;}
#quickMenu2 .entrance .period dt strong {display: block;color: rgb(249, 178, 51);}
#quickMenu2 .entrance .period.on {background: #262626;}
#quickMenu2 .entrance .period.on dt strong {color: rgb(249, 178, 51);}

#quickMenu2 .entrance .period dd {font-size:17px;font-weight: 700;color: #fff;line-height: 1;}
#quickMenu2 .entrance .period dd strong {font-size:37px;}
#quickMenu2 .entrance .period a {display: block;height: 30px;line-height: 29px;color: #fff;border: 1px solid #fff;font-size: 14px;}
#quickMenu2 .entrance .btns {overflow:hidden;}
#quickMenu2 .entrance .btns a {display:block;float:left;width:50%;text-align:center;background:#1568be;padding:20px 0;position:relative;}
#quickMenu2 .entrance .btns a:first-child:after {content:"";position:absolute;top:20px;right:0;height:60px;width:1px;background:rgba(255,255,255,0.4);}
#quickMenu2 .entrance .btns a .icon {display:block;height:35px;background-repeat:no-repeat;background-position:50% 50%;}
#quickMenu2 .entrance .btns a:first-child .icon {background-image:url("../images/main/btns_icon01.png");}
#quickMenu2 .entrance .btns a:last-child .icon {background-image:url("../images/main/btns_icon02.png");}
#quickMenu2 .entrance .btns a:first-child:hover .icon {background-image:url("../images/main/btns_icon01_on.png");}
#quickMenu2 .entrance .btns a:last-child:hover .icon {background-image:url("../images/main/btns_icon02_on.png");}
#quickMenu2 .entrance .btns a p {font-size:13px;color:#fff;margin-top:10px;}
#quickMenu2 .entrance .btns a:hover p {color:#ffff33;}
#quickMenu2 .entrance .menu ul li {text-align:center;}
#quickMenu2 .entrance .menu ul li a {display:block;padding:20px 0;border-bottom:1px solid #888889;}
#quickMenu2 .entrance .menu ul li:last-child a {border-bottom:none;}
#quickMenu2 .entrance .menu ul li a p {font-size:13px;color:#333;font-weight:300;margin-top:5px;}
#quickMenu2 .entrance .menu ul li:hover a {background:#be1522;}
#quickMenu2 .entrance .menu ul li:hover a p {color:#fff;}
#quickMenu2 .entrance .menu ul li .icon {display:block;height:43px;background-repeat:no-repeat;background-position:50% 50%;}
#quickMenu2 .entrance .menu ul li:nth-child(1) .icon {background-image:url("../images/main/menu_icon01.png");}
#quickMenu2 .entrance .menu ul li:nth-child(2) .icon {background-image:url("../images/main/menu_icon02-2.png");height:67px;}
#quickMenu2 .entrance .menu ul li:nth-child(3) .icon {background-image:url("../images/main/menu_icon03.png");}
#quickMenu2 .entrance .menu ul li:nth-child(1):hover .icon {background-image:url("../images/main/menu_icon01_on.png");}
#quickMenu2 .entrance .menu ul li:nth-child(2):hover .icon {background-image:url("../images/main/menu_icon02-2_on.png");}
#quickMenu2 .entrance .menu ul li:nth-child(3):hover .icon {background-image:url("../images/main/menu_icon03_on.png");}

#quickMenu2 .entrance .special {text-align:center;}
#quickMenu2 .entrance .special a {display:block;padding:40px 0;background:#ff0000;}
#quickMenu2 .entrance .special a p {font-size:40px;color:#fff;font-weight:700;}
#quickMenu2 .entrance .special a:hover p {color:#ffff33;}

#quickMenu2 .entrance .telBox {padding:20px;background:#1568be;color:#fff;}
#quickMenu2 .entrance .telBox dl dt {font-size:16px;font-weight:500;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.7);text-align:center;}
#quickMenu2 .entrance .telBox:hover dl dt {color:#ffff33;}
#quickMenu2 .entrance .telBox dl dd {font-size:14px;font-weight:500;padding-left:50px;background:url("../images/main/icon_tel.png") no-repeat 0 7px;}
#quickMenu2 .entrance .telBox dl dd span {display:block;}

#quickMenu2 .entrance .kakao {height:100px;background: url("../images/main/kakao.png") no-repeat;}
#quickMenu2 .entrance .kakao a {display: block;height:100%;}
#quickMenu2 .entrance .kakao:hover {background: url("../images/main/kakao_on.png") no-repeat;}

#bmain{background: url('../images/nbeauty/nbg1.png')no-repeat; background-position: center; background-size: cover;}