@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600&display=swap');

/*FULLPAGE해제시,편집모드상하여백*/
.editMode #multipleDiv_global_18,
.editMode #multipleDiv_global_19{padding:50px 0;}
@media only screen and (max-width:1024px){
	#section1,
	#section2{padding:100px 0;}
}
@media only screen and (max-height:768px){
	#section1,
	#section2{padding:100px 0;}
}

/*FULLPAGE콘트롤*/
#fp-nav{position:fixed;right:5%;top:50%;}
#fp-nav:before{content:"";display:block;width:1px;height:3000px;background:rgba( 255,255,255,0.5 );position:fixed;top:-1000px;right:4.5px;}
#fp-nav ul{}
#fp-nav ul li{width:150px !important;height:auto !important;margin:10px 0 !important;}
#fp-nav ul li a{box-sizing:border-box;padding-right:35px;text-align:right;height:20px !important;}
#fp-nav ul li a span{width:10px !important;height:10px !important;background:#FFF !important;left:auto !important;right:0;top:11px !important;margin:0 !important;}
#fp-nav ul li:hover a span,
#fp-nav ul li a:hover span,
#fp-nav ul li a.active span{margin:0 !important;}
#fp-nav ul li a:before{display:inline-block;font-size:14px;font-family: 'Titillium Web', sans-serif;font-weight:600;color:#FFF;}
/*
#fp-nav ul li:nth-child(1) a:before{content:"MAIN";}
#fp-nav ul li:nth-child(2) a:before{content:"ACTIVITIES";}
#fp-nav ul li:nth-child(3) a:before{content:"NEWS";}
*/
#fp-nav ul li:nth-child(4){display:none;}
#fp-nav ul li a.active{color:#aebd3e !important;}
#fp-nav ul li a:hover span,
#fp-nav ul li a.active span{width:15px !important;height:15px !important;top:7px !important;right:-3px !important;}
#fp-nav ul li a:hover span{background:#666 !important;}
#fp-nav ul li a.active span{background:#0054ff !important;}

/*메인비주얼버그*/
#section0 .fp-tableCell{vertical-align: top;}

/*메인비주얼컨텐츠*/
#menu5336_obj39{position:absolute;top:calc(50% - 242px);width:1400px !important;left:50%;margin-left:-700px !important;}
@media only screen and (max-width:1400px){
	#menu5336_obj39{width:96% !important;left:2%;margin-left:0 !important;}
}
@media only screen and (max-width:1024px){
	#menu5336_obj39{top:180px;}
}
.main-visual-slogan{position:relative;}
.main-visual-slogan p{color:#FFF;text-shadow:0 0 10px #000;line-height:1;}
.main-visual-slogan .p_1{font-size:45px;font-family: 'Titillium Web', sans-serif;}
.main-visual-slogan .p_2{font-size:60px;font-family: 'Titillium Web', sans-serif;font-weight:600;margin-top:10px;}
.main-visual-link{margin-top:50px;}
.main-visual-link a{box-sizing:border-box;position:relative;display:inline-block;width:210px;padding:13px 0 13px 20px;border-radius:30px;color:#FFF;margin-right:10px;border:3px solid #FFF;background:url(/images/templet_05/common/arrow_3_r_w.png) no-repeat 90% center;}
.main-visual-link .a_1{border-color:#004eff;background-color:#004eff;}
.main-visual-link .a_2{}
.main-visual-link a:hover{border-color:#222;background-color:#444;}
@media only screen and (max-width:1024px){
	.main-visual-slogan .p_1{font-size:30px;}
	.main-visual-slogan .p_2{font-size:40px;}
	.main-visual-link a{width:170px;}
}
@media only screen and (max-width:768px){
	.main-visual-slogan{text-align:center;}
	.main-visual-slogan .p_1{font-size:20px;}
	.main-visual-slogan .p_2{font-size:30px;}
	.main-visual-link{text-align:center;}
	.main-visual-link a{text-align:left;width:130px;padding:7px 0 7px 15px;}
}
@media only screen and (max-width:320px){
	.main-visual-link a{text-align:center;width:100px;padding:5px 0;background:none;margin-bottom:5px;}
}

/*SECTION*/
#section1,
.editMode #multipleDiv_global_18{background:url(/images/global/main/main_sec_b_bg.jpg) center;background-size:cover;}
#section2,
.editMode #multipleDiv_global_19{background:url(/images/global/main/main_sec_c_bg.jpg) center;background-size:cover;}

/*카피라이트SECTION*/
#section3,
#section3 .fp-tableCell{height:auto !important;}
#section3 ._obj{overflow:unset;}
@media only screen and (min-width:1025px){
	#section3{margin-top:-130px;padding-top:130px;}
}

/*공통*/
#multipleContentsDiv_global_18,
#multipleContentsDiv_global_19{max-width:1400px;margin: 0 auto;}
#multipleContentsDiv_global_18 h2{text-align:center;color:#FFF;margin-bottom:100px;font-size:24px;line-height:1.5;font-family: 'Titillium Web', sans-serif;}
#multipleContentsDiv_global_18 h2 strong{display:block;font-size:65px;line-height:1;padding-bottom:10px;font-weight:600;}
@media only screen and (max-width:1400px){
	#multipleContentsDiv_global_18,
	#multipleContentsDiv_global_19{max-width:96%;}
}
@media only screen and (max-width:1024px){
	#multipleContentsDiv_global_18 h2{font-size:16px;margin-bottom:40px;}
	#multipleContentsDiv_global_18 h2 strong{font-size:45px;}
}
@media only screen and (max-width:768px){
	#multipleContentsDiv_global_18 h2{font-size:14px;}
	#multipleContentsDiv_global_18 h2 strong{font-size:35px;padding-bottom:15px;}
}
@media only screen and (max-width:420px){
	#multipleContentsDiv_global_18 h2 strong{font-size:25px;}
}

/*contact*/
.contact-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;color:#FFF;margin-top:55px;padding:30px 60px;background:url(/images/global/main/main_contact_bg.jpg) center;background-size:cover;}
.contact-wrap h3,
.contact-wrap div{}
.contact-wrap h3{font-size:27px;padding-top:10px;font-family: 'Titillium Web', sans-serif;}
.contact-wrap h3 span{font-weight:600;}
.contact-wrap h3:after{content:"";display:inline-block;width:180px;height:1px;background:#FFF;margin-left:10px;}
.contact-wrap div{font-size:40px;font-family: 'Titillium Web', sans-serif;}
.contact-wrap .con_2{background:url(/images/global/main/icon_email.png) left 17px no-repeat;padding-left:45px;}
.contact-wrap .con_2 span{display:inline-block;font-size:18px;font-family:'Noto Light';vertical-align:6px;margin-left:15px;}
.contact-wrap .con_2 span i{display:block;}
@media only screen and (max-width:1280px){
	.contact-wrap h3{width:100%;margin-bottom:20px;}
	.contact-wrap .con_2 span{vertical-align:7px;}
	.contact-wrap .con_2 span i{display:inline-block;margin-right:20px;}
}
@media only screen and (max-width:1024px){
	.contact-wrap div{font-size:30px;}
	.contact-wrap .con_2{background-position:left 8px;}
	.contact-wrap .con_2 span{vertical-align:4px;}
}
@media only screen and (max-width:768px){
	.contact-wrap{padding:20px 30px;}
	.contact-wrap div{font-size:25px;}
	.contact-wrap .con_2{background:none;padding-left:0;}
	.contact-wrap .con_2 span{vertical-align:-25px;}
	.contact-wrap .con_2 span i{display:block;}
}
@media only screen and (max-width:420px){
	.contact-wrap h3:after{display:none;}
	.contact-wrap .con_2 span{display:block;margin-left:0;}
}