@charset "utf-8";
 
 /*상단*/
.head {position: fixed;top:0;left:0;right:0;z-index: 999;display: flex;padding:15px 2% 0;}   
.head h1 a {display: block;font-size: 0;} 
.main .head h1 a {background:url("../img/top_logo_main.png") no-repeat center;width:188px;height:81px;}
.sub .head h1 a {background:url("../img/top_logo.png") no-repeat center;width:344px;height:50px;background-size:100% auto;}

.main .head.scroll {background:rgba(0,0,0,0.5);padding-bottom:15px;}   
.main .head.scroll h1 a {height: 50px;background-size:auto 100%;background-position: left center; width: auto;aspect-ratio: 2.35 / 1;} 

.head .menu_open {border:none;padding:0;width:30px;height:25px;background:url(../img/menu_ico.png) no-repeat center;display:block;font-size:0;}      
.main .head button.menu_open {background-image:url(../img/menu_ico_wt.png);} 
    
body.main {overflow-x: hidden;}

.head .hd_left{margin-left:4em; align-self: stretch;}
.head .hd_left .gnb{display: flex; gap:2em; align-items: stretch;height: 100%;}
.head .hd_left .gnb li{position: relative; display: flex; align-items: center;}
.head .hd_left .gnb li a{color:#fff;}
.head .hd_left .gnb li .gnb_2depth{position: absolute; top:105%; background:#0f1e73; padding:1em 2em; margin-top:2em; opacity:0; visibility: hidden;  transition: all .3s;}
.head .hd_left .gnb li .gnb_2depth::before{ content: "";display: block;width: 0;height: 0;position: absolute;border-bottom: 1em solid #0f1e73;border-right: 1em solid transparent;top: -0.5em;left: 0;}
.head .hd_left .gnb li:hover .gnb_2depth,
.head .hd_left .gnb li:focus-within .gnb_2depth{visibility: visible; margin-top:0; opacity: 1;}
.head .hd_left .gnb li .gnb_2depth a{padding:.15em 0; display: block; white-space: nowrap;}
.head .hd_left .gnb li .gnb_2depth a{color:#fff;}
.head .hd_left .gnb li .gnb_2depth a:hover,
.head .hd_left .gnb li .gnb_2depth a:focus{text-decoration: underline;}

.sub .head .hd_left .gnb li a{color:#000}
.sub .head .hd_left .gnb li .gnb_2depth a{color:#fff;}

.head .hd_right {display:flex;align-items: center; margin-left: auto;}   
.head .hd_right .lan_area {line-height:0;margin-right:5px;}   
.head .hd_right .lan_area span {font-size:30px;} 
.main .head .hd_right .lan_area span {color:#fff;} 

@media screen and (max-width:600px){
	.head .hd_left .gnb{display: none;}
}
	
/*
.head.scroll {background: linear-gradient(to top, rgba(0,0,0,0), rgb(40 34 27));} 
.sub .head.scroll {padding-bottom:2%;} 
.sub .head.scroll button span {color:#fff;}
.sub .head.scroll h1 a  {background-image:url("../img/top_logo_wt.png");}  
*/
.head.scroll {background:rgba(255,255,255,0.5);padding-bottom:1%;}   


/*다국어셀렉트수정*/
.hd_right #google_translate_element {}
.hd_right .goog-te-gadget {font-family: 'arita','Pretendard', '맑은고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','Arial', Sans-serif;}
.hd_right .goog-te-gadget-simple {background:transparent;border:1px solid #ffffff87;margin-right:10px;width:auto;text-align:center;}  
.hd_right .goog-te-gadget-simple:hover {background:rgba(255,255,255,0.3);} 
.hd_right .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {color:#fff !important;font-size:15px;margin:0 4px}  
.hd_right .goog-te-gadget img {display:none;}  
.hd_right .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {margin:0;padding:0 6px;} 
  
.sub .hd_right .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {color:#000 !important;}  
.sub .hd_right .goog-te-gadget-simple {border:1px solid #ddd;}  
.sub .hd_right .goog-te-gadget-simple:hover {background:rgba(0,0,0,0.03);} 

@media screen and (max-width: 560px){
	.sub .head h1 a  {width:200px;height: 35px;} 
	.head .menu_open {background-size:100% auto;width:25px;height:25px;} 
}



/*비주얼*/
.main_sec_1 {width:100%;position: relative;height: 100vh;display: block;}
.main_vs {z-index:0;} 
.main_vs a {display: flex;position: relative;width:100%;height:100vh;align-items: center;justify-content: center;background-size: cover;background-position: center;}  
.main_vs .link_box {position: absolute;left:0;bottom:0;padding:15px 35px;background:rgba(255,255,255,0.3);color:#fff;line-height: 1;
    animation: left 0.5s linear;animation-fill-mode: backwards;animation-delay: 0.5s;} 
.main_vs .link_box span {vertical-align: -1px;margin-left:7px;font-size:14px;}   
 

/*타이틀 및 검색*/
.main_sch_cont {position: absolute;right:0;bottom:0;top:0;z-index:3;width:40%;height: 100vh;display: flex; 
    flex-direction: column;justify-content: center;padding:0 80px;}    
.main_sch_cont .line {width:1px;height: 100vh;background:rgba(255,255,255,0.7);content: "";position: absolute;top:0;bottom:0;left:0;display: block;animation: ht 0.5s linear; animation-fill-mode:backwards;}  
.main_sch_cont h2 p {font-family: 'Pretendard';color:#fff;line-height: 1.3;}  
.main_sch_cont h2 p.name {font-size:30px;}
.main_sch_cont h2 p.tit {font-size:60px;font-weight: 700;letter-spacing: -2px;color:transparent; background: linear-gradient(to right , #fff, #90ffde);display: inline-block;-webkit-background-clip: text;}   
.main_sch_cont .sch_fm {display: flex;justify-content: space-between;width:100%;margin:2% 0 3%;}   

.main_sch_cont .fm_box {border:1px solid #fff;width:100%;position: relative;}     
.main_sch_cont .fm_box  .main_sch_ip {background:none;border:none;color:#fff;width:100%;padding:0 70px 0 10px;}  
.main_sch_cont .fm_box  .main_sch_ip::placeholder {color:rgba(255,255,255,0.7);font-weight: 300;}  
.main_sch_cont .fm_box  .main_sch_ip:focus {outline:none;background:rgba(255,255,255,0.2);} 
.main_sch_cont .fm_box  .main_sch_ip:hover {background:rgba(255,255,255,0.2);}  
.main_sch_cont .fm_box  .main_sch_ico {background:url("../img/sch_ico.png")no-repeat center;background-color: transparent;border:none;width:50px;position: absolute;top:0;bottom:0;right:0;z-index:9;cursor: pointer;
background-position: center 11px;}     
.main_sch_cont .dtl_link {display: flex;border:1px solid #fff;width:150px;text-align: center;color:#fff;background:none;
align-items: center;justify-content: center;font-size:0.9em;}   

.main_sch_cont .dtl_link:hover {background:rgba(255,255,255,0.3);} 
.main_sch_cont .fm_box, .main_sch_cont .fm_box input, .main_sch_cont .dtl_link {height:50px;} 

.main_sch_cont .kwd_link {display: flex;width:100%;overflow: hidden;}  
.main_sch_cont .kwd_link h3, .main_sch_cont .kwd_link a {color:#fff;font-size:0.9em;} 
.main_sch_cont .kwd_link h3 {font-weight: 600;margin-right: 15px;}  
.main_sch_cont .kwd_link a {margin:0 7px;cursor: pointer;}   
.main_sch_cont .kwd_link a:hover {text-decoration: underline;} 

.main_sch_cont .quick_link {display: flex;justify-content: space-between;margin-top:23%;flex-wrap: wrap}   
.main_sch_cont .quick_link a {display: flex;color:#fff;border-bottom:1px solid rgba(255,255,255,0.7);justify-content: space-between;
    align-items: center;width:23%;opacity: 0.8;}         
.main_sch_cont .quick_link a span {font-size:0.9em;vertical-align: middle;}    
.main_sch_cont .quick_link a:hover {opacity: 1;} 


@media screen and (max-width: 1440px){
	.main_sch_cont h2 p.tit { font-size:45px;}
	.main_sch_cont h2 p.name {font-size:1em;} 
	.main_sch_cont {padding:0 40px;} 
}
@media screen and (max-width: 1200px){
	.main_sch_cont .fm_box, .main_sch_cont .fm_box input, .main_sch_cont .dtl_link {height: 45px;}
	.main_sch_cont .dtl_link {width:90px;line-height: 1.2;} 
	/*.main_sch_cont .fm_box {width:calc(100% - 95px);} */
	.main_sch_cont .quick_link a {margin:5px 2px 0; ;flex: 1 1 20%;width:calc(100% - 1px);} 
	.main_sch_cont .quick_link {justify-content: flex-start;} 
	
}

@media screen and (max-width: 980px){
	.main .head h1 a {background-size:cover;background-position: top center;width:120px;height:50px;} 
	.head button span {font-size:40px;} 
	.main_sch_cont {width:100%;padding:0 4%;} 
	.main_sch_cont .line {display: none;} 
	.main_sch_cont h2 p.tit {font-size:40px;}  
	.main_vs .link_box {display: none;} 
	.main_sch_cont .quick_link {margin-top:10%;}  
	.main_sch_cont .quick_link a {padding:5px 7px;border:1px solid rgba(255,255,255,0.7);flex: 1 1 20%;}  
}
@media screen and (max-width: 460px){
	.main_sch_cont .dtl_link {width:50px;}
	/*.main_sch_cont .fm_box {width:calc(100% - 55px);} */
	
}


/*메인하단*/
.main_sec_2 {position: relative;} 
.main_sec_2 .area {display: flex;width:100%;position: relative;} 
.main_sec2_bg1, .main_sec2_bg2 {position: absolute;z-index: -1;}
.main_sec2_bg1 {top:0;left:0;}
.main_sec2_bg2 {bottom:15%;right:0;} 
.main_sec_2 .left {width:100%;}
.main_sec_2 .right {width:40%;position: relative;}  

@media screen and (max-width: 980px){
	.main_sec_2 .area {flex-direction: column;}
	.main_sec_2 .left, .main_sec_2 .right {width:100%;} 
	.main_sec_2 .section3 {border-top:1px solid #000;}  
	.main_sec2_bg1, .main_sec2_bg2 {width:50%;height: auto;}
	
}




/*기획컨텐츠*/
.main_sec_2 .section1 {border-bottom:1px solid #000;display: flex;flex-direction: column;
    align-items: center;justify-content: center;padding:100px 7%;}   
.main_sec_2 .section1 h2 {width:100%;text-align: left;margin-bottom:5px;}  
.main_sec_2 .section1 h2 a {font-size: 25px;font-weight: 600;color:#03346c;letter-spacing: -2px;}
.main_sec_2 .section1 h2 a span {color:#777;font-size:16px;margin-left:5px;letter-spacing: -1px;}  
.main_sec_2 .section1 .box_area {display: flex;flex-direction: column;width:100%;} 
.main_sec_2 .section1 .box_area .box_top {display: flex;height:415px;}
.main_sec_2 .section1 .box_area .box_top .video {width:70%;height:100%;} 
.main_sec_2 .section1 .box_area .box_top .video iframe {width:100%;height:100%;}
.main_sec_2 .section1 .box_area .box_top .img {width:30%;padding-left:20px;}
.main_sec_2 .section1 .box_area .box_top .img a {display: flex;width:100%;height:100%;position: relative;justify-content: center;
    align-items: center;overflow: hidden;}    
.main_sec_2 .section1 .box_area .box_top .img img {min-width:100%;min-height:100%;} 

.main_sec_2 .section1 .box_area .box_bottom {display: flex;flex-direction: row;margin:20px -5px 0;}  
.main_sec_2 .section1 .box_bottom .left {width:40%;display: flex;flex-wrap: wrap;}     
.main_sec_2 .section1 .box_bottom .left li {padding:5px;width:33.3%;}
.main_sec_2 .section1 .box_bottom .left li a span {font-size:0.8em;line-height: 1.2; letter-spacing: 0;}  
.main_sec_2 .section1 .box_bottom .left li:nth-child(4) {width:66.6%;} 
.main_sec_2 .section1 .box_bottom .left li:nth-child(4) span {font-size:1em;max-height:75px;} 
.main_sec_2 .section1 .box_bottom .left li a {height:110px;width:100%;display: flex;background:#000;overflow: hidden;} 
.main_sec_2 .section1 .box_bottom .left li a img {opacity: 0.8;min-width: 100%;min-height: 100%;} 

.main_sec_2 .section1 .box_bottom .right {width:60%;display: flex;align-content: stretch;
    flex-direction: row;}   
.main_sec_2 .section1 .box_bottom .right li {width:50%;padding:5px;}  
.main_sec_2 .section1 .box_bottom .right li a {height:231px;width:100%;display: flex;background:#000;overflow: hidden;    justify-content: center;align-items: center;}   
.main_sec_2 .section1 .box_bottom .right li a img {opacity: 0.8;min-width: 100%;min-height: 100%;} 
.main_sec_2 .section1 a img {transition: all 0.3s ease;}  
.main_sec_2 .section1 a:hover img {scale:1.2;transition: all 0.3s ease;} 
.main_sec_2 .section1 .box_bottom .left li .data .name span {padding:5px;max-height:65px;} 

.data {position: relative;display: block;} 
.data .name {position: absolute;top:0;left:0;right:0;bottom:0;display: flex;background:rgba(0,0,0,0.5);justify-content: center;align-items: center;opacity:0;transition: all 0.3s ease;z-index: 3;padding:15px;}    
.data .name span {text-align: center;display: block;width:100%;word-wrap: break-word;word-break: keep-all;color:#fff;font-size:0.9em;}        
.main_sec_2 .section1  a:hover .name {opacity: 1;}  

@media screen and (max-width: 1440px){
	.main_sec_2 .section1 {padding:100px 3%;}
	.main_sec_2 .section1 .box_area .box_top {height:300px;} 
	.main_sec_2 .section1 .box_bottom .left li a {height: 80px;}
	.main_sec_2 .section1 .box_bottom .right li a {height: 171px;} 
	
}

@media screen and (max-width: 1200px){
	.main_sec_2 .section1 .box_area .box_top {height: 250px;} 
	.main_sec_2 .section1 .box_bottom .left li a {height: 70px;} 
	.main_sec_2 .section1 .box_bottom .right li a {height: 153px;} 

}
@media screen and (max-width: 980px){
	.main_sec_2 .section1 {padding:10% 3%;}
	
}

@media screen and (max-width: 650px){
	.main_sec_2 .section1 h2 a span {display: block;} 
	.main_sec_2 .section1 h2 a {line-height: 1.3;margin-bottom:10px;display: block;}  
	.main_sec_2 .section1 .box_area .box_top {height: 200px;}
	.main_sec_2 .section1 .box_area .box_top .video {width:60%;} 
	.main_sec_2 .section1 .box_area .box_top .img {width:40%;padding-left:10px;}
	.main_sec_2 .section1 .box_bottom .left, .main_sec_2 .section1 .box_bottom .right {width:100%;}
	.main_sec_2 .section1 .box_area .box_bottom {flex-direction: column;}
	.main_sec_2 .section1 .box_bottom .right li a {height: 70px;}
	
}



/*자료슬라이드1*/
.main_sec_2 .section2 {display: block;padding:8% 7% 3%;}      
.main_sec_2 .section2  .sld_ctt {display: flex;width:100%;    justify-content: flex-start;align-items: center;} 
.main_sec_2 .section2  .sld_ctt .img {}
.main_sec_2 .section2  .sld_ctt .img  a {width:400px;height:500px;overflow: hidden;display: flex;cursor: pointer;}   
.main_sec_2 .section2  .sld_ctt .img  img {min-width: 100%;min-height: 100%;transition: all 0.3s ease;} 
.main_sec_2 .section2 .sld_ctt .img a:hover img:hover {scale: 1.2;}
.main_sec_2 .section2  .sld_ctt .data_txt {width:calc(100% - 400px);padding-left:70px;}   

.main_sec_2 .section2  .sld_ctt .data_txt .tit span {display: inline-block;padding:2px 20px;border-radius: 50px;color:#fff;font-size:14px;letter-spacing: 0;}  
.main_sec_2 .section2  .sld_ctt .data_txt .tit h2 {font-size:1.6em;font-weight:400;letter-spacing: -2px;line-height: 1.2;margin:10px 0 15px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis }  
.main_sec_2 .section2  .sld_ctt .txt_area dl {display: flex;margin:5px 0;}  
.main_sec_2 .section2  .sld_ctt .txt_area dl dt {font-weight: 400;width:100px;} 
.main_sec_2 .section2  .sld_ctt .txt_area dl dd {width:calc(100% - 100px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis }
.main_sec_2 .section2  .sld_ctt .link {display: inline-block;border-bottom:1px solid #ddd;line-height: 1;font-size:0.9em;padding-bottom:3px;transition: all 0.3s ease;margin-top:30px;cursor: pointer;}     
.main_sec_2 .section2  .sld_ctt .link span {font-size:16px;vertical-align:-2px;margin-left:7px;color:#ddd;transition: all 0.3s ease;}   
.main_sec_2 .section2  .sld_ctt .link:hover {font-weight: 400;border-color:#000;}  
.main_sec_2 .section2  .sld_ctt .link:hover span {color:#000;}  

.main_sec_2 .section2 .mds_ctt {position: relative;padding-bottom:80px;} 
.main_sec_2 .section2 .mds_ctt .slick-arrow {width:27px;height:24px;border:none;background:url("../img/ico_ar.png") no-repeat center;font-size:0;position: absolute;bottom:100px;z-index: 3;}
.main_sec_2 .section2 .mds_ctt .slick-prev {right:45px;}   
.main_sec_2 .section2 .mds_ctt .slick-next {transform: rotate(180deg);right:0;} 
.main_sec_2 .section2 .mds_ctt .slick-arrow:hover {} 

.main_sec_2 .section2 .mds_thum .box {padding:0 5px;} 
.main_sec_2 .section2 .mds_thum .box p {display: flex;font-size:16px;padding:10px;border: 1px solid #000;align-items: center;justify-content: center;text-align: center;cursor: pointer;}  

.main_sec_2 .section2  .slick-dots  {position: absolute;bottom:0;left:-5px;right:-4px;display: flex;
    justify-content: space-between;z-index: 3;}      
.main_sec_2 .section2  .slick-dots li {width:25%;padding:0 5px;} 
.main_sec_2 .section2  .slick-dots li p.dot {border:1px solid #ddd;display: flex;width:100%;padding:10px; justify-content: center;align-items: center;cursor: pointer;text-overflow: ellipsis; height:70px;}      
.main_sec_2 .section2  .slick-dots li p.dot span{display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;overflow: hidden;text-align: center;max-height:48px;overflow: hidden;font-size:16px;}
.main_sec_2 .section2  .slick-dots li.slick-active p.dot {border:1px solid #000;}
.main_sec_2 .section2  .slick-dots li.slick-active p.dot span {font-weight: 600;}   

@media screen and (max-width: 1440px){
	.main_sec_2 .section2 .sld_ctt .img a {width:270px;height:370px;}
	.main_sec_2 .section2 .sld_ctt .data_txt {width:calc(100% - 270px);padding-left:30px;} 
	.main_sec_2 .section2 .mds_ctt .slick-arrow {width:17px;height: 18px;background-size:100%;}
	.main_sec_2 .section2 .mds_ctt .slick-prev {right:40px;}
	
}

@media screen and (max-width: 1200px){
	.main_sec_2 .section2 .sld_ctt .img a {width:250px;height:350px;}
	.main_sec_2 .section2 .sld_ctt .data_txt .tit h2 {font-size:1.2em;} 

}

@media screen and (max-width: 650px){
	.main_sec_2 .section2 {padding:10% 3%;}
	.main_sec_2 .section2 .sld_ctt {align-items: flex-start}
	.main_sec_2 .section2 .sld_ctt .img a {width:130px;height: 190px;}
	.main_sec_2 .section2 .sld_ctt .data_txt {padding-left:20px;width:calc(100% - 130px);} 
	.main_sec_2 .section2 .mds_ctt {padding-bottom:100px;} 
	.main_sec_2 .section2 .sld_ctt .data_txt .tit span {font-size:12px;} 
	

}

@media screen and (max-width: 560px){
	.main_sec_2 .section2 .sld_ctt .txt_area dl dt {width:60px;font-size:0.9em;} 
	.main_sec_2 .section2 .sld_ctt .txt_area dl dd {width:calc(100% - 60px);font-size:0.9em;}  
	
	
}


/*오른쪽*/
.main_sec_2 .right .line {width:1px;height:100%;background:#000;content: "";position: absolute;top:0;bottom:0;left:0;display: block;
animation: ht 0.5s linear; animation-fill-mode:backwards;}  

@media screen and (max-width: 980px){
	.main_sec_2 .right .line {display: none;} 
	
}



/*자료슬라이드2*/
.main_sec_2 .section3 {padding:100px 5%;border-bottom:1px solid #000;}  
.main_sec_2 .section3 h2 {font-size: 25px;font-weight: 600;color:#000;letter-spacing: -2px;text-align: center;margin-bottom:5px;} 
.main_sec_2 .section3  .main_sld_02 .sld_ctt a {display: block;text-align: center;}  
.main_sec_2 .section3  .main_sld_02 .img {width:485px;height:615px;display: flex;overflow: hidden;margin:0 auto;justify-content: center;align-items: center;}    
.main_sec_2 .section3  .main_sld_02 .img img {min-width:100%;min-height:100%;} 
.main_sec_2 .section3  .main_sld_02  .name {font-size:30px;letter-spacing: -2.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: 600;margin:0 0 5px;}   
.main_sec_2 .section3  .main_sld_02  .txt {text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; width:100%;height:50px;font-size:0.9em;overflow: hidden;width:95%;margin:0 auto;}  
.main_sec_2 .section3 .txt_sec {margin:4% 0 0;}   

.main_sec_2 .section3 .main_sld_02 {padding-bottom:35px;} 
.main_sec_2 .section3 .slick-arrow {width:27px;height:24px;border:none;background:url("../img/ico_ar.png") no-repeat center;font-size:0;position: absolute;bottom:0;z-index: 3;} 
.main_sec_2 .section3 .slick-prev {right: calc(50% - 0px);}    
.main_sec_2 .section3 .slick-next {right: calc(50% - 50px); transform: rotate(180deg);}  
.main_sec_2 .section3 .slick-arrow:hover {} 

@media screen and (max-width: 1440px){
	.main_sec_2 .section3 .main_sld_02 .img {width:350px;height:450px}
	.main_sec_2 .section3 .main_sld_02 .txt {height: 44px;}  
	.main_sec_2 .section3 .slick-arrow {width:17px;height: 18px;background-size:100%;}

}
@media screen and (max-width: 1200px){
	.main_sec_2 .section3 .main_sld_02 .name {font-size:25px;letter-spacing: -2px;} 
	.main_sec_2 .section3 .txt_sec .tit {font-size:0.9em;} 
}
@media screen and (max-width: 980px){
	.main_sec_2 .section3 {padding:10% 3%;}
	.main_sec_2 .section3 .slick-arrow, .main_sec_2 .section3 .slick-arrow {width:calc(50% - 2px);background-size:14px 15px;padding:15px 0;height:auto;display: block;border:1px solid #ddd;}  
	.main_sec_2 .section3 .slick-prev {left:0;right:auto;}
	.main_sec_2 .section3 .slick-next {right:0;} 
	.main_sec_2 .section3 .main_sld_02 {padding-bottom:45px;} 
	
	
}
@media screen and (max-width: 560px){
	.main_sec_2 .section3 .main_sld_02 .txt {height: 40px;} 
	
}




/*공지사항*/
.main_sec_2 .section4 {border-bottom:1px solid #000;animation: right 0.5s linear;  animation-delay: 1s;animation-fill-mode: backwards;}   
.main_sec_2 .section4 h2 a {font-size:25px;font-weight: 600;letter-spacing: -2px; border-bottom:1px solid #000;padding:15px 50px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}   
.main_sec_2 .section4 h2 a span {font-size:14px;font-weight: 300;letter-spacing: 0;display: inline-block;} 
.main_sec_2 .section4 h2 a:hover span {border-bottom:1px solid #000; }
.main_sec_2 .section4 .box {padding:25px 50px 35px;height:292px;}  
.main_sec_2 .section4 .box li {display: flex;align-items: center;flex-direction: row;margin:10px 0;}   
.main_sec_2 .section4 .box li:before {width:8px;height:8px;display: block;content: "";background:#222;border-radius: 50%;margin-right: 10px;} 
.main_sec_2 .section4 .box li a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position: relative;width:calc(100% - 30px);cursor: pointer;}  
.main_sec_2 .section4 .box li a:hover {font-weight: 600;}  

@media screen and (max-width: 1440px){
	.main_sec_2 .section4 h2 a {padding:15px 30px;} 
	.main_sec_2 .section4 .box {padding:20px 30px 25px;height: auto;} 
}

@media screen and (max-width: 1200px){
	.main_sec_2 .section3 .main_sld_02 .img {width:250px;height: 350px;} 

}

@media screen and (max-width: 980px){
	.main_sec_2 .section4 h2 a {font-size:1.2em;padding:15px 3%;}  
	.main_sec_2 .section4 h2 a span {font-size:12px;} 
	.main_sec_2 .section4 .box {padding:5%;}
}


/*관련사이트*/
.section5 {animation: right 0.5s linear;  animation-delay: 1s;animation-fill-mode: backwards;}   
.section5 h2 {font-size:25px;font-weight: 600;letter-spacing: -2px; border-bottom:1px solid #000;padding:15px 50px;display: block; }   
.section5 .box {padding:1em; position: relative;} 
.section5 .box div {padding:1px;}          
.section5 .box a {border:1px solid #ddd;display:flex;  text-align:center;text-align:center;height:50px;justify-content: center;align-items: center;}    
.section5 .box  a img {max-height:30px;max-width:80%;}   
.section5 .box .slick-dots button {background:#ddd;width:10px;height:10px;border-radius:50%;font-size:0;border:none;display:block;margin:0 2px;padding:0;} 
.section5 .box .slick-dots {display: flex;justify-content: center;align-items: center;margin:10px 0 0; position: absolute; top:0; right: 1em;}  
.section5 .box .slick-active button {background-color:#26518B;} 

@media screen and (max-width: 1440px){
	.section5 h2 {padding:15px 30px;} 
	.section5 .box {padding:40px 15px;}  
	
} 

@media screen and (max-width: 980px){
	.section5 h2 {font-size:1.2em;padding:15px 3%;}   
	.section5 .box {padding:5% 3%;} 
}



/*하단공통*/
.footer {text-align: center;border-top:1px solid #000;padding:2% 0 5%;animation: up 0.5s linear;  animation-delay: 1s;animation-fill-mode: backwards;
position:relative;}  
.sub .footer {opacity:1 !important;transform: none !important;}  

.vit_num {display: flex;position: absolute;right: 2%;align-items: center;}
.vit_num  dl {display:flex;align-items: center;}
.vit_num  dl dt {display:inline-block;padding:1px 15px;border-radius:50px;color:#fff;font-size:14px;letter-spacing:0;margin:0 3px 0 15px;}  
.vit_num  dl dd {font-weight:bold;}  
.vit_num  dl.today dt {background-color:#999;}
.vit_num  dl.total dt {background-color:#4b558f;}


@media screen and (max-width: 980px){
	.footer {padding:0 0 5%;text-align:left;} 
	.vit_num {position:relative;right:auto;padding:2% 0;border-bottom:1px solid #000;margin-bottom:5%;background:#f1f1f1;}  
	.footer .footer_logo, .footer .copy {padding:0 4%;}
	
	
}
@media screen and (max-width: 460px){ 
	.footer_logo img {height: 35px;width:auto;}  

}



/*추가-아카이브소개*/
.main_sec_2 .sec3 {position:relative;} 
.main_sec_2 .sec3:hover {background:#26518B;}
.main_sec_2 .sec3 dt {font-size: 25px;font-weight: 600;letter-spacing: -2px;display:inline-block;position:relative;}
.main_sec_2 .sec3 dt:after {width: 10px;height: 10px;border-radius: 50%;
    background: #5ab5fa;content: "";position: absolute;top: -5px;right: -15px; 
    display: block;}    
.main_sec_2 .sec3 span {font-size:20px;}   
.main_sec_2 .sec3 a {display:block;padding:30px 50px;border-bottom:1px solid #000;z-index:1;position: relative;
display: flex;justify-content: space-between;align-items: center;transition: all 0s ease;} 
.main_sec_2 .sec3 dd {font-size:0.9em;padding-right:20px;line-height:1.5;}       
 .main_sec_2 .sec3:hover dt, .main_sec_2 .sec3:hover dd, .main_sec_2 .sec3:hover span {color:#fff;}   
 

@media screen and (max-width: 980px){
	.main_sec_2 .sec3 {border-top:1px solid #000;} 
	.main_sec_2 .sec3 a {padding:4%;}
	.main_sec_2 .sec3 dt {font-size:1.2em;}
	.main_sec_2 .sec3 dd {font-size:1em;}  
} 


/* 사진 슬라이드 추가 */
.section4{border-top:1px solid #000;}
.section4 .pic_wrap{position: relative; padding:7% 6%;}
.section4 h3{margin-bottom:1rem; font-size:2em; font-weight: bold;}
.section4 .pic_sld .img_wrap{overflow: hidden; text-align: center; aspect-ratio:1/1.4; padding:10px;}
.section4 .pic_sld .img_wrap img{width:100%; height: 100%; object-fit:cover;}
.section4 .pic_sld .slick-arrow {width:27px;height:24px;border:none;background:url("../img/ico_ar.png") no-repeat center;font-size:0;position: absolute;top:-2rem;z-index: 3;}
.section4 .pic_sld .slick-prev {right:45px;}   
.section4 .pic_sld  .slick-next {transform: rotate(180deg);right:0;} 


@media screen and (max-width:600px){
	.section4 .pic_wrap{padding:8% 3%;}
}

/* 숫자로보는 축제 */
.number_ftv {border-bottom:1px solid #000; padding:6% 0 6%;}
.number_ftv h2 {width:100%;text-align: left;margin-bottom:5px; padding:0 7%; margin-bottom: 2em; font-size: 32px;font-weight: 600;color:#03346c;letter-spacing: -2px;}  
.number_ftv .link {color:#444;margin-left:1em;letter-spacing: -1px; display: inline-block;border-bottom:1px solid #ddd;line-height: 1;font-size:0.9rem;padding-bottom:3px;transition: all 0.3s ease;margin-top:30px;cursor: pointer; color:#444;}     
.number_ftv .link span {font-size:16px;vertical-align:-2px;margin-left:7px;color:#ddd;transition: all 0.3s ease;}   
.number_ftv .link:hover {font-weight: 400;border-color:#000;}  
.number_ftv .link:hover span {color:#000;}    
.number_ftv .sec3 {display: flex; padding:0 7%} 
.number_ftv .sec3 .num_info {width:45%;padding:0 2% 0 0;} 
.number_ftv .sec3 .num_info .tit p.txt {font-size:1.2em;}  
.number_ftv .sec3 .num_info .tit p.num {font-size:2.5em;color:#03346c;}
.number_ftv .sec3 .num_info .tit p.num span {font-weight: 600;font-size:1.2em;letter-spacing: -3px;} 
.number_ftv .sec3 .num_info .d_txt {line-height: 1.7;font-size: 0.9em;}
.number_ftv .sec3 .num_box {width:55%;padding-left:3%;}  
.number_ftv .sec3 .num_box ul  {display: flex;flex-wrap: wrap;justify-content:flex-start;width:100%;} 
.number_ftv .sec3 .num_box ul li {width:14%;padding:4px 2px;}
.number_ftv .sec3 .num_box dl {border:1px solid #ddd;display: flex;align-items: center;justify-content: center;flex-direction: column;width:100%;height: 120px;}    
.number_ftv .sec3 .num_box dl dt {font-size:0.9em;}
.number_ftv .sec3 .num_box dl dd {font-size:1.3em;font-weight: 600;color:#082f6f;letter-spacing: -1.5px;} 
.number_ftv .sec3 .num_info .img img {margin:10px 0 3px;}
.number_ftv .sec3 .num_info .img p {font-size:0.8em;}   

@media screen and (max-width:1600px){  
	.number_ftv .sec3 .num_box ul {justify-content: flex-start}
	.number_ftv .sec3 .num_box ul li {width:16.666%;} 
	.number_ftv .sec3 .num_info .img img {max-width:60%;} 
}

@media screen and (max-width:980px){  
	.number_ftv .sec3 {flex-direction: column;}
	.number_ftv .sec3 .num_info {width:100%;padding:0 0 3%;}
	.number_ftv .sec3 .num_box {width:100%;padding:0;} 
	.number_ftv .sec3 .num_box dl {height: 100px;} 
	.number_ftv .sec3 .num_box ul li {padding:2px;} 
	.number_ftv .sec3 .num_info .img img {margin:3% 0 3px;}	
}
@media screen and (max-width:768px){  
	.number_ftv .sec3 .num_info .tit p.num {font-size:2em;}
	.number_ftv .sec3 .num_info .tit p.num span {letter-spacing: -2px;} 
	.number_ftv .sec3 .num_box dl dd {font-size:1.1em;} 
	.number_ftv .sec3 .num_box ul li {width:20%;} 
	.number_ftv .sec3 .num_box dl {height: 90px;} 
}
@media screen and (max-width:560px){ 
	.number_ftv .sec3 .num_box ul li {width:25%;} 
	.number_ftv .sec3 .num_box dl {height: 80px;}
	
}