@import url('basic.css');
.mobileonly {visibility:hidden; position:absolute; top:-1000%;}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/NanumBarunGothic.eot);
	src:local(※), url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NanumBarunGothic.woff2) format('woff2'),
		url(../fonts/NanumBarunGothic.woff) format('woff'),
		url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumBarunGothicBold';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/NanumBarunGothicBold.eot);
	src:local(※), url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
		url(../fonts/NanumBarunGothicBold.woff) format('woff'),
		url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}

#wrap{width:100%; min-width: 1280px;}
#header{width:100%; position:fixed;  z-index:20; }
.header-wrap{position:relative; width:1180px; margin:0 auto; overflow:hidden; padding:33px 40px; }
h1{float:left; margin-left:-21px;}
.header-wrap .logo_black{display:none;}

.fp-viewing-lastPage #header,
.fp-viewing-firstPage #header {  background:url(../images/web/bg_top_header.png) repeat-x 0 0;}

.fp-viewing-firstPage .header-wrap .logo_black,
.fp-viewing-lastPage .header-wrap .logo_black{ display:block;}
.fp-viewing-firstPage .header-wrap .logo_white,
.fp-viewing-lastPage .header-wrap .logo_white {display:none;}

.web-gnb{float:right; overflow:hidden; padding-top:9px; color:#000;}
.web-gnb li{float:left; }
.web-gnb li a{display:block; padding:20px 42px 23px; font-size:23px; font-weight:700; color:#262626;}
.web-gnb li.lst a{padding-right:0;}
.header-wrap.gnb-white a{color:#fffefe;}
.fp-viewing-lastPage .web-gnb li a,
.fp-viewing-firstPage .web-gnb li a { color:#fff;}
/* visual-area */
.visual-area{position:relative; overflow:hidden; width:100%; min-width:1280px; background:url(../images/web/img_main_visual01.jpg) no-repeat 50% 0; font-size:0; line-height:0; background-size:cover;}
/*.visual-area .fp-tableCell img{width:100%;}*/
.visual-area a{position:absolute; left:50%; margin-left:-42px; bottom:50px;}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 11px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    border-radius: 100%;
	background:rgba(255,255,255,0.8);
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 12px;
    width: 12px;
    border: 0;
    left: 50%;
    top: 50%;
	border:1px solid #fff;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 12px;
    height: 12px;
	background:rgba(255,255,255,0.8);

}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

/* main-area */
.main-cont{width:1180px; margin:0 auto; padding:158px 0 0;}

.main-cont h2{margin-top:25px; font-size:52px; color:#4e4f53; text-align:center;}
.main-cont h2 span { display:inline-block; height:66px;}
.main-cont h2.type2 span {border-bottom:2px solid #09ba00;}
.main-cont h2.type3 span {border-bottom:2px solid #f50002;}
.main-cont h2.type4 span {border-bottom:2px solid #d1904f;}
.main-cont .title-copy{margin-top:14px; font-size:24px; text-align:center; line-height:36px; color:#666;}

.main-cont.info{overflow:hidden; position:relative;}
.main-cont.info .position{float:left; width:580px; margin-top:99px; }
.main-cont.info .position.head{position:relative; width:590px; margin-right:9px;}
.main-cont.info .position strong{display:block; width:100%; padding:5px 0; background:#e10f21; color:#fff; font-size:24px; text-align:center; font-weight:400;}
.main-cont.info .position p{padding-top:10px; width:100%; height:372px; background:#f4f3f2;}
.main-cont.info .position span{display:block; position:relative; margin-top:10px; padding:1px 0 2px 70px; background:url(../images/web/blit_position01.gif) no-repeat 30px 0; font-size:20px; color:#666;}
.main-cont.info .position span.add{background:url(../images/web/blit_position02.gif) no-repeat 30px 0; font-size:20px; }
.main-cont.info .position span.time{background:url(../images/web/blit_position03.gif) no-repeat 30px 0; font-size:20px; }
.main-cont.info .position span.park{background:url(../images/web/blit_position04.gif) no-repeat 30px 0; font-size:20px; }
.main-cont.info .position em{display:block; margin-top:10px; padding-right:20px; font-size:18px;}
.main-cont.info .position .btn-layer-map{ display:block;  margin:52px 20px 0 63px; padding:0; background:none; font-size:0;}
.main-cont.info .position.chain strong{background:#384b56;}

.main-cont.info .layer-popup{position:absolute; top:216px; left:33px; right:28px; padding:20px 23px 0 163px;; border-top:2px solid #fff;}
.main-cont.info .layer-popup span{display:block; margin-top:0; padding:19px 0 0 20px; background:url(../images/web/ico_parking.gif) no-repeat left 19px; font-size:17px;}
.main-cont.info .layer-popup span:first-child{padding-top:0; background-position:left 1px;}
.main-cont.info .layer-popup strong{display:inline-block; width:auto; padding:0; color:#666; font-size:17px; background:none; font-weight:700;}
.main-cont.info .layer-popup p{width:auto; background:none; height:auto; margin-top:7px; padding:0 0 0 20px; font-size:16px; color:#666;}

/*.main-cont.menu .main-menu{margin-top:35px; }*/
.mobile-text-list{display:none;}
.main-menu {position:relative;}
.main-menu .main-menu-pdf {position:absolute; top:-326px; right:0; display:block; font-size:0; line-height:0;}
.main-menu-list {overflow:hidden; margin:81px -13px 0;}
.main-menu-list > li {float:left; padding:0 13px; font-size:0; line-height:0;}

.main-cont.news .news-area{overflow:hidden; }
.main-cont.news .news-area > div {overflow:hidden; float:left; margin:80px 22px 0 0; }
.main-cont.news .news-area > div .main-swiper-wrap {position:relative; overflow:hidden; width:376px; margin-top:10px; border:1px solid #b3b3b3; }
.main-cont.news .news-area > div .main-swiper-wrap .swiper-pagination{position:absolute; bottom:22px; left:0; right:0; text-align:center; font-size:0; line-height:0; z-index:1;}
.main-cont.news .news-area > div .main-swiper-wrap .swiper-pagination .swiper-pagination-bullet{display: inline-block; width: 22px; height: 22px; margin: 0 3px; cursor: pointer; background:url(../images/web/ico_swiper.png) no-repeat 0 0;}
.main-cont.news .news-area > div .main-swiper-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/web/ico_swiper_active.png) no-repeat 0 0;}
.main-cont.news .news-area > div ul {overflow:hidden;}
.main-cont.news .news-area > div ul li {float:left; font-size:0; line-height:0;}
.main-cont.news .news-area .main-new{margin-right:0; }
.main-cont.news .news-area strong{display:block; padding-left:18px; background:url(../images/web/blit_txt_news01.gif) no-repeat 0 4px; font-size:24px; color:#595757;}
.main-cont.news .sns-area{text-align:right; margin-top:20px; }
.main-cont.news .sns-area span{display:inline-block; margin-right:17px; padding-right:13px; vertical-align:middle; background:url(../images/web/img_sns_arrow_right.gif) no-repeat right 7px; font-size:14px; color:#323232;}
.main-cont.news .sns-area a{display:inline-block; vertical-align:middle;  padding:0 3px;}
.main-cont.news .sns-area strong{display:inline-block; margin-right:10px; font-size:20px;}

.main-story-list {overflow:hidden; margin:81px -13px 0;}
.main-story-list > li {float:left; padding:0 13px; font-size:0; line-height:0;}

.cont-faq{position:relative; min-height:572px; overflow:hidden; background:url(../images/web/bg_faq_visual.jpg) no-repeat 50% 0; background-size:cover;}
.cont-faq .fp-tableCell img{width:100%; height:100%;}
.cont-faq .faq-contents{position:absolute; top:50%; left:0; right:0; margin-top:-286px;}
.cont-faq h2{margin-top:40px; font-size:52px; color:#fff; text-align:center;}
.cont-faq .faq-contents p{margin-top:20px; font-size:24px; text-align:center; line-height:36px; color:#fff;}
.cont-faq .faq-area{width:1180px; overflow:hidden; margin:35px auto; padding:0 50px; }
.cont-faq .faq-area .faq-box{float:left; width:366px; margin-bottom:50px; padding:50px 40px; text-align:center; background:rgba(223,223,223,0.9); box-shadow:10px 20px 15px 0px rgba(0,0,0,0.5);}
.cont-faq .faq-area .faq-box:first-child{margin:0 7px 50px 145px;}
.cont-faq .faq-area .faq-box strong{display:block; font-size:24px; color:#595757;}
.cont-faq .faq-area .faq-box span{display:block; margin-top:50px; font-size:42px; color:#595757; font-weight:700;}
.cont-faq .faq-area .faq-box p{font-size:20px; border-top:1px solid #595757; padding-top:13px; color:#595757; }
.cont-faq .faq-area .faq-box:first-child a{padding-right:15px; background:url(../images/web/btn_faq_arrow.png) no-repeat right 5px; }
.faq-contents .title-copy {text-shadow:0 0 46px rgba(16, 5, 9, 0.8);}

#container{width:100%; padding-top:135px;}
#container.fullpage{padding-top:0;}
.contents {width:1180px; margin:0 auto; padding:20px 50px 90px;;}
.contents h2{font-size:52px; text-align:center; line-height:56px; color:#4e4f53;}
.contents > p{margin:25px auto 0; width:892px; font-size:20px; line-height:28px; text-align:center; color:#7f8187; letter-spacing:-0.02em;}
.contents .txt-brandstory p{display:none; margin:25px auto 0; width:auto; font-size:20px; line-height:28px; text-align:center; color:#7f8187;}
.contents .tab-list{width:890px; margin:20px auto 0; overflow:hidden;}
.contents .tab-list li{float:left; margin-right:7px; width:292px; }
.contents .tab-list li a{display:block; padding:7px 0 3px; font-size:24px; line-height:28px; background:#595959; color:#fff; text-align:center;}
.contents .tab-list li.on a{background:#e10f21;}
.contents .tab-list li.lst{margin-right:0;}

.tab-cont{display:none; position:relative; width:100%; overflow:hidden; padding-top:70px;}

/* sub - company */
.tab-cont .img-area{float:left; margin-left:135px; width:294px; }
.tab-cont .txt-area{float:left; margin-left:20px; width:630px; text-align:left;}
.tab-cont.ceo .txt-area strong{display:inline-block; margin-top:35px; font-size:18px; color:#000; font-weight:700; }
.tab-cont.ceo .txt-area strong.fst{margin-top:0;}
.tab-cont.ceo .txt-area strong.lst{display:block;}
.tab-cont.ceo .txt-area span,
.tab-cont.ceo .txt-area p{width:612px; font-size:16px; color:#666; line-height:22px;}
.tab-cont.ceo .txt-area p{margin-top:5px;}
.tab-cont.bi .txt-area .txt-bi{font-size:20px; line-height:28px;}
.tab-cont.bi span{display:block; position:absolute; top:400px; left:800px; }

.txt-area-space{background:url(../images/web/img_space03.gif) no-repeat 153px 40px;}
.txt-area-space strong{display:block; margin-left:430px; font-size:24px; color:#666;}
.txt-area-space span{display:block; margin:20px 0 0 430px; width:590px; font-size:20px; color:#666; line-height:28px;}
.txt-area-space img{vertical-align:text-top;}

.space-area{width:100%; overflow:hidden; margin-top:50px;}
.space-area .img-area-space{float:left; }
.space-area .img-area-space:first-child{margin-right:16px;}
.space-area .img-area-space p{margin-top:20px; font-size:20px; line-height:28px; color:#7f8187; text-align:center;}
.space-area .img-area-space span{font-size:16px; line-height:28px; color:#7f8187;}

/* sub - brand */
.contents .tab-list.brand{width:1180px; margin:20px auto 0; overflow:hidden;}
.contents .tab-list.brand li{float:left; margin-right:2px; width:293px; }

.tab-cont .img-area-study{float:left; margin-right:3px; text-align:center;}
.tab-cont .img-area-study.lst{margin-right:0;}
.tab-cont .img-area-study strong{display:block; margin-top:17px; letter-spacing:-0.1em;}
.tab-cont .img-area-study p{margin-top:10px; letter-spacing:-0.1em;}

.tab-cont.brand{width:auto; margin:0 -33px; }
.img-area-tradition{float:left; margin-top:45px;}
.txt-area-tradition{float:left; margin:105px 0 0 30px; width:477px; }
.txt-area-tradition strong{display:block; font-size:22px; color:#000;}
.txt-area-tradition p{margin-top:30px; line-height:28px; }
.txt-area-tradition p img{vertical-align:text-top; }
.txt-area-tradition span{display:block; margin-bottom:18px; font-size:18px;}
.img-area-tradition.lst{float:right; margin-top:0; background:none; width:251px; padding-right:33px;}
.img-area-tradition.lst strong{display:block; padding-bottom:28px; text-align:center; color:#6b572e;}

.img-area-material{float:left; overflow:hidden; width:589px; margin-top:5px;}
.img-area-material img{display:block; float:left; margin-right:13px; }
.img-area-material strong{display:block; margin-top:20px; color:#000; font-size:18px;}
.img-area-material p{margin-top:8px; padding-right:20px; }

.img-area-plan{float:left; margin-right:4px; width:390px; text-align:center;}
.img-area-plan.lst{margin-right:0; }
.img-area-plan strong{display:block; margin-top:17px; }
.img-area-plan p{margin-top:10px; padding:0 20px;}

/* sub-menu */
.menu-cont .menu-list { width:890px; margin:0 auto;}
.menu-cont .menu-list > li { overflow:hidden; margin-top:11px;}
.menu-cont .menu-list > li:first-child { margin-top:0;}
.menu-cont .menu-list .menu-img { display:table-cell;}
.menu-cont .menu-list .desc-area { display:table-cell; padding-left:38px; vertical-align:middle;}
.menu-cont .menu-list .desc-box { padding:0 0 17px 4px; background:url("../images/web/line_dashed.png") repeat-x 0 100%;}
.menu-cont .menu-list .desc-box .menu-tit { padding:14px 0 16px; color:#000; font-size:22px; font-weight:bold;}
.menu-cont .menu-list .desc-box .menu-txt { font-size:20px; line-height:28px;}
.menu-cont .menu-list .desc-box .menu-txt .txt-sundae { vertical-align:text-top;}
.menu-cont .menu-list .price-box { padding:12px 0 0 4px;}
.menu-cont .menu-list .price-box ul li { font-size:16px; line-height:28px;}
.menu-cont .menu-list.big { width:100%;}
.menu-cont .menu-list.big .desc-box .menu-tit { padding-top:0;}
.menu-cont .menu-list.big .price-box ul { overflow:hidden;}
.menu-cont .menu-list.big .price-box ul li { float:left; padding-left:20px;}
.menu-cont .menu-list.big .price-box ul li:first-child { padding-left:0;}
.menu-cont .menu-list.big .price-box .info-box { font-size:16px; line-height:22px;}
.menu-cont .menu-list .step-box { float:left; width:960px;}
.menu-cont .menu-list .step-box .step-tit { padding-top:21px; color:#000; font-size:22px; font-weight:bold; line-height:36px;}
.menu-cont .menu-list .step-box > ul { overflow:hidden; margin-top:14px; background:url("../images/web/bg_steps.png") no-repeat 98px 0;}
.menu-cont .menu-list .step-box > ul li { float:left; padding-top:40px; font-size:18px; line-height:26px; text-align:center;}
.menu-cont .menu-list .step-box > ul li.step01 { width:285px;}
.menu-cont .menu-list .step-box > ul li.step02 { width:350px;}
.menu-cont .menu-list .step-box > ul li.step03 { width:255px;}
.menu-cont .menu-list .step-box > ul li .steps { display:block; margin-bottom:43px; color:#fff; font-size:24px; font-weight:bold; line-height:24px;}
.menu-cont .menu-list .step-box > ul li.step02 .steps { margin-bottom:33px;}
.menu-cont .menu-list .step-box > ul li span.inlineblock { display:block;}
.menu-cont .menu-list .step-box > ul li em { color:#9fa0a0;}


/* footer */
#footer{position:absolute; bottom:0; left:0; right:0; margin-top:0; background:#515151 url(../images/web/bg_footer.gif) no-repeat 50% 0;}
.btn-top{position:absolute; top:-22px; left:50%; margin-left:-33px;}
.footer-wrap{width:1130px; margin:0 auto; overflow:hidden; padding:25px 75px 100px;}
.footer-wrap .address{float:left; font-size:14px; color:#ccc; line-height:20px;}
.footer-wrap .sns{float:right; overflow:hidden; }
.footer-wrap .sns-li{float:left; overflow:hidden; }
.footer-wrap .sns-li li{float:left; margin-right:15px;}
.footer-wrap .fmaily-site{float:left; }
.footer-wrap .fmaily-site strong{display:block;  border:1px solid #e1e1e1; padding:9px 41px 8px 15px; background:url(../images/web/bg_arrow_btm.png) no-repeat 157px 50%; color:#ccc; font-size:14px; }
.footer-wrap .fmaily-site a{display:inline-block; padding:10px 22px 9px; background:#fff url(../images/web/bg_txt_bar.gif) no-repeat right 50%; color:#515151; font-size:14px;}
.footer-wrap .fmaily-site .lst{background-image:none;}