.text-center {text-align: center; margin-bottom:70px}
.lead { font-size:16px; line-height:1.75; letter-spacing:-0.02em; color:#555; font-weight:300;  word-break:keep-all}
::selection {background-color:#ff3414;color:#fff;}
#header-wrap2{display: none;}
@media screen and (max-width: 640px) {
input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
.lead { font-size:17px; font-weight:400}
}


/* 인트로 */
#top_btn{display: none;}
#intro{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: flex;
  justify-content:center;align-items:center;
  background: var(--main-color);
}
#intro img{width: 30%;display: block;filter:brightness(0) invert(1);}


/*사이트맵*/
#sitemap {border:0; background-color:#07348c; width:100%; max-width:1200px; padding:80px}
#sitemap h2{ font-size:36px; color:#fff; text-align:center; padding:0 0 20px 0; width:100%; border-bottom:1px solid rgba(255, 255, 255, .3)}
#sitemap .depth1>li{float:left; width:20%; margin-top:5px}
#sitemap .depth1 > li:nth-child(5n+5) {margin-right:0px;}
#sitemap .depth1 > li:nth-child(5n+1) {clear:both;}
#sitemap .depth1>li>a{font-size:20px;display:block;text-align:left;color:#fff;margin-bottom:20px}
#sitemap .depth2>li>a{font-size:16px;display:block;line-height:2.1;color:#fff;opacity:.9}
#sitemap .depth2 > li > a:hover { color:#F4E913}
#sitemap .depth3>li>a{font-size:14px;display:block;line-height:2.1;padding-left:15px;color:#fff;opacity:.7}
#sitemap .mfp-close{position:absolute;right:0;top:-50px;z-index:1;width:30px;height:30px;border:0;font-size:16px;color:#fff}
#sitemap .mfp-close:after {background: url(../img/w_btn_close.png) no-repeat center center;}
#sitemap .arrow i { display:none}

@media screen and (max-width:1200px) {
	#sitemap { max-width:800px}
	#sitemap .depth1>li { width:50%; margin-top:4%}
   
}

@media screen and (max-width: 960px) {
	#sitemap { display:none}
}
/*사이트맵*/





/*오른쪽 퀵메뉴*/
.scrolled  #tl_quick  { visibility:visible; opacity:1}
#tl_quick li {list-style: none}
#tl_quick img { border: 0; vertical-align: top}
#tl_quick { position: fixed;top: 0;right: -700px; width: 700px; height: 100%; z-index: 4; background: #fff;visibility:hidden;opacity:0; transition: all 0.5s}
#tl_quick ul .qm_menu { width: 78px; }
#tl_quick ul .qm_menu .qm_subject{border-top:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a;margin-top:-1px;border-right:1px solid #4a4a4a;padding:20px 0;color:#fff;cursor:pointer;transition:all .5s;background-color:#3b3b3b}
#tl_quick ul .qm_menu .qm_subject:hover,#tl_quick ul .qm_menu.active .qm_subject {color: #fdb812; opacity: 1 }
#tl_quick ul .qm_menu .qm_subject i { text-align: center;display: block;font-size: 22px;}
#tl_quick ul .qm_menu .qm_subject span { padding-top: 5px; font-size:14px; color:#fff}
#tl_quick ul .qm_menu .qm_content{display:none;position:absolute;left:100px;top:0;padding:120px 20px 20px 20px;max-height:100vh;overflow-y:auto}
#tl_quick .qm_btn_close{position:absolute;top:10px;right:10px;z-index:5;color:#333;cursor:pointer}
#tl_quick .mfp-close { color:#222}
#quickbox_toggle_btn{width:28px;background-color:#222;color:#fff;font-size:16px;background-repeat:no-repeat;position:absolute;left:-29px;width:30px;padding:20px 6px;top:420px; cursor:pointer;z-index:10}
#quickbox_toggle_btn.on { width: 28px;background-color: #096}

#tl_quick .notice { background-color:#a57a47; color:#fff; font-size:16px; padding:20px; margin-bottom:20px; text-align:center}
#tl_quick .notice .line { border:1px solid #c2945e; padding:20px}
#tl_quick h3{background:#fbdb55;color:#a57a47;padding:32px 0 27px 30px;font-size:24px;line-height:20px;font-weight:400;position:relative}
#tl_quick .cont_area .send_btn {background-color:#fbdb55; color:#684b2a; font-size:18px; display:block; text-align:center; padding:10px 20px; margin:20px auto 0 auto; max-width:170px; border:0}
#tl_quick .cont_area .tbl-stat td>input{background:#f4f4f4;border:1px solid #ddd;height:32px;width:100%;padding:5px 5px 4px;vertical-align:middle}

#tl_quick .cont_area select{width:100%;height:32px;padding:0 5px;background:#f4f4f4;border:1px solid #ddd}
#tl_quick .cont_area .terms_chk label { margin-right: 5px; font-size:15px}
#tl_quick .cont_area .terms_chk .privacy_popup { display:inline-block; padding: 5px 0; font-size: 15px}

#tl_quick .cont_area .ltb {width: 100%;font-size:15px;}
#tl_quick .cont_area .ltb table {width:100%;border-collapse:collapse;}
#tl_quick .cont_area .ltb th{padding:8px 20px;height:60px;text-align:center;background-color:#222842;color:#fff; font-size:16px}
#tl_quick .cont_area .ltb td {padding:10px 5px;height:60px;border-bottom:1px solid #ddd;}
#tl_quick .cont_area .ltb td.num {text-align:center;}
#tl_quick .cont_area .ltb tr:hover { background-color:#f2f2f2}
#tl_quick .cont_area .ltb .last td {border-bottom:1px solid #ddd;}
#tl_quick .cont_area .ltb .date { text-align:center}
#tl_quick .cont_area .btn_wrap { margin: 20px auto 0 auto; text-align: center;}
#tl_quick .cont_area .btn_wrap .btn_type01 a{min-width: 110px;width: auto;display: inline-block;padding: 16px 25px;font-size:16px;color: #222;vertical-align: middle;text-align:center;border: 1px solid #ddd;}
#tl_quick .mfp-close:after {background: url(../img/btn_close.png) no-repeat center center;}

#tl_quick .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
#tl_quick .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
#tl_quick .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}

#tl_quick .fa-lock {
	display: inline-block;
	line-height: 14px;
	width: 16px;
	font-size: 0.833em;
	color: #4f818c;
	background: #cbe3e8;
	text-align: center;
	border-radius: 2px;
	font-size: 12px;
	border: 1px solid #cbe3e8;
	vertical-align: middle
}

#tl_quick .new_icon {
	display: inline-block;
	width: 16px;
	line-height: 16px;
	font-size: 0.833em;
	color: #23db79;
	background: #b9ffda;
	text-align: center;
	border-radius: 2px;
	margin-left: 2px;
	font-weight: bold;
	vertical-align: middle
}

#tl_quick .hot_icon {
	display: inline-block;
	width: 16px;
	line-height: 16px;
	font-size: 0.833em;
	color: #ff0000;
	background: #ffb9b9;
	text-align: center;
	border-radius: 2px;
	vertical-align: middle
}



@media screen and (max-width: 640px) {
    #tl_quick { display:none}
}
/*오른쪽 퀵메뉴*/






/*모바일 오른쪽 메뉴*/
#right-side {background-color:#333;position:fixed; z-index:9999; top:0;right:-400px;max-width:400px; width:100%; height:100%; color:#FFF; padding:30px;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#6cc043; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:10px; padding:2px 0 4px 0;}
#right-side #btn-close-right-side {position:absolute;top:20px;right:0;color:#fff;width:60px;text-align:center;line-height:40px; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:20px}
.right-side-on #right-side {right:0;}
.right-side-on #wrapper { left:-300px; }
.right-side-on #header { left:-300px; }
.right-side-on #rs-overlay {display:block;}

.quick_menu {width:100%; margin:auto; padding-top:20px}
.quick_menu ul { text-align:center}
.quick_menu li{display:inline-block; margin-left:-3px; width:80px; border-right:1px solid #ddd;}
.quick_menu li:last-child { border:0} 
.quick_menu li a{display:block; box-sizing:border-box; color:#f5f5f5; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:12px}
.quick_menu li a:hover{color:#fff;backface-visibility:hidden}
.quick_menu li a.on{color:#fff;border-bottom-color:#FF3300;border-bottom-width:2px;border-bottom-style:solid}

.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto}

.side_gnb{position:relative;width:100%;float:left;padding-top:20px;}
.side_gnb p{color:#fff; text-align:center; padding:20px }
.side_gnb .menu-list{display:block;position:relative;border-bottom:1px solid #555; margin-top:60px}
.side_gnb .menu-list>li>a{display:block;position:relative;color:#fff;font-size:15px;line-height:3.8em;padding:0 1.0em;border-top:1px solid #555; text-decoration:none}
.side_gnb .menu-list>li>a i{display:block;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);right:1.5em;width:5.31%;max-width:32px;border:1px solid #f2f2f2;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease}
.side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)}
.side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%}
.side_gnb .depth-2{display:none;}
.side_gnb .depth-2>li { background-color:#ddd}
.side_gnb .depth-2>li>a{display:block;color:#f2f2f2;font-size:1.2em;line-height:3.0em;padding:0 1.5em 0 2.2em;border-bottom:1px solid #fff; color:#000}
/*모바일 오른쪽 메뉴*/




/*메인배너*/
.mainVideo {top:0;width: 100%;height: 900px;overflow:hidden; background-size:cover;padding:0;}
.bg-fixed{background-size:cover;padding:0;background-color:#000; opacity:0.5; position:absolute; width:100%; height:900px; top:0;left:0; z-index:1}

.main-carousel{padding:0; display:block; position:relative}
.main-carousel .li{height:100vh; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/main_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.3;z-index:1}
.main-carousel .jarallax { height: 900px;}
.main-carousel .img01 { background-image:url(../img/main_banner_img01.jpg); background-repeat:no-repeat}
.main-carousel .img02 { background-image:url(../img/main_banner_img02.jpg); background-repeat:no-repeat}
.main-carousel .img03 { background-image:url(../img/main_banner_img03.jpg); background-repeat:no-repeat}
.main-carousel .li .copy_area{max-width:1400px;color:#fff;position:relative;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2; margin: auto; padding: 0 30px;}
.main-carousel .li .copy_area h1{font-size:16px;font-weight:300; line-height:1.3; text-align:center}
.main-carousel .li .copy_area h2{font-size:67px;font-weight:300; line-height:1.3;  font-family: 'GmarketSansMedium'; letter-spacing:-4px}
.main-carousel .li .copy_area h3{font-size:18px;font-weight:300;margin:30px 0px; color:#fff; opacity:0.8; word-break:keep-all}
.main-carousel .li .copy_area h4{text-align:center; margin:50px auto 0 auto; color:#fff;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.main-carousel .li .copy_area h4 a{color:#fff;padding:18px 42px;display:block; text-align:center;width: 160px; margin: auto; background-color:#ff3414}
.main-carousel .owl-dots{position:relative;width:1400px; margin:0 auto; padding: 0 30px; bottom:135px; display:none}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px; border:0}
.main-carousel .owl-dots .owl-dot.active{background:#81888d)}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%; }

.main-carousel .owl-prev {position:absolute;top:50%;left:5%;z-index:999;background:url(../img/arrow_left.png) no-repeat; width:62px; height:53px; text-indent:-9999px; border:0; cursor:pointer}
.main-carousel .owl-next {position: absolute; top: 50%; right: 5%;z-index: 999;background:url(../img/arrow_right.png) no-repeat; width:62px; height:53px; text-indent:-9999px; border:0; cursor:pointer}
.main-carousel .owl-prev:hover { background: url("../img/arrow_on_left.png") no-repeat;}
.main-carousel .owl-next:hover { background: url("../img/arrow_on_right.png") no-repeat;}

.nav-view .progress-bar{width:300px;position:relative;display:inline-block;margin-left:10px;height:2px;background-color:#ddd;transform:translateY(-5px)}
.nav-view .progress-bar .bar{position:absolute;left:0;top:0;height:100%;width:0;background-color:#fff}
.nav-view{position:absolute;left:30px;bottom:240px;z-index:1;color:#f3f3f3;font-size:18px}
.nav-view #slider-nav-idx { color: #fff;}
.nav-view-wrapper { max-width: 1400px; margin: 0 auto;position: relative; }



@media screen and (max-width:576px) {
	.nav-view {bottom:200px}
	.mainVideo { height:100vh}
	.bg-fixed { height:100vh}
	.main-carousel .jarallax { height: 100vh;}
	.main-carousel .li { height:100vh}
	.main-carousel .img01 { background-image: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),url(../img/main_banner_img01.jpg); background-repeat:no-repeat}
    .main-carousel .img02 { background-image: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),url(../img/main_banner_img02.jpg); background-repeat:no-repeat}
	.main-carousel .li .copy_area h2 {font-size: 36px;}
	.main-carousel .li .copy_area h3 { margin:10px auto 0 auto; font-size: 15px; letter-spacing:-0.5px}
	.main-carousel .owl-nav { display:none}
	

}

.fp-overflow{height: 100%;}
#fp-nav.fp-right{}
#section1{background: url(../img/main/main01-img.png) no-repeat center / cover;}
#section2{background: url(../img/main/main02-img.png) no-repeat center / cover;}
#section3{background: url(../img/main/main03-img.png) no-repeat center / cover;}
#section4{background: url(../img/main/main04-img.png) no-repeat center / cover;}

.section .fp-overflow>div{color: #fff;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;;width: 100%;text-align: right;}
#section3 .fp-overflow>div{align-items: flex-start;text-align: left;}

.section .fp-overflow>div>h6{font-size:70px;font-weight: 400;}
.section .fp-overflow>div>p{font-size:43px;margin-top: 50px;}

.section .fp-overflow>div>h6{}  
.section .fp-overflow>div>h6 .char {display: inline-block;position: relative; color:transparent;opacity: 0;overflow:hidden;transition:all .6s;}
.section.fp-completely  .fp-overflow>div>h6 .char{opacity: 1;color:transparent;}
.section .fp-overflow>div>h6 .char:before{position: absolute;top: 0;left: 0;color:#fff; opacity: 0;
    content:attr(data-char); transition: 0.6s; transition-delay:calc(30ms * var(--char-index));}
.section .fp-overflow>div>h6 .char:before {transform: translateY(100%);}
.section.fp-completely .fp-overflow>div>h6 .char:before {transform: translateY(0%); opacity: 1;}

@media screen and (max-width:560px){
  .section .fp-overflow>div{text-align: center;align-items:center;}
  .section .fp-overflow>div>h6{font-size:40px;}
  .section .fp-overflow>div>p{font-size:26px;}

  #section3 .fp-overflow>div{text-align: center;align-items:center;}
}