@charset "utf-8";

/*Montserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
/*{font-family: 'Montserrat', sans-serif;}*/
/*Titlllium Web*/
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');
/*{font-family: 'Titillium Web', sans-serif;}*/


/*FULLPAGE*/
#section4,
#section4 .fp-tableCell,
#section5,
#section5 .fp-tableCell{height:auto !important;}
.goto_top{display:none;}
.editMode .multipleContentsDiv{padding:250px 0 !important;}
.editMode #multipleContentsDiv_templet_orga_C_19,
.editMode #multipleContentsDiv_templet_orga_C_20{padding:0 !important;}
@media all and (max-width:1024px){
	.goto_top{display:block;}
}

/*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;}
#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:"INTRODUCTION";}
#fp-nav ul li:nth-child(3) a:before{content:"BOARD";}
#fp-nav ul li:nth-child(4) a:before{content:"LINK";}
#fp-nav ul li:nth-child(5),
#fp-nav ul li:last-child{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;}


/*COMMON*/
#multipleContentsDiv_templet_orga_C_16,
#multipleContentsDiv_templet_orga_C_17,
#multipleContentsDiv_templet_orga_C_18,
#multipleContentsDiv_templet_orga_C_19{max-width:1600px;margin: 0 auto;overflow:hidden;position:relative;}

#multipleDiv_templet_orga_C_16,
#multipleDiv_templet_orga_C_17,
#multipleDiv_templet_orga_C_18{padding:50px 0;}

@media all and (max-width:1600px){
	#multipleContentsDiv_templet_orga_C_16,
	#multipleContentsDiv_templet_orga_C_17,
	#multipleContentsDiv_templet_orga_C_18,
	#multipleContentsDiv_templet_orga_C_19{max-width:96%;}
}


/*BG*/
#section1,
.editMode #multipleDiv_templet_orga_C_16{background:url(../../images/bg_1.jpg) center;background-size:cover;}
#section2,
.editMode #multipleDiv_templet_orga_C_17{background:url(../../images/bg_2.jpg) center;background-size:cover;}
#section3,
.editMode #multipleDiv_templet_orga_C_18{background:url(../../images/bg_3.jpg) center;background-size:cover;}



/*메인비주얼****************************************/
#section0 .multipleDiv,
#section0 .multipleDiv .multipleContentsDiv{height:100% !important;}
#multipleContentsDiv_templet_orga_C_15{display:flex;align-items:center;justify-content:center;}
#menu4451_obj29{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
#menu4451_obj43{width:1600px !important;}
.visual_slogan{position:relative;color:#FFF;line-height:1.2;word-break:keep-all;}
.visual_slogan .p_1{font-size:60px;font-family:'Noto Bold';}
.visual_slogan .p_2{font-size:30px;margin-top:10px;}
.visual_link{margin-top:50px;}
.visual_link a{box-sizing:border-box;position:relative;display:inline-block;width:235px;padding:13px 0 13px 20px;border-radius:30px;color:#FFF;margin-right:10px;border:3px solid #FFF;background:url(/sites/templet_style_guide/images/common/arrow_3_w.png) no-repeat 90% center;}
.visual_link .a_1{border-color:#004eff;background-color:#004eff;}
.visual_link .a_2{}
.visual_link a:hover{border-color:#222;background-color:#444;}
@media only screen and (max-width:1600px){
	#menu4451_obj43{width:96% !important;}
}
@media only screen and (max-width:1024px){
	#section0 .multipleDiv,
	#section0 .multipleDiv .multipleContentsDiv{height:auto !important;}
	#multipleContentsDiv_templet_orga_C_15{display:block;}
	#menu4451_obj29{position:relative;top:unset;left:unset;}
	#menu4451_obj43{position:absolute;top:40%;left:2%;}
	.visual_slogan .p_1{font-size:30px;}
	.visual_slogan .p_2{font-size:20px;}
	.visual_link a{width:235px;}
}
@media only screen and (max-width:768px){
	.visual_slogan{text-align:center;}
	.visual_slogan .p_1{font-size:25px;}
	.visual_slogan .p_2{font-size:16px;}
	.visual_link{text-align:center;}
	.visual_link a{text-align:left;width:185px;padding:7px 0 7px 15px;font-size:14px;}
}
@media only screen and (max-width:380px){
	.visual_link a{text-align:center;padding:5px 0;background:none;margin:5px auto;}
}
@media only screen and (max-width:320px){
	.visual_link a{display:block;}
}

/*타이틀*/
.h2_title{text-align:center;color:#FFF;margin-bottom:20px;font-size:55px;line-height:1;font-weight:700;font-family: 'Titillium Web', sans-serif;}
.title_text{text-align:center;color:#FFF;margin-bottom:80px;font-size:18px;line-height:1.3;}
@media only screen and (max-width:1280px){
	.h2_title{font-size:35px;}
}
@media only screen and (max-width:768px){
	.h2_title{font-size:25px;margin-bottom:10px;}
}

/*공통*/
.main_video,
.quick_menu,
.information_link{height:100%;box-sizing:border-box;position:relative;}

/*동영상*/
.main_video iframe{min-width:100%;min-height:100%;}

/*INFORMATION*/
.information_link{padding:35px;background:rgba(2,72,232,1);}
.information_link h2{font-family: 'Titillium Web', sans-serif;color:#FFF;font-size:20px;margin-bottom:30px;}
.information_link li{padding:7px 0;}
.information_link a{display:block;position:relative;color:#FFF;font-size:16px;min-height:22px;filter:alpha(opacity=50);opacity:0.5;}
.information_link img{margin-right:10px;}
@media only screen and (max-width:1280px){
	.information_link h2{margin-bottom:15px;}
	.information_link ul{font-size:0;}
	.information_link li{width:50%;display:inline-block;vertical-align:top;}
	.information_link a{filter:alpha(opacity=100);opacity:1;}
}
@media only screen and (max-width:380px){
	.information_link li{width:100%;}
}

/*QUICK MENU*/
.quick_menu{width:100%;padding:15px 0;display:table;}
.quick_menu .inner{}
.quick_menu:before{content:"";display:block;width:50%;height:100%;position:absolute;left:0;top:0;background:url(../../images/banner_2_1.jpg) no-repeat center;background-size:cover;}
.quick_menu:after{content:"";display:block;width:50%;height:100%;position:absolute;right:0;top:0;background:url(../../images/banner_2_2.jpg) no-repeat center;background-size:cover;}
.quick_menu h2,
.quick_menu ul{width:50%;display:table-cell;vertical-align:middle;position:relative;z-index:1;}
.quick_menu h2{font-family: 'Titillium Web', sans-serif;color:#FFF;font-size:16px;text-align:center;}
.quick_menu li{padding:5px 35px;}
.quick_menu a{display:block;position:relative;color:#FFF;font-size:18px;}
.quick_menu a:before{content:"";display:block;width:0;height:10px;position:absolute;left:0;bottom:10px;background:url(/sites/templet_orga_C/images/common/arrow_1_w.png) no-repeat right bottom;}
@media only screen and (max-width:1024px){
	.quick_menu a:hover:before{display:none;}
}
@media only screen and (max-width:768px){
	.quick_menu .inner:before{display:none;}
	.quick_menu .inner:after{width:100%;}
	.quick_menu h2,
	.quick_menu ul{width:100%;display:block;}
	.quick_menu h2{font-size:20px;}
	.quick_menu ul{padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;}
	.quick_menu li{padding:0;width:19%;margin:0 0.5%;border:1px solid rgba(0,0,0,0.4);}
	.quick_menu a{padding:10px;text-align:center;font-size:15px;line-height:1.25;background:rgba(0,0,0,0.3);height:100%;}
}
@media only screen and (max-width:420px){
	.quick_menu li{width:100%;margin:0.5% 0;box-sizing:border-box;}
}


/*HOVER****************************************/
@media all and (min-width:1281px) {
	.information_link a:hover{filter:alpha(opacity=100);opacity:1;}
	.quick_menu a:hover{padding-left:15px;}
	.quick_menu a:hover:before{width:10px;}
}