@charset "utf-8";
/* CSS Document */
.PC{ display:block !important;}
.PHONE{ display:none !important;}

.PC1200{ display:block !important;}
.PHONE1200{ display:none !important;}
.PC1024{ display:block !important;}
.PHONE1024{ display:none !important;}
.PC768{ display:block !important;}
.PC768f{ display:flex !important;}
.PHONE768{ display:none !important;}
.PHONE768f{ display:none !important;}
.PC500{ display:block !important;}
.PC500i{ display:inline !important;}
.PHONE500{ display:none !important;}
.PHONE500tr{ display:none !important;}
.PC412{ display:block !important;}
.PHONE412{ display:none !important;}
.PC360{ display:block !important;}
.PHONE360{ display:none !important;}


.dwrap{ position:relative; width:2000px; left:50%; top:0; margin-left:-1000px; height:100%;}
.dwrap > img{ display:block; position:absolute; left:0; top:0;}
.box0{ padding:0 4%; width:100%; box-sizing:border-box;}
.box1{ width:1200px; margin:0 auto}
.box2{ width:1480px; margin:0 auto}

.txt_bold{font-weight:bold; vertical-align:baseline;}

#header{position:absolute; left:0; top:0; height:4.875em; color:#fff; width:100%; padding-top:40px; box-sizing:border-box; z-index:1; font-family:'ns',sans-serif; /*transform:skew(-0.3deg);*/}
#header a{color:#fff;}
#header .gnb_wrap{}
#header .gnb_wrap .gnb{}
#header .gnb_wrap .gnb > li{margin-right:65px; text-transform:uppercase; font-size:17px !important;}
#header .menu_wrap{display:none;}
.section{height:100vh;}

#section1{background:#002666; color:#fff; padding-top:4.875em; box-sizing:border-box;}
#section1 .slogan_cv{border:1px solid #fff; box-sizing:border-box; padding-top:8.375rem; height:85vh;}
#section1 .slogan_cv .slogan_wrap{}
#section1 .slogan_cv .slogan_wrap .slogan{}
#section1 .slogan_cv .slogan_wrap .slogan.tt{font-size:2.5em; font-weight:bold; margin-bottom:4.125rem; line-height:1.5;}
#section1 .slogan_cv .slogan_wrap .slogan.t1{font-size:2.1872em; margin-bottom:1rem; letter-spacing:.5px;}
#section1 .slogan_cv .scrollDown{display:flex; flex-direction:column; position:absolute; left:50%; bottom:16%; transform:translateX(-50%); animation:scrollDown infinite 2s cubic-bezier(.28,.88,.57,.9);}
#section1 .slogan_cv .scrollDown .xi{font-size:3em;}
#section1 .slogan_cv .scrollDown .t1{font-size:.75em;}

@keyframes scrollDown {
	0% {bottom:16%;} 70% {bottom:13%} 100% {bottom:16%;}
}

#section2{}
#section2 .about_wrap{height:100%;}
#section2 .about_wrap .about_in{width:33.33%; height:100%; display:flex; transition:.3s;}
#section2 .about_wrap .about_in.about_l{background:url('../images/main/about_bg01.jpg?v=1') no-repeat center top 0/90% #eff3f2;}
#section2 .about_wrap .about_in.about_l:hover{background:url('../images/main/about_bg01.jpg?v=1') no-repeat center top -50px/100% #eff3f2;}
#section2 .about_wrap .about_in.about_c{background:url('../images/main/about_bg02.jpg') no-repeat center top 0/90% #fff5f6;}
#section2 .about_wrap .about_in.about_c:hover{background:url('../images/main/about_bg02.jpg') no-repeat center top -50px/100% #fff5f6;}
#section2 .about_wrap .about_in.about_r{background:url('../images/main/about_bg03.jpg') no-repeat center top 0/90% #f4f9ff;}
#section2 .about_wrap .about_in.about_r:hover{background:url('../images/main/about_bg03.jpg') no-repeat center top -50px/100% #f4f9ff;}
#section2 .about_wrap .about_in .about_text_wrap{margin-top:auto; width:100%; margin-bottom:1rem;}
#section2 .about_wrap .about_in .about_text_wrap:before{content:''; display:block; width:100%; height:1px; background:#c8cccb; position:absolute; left:0; bottom:100px;}
#section2 .about_wrap .about_in .about_text_wrap .text_wrap_in{width:70%; margin:0 auto;}
#section2 .about_wrap .about_in .about_text_wrap .text_wrap_in:before{content:''; display:block; width:100%; height:3px; position:absolute; left:0; bottom:99px;}
#section2 .about_wrap .about_in.about_l .about_text_wrap .text_wrap_in:before{background:#40cada;}
#section2 .about_wrap .about_in.about_c .about_text_wrap .text_wrap_in:before{background:#ff5b98;}
#section2 .about_wrap .about_in.about_r .about_text_wrap .text_wrap_in:before{background:#0f58b3;}
#section2 .about_wrap .about_in .about_text_wrap .text_wrap_in .tt{font-size:1.5em; font-weight:bold; margin-bottom:3.5rem;}
#section2 .about_wrap .about_in .about_text_wrap .text_wrap_in .t1{font-size:3.25em; font-family:'ns',sans-serif; font-weight:bold;}
#section2 .about_wrap .about_in .about_text_wrap .text_wrap_in .t1.mo{display:none;}
#section2 .about_wrap .about_in .about_text_wrap .text_wrap_in .t1 .more{font-size:.9rem; color:#999; position:absolute; bottom:18px; right:38px;}
#section2 .about_wrap .about_in .about_text_wrap .text_wrap_in .t1.bold{font-weight:900;}
#section2 .about_wrap .about_in .about_text_wrap .text_wrap_in .t1.bold .more_btn{font-weight:400;}
#section2 .about_wrap .about_in .about_text_wrap .text_wrap_in .more_btn.st1{position:absolute; right:0; bottom:10px; display:flex; justify-content:center; align-items:center; color:#888; width:2rem; height:2rem; border-radius:50%; border:1px solid #888; box-sizing:border-box; cursor:pointer; font-size:.46em; transition:.3s; font-weight:400;}
#section2 .about_wrap .about_in .about_text_wrap .text_wrap_in .more_btn.st1:hover{background:#888; color:#fff; transform:rotate(90deg);}
#section2 .about_wrap .about_in .about_floating_box{width:60%; height:280px; position:absolute; left:50%; top:-160px; transform:translateX(-50%); background:#fff; border-radius:10px; box-shadow:0 0 12px 3px rgba(0,0,0,.2); text-align:center;}
#section2 .about_wrap .about_in .about_floating_box .af_top{height:160px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#section2 .about_wrap .about_in .about_floating_box .af_top .tt{font-size:3em; color:#002666; font-weight:900; height:95px; font-family:'ns',sans-serif; padding-top:1.25rem; box-sizing:border-box;}
#section2 .about_wrap .about_in .about_floating_box .af_top .line{width:70%; height:1px;}
#section2 .about_wrap .about_in.about_l .about_floating_box .af_top .line{background:#40cada;}
#section2 .about_wrap .about_in.about_c .about_floating_box .af_top .line{background:#ff5b98;}
#section2 .about_wrap .about_in.about_r .about_floating_box .af_top .line{background:#0f58b3;}
#section2 .about_wrap .about_in .about_floating_box .af_top .nextBtn{height:64px; font-size:2em; color:#888; cursor:pointer; transition:.3s;}
#section2 .about_wrap .about_in .about_floating_box .af_top .nextBtn:hover{color:#111; margin-bottom:-12px; margin-top:12px;}
#section2 .about_wrap .about_in .about_floating_box .af_bottom{height:120px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#section2 .about_wrap .about_in .about_floating_box .af_bottom .t1{font-size:1.75em; font-weight:900; font-family:'ns',sans-serif; letter-spacing:-1px; margin-bottom:.25rem;}
#section2 .about_wrap .about_in.about_l .about_floating_box .af_bottom .t1{color:#40cada;}
#section2 .about_wrap .about_in.about_c .about_floating_box .af_bottom .t1{color:#ff5b98;}
#section2 .about_wrap .about_in.about_r .about_floating_box .af_bottom .t1{color:#0f58b3;}
#section2 .about_wrap .about_in .about_floating_box .af_bottom .line{width:70%; height:1px;}
#section2 .about_wrap .about_in.about_l .about_floating_box .af_bottom .line{background:#40cada;}
#section2 .about_wrap .about_in.about_c .about_floating_box .af_bottom .line{background:#ff5b98;}
#section2 .about_wrap .about_in.about_r .about_floating_box .af_bottom .line{background:#0f58b3;}
#section2 .about_wrap .about_in .about_floating_box .af_bottom .t2{font-size:1.375em; margin-top:.75rem; font-weight:bold;}

#section3{background:#002566;}
#section3 .vision_wrap{display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%;}
#section3 .vision_wrap .vision_top{color:#fff; position:relative; margin-bottom:10rem;}
#section3 .vision_wrap .vision_top .vision_title{font-size:6.5em; font-weight:bold; margin-bottom:3rem; font-family:'ns',sans-serif; letter-spacing:-4px;}
#section3 .vision_wrap .vision_top .vision_sub{line-height:1.8; font-size:1.75em;}
#section3 .vision_wrap .vision_top .vision_sub .vision_line{position:relative;}
#section3 .vision_wrap .vision_top .vision_sub .vision_line:after{content:''; display:block; width:170%; height:2px; background:#fff; position:absolute; top:50%; right:calc(-170% - 1rem); transform:translateY(-50%);}
#section3 .vision_wrap .vision_top .vision_gram{position:absolute; top:-21px; right:0;}
#section3 .vision_wrap .vision_bottom{}
#section3 .vision_wrap .vision_bottom .vision_ctt_wrap{background:#fff; box-shadow:0 0 12px 3px rgba(0,0,0,.2); padding:1.25rem 4.25rem 1.75rem; box-sizing:border-box; width:30%; border-radius:12px;}
#section3 .vision_wrap .vision_bottom .vision_ctt_wrap .img_box{margin-bottom:1.25rem;}
#section3 .vision_wrap .vision_bottom .vision_ctt_wrap .img_box img{transform:scale(.85);}
#section3 .vision_wrap .vision_bottom .vision_ctt_wrap .text_box{}
#section3 .vision_wrap .vision_bottom .vision_ctt_wrap .text_box .tt{font-size:1.625em; color:#002666; font-weight:bold; margin-bottom:1.375rem;}
#section3 .vision_wrap .vision_bottom .vision_ctt_wrap .text_box .t1{font-size:1.125em; line-height:1.4; font-weight:bold;}

#section4{overflow:hidden;}
#section4 .boards_wrap{height:100%;}
#section4 .boards_wrap .boards_top{height:28%;}
#section4 .boards_wrap .boards_top .board_box{width:33.33%;}
#section4 .boards_wrap .boards_top .board_box.st1{padding:3rem 3.875rem; box-sizing:border-box;}
#section4 .boards_wrap .boards_top .board_box.st1.b_recruit{position:relative;}
#section4 .boards_wrap .boards_top .board_box.st1.b_recruit:before{content:''; display:block; width:1px; height:128px; background:#ddd; position:absolute; left:0; top:45%; transform:translateY(-50%);}
#section4 .boards_wrap .boards_top .board_box.st1.b_recruit:after {content:''; display:block; width:1px; height:128px; background:#ddd; position:absolute; right:0; top:45%; transform:translateY(-50%);}
#section4 .boards_wrap .boards_top .board_box.st1 .board_title{font-size:1.375em; font-weight:bold; margin-bottom:1rem;}
#section4 .boards_wrap .boards_top .board_box.st1 .board_content_wrap{min-height:84px; margin-bottom:1.5rem;}
#section4 .boards_wrap .boards_top .board_box.st1 .board_content_wrap .board_subject{font-weight:bold; font-size:1.25em; margin-bottom:1.125rem;}
#section4 .boards_wrap .boards_top .board_box.st1 .board_content_wrap .board_content{font-size:1.125em; color:#888; height:47px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#section4 .boards_wrap .boards_top .board_box.st1 .board_more_btn{cursor:pointer; transition:.3s; color:#333;}
#section4 .boards_wrap .boards_top .board_box.st1 .board_more_btn:hover{color:#002666;}
#section4 .boards_wrap .boards_top .board_box.st1 .board_more_btn i{transition:.3s; color:#333;}
#section4 .boards_wrap .boards_top .board_box.st1 .board_more_btn:hover i{margin-left:12px; color:#002666;}
#section4 .boards_wrap .boards_bottom{height:72%;}
#section4 .boards_wrap .boards_bottom .board_box{width:33.33%; position:relative;}
#section4 .boards_wrap .boards_bottom .board_box.st2{padding:4rem 3.875rem; box-sizing:border-box; color:#fff; display:flex; flex-direction:column;}
#section4 .boards_wrap .boards_bottom .board_box.st2.b_notice{background:url('../images/main/boards_bg01.jpg') no-repeat center/cover;}
#section4 .boards_wrap .boards_bottom .board_box.st2.b_social{background:url('../images/main/boards_bg02.jpg') no-repeat center/cover;}
#section4 .boards_wrap .boards_bottom .board_box.st2.b_alliance{background:url('../images/main/boards_bg03.jpg') no-repeat center/cover;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_title{font-size:2.75em; display:inline-block; position:relative;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_title:after{content:''; display:block; width:150px; height:1px; background:#fff; position:absolute; left:0; bottom:0; transition:.5s;}
#section4 .boards_wrap .boards_bottom .board_box.st2.on .board_title:after{width:100%;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_link{margin-top:.5rem; font-size:1.25em; cursor:pointer; display:inline-block; transition:.5s; height:26px; width:80px;}
#section4 .boards_wrap .boards_bottom .board_box.st2.on .board_link{opacity:0; margin-top:calc(.5rem + 12px);}
#section4 .boards_wrap .boards_bottom .board_box.st2.hide .board_link{position:relative; z-index:-1;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_exp{margin-top:12rem; font-size:1.875em; transition:.3s; height:78px;}
#section4 .boards_wrap .boards_bottom .board_box.st2.on .board_exp{opacity:0; margin-top:calc(12rem + 12px);}
#section4 .boards_wrap .boards_bottom .board_box.st2.hide .board_exp{position:relative; z-index:-1;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_scroll{width:80%; height:80%; background:rgba(1,18,48,.4); color:#fff; position:absolute; left:10%; bottom:-100%; transition:.5s; transition-delay:.1s; padding:40px 30px; box-sizing:border-box;}
#section4 .boards_wrap .boards_bottom .board_box.st2.on .board_scroll{bottom:0;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_scroll .board_pack{margin-bottom:2rem; cursor:pointer; transition:.5s;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_scroll .board_pack .board_ctt_tit{font-size:1.25em; width:70%;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_scroll .board_pack .board_ctt_info{align-items:flex-end;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_scroll .board_pack .board_ctt_info .board_more_btn{transition:.3s; margin-right:6px;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_scroll .board_pack:hover .board_ctt_info .board_more_btn{margin-right:0;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_scroll .board_pack.op{opacity:.4;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_scroll .board_close_btn{position:absolute; left:50%; bottom:8px; font-size:2em; color:#fff; cursor:pointer; transform:translateX(-50%); transition:.5s;}
#section4 .boards_wrap .boards_bottom .board_box.st2 .board_scroll .board_close_btn:hover{bottom:0;}

#section5{}
#section5 .location_wrap{}
#section5 .location_wrap .location_head{height:14.75em; background:#002666; padding-top:2rem; box-sizing:border-box;}
#section5 .location_wrap .location_head .tt{padding-left:20px; box-sizing:border-box; font-size:3.125em; color:#fff; font-family:'ns',sans-serif; font-weight:bold;}
#section5 .location_wrap .location_body{margin-top:-140px;}
#section5 .location_wrap .location_body .map_info{margin-top:26px;}
#section5 .location_wrap .location_body .map_info > div:first-of-type{margin-right:100px; padding-left:20px;}
#section5 .location_wrap .location_body .map_info .map_info_l p{font-size:1.25em; font-weight:200;}
#section5 .location_wrap .location_body .map_info .map_info_l a{vertical-align:baseline; font-weight:400; color:#002566;}
#section5 .location_wrap .location_body .map_info .map_info_r{padding:0 40px; background:#ebebeb; border-radius:8px;}
#section5 .location_wrap .location_body .map_info .map_info_r .subway6{display:inline-flex; width:22px; height:22px; border-radius:50%; background:#b6551b; color:#fff; justify-content:center; align-items:center; font-size:1em; padding-right:2px; box-sizing:border-box;}
#section5 .location_wrap .location_body .map_info .map_info_r .subway_icon{display:inline-flex; width:22px; height:22px; border-radius:50%; background:#0085c2; color:#fff; justify-content:center; align-items:center; font-size:1em;}
#section5 .location_wrap .location_body .map_info .map_info_r .subway_icon i{font-size:1em;}

#footer{ position:relative; background:#242424; border-top:1px solid #a8a8a8;color:#fff; font-family:'notokr'; font-size:.875em; font-weight:300;}
#footer a{color:#fff;}
#footer .footer_wrap{display:flex; flex-wrap:nowrap; position:relative; padding:3em 0; width:1200px;}
#footer .footer_wrap .f_logo{margin-right:2rem;}
#footer .footer_wrap .top_btn{width:50px; height:50px; background:rgba(0,0,0,.7); position:absolute; right:0; top:0; color:#fff; font-size:1.5rem; text-align:center; line-height:50px; cursor:pointer;}
#footer .footer_wrap .top_btn a{display:block; width:100%; heigth:100%;}

.ml_3r{margin-left:2rem;}

.pop_alliance{position:relative;}
.pop_alliance .alliance_title{text-align:center; font-size:1.75em; margin-bottom:3rem;}
.pop_alliance .alliance_form_wrap{margin-bottom:2.5rem;}
.pop_alliance .alliance_form_wrap .alliance_form_title{font-size:1.125em; margin-bottom:.25rem;}
.pop_alliance .alliance_form_wrap .alliance_form{padding:1.25rem 0; box-sizing:border-box;}
.pop_alliance .alliance_form_wrap .alliance_form.st1{border-top:1px solid #000; border-bottom:1px solid #000;}
.pop_alliance .alliance_form_wrap .alliance_form.st2{border-bottom:1px solid #000; padding-bottom:0;}
.pop_alliance .alliance_form_wrap .alliance_form.w55{width:55%;}
.pop_alliance .alliance_form_wrap .alliance_form .af_t_l,
.pop_alliance .alliance_form_wrap .alliance_form .af_t_r{width:46%;}
.pop_alliance .alliance_form_wrap .alliance_form .af_set{display:flex; margin-bottom:1.5rem;}
.pop_alliance .alliance_form_wrap .alliance_form .af_set .af_head{width:110px; font-size:1.05em;}
.pop_alliance .alliance_form_wrap .alliance_form .af_set .af_input{width:calc(100% - 110px); display:flex;}
.pop_alliance .alliance_form_wrap .alliance_form .af_set .af_input .afInput_st{border:none; outline:none; padding:0 10px;}
.pop_alliance .alliance_form_wrap .alliance_form .af_set .af_input .afInput_st.st1{border-bottom:1px solid #bbb; width:100%;}
.pop_alliance .alliance_form_wrap .alliance_form .af_set .af_input .afInput_st.st1.w4{width:19%; padding:0;}
.pop_alliance .alliance_form_wrap .alliance_form .af_set .af_input .afInput_st.pl10{padding-left:10px;}
.pop_alliance .alliance_form_wrap .alliance_form .af_set .af_input .afInput_st.st2{border:1px solid #bbb; width:100%; padding:.25em 10px;}
.pop_alliance .alliance_form_wrap .alliance_form .af_set .af_input .afInput_st.st3{width:100%; padding:0 10px;}
.pop_alliance .alliance_form_wrap .alliance_form .af_set .af_input textarea.afInput_st{height:8em; resize:none;}
.pop_alliance .alliance_form_wrap .alliance_form .af_bottom{margin-top:2rem;}
.pop_alliance .alliance_form_wrap .alliance_form .af_bottom .af_set{align-items:center;}
.pop_alliance .alliance_form_wrap .alliance_form.st2 .af_set{align-items:center; margin-left:20px; width:calc(100% - 120px);}
.pop_alliance .alliance_button_wrap{position:absolute; right:0; bottom:-10px;}
.pop_alliance .alliance_button_wrap .input_st{width:160px; height:60px; border-radius:4px; position:relative;}

.f_upload{display:flex; align-items:center; width:100%;}
.f_upload label{display:flex; justify-content:center; align-items:center; cursor:pointer; width:80px; transition:.3s;}
.f_upload label:hover{color:#002666;}
.f_upload label .xi{font-size:.75em; margin-left:4px;}
.f_upload input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; outline:0;}
.f_upload .upload_name{border:0; background:none; outline:none; margin-left:24px; font-size:.875em; color:#888; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:calc(100% - 130px);}
.f_upload .xi.xi-trash{color:#777; transition:.5s; cursor:pointer;}
.f_upload .xi.xi-trash:hover{color:#002666;}

/*secAni*/
.conSection .ani{ opacity:0; transition:.7s;}
.conSection .ani.aniT{ transform:translateY(60px)}
.conSection .ani.aniB{ transform:translateY(-60px)}
.conSection .ani.aniL{ transform:translateX(30px)}
.conSection .ani.aniR{ transform:translateX(-30px)}
.conSection.active .ani{ opacity:1;}
.conSection.active .ani.aniT{ transform:translateY(0)}
.conSection.active .ani.aniB{ transform:translateY(0)}
.conSection.active .ani.aniL{ transform:translateX(0)}
.conSection.active .ani.aniR{ transform:translateX(0)}
.conSection.active .ani.delay1 { transition-delay:.3s;}
.conSection.active .ani.delay2 { transition-delay:.6s;}
.conSection.active .ani.delay3 { transition-delay:.9s;}
.conSection.active .ani.delay4 { transition-delay:1.2s;}
.conSection.active .ani.delay5 { transition-delay:1.5s;}
.conSection.active .ani.delay6 { transition-delay:1.8s;}
.conSection.active .ani.delay7 { transition-delay:2.1s;}
.conSection.active .ani.delay8 { transition-delay:2.4s;}
.conSection.active .ani.delay9 { transition-delay:2.7s;}
.conSection.active .ani.delay10{ transition-delay:3.0s;}