@charset "UTF-8";
body {overflow: hidden;}
html.done, body.done {overflow: hidden;}
i {vertical-align: middle;}
section button {display: block;}
.clear:after {content:'';display: block;clear:both;}
.hide {display:none;}
.wrap {max-width:1440px;width:100%;margin:0 auto;}
#hd.mt {position:fixed;top:0;left:0;z-index: 9;border-bottom:1px solid rgba(255,255,255,0.5);background-color: transparent;backdrop-filter: blur(5px);}
#hd_wrapper {height:100px;}
#hd_wrapper #gnb {background-color:transparent;}
#hd_wrapper #gnb .gnb_1da {width:150px;padding:0 0 0 0 !important;text-align: center;}
#hd_wrapper #gnb .gnb_1dli {line-height:100px;font-size:1rem;}
#hd_wrapper #gnb .gnb_1dli a {color:#fff;}
#hd_wrapper #logo {padding:initial;position:absolute;top:50%;transform:translateY(-50%);z-index: 6;}
#hd_wrapper #gnb #gnb_1dul {display: flex;justify-content: center;border:0;}
#hd_wrapper #gnb .gnb_mnal {position: absolute;top:0;right:0;}
#hd_wrapper #gnb .gnb_menu_btn {height:100px;background-color: transparent;width:30px;text-align: right;}
#hd_wrapper #gnb .gnb_menu_btn span {height:2px;background-color: #fff;display: block;float:right;}
#hd_wrapper #gnb .gnb_menu_btn span:nth-child(1), #hd_wrapper #gnb .gnb_menu_btn span:nth-child(3) {width:100%;}
#hd_wrapper #gnb .gnb_menu_btn span:nth-child(2) {width:80%;margin:10px 0;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:2.5vh;color:#222;}
#hd_wrapper #gnb .gnb_1dli > a {transition:all 0.25s ease;}
#hd_wrapper #gnb .gnb_1dli:hover > a {color:#fff;}
#hd_wrapper #gnb .gnb_2dul {top:80px;width:100%;min-width:initial;}
#hd_wrapper #gnb .gnb_2dul .gnb_2dul_box {border:initial;box-shadow: initial;-webkit-box-shadow:initial;background-color: #003c93;text-align: center;line-height:3;padding:10px 0;line-height:initial;}
#hd_wrapper #gnb .gnb_2da {background-color: #003c93;text-align:center !important;}
#hd_wrapper #gnb a.gnb_2da:hover {background-color:#003c93;}
#hd_wrapper #gnb .gnb_1dli .gnb_2dul a {position:relative;display: inline-block;line-height:40px;padding:0 0;font-size:0.9rem;font-weight: bold;}
#hd_wrapper #gnb .gnb_1dli .gnb_2dul a:after {content:'';display: block;width:0;height:2px;background-color:rgba(255,2550,255,0.5);transition:all 0.25s ease;position: absolute;left:50%;bottom:0;transform:translateX(-50%);}
#hd_wrapper #gnb .gnb_1dli .gnb_2dul a:hover:after {width:100%;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:2vh;text-align: center;}
#gnb_all .gnb_al_li li {text-align:center;}

section h3 {color:#42a2dd;font-size:1rem;font-weight: bold;}
.sec05 .root_daum_roughmap .cont {display: none;}
.main_visual {height:88vh;position: relative;overflow: hidden;}
.main_visual .visual01 {background-image: url('/images/visual01.jpg');background-repeat:no-repeat;background-position: center;background-size:cover;}
.main_visual .visual02 {background-image: url('/images/visual02.jpg');background-repeat:no-repeat;background-position: center;background-size:cover;}
.main_visual .visual03 {background-image: url('/images/visual03.jpg');background-repeat:no-repeat;background-position: center;background-size:cover;}
.main_visual .v_cont {position: absolute;top:50%;transform:translateY(0%);left:100px;opacity: 0;animation-name:ab_slideUp;animation-duration:1s;animation-timing-function: linear;animation-fill-mode: forwards;transition: all 0.25s ease;z-index: 2;}
.main_visual .v_cont h2 {font-size:4rem;color:#ffc000;}
.main_visual .v_cont p {font-size:5vh;font-weight: 400;line-height:1;}
.main_visual .v_cont p, .main_visual .v_cont span {color:#fff;}
.main_visual .v_cont span {font-size:2.2vh;margin-top:2vh;display: block;}
.main_visual .swiper-pagination {z-index: 5;}
.main_visual .swiper-pagination-bullet {background-color: #fff;}
.sec01 li {float:left;width:24%;height: 80vh;position: relative;border-right: 1px solid #888;}
.sec01 li:last-child {border:0;}
.sec01 li > * {display: block;color:#fff;}
.sec01 li span, .sec01 li p {color:#333;}
.sec01 li > .cont button {border: 1px solid #333;color:#333;display: block;background-color: transparent;line-height: 4vh;padding: 0 2vw;border-radius: 100px;font-size: 1rem;margin-top:2vh;}
.sec01 li.act {width:52%;}
.sec01 li.act span, .sec01 li.act p {color:#fff;}
/* .sec01 li:nth-child(1).act {background-image: url('/images/part1.jpg');}
.sec01 li:nth-child(2).act {background-image: url('/images/part2.jpg');}
.sec01 li:nth-child(3).act {background-image: url('/images/part3.jpg');} */

.sec01 li:after {content:'';display: block;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity: 0;transition:all 0.25s ease;background-repeat:no-repeat;background-position: center;background-size:cover;width:100%;height:100%;}
.sec01 li:nth-child(1):after {background-image: url('/images/part1.jpg');}
.sec01 li:nth-child(2):after {background-image: url('/images/part2.jpg');}
.sec01 li:nth-child(3):after {background-image: url('/images/part3.jpg');}
.sec01 li.act:after {opacity: 1;}
.sec01 li p {font-size:2.3vw;}
.sec01 li span {font-size:1vw;word-break: keep-all;margin-top:2vh;}
.sec01 li > .cont {width:50%;display: block;top:50%;transform:translateY(-50%);position: absolute;left:100px;z-index: 1;animation-duration:.8s;animation-timing-function: linear;animation-fill-mode: forwards;opacity: 0;}

.sec01 li:nth-child(2) .cont {animation-delay:.5s;}
.sec01 li:nth-child(3) .cont {animation-delay:1s;}

.sec01 li.act > .cont button {background-color: #42a2dd;border:1px solid #42a2dd;font-weight: bold;color: #fff;}

.sec02 {padding:10vh 0;background-color: #f5f5f5;}
.sec02 .wrap {text-align:center;position:relative;animation-duration:.8s;animation-timing-function: linear;animation-fill-mode: forwards;opacity: 0;}
.sec02 .wrap > span {font-size:5vh;color:#222;margin:3vh 0 7vh 0;display: block;}
.sec02 .wrap li span {font-size:2vh;margin-top:1vh;display: block;}
.sec02 .wrap li .img_area {position: relative;overflow: hidden;border-radius: 15px;height:0;padding-bottom:70%;}
.sec02 .wrap li .img_area img {width:100%;}
.sec02 .wrap li .img_area span.cat {position: absolute;left: 3%;top: 3%;background-color: #003c93;color: #fff;font-size: .8rem;padding: 5px 10px;border-radius: 100px;font-weight: 800;display:block;}
.sec02 .wrap .slide {overflow: hidden;margin-bottom:7vh;}
.sec02 .wrap .cont button {margin:0 auto;border: 1px solid #333;color:#333;display: block;background-color: transparent;line-height: 4vh;padding: 0 2vw;border-radius: 100px;font-size: 1rem;margin-top:2vh;transition: all 0.25s ease;}
.sec02 .wrap .cont .swiper-button-next, .sec02 .wrap .cont .swiper-button-prev {top:55%;color:#222;z-index: 5 !important;}
.sec02 .wrap .cont .swiper-button-next {right:-30px;}
.sec02 .wrap .cont .swiper-button-prev {left:-30px;}
.sec02 .wrap .cont .swiper-button-next:after, .sec02 .wrap .cont .swiper-button-prev:after {font-size:2.2vh;}
.sec02 .wrap .cont button:hover {background-color: #003c93;color:#fff;border:1px solid #003c93;font-weight: bold;}

.sec03 {background-image: linear-gradient(to right, #00608e , #0097e0);height:60vh;position: relative;}
.sec03 .img {position: absolute;left:0;bottom:0;width:45%;}
.sec03 .img img {width:100%;}
.sec03 .wrap {position: relative;height:100%;}
.sec03 .wrap h3 {color:#ffc000;}
.sec03 .wrap span {color:#fff;font-size:5vh;margin-top:3vh;display: block;}
.sec03 .wrap .cont {width:50%;position: absolute;top:50%;right:0;transform:translateY(-50%);animation-duration:.8s;animation-timing-function: linear;animation-fill-mode: forwards;opacity: 0;}
.sec03 .wrap .cont .part {text-align: center;width:80%;}
.sec03 .wrap .cont .part i {color: #b2ccd9;font-size: 5vh;}
.sec03 .wrap .cont .part li {width:33.33%;float:left;}
.sec03 .wrap .cont .part li:nth-child(1), .sec03 .wrap .cont .part li:nth-child(2), .sec03 .wrap .cont .part li:nth-child(3) {margin:7% 0;}
.sec03 .wrap .cont .part span {font-size:1rem;display: block;font-weight: bold;margin-top:5px;}

.sec04 {padding:10vh 0 0 0;}
.sec04 .wrap {text-align: right;animation-duration:.8s;animation-timing-function: linear;animation-fill-mode: forwards;opacity: 0;}
.sec04 .wrap > span {font-size:5vh;color: #222;margin: 3vh 0 7vh 0;display: block;}
.sec04 .wrap .cont {width:80%;transform:translateY(-5%);}
.sec04 .wrap .cont li {width:48%;float:left;display: flex;flex-wrap: wrap;flex-direction: row;align-items: end;margin-bottom:10%;animation-duration:.5s;animation-timing-function: linear;animation-fill-mode: forwards;opacity: 0;}
.sec04 .wrap .cont li:nth-child(odd) {margin-top:-13%;margin-right:4%;}
.sec04 .wrap .cont li:nth-child(1) {animation-delay:0.5s;}
.sec04 .wrap .cont li:nth-child(2) {animation-delay:1s;}
.sec04 .wrap .cont li:nth-child(3) {animation-delay:1.5s;}
.sec04 .wrap .cont li:nth-child(4) {animation-delay:2s;}
.sec04 .wrap .cont li > div {float:left;}
.sec04 .wrap .cont li .img {width:60%;overflow: hidden;border-radius: 500px;border: 1px solid #222;filter: drop-shadow(7px 4px 0px #e9e9e9);}
.sec04 .wrap .cont li .img img {width:100%;}
.sec04 .wrap .cont li .text {text-align: left;width:40%;margin-bottom:5%;padding-left:5%;word-break: keep-all;}
.sec04 .wrap .cont li .text p {font-size:1rem;color:#42a2dd;font-weight: bold;}
.sec04 .wrap .cont li .text span {font-size:1rem;color:#222;margin-bottom:10%;font-weight: bold;}

.sec05 {background-color: #1f1f1f;}
.sec05 .cont > ul > li {padding:5% 0;color: #d9d9d9;} 
.sec05 .wrap > div li {width:50%;float:left;}
.sec05 dl {display: flex;font-size:1rem;font-weight: bold;line-height:2.5;align-items: center;}
.sec05 .info dl:nth-child(1) dd {color:#0097e0;font-size:5vh;}
.sec05 .info dl:nth-child(2) dd {color:#7cbada;}
.sec05 dt i {font-size:1.5rem;vertical-align: middle;margin-right:15px;}
.sec05 dt {margin-right:5%;}
.sec05 h2 {font-size:1rem;font-weight: bold;margin:4% 0 2% 0;}
.sec05 .info div li {float:left;width:38%;height:55px;background-color: #a8a8a8;color:#222;line-height: 55px;margin-right:2%;font-size:1rem;font-weight: bold;text-align: center;display:flex;align-items: center;justify-content: center;}
.sec05 .info div li i {font-size:1.5rem;margin-right:15px;}
.sec05 .info div li img {width:20px;width:20px;margin-right:15px;}
.sec05 .loc .map {margin-bottom:15px;}
.sec05 .loc dd {font-weight: 400;}
.sec05 .loc dl {justify-content: center;}
.sec05 .root_daum_roughmap .wrap_btn_zoom {z-index: 4 !important;}
.sec06 {background-image: url('/images/sec06.jpg');background-repeat:no-repeat;background-position: center;background-size:cover;height:170px;color:#fff;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.sec06 ul {display: flex;flex-wrap: wrap;justify-items: center;align-items: center;}
.sec06 li {float:left;width:50%;position:relative;}
.sec06 li span {font-size:2.2vh;display: block;}
.sec06 button {border: 1px solid #fff;color:#fff;right:0;display: block;background-color: transparent;line-height: 4vh;padding: 0 2vw;border-radius: 100px;font-size: 1rem;transition: all 0.25s ease;position:absolute;top:50%;transform:translateY(-50%)}
.sec06 button:hover {background-color: #003c93;color:#fff;border:1px solid #003c93;font-weight: bold;}
.sec06 li:nth-child(1) button {right:5%;}
.sec06 li:nth-child(2) span {transform:translateX(5%)}

#ft {background-color: #fff;color:#222;border-top:1px solid #222;}
#ft .ft_fx_icon {position: fixed;right:2vw;bottom:2vw;z-index: 5;}
#ft .ft_fx_icon button {width:35px !important;height:35px !important;line-height:35px;border: 1px solid #333;color: #333;text-align: center;font-size: 15px;z-index: 90;background: rgba(255,255,255,0.5);margin-top:3px;border-radius: 100px;display: block;}
#ft li {float:left;width:30%;font-size:0.8rem;}
#ft li:nth-child(2) {width:40%;}
#ft li.info p {font-weight: bold;}
#ft li.ft_menu {text-align: right;}
#ft li.ft_menu a {font-weight:bold;}
#ft li.ft_menu a:nth-child(1) {margin-right:40px;}
#ft ul {display: flex;justify-items: normal;align-content: initial;flex-wrap: wrap;align-items: center;}
#top_btn {z-index: 5;position: relative;bottom:initial;right:initial;}
.agree_active {display: none;width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 6;}
.agree_active .content {width: 50vw;background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);padding:1vw;}
.agree_active .content .policy_con {overflow-y: scroll;height: 40vh;margin-top: 1vw;border: 1px solid #777;padding: 1vw;box-sizing: border-box;}
.agree_active .close {font-size: 2vh;position: absolute;right: 1vw;top: 0;cursor: pointer;}

/* sub */
#wrapper.sub .wrap {margin:100px auto;}
.sub_head {padding-top:100px;height:400px;position: relative;}
.sub_head h2 {font-size:2.5vw;font-weight: 500;}
.sub .sub_head {background-repeat: no-repeat;background-size:cover;background-position: center;text-align: center;}
.sub .sub_head h2 {color:#fff;position: absolute;top:calc(50% + 50px);left:50%;transform:translate(-50%, -50%)}
.sub .info {background-color: #fbfbfb;color:#222;padding:20px;position: relative;}
.sub .info dl {display: flex;font-size:1rem;line-height:2;}
.sub .info dt {width:100px;}
.sub .info dl:nth-child(2) dd {margin-right:50px;}
.sub .info a {position: absolute;right:20px;top:50%;transform:translateY(-50%);background-color: #003c93;color: #fff;border: 1px solid #003c93;font-weight: bold;display: block;line-height: 4vh;padding: 0 2vw;border-radius: 100px;font-size: 1rem;transition: all 0.25s ease;}

.loc .sub_head {background-image: url('/images/company_bg.jpg');}
.counsel .sub_head {background-image: url('/images/counsel_bg.jpg');}
.notice .sub_head {background-image: url('/images/cscenter_bg.jpg');}
.faq .sub_head {background-image: url('/images/cscenter_bg.jpg');}
.perfo .sub_head {background-image: url('/images/perfo_bg.jpg');}
#captcha #captcha_mp3, #captcha #captcha_reload {display: inline-block !important;}

@keyframes ab_slideUp {
    0% {transform:translateY(0%);opacity: 0;}
    100% {transform:translateY(-50%);opacity: 1;}
}
@keyframes slideUp {
    0% {transform:translateY(20%);opacity: 0;}
    100% {transform:translateY(0%);opacity: 1;}
}

@keyframes slideLeft {
    0% {transform:translate(20%, -50%);opacity: 0;}
    100% {transform:translate(0%, -50%);opacity: 1;}
}
@media screen and (max-width:1440px) {
    #hd_wrapper, .wrap, #ft_wr {padding:0 3vw;}
    #ft_wr {padding:40px 3vw;}
    .sec01 li > .cont {width:80%;left: 3vw;}
    .sec01 li {width:22.5%;}
    .sec01 li.act {width:55%;}
    .sec02 .wrap .cont .swiper-button-next {right:1vw;}
    .sec02 .wrap .cont .swiper-button-prev {left:1vw;}
}
@media screen and (max-width:1024px) {
    .sec01 li p {font-size:3vh;font-weight: bold;}
    .sec01 li span {font-size:2vh;}
    .sec02 .wrap .cont .swiper-button-prev, .sec02 .wrap .cont .swiper-button-next {width: 40px;height: 40px;background-color: rgba(255,255,255,0.8);border-radius: 100px;border: 1px solid #333;box-shadow: 2px 1px 0px rgba(0,0,0,0.8);}
    .sec05 .info div li {width:45%;}
    .sec02 .wrap .cont .swiper-button-next, .sec02 .wrap .cont .swiper-button-prev {top:57%;}
    .sec03 .img {width:65%;}
}
@media screen and (max-width:768px) {
    #hd_wrapper #gnb .gnb_mnal {display:block;}
    #hd_wrapper #gnb #gnb_1dul {display:none;}
    #gnb_all {border:0;position:fixed;height: 100vh;width: 80%;right: 0;top: 0;}
    #gnb_all .gnb_al_li {width:100%;width:100%;text-align: center;min-height:initial;padding:initial;}
    #gnb_all .gnb_al_ul {position: absolute;width: 100%;background-color: #fff;right: 0;top: 50%;transform:translateY(-50%);}
    #hd_wrapper #gnb .gnb_close_btn {padding-right:3vh;height:100px;font-size:4vh;color:#222;}
    #gnb_all .gnb_al_li .gnb_al_a {font-size:2.5vh;color:#222;margin-bottom:0;line-height:3;}
    #gnb_all .gnb_al_li li {}
    #gnb_all .gnb_al_li ul {background-color:#f9f9f9;padding:10px 0;border-top:1px solid #e9e9e9;}
    #gnb_all .gnb_al_li li a{font-size: 1.6vh;font-weight: 700;line-height: 2;}
    .main_visual .v_cont {left:50px;}
    .sec01 li {width:100%;height:33vh;border-right:0;border-bottom:1px solid #888;}
    .sec01 li:last-child {border-bottom: 0;}
    .sec01 li.act {width:100%;height:40vh;}
    .sec03 {height:48vh;padding:6vh 0;}
    .sec02 .wrap > span, .sec03 .wrap span, .sec04 .wrap > span {font-size:4vh;}
    .sec03 .wrap .cont .part {width:100%;}
    .sec03 .wrap .cont .part i {font-size:4vh;}
    .sec03 .wrap .cont .part span {font-size:1.6vh;}
    .sec04 .wrap .cont {width:100%;}
    .sec04 .wrap .cont {transform:translateY(0);}
    .sec04 .wrap .cont li .text p {word-break:keep-all}
    .sec05 .info dl:nth-child(1) dd {font-size:3vh;}
    .sec05 dt {margin-right:10%;}
    .sec05 .info div li {width:95%;margin-right:0;}
    .sec05 .info div li:nth-child(1) {margin-bottom:10px;}
    .sec05 h2 {margin:15% 0 2% 0;}
    .sec05 .loc dt {width:100%;margin-right:0;}
    .sec05 .loc dl {flex-wrap:wrap;}
    
    #ft_wr {height:150px;}
    #ft ul {position: relative;}
    #ft li {width:100% !important;}
    #ft li.info > * {display: inline-block;}
    #ft li.info span {position:absolute;bottom:-30px;left:0;}
    #ft li.info  p {margin-right:10%;}
    #ft li.ft_menu {position:absolute;top:0;right:0;}
}
@media screen and (max-width:550px){
    #hd_wrapper, #hd_wrapper #gnb .gnb_menu_btn, #hd_wrapper #gnb .gnb_close_btn {height:70px;}
    #hd_wrapper #gnb .gnb_close_btn {padding-right:1vh;}
    #hd_wrapper #gnb button {font-size: 5vh !important;}
    #hd_wrapper #logo {width:50px;}
    #hd_wrapper #logo img {width: 100%;}
    .main_visual .visual01 {background-position: 70%;}
    .main_visual .visual03 {background-position: 70%;}
    .main_visual .v_cont {left: 20px;}
    .main_visual .v_cont h2 {font-size:10vw;}
    .main_visual .v_cont p {font-size:5vw;}
    .main_visual .v_cont span {font-size:4vw;}
    .sec01 li {height:24vh;}
    .sec02 .wrap > span, .sec03 .wrap span, .sec04 .wrap > span {font-size:3vh;}
    .sec02, .sec04 {padding:6vh 0;}
    button {font-size:3vw !important;font-weight: bold;}
    .sec02 .wrap .slide {margin-bottom:3vh;}
    .sec02 .wrap .cont .swiper-button-prev, .sec02 .wrap .cont .swiper-button-next {width:30px;height:30px;top:62%;}
    
    .sec03 {height:80vh;}
    .sec03 .img {width:100%;}
    .sec03 .wrap .cont {position:relative;width:100%;top:initial;right:initial;transform: translate(0);text-align: center;}
    .sec04 .wrap .cont li {width:100%;align-items: center;margin-bottom:0;}
    .sec04 .wrap .cont li:nth-child(odd) {margin-right:0;margin-top:0;}
    .sec04 .wrap .cont li:nth-child(even) {flex-direction: row-reverse;}
    .sec04 .wrap .cont li:nth-child(even) .text {padding-left:0;}
    .sec05 .wrap > div li {width:100%;}
    .sec05 .info div li {width:100%;}
    .sec05 .loc dt {text-align: center;}
    .sec05 h2 {margin:6% 0 2% 0;}
    
    /* .sec06 button {position:relative;top:0;transform:translateY(0);right:initial;margin-top:10px;}
    
    .sec06 li {padding:0 3vw;} */
    .sec06 {background-image: none;height:auto;}
    .sec06 .wrap {padding:0;}
    .sec06 li {width:100%;padding:0 3vw;background-repeat:no-repeat;background-position: center;background-size:cover;height:100px;display: flex;align-items: center;}    
    .sec06 li:nth-child(1) {background-image: url('/images/sec06_1.jpg');}
    .sec06 li:nth-child(2) {background-image: url('/images/sec06_2.jpg');}    
    .sec06 li button {right:2vh !important;}
    .sec06 li:nth-child(2) span {transform:initial;}
    #ft li.ft_menu {text-align: center;top:-35px;padding-bottom:5px;border-bottom:1px solid #222;}
    .ft_fx_icon.act {width:80%;z-index: 999 !important;right:0 !important;text-align: center;}   
    .ft_fx_icon.act button {display:inline-block;}
    .agree_active .content {width:80vw;}
}