@charset "utf-8";

/*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;}*/


/*header*/
.logo_c{display:none;}
.logo_w{display:block;}
@media all and (max-width:1280px){
  .logo_c{display:block;}
  .logo_w{display:none;}
}
@media all and (min-width:1281px){
  header .area_1{background:rgba(0,0,0,0.2);}
  header .area_1 .item_2 a span{color:#FFF;}
  header .area_1 .item_3 a.a_2::before{background: url(/sites/style_guide/images/common/icon_sitemap_w.png) no-repeat center;}
  ._globalUl li.sign a{background: url(/sites/style_guide/images/common/icon_login_w.png) no-repeat center !important;}
}


/*common*/
._obj{word-break:keep-all;}
#multipleContentsDiv_entrance_7,
#multipleContentsDiv_entrance_8{max-width:1600px;margin:0 auto;overflow:hidden;padding:80px 0;}
@media all and (max-width:1600px){
  #multipleContentsDiv_entrance_7,
  #multipleContentsDiv_entrance_8{max-width:94%;}
}
@media all and (max-width:768px){
  #multipleContentsDiv_entrance_7,
  #multipleContentsDiv_entrance_8{padding:30px 0;}
}


/*카피라이트*/
#fullpage > div:last-child,
#fullpage > div:last-child .fp-tableCell{height:auto !important;}


/*비주얼*/
@media all and (min-width:1024px){
  #multipleDiv_entrance_6,
  #menu3562_obj10{height:100% !important;}
}

/*단콘트롤************************************************************/
#fp-nav{position:fixed;top:calc(50% - 59px);left:2%;width:20px;}
#fp-nav ul{}
#fp-nav ul li{line-height:1;margin:3px 0;}
#fp-nav ul li:last-child{display:none;}
#fp-nav ul li a{display:inline-block;border:2px solid transparent;border-radius:100%;}
#fp-nav ul li a span{display:block;width:5px;height:5px;margin:5px;background:#222;border-radius:100%;}
#fp-nav ul li a.active{border-color:#222;}
.fp-viewing-0 #fp-nav ul li a span{background:#FFF;}
.fp-viewing-0 #fp-nav ul li a.active{border-color:#FFF;}

/*비주얼컨텐츠*/
#menu3562_obj20{position:absolute;top:18% !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}
.fp-tableCell #menu3562_obj20{top:32% !important;}
#menu3562_obj44{position:absolute;bottom:100px !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}

.main_btns{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;}
.main_btns a{display:flex;flex-direction:column;justify-content:space-between;width:23%;height:170px;padding:30px;background:#FFF;position:relative;margin:1%;line-height:1.1;}
.main_btns a::before{content:"";display:block;width:10px;height:118px;background:url(../../images/main/main_btns_bg.png) no-repeat center;position:absolute;left:0;top:calc(50% - 59px);}
.main_btns a::after{content:"";display:block;width:22px;height:12px;background:url(/sites/style_guide/images/common/arrow_11_b.png) no-repeat center;}
.main_btns a strong{font-size:14px;color:#000;font-family:'Noto Bold';display:block;padding-bottom:5px;}
.main_btns a span{font-size:22px;font-family:'Noto Regular';}


.main_sns{display:flex;justify-content:center;align-items:center;}
.main_sns a{margin:0 5px;}


@media all and (max-width:1600px){
  #menu3562_obj20,
  #menu3562_obj44{width:96% !important;left:2% !important;margin-left:0 !important;}
}
@media all and (max-width:1200px){
  .main_btns{max-width:94%;}
}
@media all and (max-width:1024px){
  .main_btns a{height:130px;padding:20px 20px 20px 30px;}
  .main_btns a span{font-size:18px;}
}
@media all and (max-width:768px){
  #menu3562_obj20{top:40px !important;}
  #menu3562_obj44{bottom:40px !important;}
  .main_btns a{width:48%;}
  .main_btns a span{font-size:16px;line-height:1.3;}
}




/*3단*/
#section2,
.editMode #multipleDiv_entrance_8{background:#e6f0f5;}
.mainSchedule{}
.mainSchedule h3{font-size:50px;color:#000;font-family:'Noto Thin';padding-bottom:30px;}
.mainSchedule h3 strong{font-family:'Noto Bold';}
.mainSchedule h3 span{font-family:'Noto Bold';color:#004eb8;}

.mainSchedule .wrap{}
.mainSchedule .wrap > li{}
.mainSchedule .title{position:absolute;top:5px;}
.mainSchedule .title a{font-size:30px;border-bottom:2px solid transparent;}
.mainSchedule .wrap > li.active a{}
.mainSchedule .tab_1{right:255px;}
.mainSchedule .tab_2{right:140px;}
.mainSchedule .tab_3{right:0;}
.mainSchedule .list{}
.mainSchedule .list ul{display:flex;justify-content:space-between;}
.mainSchedule .list li{position:relative;width:100%;}
.mainSchedule .list div{padding:20px;margin-bottom:10px;}
.mainSchedule .list div img{}
.mainSchedule .list div span{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1;font-family: 'Titillium Web', sans-serif;width:70px;height:70px;background:#0285f2;border-radius:100%;color:#FFF;font-size:18px;position:absolute;left:0;top:0;}
.mainSchedule .list div span strong{font-size:28px;font-family: 'Titillium Web', sans-serif;font-weight:700;}
.mainSchedule .list dl{border-left:1px solid #bcbcbc;padding:0 10px;margin-left:30px;}
.mainSchedule .list dl dt{font-size:20px;color:#000;font-family:'Noto Medium';line-height:1.1;}
.mainSchedule .list dl dd{font-size:14px;color:#666;line-height:1.1;margin-top:10px;}
.mainSchedule .con_5 div span,
.mainSchedule .con_6 div span{background:#004098;}
.mainSchedule .li_next{padding-top:6%;}

.mainSchedule .wrap > li .list{display:none;}
.mainSchedule .wrap > li.active .list{display:block;}
.mainSchedule .wrap > li.active .title a{font-family:'Noto Bold';color:#e34a38;border-color:#e34a38;}


.mainSchedule .gotoHelper{display:flex;justify-content:center;align-items:center;margin-top:80px;}
.mainSchedule .gotoHelper a{display:flex;justify-content:center;align-items:center;background:#e34a38;color:#FFF;font-size:20px;border-radius:30px;padding:13px 30px;}
.mainSchedule .gotoHelper a img{margin-right:10px;}

@media all and (max-width:1600px){
	.mainSchedule .list div span{width:60px;height:60px;font-size:15px;}
	.mainSchedule .list div span strong{font-size:20px;}
	.mainSchedule .list dl dt{font-size:16px;}
}
@media all and (max-width:1280px){
	.mainSchedule h3{font-size:30px;}
	.mainSchedule .title a{font-size:22px;}
	.mainSchedule .tab_1{right:160px;}
	.mainSchedule .tab_2{right:90px;}
	.mainSchedule .list ul{flex-wrap:wrap;}
	.mainSchedule .list li{width:46%;display:flex;align-items:center;padding-top:50px;margin-bottom:30px;}
	.mainSchedule .list div{padding:0;}
	.mainSchedule .list div span{flex-direction:row;justify-content:flex-start;width:100%;height:auto;border-radius:0;top:0;color:#0285f2;background:none;font-weight:700;font-size:20px;border-bottom:1px solid #0285f2;padding-bottom:10px;}
	.mainSchedule .list div span strong{padding-left:10px;}
	.mainSchedule .list div img{max-width:70px;}
	.mainSchedule .gotoHelper a{font-size:16px;padding:10px 20px;}
}
@media all and (max-width:768px){
	.mainSchedule .title{top:60px;}
	.mainSchedule .tab_1{right:calc(50% + 60px);}
	.mainSchedule .tab_2{right:calc(50% - 11px);}
	.mainSchedule .tab_3{right:calc(50% - 100px);}
	.mainSchedule .list{margin-top:50px;}
}
@media all and (max-width:480px){
	.mainSchedule .list li{width:100%;}
}


/*풀페이지 바로가기*/
@media all and (min-width:1025px) {
	.siteLink{position:static;}
	#fullpage > div:last-child ._obj{position:static;}
	.siteLink .siteList{position:absolute;left:50%;margin-left:-800px;bottom:253px;width:1600px;z-index:2;}
}
@media all and (min-width:1024px) and (max-width:1280px) {
	.siteLink .siteList{bottom:487px;}
}
@media all and (max-width:1600px) {
	.siteLink .siteList{left:0;margin-left:0;width:100%;}
}


/*HOVER****************************************/
@media all and (min-width:1025px) {
}