/**
 *     template2  -  full page
 */

/* common
********************************/
html,body{font-family:'Noto Sans Korean',sans-serif;}
.wrapper{max-width:inherit;}
@media screen and (max-width:768px) {
    .wrap {width:90%}
}

/**
 *	    main
 */

 .wrap-fullpage .section {padding:0}



/**   main visual
************************************************/
.wrap-fullpage {}
.main-fullpage {position:relative;background-size:cover;background-position:center;background-repeat: no-repeat;background-attachment:fixed;}
.main-fullpage--1 {background-image:url('/assets/images/main/sec01-bg.jpg')}
.main-fullpage--2 {background-image:url('/assets/images/main/sec02-bg.jpg')}
.main-fullpage--3 {background-image:none; background-color:#3B4C57;}
.main-fullpage--center {text-align:center}
.main-fullpage--right {padding-left:40%}
.main-fullpage--right .main-fullpage__text {width:100%}
.main-fullpage__title-area {color:#fff}
.main-fullpage__title {opacity:0; position:relative; z-index:0; font-size:3.750rem; line-height:1.25; transition:all ease 1s .5s; transform:translateY(-180px); font-weight:400;}
.main-fullpage__title strong{font-weight:700;}
.main-fullpage__title .main-fullpage__title-min{display:block; font-size:1rem;}
.main-fullpage__title .main-fullpage__title-min .main-fullpage__title-min-txt{display:inline-block; padding-bottom:0.2rem; border-bottom:2px solid #FF4E00; font-style:normal;}
.main-fullpage__title__big {margin-bottom:40px; font-size:6.250rem; letter-spacing:-1px}
.main-fullpage__title__big b {color:#fff; transition:color ease .5s .5s}
.main-fullpage__text {font-size:1.125rem; width:65%}
.main-fullpage--2 .main-fullpage__text{width:100%; padding-right:35%; box-sizing:border-box; position:relative;}
.main-fullpage--2 .main-fullpage__text::after{content:''; display:block; position:absolute; top:0; bottom:0; right:0; width:30%; background-size:cover; background-position:center; background-image:url('/assets/images/main/ceo-picture.png')}
.main-fullpage__text p {position:relative; z-index:0; opacity:0; line-height:1.5; word-break:keep-all; transition:all ease-in-out .5s .3s; transform:translateX(-100px); overflow:hidden}
.main-fullpage__text p:nth-child(1) {transition-delay:.8s;}
.main-fullpage__text p:nth-child(2) {transition-delay:.9s;}
.main-fullpage__text p:nth-child(3) {transition-delay:1s;}
.main-fullpage__text p:nth-child(4) {transition-delay:1.1s;}
.main-fullpage__text p:nth-child(5) {transition-delay:1.2s;}
.main-fullpage__text p:nth-child(6) {transition-delay:1.3s;}
.main-fullpage__text p:nth-child(7) {transition-delay:1.4s;}
.main-fullpage__text p:nth-child(8) {transition-delay:1.5s;}
.main-fullpage__text p:nth-child(9) {transition-delay:1.6s;}
.main-fullpage__text p:nth-child(10) {transition-delay:1.7s;}
@media screen and (max-width:1023px){
	.main-fullpage--3,
	.main-fullpage--3 .fp-tableCell{height:auto !important;}
	.main-fullpage--3 .fp-tableCell{padding-bottom:12rem;}
}
@media screen and (max-width:768px){	
	.main-fullpage--2 .main-fullpage__text{padding-right:0; padding-left:10rem;}
	.main-fullpage--2 .main-fullpage__text::after{bottom:auto; right:auto; width:9rem; height:9rem; left:0;}
}

.main-fullpage__text__big {opacity:0; position:relative; z-index:0; line-height:1.35; font-size:1.875rem; font-weight:700; word-break:keep-all; transition:all linear .3s .5s; transform:translateY(100px)}
.main-fullpage__btn-area {opacity:0; position:absolute; left:0; right:0; bottom:45px; text-align:center; transition:all 1s ease-out 1.5s}
.main-fullpage__btn-next {display:inline-block; font-size:1.2rem; font-weight:700; color:#fff; text-align:center; position:relative; padding-top:5rem;}
.main-fullpage__btn-next span{transition:transform .3s ease-in; display:inline-block}
/* .main-fullpage__btn-next .fa {display:block; margin-top:20px; font-size:1.438rem; font-weight:400} */
.main-fullpage__btn-next:hover span{transform:scale(1.1);}
.main-fullpage__btn-next .btn-next--ico{position:absolute; top:0; left:50%; width:2rem; height:4rem; border-radius:1rem; border:2px solid #fff; transform:translateX(-50%);}
.main-fullpage__btn-next .btn-next--ico::before{content:''; display:block; position:absolute; top:0.6rem; left:50%; transform:translateX(-50%); width:6px; height:6px; border-radius:50%; background-color:#fff; transition:top 0.3s ease-in;}
.main-fullpage__btn-next:hover .btn-next--ico::before{top:calc(100% - 6px - 0.6rem);}

/*animation*/
.main-fullpage--1.active .main-fullpage__title__big b {color:#00effe;}
.main-fullpage--1.active .main-fullpage__text__big {transform:translateY(0); opacity:1;}
.main-fullpage.active .main-fullpage__title {transform:translateY(0); opacity:1;}
.main-fullpage.active .main-fullpage__text p {transform:translateX(0); opacity:1}
.main-fullpage.active .main-fullpage__btn-area {opacity:1; bottom:15px}


@media screen and (max-width:1200px) {
    .main-fullpage--right{padding-left:25%}
}
@media screen and (max-width:768px) {
    .main-fullpage--right {padding-left:0}
    .main-fullpage__title {width:80%; font-size:3rem; word-break:keep-all}
    .main-fullpage__title__big {margin-bottom:.4em; font-size:5rem}
    .main-fullpage__text {width:95%; font-size:1.25rem}
    .main-fullpage__text__big {font-size:1.55rem;}
    .main-fullpage__btn-next {font-size:1.2rem}
    .main-fullpage__btn-next .fa{margin-top:.3em; font-size:1.2rem}
}
@media screen and (max-width:425px) {
    .main-fullpage__title-area{padding-bottom:3em;}
    .main-fullpage--1 .main-fullpage__title-area{padding-bottom:0}
    .main-fullpage__title{font-size:1.6rem;}
    .main-fullpage__title__big{font-size:3.3rem}
    .main-fullpage__text{font-size:1rem}
    .main-fullpage__text__big{font-size:1.85rem}
}



/** main contact
************************************************/
.contact__form--left {position:absolute; left:0; top:0; bottom:0; right:50%; background-image:url('/assets/images/main/sec04-bg.jpg'); background-size:cover; background-position:center;}
.contact__form--right {float:right; width:50%; margin:0 auto; padding:0 3em; box-sizing:border-box}
.contact__form--right h3 {margin-bottom:1em; font-size:3.438rem; font-weight:900; color:#fff; font-weight:400;}
.contact__form-item {float:left; margin:1em 0; width:calc((100% / 2) - 1.5em); box-sizing:border-box}
.contact__form-item:nth-child(2n){float:right}
.contact__form-item label{margin-bottom:0.5em; color:#fff;}
.contect__form-area {position:relative; padding:5px;}
.contect__form-area input,
.contect__form-area textarea{ background:#fff; transition:all .5s; padding:0.6rem;}
.contect__form-area.active input,
.contect__form-area.active textarea{background:rgba(255,255,255,1)}
.contect__form-area input,
.contect__form-area textarea {width:100%; height:45px;}
.contect__form-area textarea {resize:none; height:90px; font-family:inherit}
.contect__form-area-memo {height:auto;}
.contact__form-item--full {width:100%; padding-left:0}
.contact__form-item--full p {margin-top:1em; font-size:1.125rem; line-height:1.25; color:#fff}
.contact__form-group .btn-area{text-align:center; margin-top:2em}
.contact__form-group .btn{position:relative; padding:0.6em 2em; font-size:1.125rem; border-radius:0; border:1px solid rgba(0,0,0,.15); color:#fff; overflow:hidden;}
.contact__form-group .btn:before,
.contact__form-group .btn:after,
.contact__form-group .btn span:before,
.contact__form-group .btn span:after{content:''; position:absolute; background-color:#fff; transition:transform .2s}
.contact__form-group .btn:before{top:0; left:0; width:100%; height:2px; transform:translateX(-100%)}
.contact__form-group .btn:after{top:0; right:0; height:100%; width:2px; transform:translateY(-100%)}
.contact__form-group .btn span:before{bottom:0; left:0; width:100%; height:2px; transform:translateX(100%)}
.contact__form-group .btn span:after{bottom:0; left:0; height:100%; width:2px; transform:translateY(100%)}
.contact__form-group .btn:hover:before,
.contact__form-group .btn:hover:after,
.contact__form-group .btn:hover span:before,
.contact__form-group .btn:hover span:after{transform:translate(0)}
.prvbox{clear:both;}
.prvbox .input-label,
.prvbox .input-label a{color:#fff;}
.prvbox .input-label:hover,
.prvbox .input-label a:hover{color:#fff;}
.prvbox .input-form:hover input[type="checkbox"] ~ .input-label,
.prvbox .input-form:hover input[type="checkbox"] ~ .input-label a{color:#fff;}
.prvbox a{text-decoration:underline;}

.prvbox--group{padding-top:1.5rem; color:#fff;}
.prvbox--group .prvbox--caption{font-weight:700; font-size:1.4rem; margin-bottom:0.5rem;}

@media screen and (max-width:1200px){
    .contact__form--right h3{font-size:2.75rem;}
}
@media screen and (max-width:964px) {
    .main-fullpage--5 .fp-tableCell{vertical-align:top}
    .main-fullpage--5 .main-fullpage__btn-area {display:none}
    .contact__form--left {display:none;}
    .contact__form--right {float:none; width:100%; height:100%;}
    .contact__form--right h3 {margin:.8em 0; font-size:3.2rem; text-align:center}
    .contact__form-item {float:none; margin:1.5em 0; width:100%}
    .contact__form-item:nth-child(2n){float:none}
    .contact__form-item label{font-size:1.35rem}
    .contact__form-item:nth-child(2n) {padding-left:0}
    .contect__form-area input {height:30px}
    .contect__form-area textarea {height:75px}
    .contect__form-area.active label,
    .contect__form-area-memo.active label{transform:translateY(-50%); color:#333}
}
@media screen and (max-width:768px) {
    .contact__form--right {float:none; width:100%;}
    .contact__form--right h3 {font-size:1.7rem}
    .contact__form-item {margin:.8em 0}
    .contact__form-item label{font-size:.95rem}
    .contect__form-area input {height:25px}
    .contect__form-area textarea{height:100%}
}
@media screen and (max-width:768px) and (max-height:1024px) {
    .contact__form--left {height:40%}
    .contact__form--right {height:auto}
}
@media screen and (max-width:768px) and (max-height:768px) {
    .contact__form--left {height:10%}
    .contact__form--right {position:relative; height:auto; padding-top:2em; box-sizing:border-box}
}
@media screen and (max-width:425px){
    .contact__form-item--full p{font-size:1rem}
    .contact__form-group .btn:before,
    .contact__form-group .btn:after,
    .contact__form-group .btn span:before,
    .contact__form-group .btn span:after{display:none}
    .contact__form-group .btn-area{margin-top:1.25em; text-align:center;}
    .contact__form-group .btn{padding:.5em 1em; border:1px solid #fff;}
}

/** main map
************************************************/
.main-fullpage__last.fp-auto-height{z-index:999; height:100vh !important;}
.wrap-fullpage .main-fullpage__last{height:calc(100vh) !important; padding-bottom:160px; box-sizing:border-box;}
.wrap-fullpage .main-fullpage__last .fp-tableCell{height:100% !important;}
.main-fullpage__last .fp-tableCell{vertical-align:top}
.site-map{width:100%; height:100%}
.main-map{height:100%;}
.main-map iframe{width:100%; height:100%}
@media screen and (max-width:768px) {
    .main-fullpage__last.fp-auto-height{height:auto !important}
    .main-map{height:100%}
}



/** full popup
************************************************/
.fullpopup{position:fixed; z-index:9999; left:50%; top:10%; width:50%; height:80%;  transform:scale(0); background:#fff; transition:transform .5s;}
.fullpopup.is-active{transform:scale(1);}
.fullpopup__header{position:relative; height:5em; border-bottom:1px solid #eee}
.fullpopup__header:after{contact:''; display:block; clear:both}
.fullpopup__title{padding-top:1.25em; text-align:center; font-size:1.475rem;}
.fullpopup__close{position:absolute; right:1.25em; top:1.25em; width:30px; height:30px; cursor:pointer}
.fullpopup__close i{display:block; width:100%; height:1px; background:#000; transition:transform .4s;}
.fullpopup__close i:nth-child(1){transform:rotate(-45deg)}
.fullpopup__close i:nth-child(2){transform:rotate(45deg)}
.fullpopup__body{height:calc(100% - 5em); overflow:hidden; overflow-y:auto; box-sizing:border-box}
.fullpopup__body .text-pre{padding-top:0; margin-top:-1.5em; padding-bottom: 0rem;}
.fullpopup__body .header{display:none !important;}
.fullpopup__body .footer{display:none !important;}

@media screen and (max-width:964px) {
    .fullpopup{left:5%; top:15%; width:90%; height:70%}
}
@media screen and (max-width:425px) {
    .fullpopup__close i:nth-child(1){transform:rotate(-45deg)}
    .fullpopup__close i:nth-child(2){transform:rotate(45deg)}
}


.privacy.text-pre{padding-top:0}


.main-fullpage__title-area .main-fullpage--btn--group{margin-top:3rem;}
.main-fullpage__title-area .main-fullpage__btn{position:relative; padding:0.6em 2em; font-size:1.125rem; border-radius:0; border:1px solid rgba(255,255,255, .4); color:#fff; overflow:hidden; margin-right:0.5rem;}
.main-fullpage__title-area .main-fullpage__btn:last-child{margin-right:0;}
.main-fullpage__title-area .main-fullpage__btn:before,
.main-fullpage__title-area .main-fullpage__btn:after,
.main-fullpage__title-area .main-fullpage__btn span:before,
.main-fullpage__title-area .main-fullpage__btn span:after{content:''; position:absolute; background-color:#fff; transition:transform .2s}
.main-fullpage__title-area .main-fullpage__btn:before{top:0; left:0; width:100%; height:2px; transform:translateX(-100%)}
.main-fullpage__title-area .main-fullpage__btn:after{top:0; right:0; height:100%; width:2px; transform:translateY(-100%)}
.main-fullpage__title-area .main-fullpage__btn span:before{bottom:0; left:0; width:100%; height:2px; transform:translateX(100%)}
.main-fullpage__title-area .main-fullpage__btn span:after{bottom:0; left:0; height:100%; width:2px; transform:translateY(100%)}
.main-fullpage__title-area .main-fullpage__btn:hover:before,
.main-fullpage__title-area .main-fullpage__btn:hover:after,
.main-fullpage__title-area .main-fullpage__btn:hover span:before,
.main-fullpage__title-area .main-fullpage__btn:hover span:after{transform:translate(0)}

.footer__address--info{color:#666; font-size:1rem;}
.footer__address--info .footer__address--list{margin:0.8rem 0; display:flex; gap:0.6rem; justify-content:center;}
.footer__address--info .footer__address--list .footer__adress--item__info{display:flex;}
.footer__address--info .footer__address--list .footer__adress--item__info .item__info--content{color:#333; margin-left:0.2rem;}
.footer__address--info .footer__address--item a{color:inherit;}

.main-fullpage__file--wrapper + .main-fullpage__file--wrapper{margin-top:2.4rem;}
.main-fullpage__file--wrapper .main-fullpage__file--wrapper__title{display:block; margin-bottom:1rem;}
.main-fullpage__file--wrapper .main-fullpage__file--wrapper__title .main-fullpage__file--wrapper__txt{display:inline-block; padding-right:1rem; padding-bottom:0.5rem; border-bottom:2px solid; font-size:1.2rem; font-weight:700;}
.main-fullpage__file--wrapper .main-fullpage__file--list{display:flex; gap:1.2rem 1rem; flex-flow:row wrap;}
.main-fullpage__file--wrapper .main-fullpage__file--list .main-fullpage__file--item{width:calc((100% - 1rem * 3) / 4);}
.main-fullpage__file--wrapper .main-fullpage__file--list .main-fullpage__file--item .main-fullpage__file--btn{display:block;}
.main-fullpage__file--wrapper .main-fullpage__file--list .main-fullpage__file--item .main-fullpage__file--btn .fullpage__file--img{display:block; width:100%; margin-bottom:0.6rem;}