@charset "utf-8";

html,body {min-width:1200px;}

.nodata {
    width:100%;
    text-align:center;
    font-size:16px;
    color:#999;
    margin:80px 0;
    font-weight:300;
}

.inner {width:1200px;margin:0 auto;position:relative;}

#wrap {position:relative;padding-top:100px;}

#header {position:absolute;left:0;top:0;width:100%;height:100px;z-index:200;transition:0.3s;overflow:hidden;}
#header:before {content:'';display:block;width:100%;height:1px;background:#e8e8e8;position:absolute;left:0;top:101px;opacity:1;}
#header h1 {position:absolute;left:10px;top:12px;}
#header h1 a {display:block;width:212px;height:80px;background:url(../images/logo-on.png) no-repeat;text-indent:-9999px;}

#gnb {position:absolute;right:110px;}
#gnb > li {float:left;}
#gnb > li > a {display:block;height:100px;line-height:100px;position:relative;font-family:'THELuxGo';font-size:22px;color:#222;font-weight:500;padding:0 35px;transition:0.3s;}
#gnb > li > a:before {content:'';display:block;width:0;height:3px;background:#ffca02;border-radius:10px;position:absolute;left:50%;margin-left:-30px;bottom:-2.5px;transition:0.3s;}
#gnb > li:last-child > a {padding-right:0;}
#gnb > li:last-child > a:before {margin-left:-10px;}
#gnb > li ul {padding-top:25px;}
#gnb > li ul li a {display:block;font-size:15px;color:#222;text-align:center;padding:8px 0;font-weight:400;letter-spacing:0;}
#gnb > li:last-child ul li a {padding-left:40px;}

#gnb > li:hover > a:before, #gnb > li.active > a:before {width:60px;}
#gnb > li ul li:hover a, #gnb > li ul li.active a {color:#ffa703;font-weight:600;}

#header .won {position:absolute;right:0;top:38px;display:inline-block;font-size:14px;color:#fff;font-weight:600;padding:5px 15px;background:#f58e18;border-radius:5px;}

#header.gnb-on {height:280px;background:#fff;}
#header.gnb-on:before {opacity:1;}

#quick {width:84px;height:226px;background:#fff url(../images/quick-bg.png) no-repeat;border:5px solid #f6921d;border-radius:50px;position:fixed;right:50px;top:50%;margin-top:-113px;z-index:555;}
#quick a {display:block;text-align:center;margin-top:24px;}
#quick a + a {margin-top:18px;}

#wrap.main {padding-top:0;}
.main #header h1 a {background:url(../images/logo.png) no-repeat;}
.main #header #gnb > li > a {color:#fff;}
.main #header.gnb-on h1 a {background:url(../images/logo-on.png) no-repeat;}
.main #header.gnb-on #gnb > li > a {color:#222;}

#vis {position:relative;}
#vis .bx-controls {position:absolute;width:100%;text-align:center;left:0;bottom:52px;z-index:150;}
#vis .bx-controls .bx-controls-direction a {display:inline-block;width:41px;height:41px;text-indent:-9999px;background-repeat:no-repeat;margin:0 30px;}
#vis .bx-controls .bx-controls-direction .bx-prev {background-image:url(../images/vis-prev.png);}
#vis .bx-controls .bx-controls-direction .bx-next {background-image:url(../images/vis-next.png);}
#vis .bx-controls .bx-controls-auto > div {position:absolute;left:50%;margin-left:-20px;top:0;}
#vis .bx-controls .bx-controls-auto a {display:inline-block;width:41px;height:41px;text-indent:-9999px;background-repeat:no-repeat;}
#vis .bx-controls .bx-controls-auto .bx-start {background-image:url(../images/vis-start.png);display:inline-block;z-index:10;}
#vis .bx-controls .bx-controls-auto .bx-stop {background-image:url(../images/vis-stop.png);display:inline-block;z-index:10;}
#vis .bx-controls .bx-controls-auto .bx-start.active, #vis .bx-controls .bx-controls-auto .bx-stop.active {display:none;z-index:0;}
#vis .bx-pager > div {display:inline;}
#vis .bx-pager a {display:inline-block;width:15px;height:15px;background:#fff;border-radius:100px;text-indent:-9999px;margin:0 5px;}
#vis .bx-pager a.active {background:#f6992c;}

#brand .inner, #concept .inner, #insta .inner, #cs .inner {width:1100px;}

#brand {padding:110px 0 100px;background:url(../images/brand-bg.gif) 0 0/cover no-repeat;text-align:center;position:relative;}
#brand:before {content:'';display:block;width:441px;height:552px;background:url(../images/brand-obj.png) no-repeat;position:absolute;left:50%;margin-left:-836px;bottom:-250px;z-index:10;}
#brand h2 {font-family:'THELuxGo';font-size:42px;color:#ff9500;font-weight:600;}
#brand h3 {font-family:'THELuxGo';font-size:39px;color:#000;font-weight:600;padding-top:25px;margin-top:10px;position:relative;}
#brand h3:before {content:'';display:block;width:35px;height:1px;background:#222;position:absolute;left:50%;margin-left:-17.5px;top:0;}
#brand .txt {font-size:17px;color:#555;line-height:1.6em;margin-top:22px;}
#brand .txt strong {font-size:19px;color:#222;font-weight:800;}
#brand .img {margin:22px 0 0 60px;}
#brand .go-brand {display:block;width:222px;height:50px;line-height:50px;font-size:16px;color:#000;border:1px solid #555;border-radius:30px;margin:84px auto 0;}

#concept {padding:90px 0 100px;background:url(../images/concept-bg.gif) 0 0/cover no-repeat;text-align:center;position:relative;}
#concept:before {content:'';display:block;width:465px;height:571px;background:url(../images/concept-obj.png) no-repeat;position:absolute;left:50%;margin-left:470px;bottom:-140px;}
#concept h2 {font-family:'THELuxGo',sans-serif;font-size:42px;color:#ec193a;font-weight:600;}
#concept h3 {font-family:'THELuxGo',sans-serif;font-size:39px;color:#000;font-weight:600;padding-top:25px;margin-top:10px;position:relative;}
#concept h3:before {content:'';display:block;width:35px;height:1px;background:#222;position:absolute;left:50%;margin-left:-17.5px;top:0;}
#concept .img {display:block;margin:30px auto 0;}
#concept .txt {font-size:17px;color:#555;line-height:1.6em;margin-top:25px;}
#concept .txt strong {font-size:19px;color:#222;font-weight:800;}
#concept .pbc {margin-top:65px;}
#concept .pbc:after {content:'';display:block;clear:both;}
#concept .pbc > li {float:left;width:33.33333%;}
#concept .pbc .tit {display:block;font-family:'THELuxGo',sans-serif;font-size:21px;color:#000;font-weight:600;margin-top:20px;line-height:1.9em;position:relative;}
#concept .pbc .tit:before {content:'';display:block;width:15px;height:1px;background:#222;position:absolute;left:50%;margin-left:-7.5px;top:50%;margin-top:-2.5px;}
#concept .pbc .pbc-txt {color:#777;line-height:1.5em;margin-top:12px;}

#insta {padding:145px 0 20px;background:url(../images/insta-bg.png) 0 0/cover no-repeat;}
#insta .inner {position:relative;}
#insta h2 {font-family:'THELuxGo',sans-serif;font-size:44px;color:#000;font-weight:600;text-align:center;letter-spacing:-0.08em;}
#insta .more_insta {display:block;font-size:10px;color:#555;padding:36px 5px 0;background:url(../images/insta-ico1.png) top center no-repeat;position:absolute;left:0;top:0;}
.insta-list {margin-top:50px;}
.insta-list:after {content:'';display:block;clear:both;}
.insta-list li {float:left;width:260px;margin-right:20px;margin-bottom:20px;}
.insta-list li:nth-child(4n) {margin-right:0;}

#cs {padding:60px 0 80px;background:url(../images/cs-bg.png) 0 0/cover no-repeat;}
#cs .stit {font-family:'THELuxGo',sans-serif;font-size:21px;color:#000;font-weight:400;text-align:center;}
#cs h2 {font-family:'THELuxGo',sans-serif;font-size:44px;color:#000;font-weight:600;text-align:center;letter-spacing:-0.08em;margin-top:17px;}
#cs .box {margin-top:45px;}
#cs .box:after {content:'';display:block;clear:both;}
#cs .box > * {float:left;height:266px;border-radius:30px;box-sizing:border-box;}
#cs .bbs {width:530px;background:#fff;padding:30px 40px 0 40px;}
#cs .faq {display:block;width:270px;background:#91c71e;margin-left:20px;color:#fff;text-align:center;}
#cs .tel {width:270px;color:#fff;text-align:center;background:#f58e18;margin-left:10px;}
#cs h3 {font-family:'THELuxGo',sans-serif;font-size:22px;color:#000;font-weight:600;position:relative;}
#cs .bbs h3 a {position:absolute;right:0;top:0;}
#cs .bbs ul {margin-top:10px;}
#cs .bbs ul li a {display:block;font-size:16px;color:#000;position:relative;padding:15px 90px 15px 0;border-bottom:1px solid #e8e8e8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#cs .bbs ul li:last-child a {border-bottom:none;}
#cs .bbs ul li a .date {color:#858585;position:absolute;right:0;}
#cs .faq h3, #cs .tel h3 {color:#fff;padding-top:50px;margin-top:50px;background-position:center top;background-repeat:no-repeat;}
#cs .faq h3 {background-image:url(../images/cs-ico2.png);}
#cs .faq span {display:block;font-size:16px;margin-top:15px;line-height:1.6em;padding-bottom:40px;background:url(../images/cs-ico3.png) center bottom no-repeat;}
#cs .tel h3 {background-image:url(../images/cs-ico4.png);}
#cs .tel .num {display:block;font-family:'THELuxGo',sans-serif;font-size:32px;font-weight:500;margin-top:10px;}
#cs .tel em {display:inline-block;font-size:13px;line-height:1.6em;letter-spacing:-0.02em;margin-top:13px;}

#footer {padding:40px 0 55px;background:#333;font-size:15px;color:#b2b2b2;line-height:1.6em;}
#footer .inner {padding-left:210px;box-sizing:border-box;position:relative;}
#footer .foot-logo {position:absolute;left:0;top:5px;}
#footer .sns {position:absolute;right:0;top:0;}
#footer .sns a {margin-left:22px;}
#footer .link {position:relative;}
#footer .link a {color:#fff;}
#footer em {color:#777;padding:0 15px;}
#footer address {margin-top:10px;}
#footer .copy {font-size:13px;color:#777;margin-top:10px;}

#contents {padding:30px 0 115px;background:#f2f2f2 url(../images/sub-bg.gif) 0 0 no-repeat;border-top:1px solid #e8e8e8;}

#location {font-size:14px;color:#222;}
#location img {vertical-align:top;margin-right:8px;}
#location em {display:inline-block;font-size:10px;color:#b2b2b2;padding:0 10px;position:relative;top:-1px;}
#tit {font-family:'THELuxGo',sans-serif;font-size:50px;color:#222;font-weight:600;text-align:center;padding:80px 0 100px;}

.hnn-tab {margin-bottom:42px;}
.hnn-tab:after {content:'';display:block;clear:both;}
.hnn-tab > li {float:left;text-align:center;position:relative;}
.hnn-tab > li:after {content:'';display:block;width:1px;height:2px;background:#fff;position:absolute;right:0;bottom:0;}
.hnn-tab > li:last-child:after {display:none;}
.hnn-tab.tab1 > li {width:100%;}
.hnn-tab.tab2 > li {width:50%;}
.hnn-tab.tab3 > li {width:33.333%;}
.hnn-tab.tab4 > li {width:25%;}
.hnn-tab.tab5 > li {width:20%;}
.hnn-tab a {display:block;font-family:'THELuxGo',sans-serif;font-size:21px;color:#222;padding-bottom:23px;border-bottom:2px solid #777;position:relative;}
/*.hnn-tab a:hover {color:#f6921d;}*/
.hnn-tab li.active a {font-size:22px;color:#f6921d;font-weight:600;border-bottom:none;}
.hnn-tab li.active a:after {content:'';display:block;width:100%;height:6px;background:#f6921d;border-radius:10px;position:absolute;left:0;bottom:-2px;}

.layout {padding:60px 90px 65px;background:#fff;border-radius:30px;box-shadow:3px 2px 2px -2px rgba(0,0,0,0.3);position:relative;border:1px solid #e8e8e8;}
/*.layout:before {content:'';display:block;width:100%;height:100%;border:1px solid #e8e8e8;border-radius:30px;position:absolute;left:0;top:0;z-index:0;}*/

.dda {padding:60px 0;position:relative;background:url(../images/dda1.png) top center no-repeat, url(../images/dda2.png) bottom center no-repeat;}
.title {display:block;font-family:'THELuxGo',sans-serif;font-size:30px;color:#f07d00;font-weight:800;position:relative;padding-bottom:13px;margin-bottom:25px;}
.title:after {content:'';display:block;width:35px;height:1px;background:#222;position:absolute;left:50%;margin-left:-17.5px;bottom:0;}
.bar {display:inline-block;position:relative;z-index:1;}
.bar:before {content:'';display:block;width:100%;height:16px;background:rgba(246,146,29,0.3);position:absolute;left:0;bottom:0;z-index:-1;}
.bar strong {font-weight:600;}

.subtxt {font-family:'THELuxGo',sans-serif;color:#222;text-align:center;letter-spacing:-1px;word-spacing:-1px;}
.subtxt .desc {font-size:34px;font-weight:800;line-height:1.4em;}
.subtxt .detail {font-size:24px;line-height:1.6em;margin-top:25px;}
.subtxt .detail strong {font-weight:600;}

._philo .box {font-size:0;}
._philo .box > div {display:inline-block;vertical-align:middle;}
._philo .subtxt {width:463px;margin-right:43px;}
._philo .img {width:512px;}

._bene .subtxt {width:533px;margin-left:60px;}
._bene .bar:before {background:rgba(188,234,68,0.3);}
._bene .img {margin-top:-212px;}

._char .subtxt {width:602px;margin-left:420px;}
._char .subtxt .desc {font-size:30px;}
._char .subtxt .detail {font-size:21px;}
._char .bar:before {background:rgba(64,208,255,0.2);}
._char .img {margin-top:-247px;}
._char .more {display:block;width:220px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;background:#00afcb;border-radius:30px;box-shadow:3px 2px 2px -2px rgba(0,0,0,0.3);margin:70px auto 0;}

.overlayer {position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.5);z-index:100;display:none;}
.layerpop {padding:60px 50px;background:#fff;border-radius:30px;box-shadow:3px 2px 2px -2px rgba(0,0,0,0.3);position:relative;border:1px solid #e8e8e8;position:absolute;left:50%;top:50%;}
.layerpop .close {background:none;border:none;position:absolute;right:50px;top:40px;}

._char ._char-pop {width:1126px;height:580px;margin-left:-563px;margin-top:-290px;box-sizing:border-box;}
._char ._char-pop .dda {padding:40px 0 50px;}
._char ._char-pop .subtxt {width:100%;margin-left:0;}
._char ._char-pop .subtxt .detail {font-size:28px;margin-top:0;}
._char ._char-pop .subtxt strong {font-weight:600;}
._char ._char-pop .subtxt .bar:before {background:rgba(250,216,178,0.5);}
._char ._char-pop .pop-img {margin-top:40px;}

._prog .bar:before {background:rgba(22,153,139,0.2);}
._prog .more {display:block;width:220px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;background:#23b4a4;border-radius:30px;box-shadow:3px 2px 2px -2px rgba(0,0,0,0.3);margin:30px auto 0;}

._prog .step {text-align:center;margin-top:10px;}
._prog .step:after {content:'';display:block;clear:both;}
._prog .step > li {float:left;width:292px;height:540px;background:#fff;border-radius:20px;box-shadow:3px 2px 2px -2px rgba(0,0,0,0.3);box-sizing:border-box;overflow:hidden;margin-right:10px;}
._prog .step > li:nth-child(4) {margin-right:0;}
._prog .step > li h4 {height:60px;}
._prog .step > li:nth-child(1) h4 {background:#ffcc00;}
._prog .step > li:nth-child(2) h4 {background:#95c11f;}
._prog .step > li:nth-child(3) h4 {background:#ef7d00;}
._prog .step > li:nth-child(4) h4 {background:#009bd9;}
._prog .step > li h4 img {margin-top:21px;}
._prog .step .tit {display:block;font-size:19px;font-weight:400;line-height:1.4em;padding-top:29px;}
._prog .step .month {display:block;font-size:19px;font-weight:600;margin-top:10px;}
._prog .step > li:nth-child(1) .month {color:#ffcc00;}
._prog .step > li:nth-child(2) .month {color:#95c11f;}
._prog .step > li:nth-child(3) .month {color:#ef7d00;}
._prog .step > li:nth-child(4) .month {color:#009bd9;}
._prog .step .img {margin:22px 0 30px;}

._prog-pop {width:1126px;height:786px;text-align:center;margin-left:-563px;margin-top:-393px;box-sizing:border-box;padding-top:70px;}
._prog-pop .txt {font-family:'THELuxGo',sans-serif;font-size:22px;line-height:1.5em;margin-bottom:30px;}


._franc .bar:before {background:rgba(233,111,229,0.14);}

._franc-list {min-height:140px;padding:32px 50px;margin-top:10px;position:relative;box-sizing:border-box;border-radius:20px;}
._franc-list:after {content:'';display:block;width:4px;height:90px;position:absolute;left:0;top:22px;}
._franc-list.list1:after {background:#e5491a;}
._franc-list.list2:after {background:#006fce;}
._franc-list.list3:after {background:#0c9495;}
._franc-list.list4:after {background:#70ad01;}
._franc-list.list5:after {background:#ffa703;}

._franc-list dl {padding:13px 0 5px 146px;background-position:left 8px;background-repeat:no-repeat;}
._franc-list.list1 dl {background-image:url(../images/franc-ico1.gif);}
._franc-list.list2 dl {background-image:url(../images/franc-ico2.gif);}
._franc-list.list3 dl {background-image:url(../images/franc-ico3.gif);}
._franc-list.list4 dl {background-image:url(../images/franc-ico4.gif);}
._franc-list.list5 dl {background-image:url(../images/franc-ico5.gif);}

._franc-list dl dt {font-size:19px;color:#222;font-weight:600;}
._franc-list dl dd {font-size:16px;color:#555;line-height:1.4em;margin-top:15px;}

._franc-list table {width:1020px;margin:45px auto 0;}
._franc-list table th, ._franc-list table td {border-bottom:1px solid #e8e8e8;padding:17px 0;}
._franc-list table th {font-size:14px;color:#222;font-weight:600;background:#f9f9f9;}
._franc-list table td {font-size:16px;color:#555;padding-left:60px;}
._franc-list table .top th {font-size:16px;color:#000;background:none;border-bottom:1px solid #000022;}
._franc-list table .bl {border-left:1px solid #e8e8e8;}
._franc-list .ori {font-size:14px;color:#f61d1d;margin:10px 0 0 36px;}
._franc .go-franc {display:block;width:300px;height:58px;line-height:58px;font-size:21px;color:#fff;text-align:center;background:#f6921d;border-radius:30px;box-shadow:3px 2px 2px -2px rgba(0,0,0,0.3);margin:30px auto 0;}

._intro .subtxt .desc {font-size:30px;}
._intro .subtxt .detail {font-size:22px;line-height:1.8em;margin-top:15px;}
._intro .bar:before {background:rgba(255,244,204,1);}
._intro .bar .point {color:#f0614c;font-weight:800;}
._intro .history {margin-top:20px;}
._intro .history .title {text-align:center;}
._intro .history .title:after {display:none;}

.history .area {position:relative;margin-top:40px;}
.history .area:before {content:"";display:block;width:1px;position:absolute;left:50%;top:0;height:100%;background:#e8e8e8;}

.history .area .box {position:relative;width:50%;box-sizing:border-box;margin-top:15px;}
.history .area .box:first-child {margin-top:0;}
.history .area .box:nth-child(odd) {padding-left:30px;margin-left:50%;}
.history .area .box:nth-child(even) {padding-right:30px;text-align:right;}
.history .area .box:before,
.history .area .box:after {content:"";display:block;position:absolute;}
.history .area .box:before {width:12px;height:12px;background:#1f922f;border:2px solid #1f922f;border-radius:50%;z-index:10;box-sizing:border-box;}
.history .area .box:nth-child(even):before {background:#fff;}
.history .area .box:nth-child(odd):before {left:-6px;}
.history .area .box:nth-child(even):before {right:-6px;}
.history .area .box h4 {font-family:'THELuxGo',sans-serif;font-size:26px;color:#209330;font-weight:800;position:relative;top:-7px;line-height:1em;}
.history .area .box dl {position:relative;margin-top:5px;background:#f9f9f9;border-radius:8px;padding:14px 20px;}
.history .area .box dl:first-child {margin-top:0;}
.history .area .box dl dt {font-size:18px;position:absolute;color:#222;font-weight:600;top:12px;}

.history .area .box dl dd {font-size:16px;color:#000;}
.history .area .box:nth-child(odd) dl {padding-left:56px;}
.history .area .box:nth-child(odd) dl dt {left:0;padding-left:20px;}
.history .area .box:nth-child(even) dl {padding-right:56px;}
.history .area .box:nth-child(even) dl dt {right:0;padding-right:20px;}

.btn-more {display:block;width:220px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;background:#f6921d;border-radius:30px;box-shadow:3px 2px 2px -2px rgba(0,0,0,0.3);margin:30px auto 0;}
.btn-ori {font-size:14px;color:#666;text-align:center;margin-top:10px;}

._expe {text-align:center;}
._expe1 .bar:before {background:rgba(246,146,29,0.2);}
._expe .img {margin-top:60px;}

._expe2 {margin-top:20px;}
._expe2 .bar:before {background:rgba(112,173,1,0.2);}
._expe2 .btn-more {background:#70ad01;}
._expe .stand {text-align:center;margin-top:10px;}
._expe .stand:after {content:'';display:block;clear:both;}
._expe .stand > li {float:left;width:230px;height:295px;background:#fff;border-radius:0 0 30px 30px;box-shadow:3px 2px 2px -2px rgba(0,0,0,0.3);margin-right:12px;border-top:4px solid #006fce;}
._expe .stand > li:nth-child(1) {border-top-color:#006fce;}
._expe .stand > li:nth-child(2) {border-top-color:#0c9495;}
._expe .stand > li:nth-child(3) {border-top-color:#70ad01;}
._expe .stand > li:nth-child(4) {border-top-color:#ffcd03;}
._expe .stand > li:nth-child(5) {border-top-color:#e5491a;}
._expe .stand > li:last-child {margin-right:0;}
._expe .stand .ico {margin-top:44px;}
._expe .stand .tit {display:block;font-size:19px;margin-top:50px;}
._expe .stand > li:nth-child(1) .tit {color:#006fce;}
._expe .stand > li:nth-child(2) .tit {color:#0c9495;}
._expe .stand > li:nth-child(3) .tit {color:#70ad01;}
._expe .stand > li:nth-child(4) .tit {color:#ffa703;}
._expe .stand > li:nth-child(5) .tit {color:#e5491a;}
._expe .stand .txt {font-size:16px;color:#222;line-height:1.6em;margin-top:15px;}

._insta .insta-list {margin-top:0;}
._insta .insta-list > li {width:247px;margin-right:10px;margin-bottom:10px;}
.insta-list li:nth-child(4n) {margin-right:0;}
._insta .insta-list a img {width:100%;}