@charset "utf-8";
body {width:100%;overflow-x: hidden;position: relative;}
.sub {}
.line {z-index: 0;width:100%;height:1px;content: "";display: block;position: absolute;left:0;right:0;background:#000;
animation: line 0.5s linear;  animation-delay: 0.5s;animation-fill-mode: backwards;}

table {border-spacing: 0px;border-collapse: collapse;}
table td, table th {border:1px solid #000;} 


.sub_bg1 {display: block;position: absolute;top:0;left:0;right:0;bottom:0;background:url("../img/sub_bg1.jpg") no-repeat top left;
z-index: -1;width:100%;height: 100%;animation: left 0.5s linear;animation-delay: 1s;animation-fill-mode: backwards;}
.sub_bg2 {display: block;position: absolute;top:0;right:0;left:0;bottom:0;content: "";background:url("../img/sub_bg2.png") no-repeat top right; z-index: -1;width:100%;height:100%;animation: left 0.5s linear;animation-delay: 1s;animation-fill-mode: backwards;}
.sub_bg3{display: block;position: absolute;top:0;left:0;right:0;bottom:0;content: "";background:url("../img/sub_bg3.png") no-repeat;
    background-position:left 900px;z-index: -1;width:100%;height:100%;}


@media screen and (max-width: 1200px){
    .sub_bg1 {background-size:60% auto;}
    .sub_bg2 {background-size:35% auto;}
    .sub_bg3 {background-size:40% auto;}
}

.sub {padding:150px 0 0;} 
.cont {display: flex; min-height:1000px;max-width:1920px;margin:0 auto;flex-wrap: wrap;} 
.cont .left {width:262px;z-index: 3;position: relative;}
.cont .left_bar {width:100%;background:#444;padding:0 30px 40px;z-index:3;position: relative;}
.cont .left_bar h2 {font-size:27px;border-bottom:1px solid rgba(255,255,255,0.7);height:102px;padding:0 5px 10px;color:#fff;display: flex;
    align-items: flex-end;font-weight: 600;margin:0 0 20px;}
.cont .left_bar ul li {margin:12px 0;}
.cont .left_bar ul li a {font-size:20px;color:#fff;padding:0 5px;}
.cont .left_bar ul li a:hover {font-weight: 600;}
.cont .left_bar ul li.active a {color:#FFD1D1;position: relative;font-weight: 600;}
.cont .left_bar ul li.active a:before {width:12px;height:12px;border-radius: 50%;background:#ff6868;content: "";position: absolute;top:-11px;right:-12px;}

.cont .right {width:calc(100% - 262px);padding-left:60px;}
.sub_title h3 {font-size:35px;font-weight: 600;letter-spacing: -2px;} 
.cont:before {z-index: 0;width:100%;height:1px;content: "";display: block;position: absolute;left:0;right:0;background:#000;
animation: line 0.5s linear;  animation-delay: 0.5s;animation-fill-mode: backwards;}  

.sub_title {display: flex;align-items: flex-end;justify-content: space-between;width:100%;}
.sub_title nav {margin-bottom:7px;}
.sub_title nav a  {font-size:13px;vertical-align: middle;letter-spacing: 0;}
.sub_title nav span {font-size:8px;vertical-align: middle;margin:0 3px;}

.sub_title {height: auto;flex-direction: column-reverse;align-items: center}

.cont {align-items: flex-start;padding-bottom:7%;}  
.sub_title nav {margin-bottom:0;} 
.cont h3 {margin-bottom:15px;} 

.introduce.cont:before {display:none;} 
.introduce.cont {padding:3% 0 10%;}   

.wc_history .sub_title {height: auto;flex-direction: column-reverse;align-items: center;margin-bottom:50px;}
.wc_history .sub_title nav {margin-bottom:0;} 
 
.sub_title.left_type{height:102px;flex-direction: row;align-items: flex-end;padding-left:350px;padding-right:2%;}  
 

@media screen and (max-width: 980px){
	.sub {padding-top:100px;} 
    .cont .left_bar, .cont .left {display: none;}
    .cont .right {width:100%;padding:0;}
    .sub_title {height: auto;flex-direction: column-reverse;align-items: center}    
    .cont {align-items: flex-start;min-height: auto;}
    .sub_title nav {margin-bottom:0;}
    .sub h3 {margin-bottom:5px;}   
    
    .sub_title.left_type {padding-left:0;flex-direction: column-reverse;align-items: center;height:auto;}   

}

@media screen and (max-width: 560px){
    .sub {padding-top:120px}
    .sub h3  {font-size:25px;} 

}


/*게시판-리스트*/
.bbs_top {margin:60px 0 10px;display: flex;width:100%;align-items: flex-end;justify-content: space-between;}
.bbs_top .total {}
.bbs_sch {}
.bbs_sch_slt {display: flex;}
.bbs_sch_slt .select {width:120px;height:45px;border:1px solid #000;background-color:transparent;margin-right:3px;}
.bbs_sch_slt .bbs_sch_fm {width:350px;height:45px;border:1px solid #000;position: relative;}
.bbs_sch_fm .bbs_sch_ip {width:100%;background:none;border:none;padding:0 50px 0 10px;}
.bbs_sch_fm .bbs_sch_ico {font-size:0;cursor: pointer; position: absolute;right:0;top:-1px;bottom:0;height:45px;width:40px;background:url("../img/sch_ico_bk.png") no-repeat center;border:none;z-index: 3;}
.bbs_list {width:100%;}
.bbs_list .bbs_head {width:100%;background:#0e4574;display: flex;}
.bbs_list .bbs_head p {color:#fff;padding:10px 0;}
.bbs_list .no {width:70px;text-align: center;}
.bbs_list .sbj {width:calc(100% - 370px);text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bbs_list .date {width:200px;text-align: center;}
.bbs_list .press {width:200px;text-align:center;}  
 
.bbs_list .bbs_body li a {width:100%;display: flex;padding:13px 0;cursor: pointer;}
.bbs_list .bbs_body li a .sbj {text-align: left;}
.bbs_list .bbs_body li a:hover {background:rgba(0,0,0,0.05);}
.bbs_list .bbs_body li {border-bottom:1px solid #ddd;}
.bbs_list .bbs_body li:last-child {border-bottom:1px solid #000;}
.bbs_list .bbs_body li.no_data {padding:7% 0;text-align: center;}
.bbs_list .bbs_body li a .press {font-weight:600;}
.no_data {text-align:center;padding:7% 0;} 


@media screen and (max-width: 980px){
    .bbs_list .bbs_head {display: none;}
    .bbs_list .bbs_body li {border:1px solid #ddd;border-radius: 5px;margin:5px 0;}
    .bbs_list .no {display: none;}
    .bbs_list .bbs_body li a {padding:15px;flex-direction: column;align-items: flex-start;}
    .bbs_list .date {width:100%;margin-top:3px;text-align: left; }
    .bbs_list .sbj {width: 100%;font-weight:600;font-size:1.1em;} 
    .bbs_list .bbs_body li:last-child {border-bottom-color:#ddd;}

    .bbs_top {margin:7% 0 10px;flex-direction: column}
    .bbs_sch_slt .bbs_sch_fm {width:calc(100% - 120px);}
    .bbs_sch {width:100%;} 
    .bbs_list .press {background:#897b69;color:#fff;border-radius:5px;padding:1px 20px;margin-bottom:5px;width:auto;}   

    

}


/*게시판*/
.notice_list {justify-content: center;padding-bottom:7%;margin-top:20px;}  
.notice_list .right {width:1400px;padding-left:0;margin:0 auto;}   

@media screen and (max-width: 1440px){
	.notice_list .right {width:100%;} 	
	
}


/*페이징*/
.page {width:100%;text-align: center;}
.page a {display: inline-block;margin:0 10px;}
.page a.active {font-weight: bold;text-decoration: underline;}
.page .nxt_ico {transform: rotate(180deg);}
.notice_list .page {margin-top:3%;}
.first_ico, .last_ico{vertical-align: -1px;}

@media screen and (max-width: 560px){
    .page a {margin:0 5px;}
    .notice_list .page {margin-top:5%;}
}



/*게시판 뷰*/
.bbs_v_btn {width:150px;height:35px;background:#1e4e80;color:#fff;display: flex;justify-content: center;align-items: center;font-size:0.9em;cursor: pointer;}
.bbs_v_btn:hover {color:#fff;}
.bbs_v_btn.bbs_v_btn2{background:#66798d;}

.bbs_view .sub_title {padding-bottom:10px;}
.bbs_view .sub_title h3 {font-size:33px;}
.bbs_view {width:1400px;margin:0 auto;} 
.bbs_view .wr_info {margin:5px 0 0;} 
.bbs_view .line {position: absolute;height:1px;content: "";display: block;background:#000;margin-top:15px;
 animation: line 0.5s linear;  animation-delay: 0.5s;animation-fill-mode: backwards;}
.bbs_view .wr_info b {margin-right:3px;}
.bbs_view .wr_info span {margin-right:10px;} 
.bbs_view .data_area {padding:30px 0;margin-top:30px;}  
.bbs_view .data_area img {max-width:100%;} 
.bbs_view .bv_tit {font-size: 1.5em;font-weight: 600;margin:0;}
.bbs_view .bv_top {padding:15px 0 0;}   
.notice_view {padding-top:15px;} 
.notice_view .bbs_v_btn {animation:left 0.5s linear;
    animation-delay: 1.5s;
    animation-fill-mode: backwards;}


@media screen and (max-width: 980px){
    .btn_area {position: fixed;left:0;right:0;bottom:0;z-index: 100; gap:0;}
    .btn_area a {width:100%;}
    .cont .right.bbs_view {padding-bottom:50px;}
    .bbs_view .bv_tit {font-size:1.3em;}    
    .bbs_view .bv_top {flex-direction: column;}
    .bbs_v_btn {/* position: fixed; */left:0;right:0;bottom:0;z-index: 100;width:100%;}
 

}



/*갤러리형리스트*/
.gal_list ul {display: flex;margin:0 -20px;flex-wrap: wrap;}
.gal_list ul li {width:25%;padding:20px;}
.gal_list ul li a {display: block;color:#000;transition: all .5s;cursor: pointer;}
.gal_list ul li a:hover {transform: scale(1.15);}
.gal_list ul li a .img {width:100%;height:300px;display: flex;    justify-content: center;
    align-items: center;overflow: hidden;margin-bottom:15px;}
.gal_list ul li a .img img {min-height: 100%;min-width:100%;}
.gal_list ul li a  .cate {display: inline-block;padding:2px 20px;border-radius: 20px;color:#fff;font-size:14px;}
.gal_list ul li a  .name {font-size:0.9em;font-weight: 600;
    margin: 5px 0 0;}   

.gal_list ul li.no_data {width:100%;} 

@media screen and (max-width: 1200px){
    .gal_list ul {margin:0 -10px;}
    .gal_list ul li { padding:10px;}

}
@media screen and (max-width: 980px){
    .gal_list ul li {width:33.3%;}
    .gal_list ul li a  .name {font-size:1em;} 
}
@media screen and (max-width: 650px){
    .gal_list ul li {width:50%;}
    .gal_list ul li a .img {height:200px;}
}


/*구술_리스트*/
.oral_list.cont {display: block;}


/*구술-뷰*/
.cont.oral_view {padding-bottom:3%;}
.video_area {display: flex;justify-content: space-between;width: 100%;margin:5% 0 0;align-items: stretch}
.video_area .video {width:50%;}
.video_area .video video {width:100%;height:100%;}
.video_area .vo_txt {width:50%;padding-left:50px;}
.video_area .vo_txt ul li {display: inline-block;margin-right:15px;}
.video_area .vo_txt ul li a  {font-size:1.2em;font-weight: 400;color:#666;cursor: pointer;}
.video_area .vo_txt ul li a:hover {color:#000;}
.video_area .vo_txt ul li.active a {font-size:1.5em;color:#000;font-weight: 600;border-bottom:1px solid #000;padding-bottom:5px;}

.video_area .tabs {margin:0 0 2%;}
.video_area .vo_info  {display: flex;width:100%;flex-wrap: wrap;margin:0 -3px 0;}
.video_area .vo_info dl {border:1px solid #ddd;flex: 1 1 calc(50% - 10px);display: flex;align-items: center;margin:3px;}
.video_area .vo_info dl dt {width:150px;font-weight: 600;padding:10px 20px;}
.video_area .vo_info dl dt:before {width:7px;height:7px;border-radius: 50%;background:#26518B;content: "";display: inline-block;vertical-align:2px;margin-right:7px;}
.video_area .vo_info dl dd {width:calc(100% - 150px);padding:10px;}
.video_area .vo_info dl dd img {width:150px;height: auto;}
.video_area .vo_info dl dd span {font-size:14px;display: block;}

.video_area .txt_area {border:1px solid #ddd;padding:20px;font-size:0.9em;overflow-y: auto;height:460px;}

.oral_view .info_area  {margin:5% 0 0;animation: up 0.5s linear;animation-fill-mode: backwards;}
.oral_view .info_area h4 {font-size:1.5em;font-weight: 600;padding-bottom:10px;}
.oral_view .info_area .txt {margin:1% 0 5%;line-height: 1.7;}

.oral_view .btn_area {display: flex;justify-content: flex-end;width: 100%; }


@media screen and (max-width: 1440px){
    .video_area .txt_area {height: 340px;}
}

@media screen and (max-width:1100px){
    .video_area .vo_info dl dt {width:110px;padding:0 0 0 15px;}
    .video_area .vo_info dl dd {width:calc(100% - 110px);padding:5px;}
    .video_area .vo_txt {padding-left:30px;}
}
@media screen and (max-width:1024px){
    .video_area .txt_area {height: 230px;}
}

@media screen and (max-width:980px){
    .video_area {flex-direction: column;}
    .video_area .vo_txt, .video_area .video {width:100%;padding:0;}
    .video_area .vo_txt {margin:5% 0 0;}

}
@media screen and (max-width:560px){
    .video_area .vo_info dl {margin:3px 0;flex:1 1 100%;}
    .video_area .vo_info {margin:0;}

}


/*자료리스트*/
.cont.data_list .left_bar {background:#0e4574;}
.data_list {padding:0 2% 7%;} 
.data_list .gal_list {margin:2% 0 0;}
.data_list  .left_bar .tit a {color:#fff;font-size:1.1em;font-weight: 600;display: block;width:100%;position: relative;background:url(../img/ar_dw_wt.png) no-repeat center right;
background-size:15px 10px;}  
.data_list  .left_bar .tit a span {font-size:35px;position: absolute;top:-6px;right:0;}
.data_list  .left_bar ul li a {color:#fff;font-size:0.9em;display: block;width:100%;}
.data_list  .left_bar ul li.active a {color:#ffef98;font-weight: 600;}
.cont.data_list .left_bar ul li.active a:before {display: none;}
.cont.data_list .left_bar ul li {margin:5px 0;}
.data_list .data_cate {padding:20px 10px; border-bottom:1px solid rgba(255,255,255,0.5);}
.data_list .data_cate:last-child {border-bottom:none;}
.data_list .data_cate .mn_deps2 {display: none;}
.cont.data_list .left_bar h2  {margin:0;}
.data_list.cont h3 {font-size:30px;}
.data_list.cont h3 span {font-size:18px;margin:0 7px;}
.data_list .page {margin:3% 0 0;}
.data_list .data_cate.active .mn_deps2 {display: block;}
 
.cate_slt {align-items: center;margin:5px 0 20px;width:100%;display: none;}
.cate_slt  select {border:1px solid #ddd;background-size:auto 7px;font-size:1em;font-weight: 600;background-color: transparent;}
.cate_slt.select2 select {width:calc(50% - 10px);}
.cate_slt.select3 select {width:calc(33.3% - 10px);}
.cate_slt span {font-size:15px;display: flex;width:20px;justify-content: center;align-items: center;}
.data_list.cont:before {display:none;}  
.data_list .bbs_sch_slt  {height:104px;align-items: flex-end;justify-content: flex-end;padding-bottom: 10px;}
 
 
@media screen and (max-width:980px){
    .data_list.cont h3 {display: none;}
    .cate_slt {display: flex;margin:15px 0 20px;} 
    .data_list .bbs_sch_slt {height:auto;} 
    .data_list .data_cate {width:100%;padding:0;border:none;margin:2px 0;}   
    .data_list .data_cate .tit {border:1px solid #ddd;padding:7px 15px;}      
    .cont.data_list .left_bar {display:flex;justify-content: space-between;padding:0;width:100%;flex-direction: column;}    
    .cont.data_list .left_bar h2 {display:none;}   
    .cont.data_list .left {width:100%;background:transparent;display:block;}  
    .data_list .left_bar .tit a, .data_list .left_bar ul li a {color:#000;font-size:1em;background-image:url(../img/ar_dw.png);background-size:13px 8px;}   
    .cont.data_list .left_bar {background:transparent;margin:0 0 10px;}   
    
    .data_list .data_cate.active .mn_deps2 {display:flex;flex-wrap: wrap} 
    .data_list .data_cate .mn_deps2 {width: 100%;flex-wrap: wrap;justify-content: space-between;margin:5px 0;}   
    .data_list .left_bar ul li a {color: #fff !important;
    font-size:0.9em;display: flex;width: 100%;vertical-align: middle;background: #999; 
    padding: 5px 20px;line-height: 1.2;text-align: center;height: 100%;align-items: center;justify-content: center;}    
    .cont.data_list .left_bar ul li {margin:1px;flex-grow: 1;width:15%;}       
    .data_list .left_bar ul li.active a {background:#2196f3;} 

}

@media screen and (max-width:560px){
	.cont.data_list .left_bar ul li {width:25%;} 
	
}

/*자료상세*/
.data_view.cont {padding-left:0;padding-right:0;}
.data_view.cont:before {display:none;}  
.data_top {display: flex;width: 100%;align-items: center;padding:4%  2% 0;position: relative;}
.data_left {width:50%;display: flex;align-items: flex-start;justify-content: center;}
.data_left .data {max-height:600px;max-width: 80%;}
.data_left .btn_zoom{ margin-left: -3em;margin-top: 0.5em;border: none;background: #fff;border-radius: 2em;height: 2.5em;width: 2.5em;padding:.7em .75em .8em; opacity:.5;}
.data_left .btn_zoom:hover,
.data_left .btn_zoom:focus{opacity:1;}
.data_left .btn_zoom img{width:1em;}
.data_right {width:50%;}
.data_right section .cate {display: inline-block;padding:1px 27px;border-radius: 35px;color:#fff;font-size:14px;}
.data_right section h4 {font-size:1.7em;font-weight: 600;margin:7px 0 15px;}
.data_right section  dl  {display: flex;margin:7px 0;align-items: flex-start;}
.data_right section  dl dt {font-weight: 600;width:150px;}
.data_right section  dl dd {width:calc(100% - 150px);}
.data_right section  dl dd a {display: inline-block;text-decoration: underline;margin-right:3px;}
.data_right section  dl dd a:hover {font-weight: 600;}

.data_view  .btn_area {display: flex;justify-content: flex-end; position: relative;width:100%;padding:0 2% 3%;   gap:8px}
.data_view  .btn_area  .bbs_v_btn {animation: up 0.5s linear;animation-fill-mode: backwards;animation-delay: 2s;}

.data_info {padding:3% 2% 3%;position: relative;width:100%;}
  /*
.data_info:before {z-index: 0;width: 100%;height: 1px;content: "";
    display: block;position: absolute;left: 0;right: 0; bottom:0;background: #000;
    animation: line 0.5s linear;animation-delay: 0.5s;animation-fill-mode: backwards;}
  */ 
.data_info:after  {z-index: 0;width: 100%;height: 1px;content: "";
    display: block;position: absolute;left: 0;right: 0; top:0;background: #000;
    animation: line 0.5s linear;animation-delay: 0.5s;animation-fill-mode: backwards;}
    
.data_view h5 {font-size:1.5em;font-weight: 600;margin:0 0 15px;position: relative;}
.data_info p {line-height: 1.7;}
.data_info h5, .data_info p {animation: up 0.5s linear;animation-fill-mode: backwards}

.data_view .related {padding:4% 2% 0;position: relative;animation: up 0.5s linear;animation-fill-mode: backwards;width:100%;}
.data_view .related ul {display: flex;margin:0 -20px;flex-wrap: wrap;}
.data_view .related ul  li {width:20%;padding:20px;}
.data_view .related ul  li a {display:block; transition: all .3s;position: relative;cursor: pointer;}
.data_view .related ul  li a .img {display: flex;overflow: hidden;align-items: center;
    justify-content: center;height:300px;width:100%;}
.data_view .related ul  li a img {min-width: 100%;min-height: 100%;}
.data_view .related ul  li a:hover {transform: scale(1.15);transition: all .3s;z-index: 3;}
.data_view .related ul  li a .name {position: absolute;left:0;right:0;bottom:0;background: linear-gradient(to bottom, rgba(0,0,0,0), rgb(40 34 27));padding:20px;opacity: 0;transition: all .5s;}
.data_view .related ul  li a .name .cate {font-size:13px;border:1px solid #fff;display: inline-block;padding:0 15px;border-radius: 20px;color:#fff;margin-bottom: 5px;}
.data_view .related ul  li a .name .nm {font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing: 0;}
.data_view .related ul  li a:hover .name {opacity: 1;}


@media screen and (max-width: 1440px){
    .data_view .related ul li {padding:10px;}
    .data_view .related ul {margin:0 -10px;}
}
@media screen and (max-width: 1024px){
    .data_view .related ul li {width:33.3%;}
}

@media screen and (max-width: 980px){
    .data_top {flex-direction: column;padding:7% 4% 0;}
    .data_left, .data_right {width:100%;}
    .data_left .data {max-height: 450px;}
    .data_view .btn_area {padding:0;position: fixed;}
    .data_left {margin-bottom:7%;}
    .data_view .btn_area:before {display: none;}
    .data_info {padding:4% 4% 5%;margin:4% 0;}
    .data_view .btn_area{gap:0}
}
@media screen and (max-width: 768px){
    .data_view .related ul li {padding:5px;}
    .data_view .related ul {margin:0 -5px;}
    .data_view .related ul li a .img {height: 200px;}
    .data_view .related ul li a .name .cate {font-size:12px;}
    .data_view .related ul li a .name .nm {font-size:14px;}
    .data_view .related ul li a .name {padding:20px 15px 10px;}
    .data_view h5 {margin:0 0 5px;}
}



@media screen and (max-width: 560px){
    .data_left .data {max-height: 350px;}
    .data_right section h4 {margin-bottom:10px;}
    .data_info {padding:7% 4%;margin:7% 0;}
    .data_view .related ul li a .img {height: 150px;}
    .data_view .related ul li {width:50%;}
    .data_right section dl dt {width:70px;}
    .data_right section dl dd {width:calc(100% - 70px);}


}


/*통합검색*/
.no_left .total_sch .sub_title:after {display: none;}
.total_list {margin:5% 0 0;}
.total_sch .total_sch_fm {display:flex;width:60%;margin:0 auto;    flex-direction: row;flex-wrap: wrap;animation: up 0.5s linear;animation-delay: 0.5s; animation-fill-mode: backwards;}
.total_sch .total_sch_fm .select {width: 250px;border: 1px solid #000;display: flex;margin: 0 2px;padding: 0 10px;justify-content: space-between;    align-items: center; }
.total_sch .total_sch_fm .select select {border:none;width:calc(100% - 55px);background-size:auto 7px;}
.total_sch .total_sch_fm .select label {font-weight: 600;width: 50px;text-align: center;display: inline-block;}
.total_sch .total_sch_fm .txt_ip_sec {width: calc(100% - 520px);display: flex;justify-content: space-between;}
.total_sch .total_sch_fm .txt_ip_sec .txt_ip {width:calc(100% - 103px);padding:5px;border:1px solid #000;}
.total_sch .total_sch_fm .txt_ip_sec .sch_btn {width:100px;background:#0e4574;color:#fff;border:none;cursor: pointer;}
.sch_ck_area {width:100%;text-align: left;}
.total_sch .total_sch_fm .select, .total_sch .total_sch_fm .txt_ip_sec .txt_ip, .total_sch .total_sch_fm .txt_ip_sec .sch_btn {height: 50px;}


.total_sch .total_sch_fm input[type="checkbox"] + label  {font-size:14px;}
.total_sch .total_sch_fm input[type="checkbox"]:checked + label:after {top:-4px;}
.total_sch .total_sch_fm input[type="checkbox"]:checked + label {font-weight: 600;}
.total_list {display: flex;width:100%;}

.total_list .gal_list ul {margin:0 -15px;}
.total_list .gal_list ul li {width:20%;padding:15px;}

.list_section {margin-bottom:5%;position: relative;}
.list_section:before {z-index: 0; height: 1px;content: "";
    display: block;position: absolute;top: 85px;left:-100%; right:-100%;width:300%;background: #000;
    animation: line 1s linear;animation-delay: 0.5s; animation-fill-mode: backwards;}
.list_title {display: flex;justify-content: space-between;align-items: flex-end;height:80px;padding-bottom: 5px;margin-bottom:20px;}
.list_title h4 {font-size:1.3em;font-weight: 600;animation: right 0.5s linear;animation-delay: 1s; animation-fill-mode: backwards;}
.list_title h4 span {font-size:15px;}
.list_title .more {font-size:14px;animation: up 0.3s linear;animation-delay: 2s; animation-fill-mode: backwards;}
.list_title .more:hover {text-decoration: underline;font-weight: 600;}
.total_list .left_bar  {background:#0e4574;animation: left 0.5s linear;animation-delay: 1s; animation-fill-mode: backwards;}
.total_list .left_bar .tit {margin-bottom:30px;}
.total_list .left_bar .tit a {display: flex;height:85px;color:#fff;align-items: flex-end;font-size:1.3em;font-weight: 600;
    justify-content: space-between;border-bottom: 1px solid rgba(255,255,255,0.7);padding-bottom:7px;}
.total_list .left_bar .tit a span {font-weight: 300;font-size:13px;letter-spacing: 0;margin-top:5px;}
.total_list .left_bar ul li a  {display: flex;color: #fff;align-items: flex-start;
    width: 100%;justify-content: space-between;line-height: 1.2;}
.total_list .left_bar ul li a span  {font-weight: 300;font-size:12px;letter-spacing: 0;}
.cont .total_list .left_bar ul li {margin:20px 0;}
.cont .total_list .left_bar ul li:last-child {margin-bottom:0;}

.cont .total_list .left_bar ul li.active a {color:#fff459;}
.cont .left_bar ul li.active a:before {background:#fff459;}
.total_list .list_type2 .bbs_list {padding-top:15px;}
.total_list .list_type2 .bbs_list, .total_list .list_type1 .gal_list {animation: right 0.5s linear;animation-delay: 1.5s; animation-fill-mode: backwards;}

.total_sch .sch_ck_area {margin-left:2px;}



/*아카이브 소개*/
.no_left .introduce .sub_title:after {display: none}
.introduce.cont {padding-left:0;padding-right:0;flex-direction: column}
.introduce .section1 {display: flex;align-items: center;flex-direction: row-reverse;margin-top:3%;}
.introduce .section1 .img {z-index: 2;position: relative;animation: right 0.3s linear;animation-delay: 1s; animation-fill-mode: backwards;}
.introduce .section1 .txt_sec {padding-left:2%;}
.introduce .section1 .txt_sec .txt01 {font-size:2.5em;font-weight: 600; letter-spacing: -2px;color:#0f1e73; animation: left 0.5s linear;animation-delay: 1s; animation-fill-mode: backwards;line-height: 1.2;}
.introduce .section1 .txt_sec .txt01:after  {z-index: 0;width: 100%;height: 1px;content: "";display: block;position: absolute;left: 0;right: 0;background: #000; animation: line 0.5s linear;animation-delay: 2s;animation-fill-mode: backwards;margin-top:10px;}
.introduce .section1 .txt_sec .txt02 {font-size:1.5em;font-weight: 600;margin:35px 0 5px;animation: left 0.3s linear;animation-delay: 1.5s; animation-fill-mode: backwards;}
.introduce .section1 .txt_sec .txt03 {font-size:1.2em;width:80%;line-height: 1.6;animation: left 0.3s linear;animation-delay: 1.5s; animation-fill-mode: backwards;}
.introduce .section2 {display: flex;flex-direction: column;width: 100%;align-items: center;margin:9% 0 0;}
.introduce .date{font-weight: bold; color:#0f1e73; font-weight:300; font-size:.9em}
.introduce .itr_box {width:850px;height:500px;border:1px solid #000;text-align: center;display: flex;flex-direction: column;justify-content: center;margin-right:35%; }
.introduce .itr_box .name {font-weight: 600;font-size:1.4em;color:#0f1e73;}
.introduce .itr_box:nth-child(2) {margin:-70px 0 -50px 37%;}
.introduce .section2:after {display: block;transform: rotate(180deg);position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: "";
    background: url(../img/sub_bg3.png) no-repeat;background-position: left 200px;z-index: -1;width: 100%;height: 100%;}


@media screen and (max-width: 1600px){
    .introduce .section1 .img img {width:700px;height: auto;}
}
@media screen and (max-width: 1440px){
    .introduce .section1 .txt_sec .txt01 {font-size:2em;}
    .introduce .section1 .txt_sec .txt02 {font-size:1.3em;}
    .introduce .itr_box {margin-right:20%;width:650px;height:600px;}
    .introduce .itr_box:nth-child(2) {margin:-70px 0 -50px 27%;}
}
@media screen and (max-width: 1200px){
    .introduce .section1 .img img {width:500px;height: auto;}
    .introduce .section2:after {background-size:60% auto;}
}
@media screen and (max-width: 980px){
    .introduce .section1 {flex-direction: column;margin:5% 0;}
    .introduce .section1 .txt_sec {padding-left:0;text-align: center;margin-top:2%;}
    .introduce .section1 .txt_sec .txt03 {margin:0 auto;}
    .introduce .section1 .txt_sec .txt02 {margin:25px auto 5px;width:90%;}

    .introduce .itr_box {width:350px;height: 400px;}
    .introduce .itr_box img {width:70%;height:auto;}
    .introduce .itr_box:nth-child(2) {margin:-50px 0 -50px 27%;}
    .introduce .itr_box .txt {width:90%;margin:0 auto;}
}
@media screen and (max-width:560px){
    .introduce .section1 .img img {width:90%;height:auto;}
    .introduce .section1 .img {text-align: center;}
    .introduce .itr_box {width:250px;height:270px;}
    .introduce .itr_box:nth-child(2) {margin:-30px 0 -20px 27%;}
    .introduce .section1 .txt_sec .txt01 {font-size:1.5em;}
    .introduce .section1 .txt_sec .txt03 {font-size:1em;}
}



/*자료이용안내*/
.data_guide {padding:2% 2% 7%;}   
.txt_type  {margin:1.5% 0;width:100%;}
.data_guide .txt_type:nth-child(1) {margin-top:3%;} 
.txt_type dt {font-size:1.4em;font-weight: 600;position: relative;display:inline-block;color:#0f1e73;}
.txt_type dt:after {width:15px;height:15px;border-radius: 50%;background:#3F51B5;content: "";position: absolute;top:-10px;right:-15px;display: block;}
.txt_type dd {font-size:1.1em;margin-top:5px;}

.data_guide .img_box {width:100%;display: flex;margin:1% 0 3%;}
.data_guide .img_box .box {border:1px solid #000;margin:0 15px;width:23%;display: flex;
    flex-direction: column;justify-content: center;align-content: center; align-items: center;padding:50px 0;}
.data_guide .img_box .box img {height:70px;width:auto;}
.data_guide .img_box .box .img {margin:7px 0 5px;}
.data_guide .img_box .tit {border-radius: 50px;font-weight: 600;color:#fff;background:#000;width:40%;padding:2px 0;display: inline-block;text-align: center;}
.data_guide .img_box .txt {font-size:0.9em;width:80%;margin:0 auto;text-align: center;}
.contact {font-weight: 600;display: inline-block;vertical-align: middle;margin-left: 20px;}
.contact span {display: inline-block;background:#000;padding:5px 35px;border-radius: 50px;color:#fff; vertical-align: middle;margin-left:15px;font-weight: 300;letter-spacing: 0;}

@media screen and (max-width: 1440px){
    .data_guide .img_box .box img {height:50px;width:auto;}
    .data_guide .contact {display: block;margin-left:0;margin-top:5px;}
}

@media screen and (max-width: 1200px){
	.data_guide {padding-top:7%;}
	
}

@media screen and (max-width: 980px){
    .data_guide .sub_title {margin-bottom:5%;}
    .txt_type {margin:2% 0;}
    .data_guide .img_box {flex-wrap: wrap;justify-content: space-between;}
    .data_guide .img_box .box {width:49%;margin:10px 0;transition-delay:0s !important;}
}
@media screen and (max-width: 650px){
    .txt_type {margin:4% 0;}
    .data_guide .contact {margin-top:10px;}
    .data_guide .contact span{display: block;margin-left: 0;border-radius: 5px;
    margin-top: 3px;padding: 5px 15px;}
    .txt_type dt:after {width:10px;height: 10px;right:-10px;}
    .data_guide .img_box .box img {height: 30px;}
    .data_guide .img_box .box {margin:5px 0;}
    .data_guide .img_box .tit {width:60%;}

}


/*기증안내*/
.no_left .donation_g .sub_title:after {display: none;}
.donation_g.cont {padding-left:0;padding-right:0;}
.donation_g .title_txt {text-align: center;width:90%;margin:0 auto 4%;}
.cont.donation_g:before {display:none;}      
.donation_g .section1 {padding:4% 4%;width:100%;position: relative;}
.donation_g .section1 .bg {background:rgba(172,172,172,0.1);position: absolute;top:0;left:0;right:0;bottom:0;display: block;}

.donation_g h4 {font-size:1.4em;font-weight: 600;position: relative;display:inline-block;color:#0f1e73;margin-bottom:1%;}
.donation_g h4:after {width:15px;height:15px;border-radius: 50%;background:#3F51B5;content: "";position: absolute;top:-10px;right:-15px;display: block;}
.donation_g .step_box {display: flex;margin:15px -5px 0;}
.donation_g .step_box dl {    width: calc(25% - 10px);
    margin: 0 5px;padding: 50px 10px;text-align: center;border: 1px solid #999;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
}
.donation_g .step_box dl dt {text-align: center;}
.donation_g .step_box dl dt span {display: block;margin:0 auto 10px;width:100px;border-radius: 50px;text-align: center;color:#fff;background:#000;padding:2px 0;font-weight: 600;}
.donation_g .step_box dl dt p {font-weight: 600;font-size:1.1em;margin:5px 0 0;}
.donation_g .sec2_txt {width:100%;padding:0 4%;}

.donation_g .section2 {width:100%;padding:5% 4% 10px;}
.donation_g .section2 .area {display: flex;position: relative;justify-content: space-between;}
.donation_g .section2 .box  {border-radius: 10px;border:2px solid rgb(206 229 251 / 50%);width:calc(50% - 10px);position: relative;padding:70px 0 60px;}
.donation_g .section2 .box h5 {border-radius: 50px;background: #05497e;width:250px;position: absolute;color:#fff;text-align: center;font-weight: 600;left:calc(50% - 125px);top:-17px;padding:3px 0;}
.donation_g .section2 .box ul {display: flex;align-items: center;}
.donation_g .section2 .box ul li {width:50%;text-align: center;padding:0 20px;}
.donation_g .section2 .box ul li:first-child {border-right:1px solid #777;}
.donation_g .section2 .box ul li p {font-size:0.9em;margin-top:5px;}
.donation_g .section3 {padding:5% 4% 0;}
.donation_g .contact {display: block; margin:0;}

@media screen and (max-width: 1100px){
    .donation_g .section2 .area {margin:3% 0 0;}
}
@media screen and (max-width: 980px){
    .donation_g .step_box dl dt  img {width:50px;height: auto;}
    .donation_g .section1 {padding:10% 4%;}
}
@media screen and (max-width: 850px){
    .donation_g .section1 {padding:10% 4% 13%;}
    .donation_g .step_box {flex-direction: column;margin:0; }
    .donation_g .step_box dl {margin:5px 0;width:100%;transition-delay: 0s !important;padding:20px 10px;}
    .donation_g .step_box dl dt {display: flex;flex-direction: column;align-items: center;}
    .donation_g .step_box dl dt img {display: none;}
    .donation_g .step_box dl dt span {margin: 0;font-size: 14px;}

    .donation_g .section2 {padding:10% 4% 0;}
    .donation_g .section2 .area {flex-direction: column;}
    .donation_g .section2 .box {width:100%;padding:40px 0 30px;margin:15px 0;}
    .donation_g .section2 .box:last-child {margin-bottom:5px;}
    .donation_g .section2 .box ul li img {height: 35px;width:auto;}
    .donation_g .sec2_txt {font-size:0.9em;}


    .donation_g .section3 {padding-top:7%;}
    .donation_g .section3 .contact span {display: block;margin:7px 0 0;}

}

@font-face {
    font-family: 'Jeongnimsaji-R';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/Jeongnimsaji-R.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

/*축제연혁*/
.no_left .history .sub_title:after, .history .cont:before {display: none;}
.history .cont {padding-top:150px;}   
.history .title {position: fixed;bottom: 0;top: 300px;padding-left: 4%;line-height: 1.1;z-index: 1;transition: all 0.5s ease;}
.history .title:after {position: absolute;top: 0;bottom: 0;right:0;animation: ht 0.5s linear;
    animation-fill-mode: backwards;width: 1px;background: #074e85;height: 100%;content: "";display: block}
.history.scroll .title {top:0;} 
.history.scroll .title h4 {margin-top:170px;}
.history .title h4:before {font-size: 80px;color: #074e85;letter-spacing: -5px;font-weight: 600;  width:220px; display: block;transition: all 0.5s ease;font-family: 'Jeongnimsaji-R';animation:left 0.5s linear;animation-fill-mode: backwards;}

.section-history1997 .history .title h4:before {content: "1997"}
.section-history1998 .history .title h4:before {content: "1998"}
.section-history1999 .history .title h4:before {content: "1999"}
.section-history2000 .history .title h4:before {content: "2000"}
.section-history2001 .history .title h4:before {content: "2001"}
.section-history2002 .history .title h4:before {content: "2002"}
.section-history2003 .history .title h4:before {content: "2003"}
.section-history2004 .history .title h4:before {content: "2004"}
.section-history2005 .history .title h4:before {content: "2005"}
.section-history2006 .history .title h4:before {content: "2006"}
.section-history2007 .history .title h4:before {content: "2007"}
.section-history2008 .history .title h4:before {content: "2008"}
.section-history2009 .history .title h4:before {content: "2009"}
.section-history2010 .history .title h4:before {content: "2010"}
.section-history2011 .history .title h4:before {content: "2011"}
.section-history2012 .history .title h4:before {content: "2012"}
.section-history2013 .history .title h4:before {content: "2013"}
.section-history2014 .history .title h4:before {content: "2014"}
.section-history2015 .history .title h4:before {content: "2015"}
.section-history2016 .history .title h4:before {content: "2016"}
.section-history2017 .history .title h4:before {content: "2017"}
.section-history2018 .history .title h4:before {content: "2018"}
.section-history2019 .history .title h4:before {content: "2019"}
.section-history2020 .history .title h4:before {content: "2020"}
.section-history2021 .history .title h4:before {content: "2021"}
.section-history2022 .history .title h4:before {content: "2022"}
.section-history2023 .history .title h4:before {content: "2023"}
.history .title h4:before, .section-history2024 .history .title h4:before {content: "2024"}


.history .title h4:after {position: fixed;right:3%;font-family: 'Jeongnimsaji-R';bottom:3%;font-size:120px;letter-spacing: -15px;color:#edf4fa;z-index: -1;animation:up 0.5s linear;animation-fill-mode: backwards;animation-delay:3s;text-align: right;line-height: 1;}


.history .title h4:after,  .section-history2023 .history .title h4:after {content: "화려하게 꽃피는 탈과 탈춤"}
.section-history1997 .history .title h4:after {content: ""}
.section-history1998 .history .title h4:after {content: "초랭이의 신명"}
.section-history1999 .history .title h4:after {content: "이매의 웃음"}
.section-history2000 .history .title h4:after {content: "새 천년 새 신명"}
.section-history2001 .history .title h4:after {content: "탈춤 한사위, 웃음 한바탕"}
.section-history2002 .history .title h4:after {content: "너와 나의 탈춤, 우리들의 미소"}
.section-history2003 .history .title h4:after {content: "솟구치는 힘, 살아나는 흥"}
.section-history2004 .history .title h4:after {content: "세계인의 탈춤, 살맛나는 세상"}
.section-history2005 .history .title h4:after {content: "할미의 억척"}
.section-history2006 .history .title h4:after {content: "세계도 하나 신명도 하나"}
.section-history2007 .history .title h4:after {content: "신명나는 탈춤, 살맛나는 세상"}
.section-history2008 .history .title h4:after {content: "탈을 쓴 당신, 삶이 새롭다!"}
.section-history2009 .history .title h4:after {content: "하나의 세계, 신명의 탈춤"}
.section-history2010 .history .title h4:after {content: "신명의 탈춤 천년의 꿈"}
.section-history2011 .history .title h4:after {content: "축제, 왕이 되는 마법"}
.section-history2012 .history .title h4:after {content: "귀여운 악마들의 난장"}
.section-history2013 .history .title h4:after {content: "꿈꾸는 세상, 영웅의 탄생"}
.section-history2014 .history .title h4:after {content: "Jumping! Pumping! Lion"}
.section-history2015 .history .title h4:after {content: "어릿광대의 꿈"}
.section-history2016 .history .title h4:after {content: "스무살 총각탈, 각시를 만나다."}
.section-history2017 .history .title h4:after {content: "축제인간, 말뚝이의 소원"}
.section-history2018 .history .title h4:after {content: "야누스 축제의 문을 열다."}
.section-history2019 .history .title h4:after {content: "여성의 탈, 탈속의 여성"}
.section-history2020 .history .title h4:after {content: ""}
.section-history2021 .history .title h4:after {content: ""}
.section-history2022 .history .title h4:after {content: "탈난 세상, 영웅의 귀환"}
.section-history2024 .history .title h4:after {content: "세계를 하나로 만드는 문화의 춤"}

.history .panel {display: flex;align-items: flex-start;padding-left:400px;padding-top:20%;z-index: 2;}     
.history .panel#history2024 {padding-top:0;} 

.history .poster a {display: block;width:360px;height:519px;} 
.history .poster img {width:100%;height: auto;}
.history .poster a:hover {box-shadow: 9px 7px 4px 3px rgba(0,0,0,0.2); transform: scale(1.1);}

.history .hry_txt {padding:50px 0 0 50px;} 
.history .hry_txt .txt_type1 {font-size:25px;font-weight: 600;color:#082f6f;margin-bottom:10px;letter-spacing: -2px;} 
.history .hry_txt dl {display: flex;margin:5px 0;}  
.history .hry_txt dl dt {font-weight: 600;font-size:1.1em;width:70px;}
.history .hry_txt dl dd {font-size:1.1em;} 
.history .hry_txt .pt {margin:3% 0 0;display: flex;}   
.history .hry_txt .pt a {display: flex;width:197px;height:207px;justify-content: center;align-items: center;overflow: hidden;} 
.history .pt_txt {display: none;} 
.history .hry_txt .pt a img {width:auto;max-height: 100%; height:auto;transition: all 0.5s ease;} 
.history .hry_txt .pt a:hover img {transform: scale(1.3);}  

.history .hry_txt .pt .img1 {margin:50px 0 0;}
.history .hry_txt .pt .img2 {margin:70px 30px 0 -30px;}
.history .hry_txt .pt .img3 {}
.history .hry_txt .pt .img4 {margin:20px 0 0 -30px;}

.modal button {background:none;border:none;position: fixed;top:10px;right:10px;} 
.modal button span {font-size:50px;color:#fff;}    
.modalBox {width:100%;height: 100vh;display: flex;justify-content: center;align-items: center;flex-direction: column;} 
.modalBox img {max-width: 80%;max-height: 90%;}  
.modalBox p {font-size:0.9em;color:#fff;margin-top:10px;}  


@media screen and (max-width: 1440px){ 
	.history .title {padding-left:2%;} 
	.history .title h4:before {font-size:60px;width:150px;}
	.history .title h4:after {font-size:70px;letter-spacing: -10px;} 
	.history .panel {padding-left:200px;}
	.history .poster a {width:270px;height:auto;}  
	.history .hry_txt .pt a {width:150px;height: 160px;} 
}

@media screen and (max-width: 1200px){ 
	.history .cont {padding-top:120px;} 
	.history .title h4:before {font-size:35px;width:100px;letter-spacing: -1px;}
	.history .title {padding-left:0;}
	
	.history .panel {padding-left:120px;}
	.history .poster a {width:200px;}
	.history .hry_txt .txt_type1 {font-size:1.2em;letter-spacing: -1px;}
	.history .hry_txt dl dt, .history .hry_txt dl dd {font-size:1em;} 
	.history .hry_txt dl dt {width:50px;}
	.history .hry_txt dl dd {width:calc(100% - 50px);}
	.history .hry_txt .pt a {width:150px;height:120px;} 
	.history .hry_txt .pt .img2 {margin-right:10px;} 

}

@media screen and (max-width: 980px){ 
	.history.scroll .title h4 {margin-top:150px;}
	.history .title h4:after {font-size:50px;letter-spacing: -5px;} 

	.history .panel {display: flex;align-items: flex-start;flex-direction: column;}
	.history .hry_txt {padding-left:0;padding-top:2%;} 
	.history .hry_txt dl, .history .hry_txt .pt a {transition-delay:0s !important;} 
}

@media screen and (max-width: 768px){ 
	.history .hry_txt .pt a {width:120px;height: 100px;} 
	.history .cont {padding-top:70px;}
}

@media screen and (max-width:650px){ 
	.history .hry_txt .pt {flex-wrap: wrap;}
	.history .hry_txt .pt .img1, .history .hry_txt .pt .img2, .history .hry_txt .pt .img3, .history .hry_txt .pt .img4, .history .hry_txt .pt .img5
	{margin:2px;width:100px;}  
	
	.history .title h4:before {font-size:30px;width:80px;} 
	.history .panel {padding-left:100px;} 
	.history .hry_txt .pt {margin:7% 0 0;} 
}
@media screen and (max-width:560px){ 
	.history .cont {padding-top:40px;}
	.history .title {top:170px;} 
	.history .title h4:after {font-size:40px;} 
}


@media screen and (max-width:460px){ 
	.history .title h4:before {font-size:25px;width:70px;}
	.history .panel {padding-left:85px;} 
	.history .poster a {width:120px;} 
	
}	
 

/*웹콘텐츠-홍보영상*/
.cont.wc_history {padding-bottom:10%;margin-top:20px;}   
.web_cont_type1 {display: flex;min-height:700px;max-width: 1400px;padding:50px 0 0; flex-direction: column;
margin:0 auto 0;flex-wrap: wrap;width:100%;align-content: center;width:96%;}  
.tab_type1 {display: flex;flex-wrap: wrap;margin:0 -2px;} 
.tab_type1 li {padding:2px;}
.tab_type1 li a {width:100%;height: 35px;justify-content: center;display: flex;align-items: center;border:1px solid #aaa}
.tab_type1 li.active a  {background:#000;color:#fff;border-color:#000;}

.web_cont_type1 .gal_list {margin-top:20px;}
.web_cont_type1 .tab_type1 {margin-top:10px;}
.web_cont_type1 .tab_type1 li  {width:8.3333%;}
.web_cont_type1 .gal_list li a {position: relative;}
.web_cont_type1 .gal_list li .cate {border-radius: 3px;position: absolute;top:5px;right:5px;}
.web_cont_type1 .page {margin-top:7%;}

.wc_video_dtl {position: fixed;top:0;left:0;right:0;bottom:0;display: flex;background:rgba(0, 0, 0, 0.7);z-index: 1000;justify-content: center;
    align-items: center;}
.wc_video_dtl .cls_btn {background:none;border:none;color:#fff;position: absolute;top:15px;right:1%;z-index: 1001;}
.wc_video_dtl .cls_btn .material-icons {font-size:50px;}
.wc_video_dtl .cont_sec {width:1000px;}
.wc_video_dtl .vide_area {width:100%;height:550px;}
.wc_video_dtl .sbj {color:#fff;width:100%;text-align: center;margin:15px 0 0;}
.wc_history .tab_slt  {display: none;}
.htr_slt {width:100%;display:flex;justify-content:flex-end;} 
.htr_slt select {width:150px;}  



@media screen and (max-width:1024px){
    .wc_video_dtl .cont_sec  {width:90%;}
    .wc_video_dtl .vide_area {height: 450px;}
}
@media screen and (max-width:980px){
    .wc_history .sub_title {margin-bottom:3%;}
    .wc_history.cont .left_bar, .wc_history.cont .left {display: block;width:100%;}
    .wc_history.cont .left_bar h2 {display: none;}
    .wc_history.cont .left_bar {background:none;padding:0;}
    .wc_history.cont .left_bar ul {display: flex;margin:0 -2px;align-items: center;}
    .wc_history.cont .left_bar ul li {margin:0;width:33.3%;padding:0 2px;}
    .wc_history.cont .left_bar ul li a  {color:#000;width:100%;height:40px;border:1px solid #ddd;display: flex;
    justify-content: center;align-items: center;font-size:1em;}
    .wc_history.cont .left_bar ul li.active a{background:#000;color:#fff;}
    .wc_history.cont .tab_type1 {display: none;}
    .wc_history.cont .left_bar ul li.active a:before  {display: none;}

    .web_cont_type1 {flex-direction: column;min-height: auto;}
    .wc_history .tab_slt {width:100%;margin:15px 0 0;display: block;}
    .wc_history .tab_slt select {width:100%;}

}

@media screen and (max-width:768px){
    .wc_video_dtl .vide_area {height: 400px;}
    .wc_video_dtl .cls_btn .material-icons {font-size:40px;}
    .wc_video_dtl .cls_btn {top:5px;}

}

@media screen and (max-width:560px){
    .wc_video_dtl .vide_area {height: 350px;}
}
@media screen and (max-width:460px){
    .wc_video_dtl .vide_area {height: 250px;}
}
@media screen and (max-width:380px){
    .wc_video_dtl .vide_area {height: 200px;}
}



/*게시판 리스트타입2*/
.bbs_list2 {}
.bbs_list2 li a {display: block;border-radius:5px;border:1px solid #ddd;margin:10px 0;padding:20px 30px;position: relative;}
.bbs_list2 li a:after {background: #fff url(../img/ar_down.png) no-repeat;content: "";width:20px;height: 11px;transform: rotate(270deg);display: block;position: absolute;right:15px;top:calc(50% - 5px);opacity: 0.2}
.bbs_list2 li a .sbj {font-weight: 600;}
.bbs_list2 li a .info {margin:5px 0 0;}
.bbs_list2 li a .info span {font-size:0.9em;}
.bbs_list2 li:hover a {transform: scale(1.02); box-shadow: 5px 6px 4px 4px rgba(0,0,0,0.1); }
.bbs_list2 li:hover a:after {opacity: 1;}



/*웹콘텐츠-게시판형*/
.wc_history .bbs_list2  {margin: 15px 0 0;} 
.wc_data_dtl {position: fixed;top:0;left:0;right:0;bottom:0;display: flex;background:rgba(0, 0, 0, 0.7);z-index: 1000;justify-content: center;
    align-items: center;}
.wc_data_dtl .cls_btn {background:none;border:none;color:#fff;position: absolute;top:15px;right:1%;z-index: 1001;}
.wc_data_dtl .cls_btn .material-icons {font-size:50px;}
.wc_data_dtl .cont_sec {display: flex;width:100%;height:100vh;overflow-y: auto;}
.wc_data_dtl .cont_sec .data_area {width:70%;display:flex;align-content: center;height:100vh;overflow-y:auto;padding:20px; 
    justify-content: center;} 
.wc_data_dtl .cont_sec .data_area iframe {width:100%;height:100%;} 
.wc_data_dtl .cont_sec .meta_sec {width:30%;padding:80px 2% 0;box-shadow: -11px 0px 4px 6px rgba(0,0,0,0.25);}
.wc_data_dtl .cont_sec .meta_sec p {color:#fff;font-weight: 600;font-size:1.3em;border-bottom:1px solid rgba(255,255,255,0.7);padding:0 0 10px;margin:0 0 25px;}
.wc_data_dtl .cont_sec .meta_sec dl  {margin:0 10px 20px;}
.wc_data_dtl .cont_sec .meta_sec dl dt {color:#fff;font-weight: 600;min-width:150px;background:rgba(255,255,255,0.2);display: inline-block;line-height: 1;padding:7px 20px;margin:0 0 5px;text-align: center;font-size:0.95em;}
.wc_data_dtl .cont_sec .meta_sec dl dd {color:#fff;font-size:0.9em;}

.wc_data_dtl.img_modal .data_area{width:100%; align-items: center;}
.wc_data_dtl.img_modal .data_area img{transform:scale(1.6);}


@media screen and (max-width:980px){
    .wc_history .bbs_list2  {margin: 5% 0 0;}
    .wc_data_dtl .cont_sec .data_area, .wc_data_dtl .cont_sec .meta_sec {width:100%;padding:0 3%;box-shadow: none;}
    .wc_data_dtl .cont_sec {flex-direction: column;padding-top:5%;}
    .wc_data_dtl .cont_sec .meta_sec {margin-top:5%;}  
    .wc_data_dtl .cont_sec .data_area  {height:80vh;}  
}


@media screen and (max-width:768px){
    .wc_data_dtl .cls_btn .material-icons {font-size:30px;}
    .wc_data_dtl .cls_btn {top:5px;}
}




/*언론보도*/
.no_left .press .sub_title:after {left:-2%;right:-2%;width:104%;}
.bbs_area {width:1400px;margin:0 auto;}
.press.cont {align-content: flex-start;margin-top:20px;} 
.press .page {margin:3% 0 0;}
.press .bbs_list .bbs_head {background:#897b69;}
.press .bbs_view {width:1400px;margin:0 auto;}
.press .bv_tit {font-size:1.5em;font-weight: 600;margin:0 0 5px;}
.press .bbs_view .wr_info {position: relative;padding-right:0;margin:15px 0 5px;}  
.press .bbs_view .wr_info p {padding:0;}
.press .bv_top {display: flex;justify-content: space-between;align-items: center;padding:15px 0 0;}  
.press .bv_top  a {text-align: center;height: 40px;display: flex;margin-left:2px;  
     justify-content: center;align-items: center;background:#897b69;color:#fff;padding:0 20px;}   
.press .bv_top .link_area span {margin-left:5px;} 
.btn_area {width:100%;text-align: left;}
.btn_area  .btn_list {background:#999;color:#fff;display: inline-block;width:100px;border-color:#999;text-align: center;padding:7px 0;}
.link_area {display:flex;}
.bv_top .dw_btn {background:#3478af !important;}   
.press .bbs_view .line {margin:30px 0;}

.file_wrap {}   
.file_wrap .tit {font-weight:600;display:inline-block;margin-right:10px;}  
.file_wrap ul {display:inline-block;vertiacal-align:middle;} 
.file_wrap li a {font-size:0.9em;padding:2px 15px;display:block;color:#000;border-radius:3px;border:1px solid #333;}      
.file_wrap li {display:inline-block;margin-right:2px;} 
.file_wrap li a:after {font-family: 'Material Icons';content:"download";color:#000;font-size:15px;margin-left:5px;vertical-align: middle;} 
.file_wrap li a:hover {background:#999;color:#fff;}  
.file_wrap li a:hover:after  {color:#fff;}



@media screen and (max-width:1440px){
    .bbs_area {width:96%;}
}
@media screen and (max-width:980px){
    .press .btn_area {opacity:  1 !important;transform: none !important;}
    .press .btn_area .btn_list {width:100%;}
    .press .bv_tit {line-height: 1.3;}
    .press .bv_top {padding:20px 0;}

    .press .bv_top a {width:100px;height: 40px;}
    .press .bv_top {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;}
    .press .bbs_view .wr_info {margin:0 0 10px;}

}

@media screen and (max-width:560px){
    .press .bv_tit {line-height: 1.2;}
}



.modal {display: none;z-index: 9999;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;right:0;background-color: rgba(0, 0, 0, 0.7);} 


/*숫자로보는 축제-개요*/
.num_tab {display: block;text-align: center;width:100%;margin:3% 0 5%;}    
.num_tab a {font-size:1.2em;font-weight: 600;border-bottom:1px solid #000;margin:0 10px;padding:0 5px 3px;}    
.num_tab a.on {color:#03346c;border-bottom:3px solid #03346c;font-weight: 600;font-size:1.5em;letter-spacing: -3px;}   

.number_ftv_1.cont  {padding-bottom:0;display: block;} 
.number_ftv_1 .sub_title:after {display: none;} 
.number_ftv_1.cont:before {display: none;} 
.number_ftv_1 .top_txt {text-align: center;}  
.number_ftv_1 .pst_img img {height:110px;width:4.5%;margin-left:-15px;}    

.number_ftv_1 .sec1 {width:100%;padding:4%;position: relative;}
.number_ftv_1 .sec1:after {top:0;left:0;right:0;bottom:0;content: "";display: block;position: absolute;background:rgba(169,169,169,0.2);
animation: line 1s linear;animation-fill-mode: backwards;width:100%;animation-delay:1.5s;} 
.number_ftv_1 .sec1 .tit {display: flex;padding:0 10px 5px;font-size:1.1em;align-items: flex-end;position: relative;}  
.number_ftv_1 .sec1 .tit .line {animation-delay:1.5s; bottom:0;}   
.number_ftv_1 .sec1 .tit  dt {font-size:1.1em;} 
.number_ftv_1 .sec1 .tit  dd {font-size:1.8em;margin-left:10px;font-family: 'Jeongnimsaji-R';line-height: 1;color:#082f6f;}  
.number_ftv_1 .sec1 p.txt {padding:1% 10px 1%;} 
.number_ftv_1 .sec1 .pst_img {padding:0 25px;}  

.number_ftv_1 .sec2 {margin:7% 0 13%; text-align: right;width:100%;padding:0 2%;} s   
.number_ftv_1 .sec2 .tit {font-size:1.3em;}
.number_ftv_1 .sec2 .data {font-size:3em;letter-spacing: -2px;margin:0 0 10px;color:#082f6f;}  
.number_ftv_1 .sec2 .data span {font-weight: 600;} 
.number_ftv_1 .sec2 .data .txt {font-size: 1.1em;margin:0 0 3%;}    
.number_ftv_1 .sec2 .line {margin-top:5%;} 

.number_ftv_1 .sec3 {display: flex;padding:0 2%;} 
.number_ftv_1 .sec3 .num_info {width:45%;padding:0 2%;} 
.number_ftv_1 .sec3 .num_info .tit p.txt {font-size:1.2em;}  
.number_ftv_1 .sec3 .num_info .tit p.num {font-size:2.5em;color:#03346c;}
.number_ftv_1 .sec3 .num_info .tit p.num span {font-weight: 600;font-size:1.2em;letter-spacing: -3px;} 
.number_ftv_1 .sec3 .num_info .d_txt {line-height: 1.7;font-size: 0.9em;}
.number_ftv_1 .sec3 .num_box {width:55%;padding-left:3%;}  
.number_ftv_1 .sec3 .num_box ul  {display: flex;flex-wrap: wrap;justify-content:start;width:100%;} 
.number_ftv_1 .sec3 .num_box ul li {width:14%;padding:4px 2px;}
.number_ftv_1 .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_1 .sec3 .num_box dl dt {font-size:0.9em;}
.number_ftv_1 .sec3 .num_box dl dd {font-size:1.3em;font-weight: 600;color:#082f6f;letter-spacing: -1.5px;} 
.number_ftv_1 .sec3 .num_info .img img {margin:10px 0 3px;}
.number_ftv_1 .sec3 .num_info .img p {font-size:0.8em;}   

.pp.sec4 { margin:7%  0  0;display: flex;padding:4% 3%;align-items: center;position: relative;}
.pp.sec4 .bg {position: absolute;top:0;left:0;right:0;bottom:0;content: "";display: block;background:url(../img/num1_bg.jpg) no-repeat;z-index: 0;} 
.pp.sec4 .info, .people .sec4 .img {z-index: 1;} 
.pp.sec4 .info p {color:#fff;}
.pp.sec4 .info .tit {font-size:1.2em;}
.pp.sec4 .info .tit span {font-weight: 600;}
.pp.sec4 .info .num {font-size:2.5em;font-weight: 600;letter-spacing: -2px;} 
.pp.sec4 .info .txt {width:80%;}
.pp.sec4 .img {display: flex;align-items: center; z-index:100} 
.pp.sec4 .img img {display: block;} 
.pp.sec4 .img .img2 {margin:40px 0 0 -30px;}   


@media screen and (max-width:1600px){  
	.number_ftv_1 .sec3 .num_box ul {justify-content: flex-start}
	.number_ftv_1 .sec3 .num_box ul li {width:16.666%;} 
	.number_ftv_1 .sec4 .img img {height: 120px;width:auto;} 
	.number_ftv_1 .sec4 .info .txt {font-size:0.9em;} 
	.number_ftv_1 .top_txt {font-size:0.9em;} 
	.number_ftv_1 .sec3 .num_info .img img {max-width:60%;} 
	.number_ftv_1 .pst_img img {width:5%;height: 70px;} 
}
@media screen and (max-width:1200px){  
	.number_ftv_1 .sec4 {padding:5% 3%;} 
	.number_ftv_1 .sec2 .data {font-size:2.5em;margin:0 0 5px;} 
}
@media screen and (max-width:980px){  
	.number_ftv_1 .sec1 {padding:6% 4%;} 
	.number_ftv_1 .sec1 p.txt {padding:2% 10px 3%;} 
	.number_ftv_1 .sec3 {flex-direction: column;}
	.number_ftv_1 .sec3 .num_info {width:100%;padding:0 0 3%;}
	.number_ftv_1 .sec3 .num_box {width:100%;padding:0;} 
	.number_ftv_1 .sec3 .num_box dl {height: 100px;} 
	.number_ftv_1 .sec3 .num_box ul li {padding:2px;} 
	.number_ftv_1 .sec3 .num_info .img img {margin:3% 0 3px;}
	
	.number_ftv_1 .pst_img img {width:7%;} 
	.number_ftv_1 .sec4 {flex-direction: column-reverse;padding:8% 3% 9%;margin-top:15%;}   
	.number_ftv_1 .sec4 .info {text-align: center;margin-top:3%;}
	.number_ftv_1 .sec4 .info .txt {width:100%; } 
	.number_ftv_1 .sec4 .info .tit {font-size:1em;}
}
@media screen and (max-width:768px){  
	.number_ftv_1 .sec1 {padding:9% 4%;} 
	.number_ftv_1 .pst_img img {width:9%;} 
	.number_ftv_1 .num_tab {margin:5% 0 7%;}  
	
	.number_ftv_1 .sec2 {margin:10% 0 18%;} 
	.number_ftv_1 .sec2 .tit {font-size:1.1em;} 
	.number_ftv_1 .sec2 .data {font-size:1.7em;}
	.number_ftv_1 .sec2 .txt {font-size:0.9em;letter-spacing: 0;}  
	.number_ftv_1 .sec2 .line {margin-top:8%;} 
	
	.number_ftv_1 .sec3 .num_info .tit p.num {font-size:2em;}
	.number_ftv_1 .sec3 .num_info .tit p.num span {letter-spacing: -2px;} 
	.number_ftv_1 .sec3 .num_box dl dd {font-size:1.1em;} 
	.number_ftv_1 .sec3 .num_box ul li {width:20%;} 
	.number_ftv_1 .sec3 .num_box dl {height: 90px;} 
	
	.number_ftv_1 .sec4 .info .num {font-size:2em;}
	.number_ftv_1 .sec4 .info .tit {letter-spacing: 0;font-size:0.9em;} 
	.number_ftv_1 .sec2 .data {line-height: 1.2;} 
	
}
@media screen and (max-width:560px){ 
	.number_ftv_1 .pst_img img {width:11%;height:50px;}  
	.num_tab {margin:7% 0 10%;} 	
	.num_tab a {margin:0 5px;font-size:1.2em;} 
	.number_ftv_1 .sec1 {padding:12% 4%;} 
	.number_ftv_1 .sec3 .num_box ul li {width:25%;} 
	.number_ftv_1 .sec3 .num_box dl {height: 80px;}	
	.number_ftv_1 .sec4 .img img {height: 90px;}
	.number_ftv_1 .sec4 {padding:9% 3% 11%}
}


/*숫자로보는 축제-주요행사*/
.number_ftv_2 .top_txt {text-align: center;width:100%;}   
.number_ftv_2 .sub_title:after {display: none;} 
.number_ftv_2.cont:before {display: none;} 
.number_ftv_2 .section {display: flex;width:100%;} 
.number_ftv_2 .section .info {width:45%;margin-left:-2%;padding:7% 3% 0 5%;}
.number_ftv_2 .info .title {font-size:1.5em;line-height: 1.2}
.number_ftv_2 .info .title span {font-size:2.3em;font-weight: 600;color:#03346c;letter-spacing: -4px;} 
.number_ftv_2 .info .line{z-index: 0;height:1px;content: "";display: block;position: absolute;left:0;right:62%;background:#000;
animation: line 1s linear;  animation-delay: 0.5s;animation-fill-mode: backwards;width:40%; }
.number_ftv_2 .info .txt {width:80%;line-height: 1.7;font-size:1.1em;margin:5% 0 0;} 
.number_ftv_2 .info .count  {margin:3% 0 1%;}
.number_ftv_2 .info .count p {font-size:1.7em;letter-spacing: -2px;margin:10px 0;}    
.number_ftv_2 .info .count p span {font-weight: 600;font-size:1.3em;}  
.number_ftv_2 .info .d_txt {font-size:0.8em;color:#777;margin-bottom:10px;} 
.number_ftv_2 .table {width:55%;}
.number_ftv_2 .table .d_txt {text-align: right;font-size:0.9em;} 
.number_ftv_2 .table table {width:100%;background:#03346c;}
.number_ftv_2 .table table th {color:#fff;text-align: center;padding:7px; font-size:0.9em;width:8.333%;line-height: 1.3;font-weight: 600;border:none;}    
.number_ftv_2 .tb_body dt {display: none;}   
.number_ftv_2 .tb_body a {display: table;width:100%;padding:7px 0;cursor: pointer;border-bottom:1px solid #ddd;}
.number_ftv_2 .tb_body a:hover {background:#f0f9fb;font-weight: 600;}  
.number_ftv_2 .tb_body a:hover dd {font-weight: 600;} 
.number_ftv_2 .tb_body a dl {display: table-cell;text-align: center;width:8.333%;}    
.number_ftv_2 .tb_body li:last-child a {border-bottom-color:#000;}  
 
.number_ftv_2 .lay_pop {}  
.number_ftv_2 .lay_pop  {width:75%;padding:3%;text-align: center;background:#f3f6f9;border:1px solid #000;box-shadow: 5px 6px 6px 5px rgba(0,0,0,0.2);
	display: block;margin:0 auto;position: fixed;left:12.5%;top:20%;z-index: 9;}        
.number_ftv_2 .lay_pop .close {position: absolute;top:10px;right: 10px;display: inline-block;padding:3px 10px;font-size:0.8em;color:#fff;background:#03346c;font-weight: 600;border-radius: 5px;}  
.number_ftv_2 .lay_pop .title {font-size:2em;letter-spacing: -3px;font-weight:600;text-align: center;color:#252f67;margin-bottom:2%;}  
.number_ftv_2 .lay_pop .ctt_area {display: flex;align-items: flex-start;justify-content: center;}
.number_ftv_2 .lay_pop .ctt_area .img {display: flex;width:50%;justify-content: flex-start;align-items: center;justify-content: center} 
.number_ftv_2 .lay_pop .ctt_area .img .img2 {margin:70px 0 0 -90px;} 
.number_ftv_2 .lay_pop .ctt_area .table {width:50%;max-height: 350px;overflow-y: auto;}  
.number_ftv_2 .lay_pop .ctt_area .table::-webkit-scrollbar { -webkit-appearance: none; }
.number_ftv_2 .lay_pop .ctt_area .table::-webkit-scrollbar:vertical { width: 12px; }  
.number_ftv_2 .lay_pop .ctt_area .table::-webkit-scrollbar:horizontal { height: 12px; }
.number_ftv_2 .lay_pop .ctt_area .table::-webkit-scrollbar-thumb { background-color:#03346c; border: 1px solid #03346c; border-radius:10px; }
.number_ftv_2 .lay_pop .ctt_area .table::-webkit-scrollbar-track { border-radius:10px; background-color: #fff; border: 1px solid #03346c;}   
.number_ftv_2 .lay_pop .ctt_area .table dl {display: flex;align-items: stretch;justify-content: space-between;margin:2px 0;}  
.number_ftv_2 .lay_pop .ctt_area .table dl dt  {background:#03346c;color:#fff;font-weight: 600;width:130px;display: flex;align-items: center;justify-content: center;padding:20px 0;
    line-height: 1.2;font-size:0.9em;} 
.number_ftv_2 .lay_pop .ctt_area .table dl dd {background:#fff;color:#000;font-size:0.9em;width:calc(100% - 132px);text-align: left;    display: flex;
    padding: 5px;align-items: center;justify-content: flex-start;}  
.number_ftv_2 .lay_pop .ctt_area .table dl.mask dd {font-size:1em;display: flex;flex-wrap: wrap;justify-content: space-between;padding:0;}
.number_ftv_2 .lay_pop .ctt_area .table dl.mask p {display: flex;justify-content: space-between;margin:1px 0;}  
.number_ftv_2 .lay_pop .ctt_area .table dl.mask span.tt {color:#fff;font-weight: 600;background:#8ba3bc;width:150px;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 0.9em;}   
.number_ftv_2 .lay_pop .ctt_area .table dl.mask span.dd {font-size:0.9em;width:calc(100% - 152px);padding:5px;}  


@media screen and (max-width:1800px){ 
	.number_ftv_2 .lay_pop {width:96%;left:2%;} 
}
@media screen and (max-width:1440px){ 
	.number_ftv_2 .lay_pop .ctt_area .img img {height: 150px;}
}

@media screen and (max-width:1150px){ 
	.number_ftv_2 .section .info {padding:2% 3% 0;}  
	.number_ftv_2 .info .title:after {right:0;width:100%;left:0;}  
	.number_ftv_2 .section {flex-direction: column;} 
	.number_ftv_2 .info .txt {margin:15px auto 0;text-align: center;width:100%;}  
	.number_ftv_2 .info .txt br {display: none;} 
	
	.number_ftv_2 .section {padding:0 2%;}
	.number_ftv_2 .section .info {width:100%;margin:0;}
	.number_ftv_2 .info .title {text-align: center;} 
	.number_ftv_2 .info .count {display: flex;justify-content: center;margin:0;}  
	.number_ftv_2 .info .count p {margin:0 10px;} 
	.number_ftv_2 .info .d_txt {text-align: center;margin:0;} 
	.number_ftv_2 .table {width:100%;margin:7% 0 0;} 
	.number_ftv_2 .info .line {width:100%;right:0;} 
	
	
} 
@media screen and (max-width:1024px){ 
	.number_ftv_2 .lay_pop .ctt_area {align-items: center;justify-content: center;flex-direction: column;}
	.number_ftv_2 .lay_pop .ctt_area .img, .number_ftv_2 .lay_pop .ctt_area .table {width:100%;}
	.number_ftv_2 .lay_pop {z-index: 9999;top:2%;bottom:2%;height:96vh;overflow-y: auto;}   
	.number_ftv_2 .lay_pop .ctt_area .table dl.mask p {align-items: stretch;margin:0;}
	.number_ftv_2 .lay_pop .ctt_area .table dl.mask dd {align-items: stretch}
	.number_ftv_2 .lay_pop .ctt_area .table dl.mask p:first-child {border-bottom:1px solid #fff;} 
	.number_ftv_2 .lay_pop .ctt_area .table dl dt {padding:10px 0;} 
	
}
@media screen and (max-width:980px){  
	.number_ftv_2 .info .title {font-size:1.3em;} 
	.number_ftv_2 .info .title span {font-size:2em;display: block;}
	.number_ftv_2 .info .txt {font-size:1em;line-height: 1.5;} 
	.number_ftv_2 .info .count {flex-direction: column;align-items: center;background:#eef4f8;padding:2% 0;margin:2% 0 9px;}  
	.number_ftv_2 .info .count p {font-size:1.3em;} 
	
	.number_ftv_2 .table {transition-delay:0s !important;}  
	.number_ftv_2 .table table {display: none;}
	.number_ftv_2 .tb_body dt {display: block;width:120px;margin-right: 5px;padding:5px;background:rgb(176 202 209 / 19%);font-weight: 600;}  
	.number_ftv_2 .tb_body a {border:1px solid #ddd;margin:10px 0;display: flex;flex-wrap: wrap;flex-direction: row;padding:0;overflow: hidden;border-radius: 10px;}  
	.number_ftv_2 .tb_body a:first-child {margin-top:0;} 
	.number_ftv_2 .tb_body a dl {width:100%;display: flex;align-items: center;}  
	.number_ftv_2 .tb_body a dl.year dt {display: none;} 
	.number_ftv_2 .tb_body a dl.year dd {width:100%;text-align: center;font-size:1.1em;font-weight: 600;background:#03346c;color:#fff;padding:5px;} 
	
	.number_ftv_2 .tb_body a dl.mask {width:auto;margin-right:20px;} 	
	.number_ftv_2 .tb_body a dl.mask .mask_tit {display: inline-block;} 	
	.number_ftv_2 .tb_body a dl.mask .mask_tit {width:120px;margin-right: 5px;padding:5px;background:rgb(176 202 209 / 19%);font-weight: 600;}  
	.number_ftv_2 .tb_body a dl.mask dt {width:auto;background:none;margin:0;padding:0;}  
	.number_ftv_2 .tb_body a dl.mask dd {padding-left:10px;} 
	
	.number_ftv_2 .tb_body a dl:last-child {background:#f1f1f1;}   
	.number_ftv_2 .tb_body a dl:last-child dt {background:#1870c4;color:#fff;} 
	.number_ftv_2 .tb_body a dl:last-child dd {font-weight: 600;} 	
	.number_ftv_2 .tb_body li:last-child a {border-bottom-color:#ddd;} 
	
	.number_ftv_2 .lay_pop {padding-top:7%}
	.number_ftv_2 .lay_pop .ctt_area .table dl dt {width:70px;}
	.number_ftv_2 .lay_pop .ctt_area .table dl dd {width:calc(100% - 72px);} 
	.number_ftv_2 .lay_pop .ctt_area .table dl.mask span.tt {width:70px;}
	.number_ftv_2 .lay_pop .ctt_area .table dl.mask span.dd  {width:calc(100% - 72px);} 

}

@media screen and (max-width:650px){  
	.number_ftv_2 .lay_pop .ctt_area .img img {height: 120px;} 
}
@media screen and (max-width:460px){  
	.number_ftv_2 .lay_pop .ctt_area .img .img2 {margin:40px 0 0 -50px;}
	.number_ftv_2 .lay_pop .ctt_area .img img {height: 70px;} 
	.number_ftv_2 .lay_pop .title {font-size:1.5em;letter-spacing: -2px;margin-bottom:0;} 
}


/*숫자로만나는 축제 - 비용*/ 
.number_ftv_3 .sub_title:after {display: none;} 
.number_ftv_3.cont:before {display: none;} 
.number_ftv_3 .top_txt {text-align: center;width:100%;}   
.number_ftv_3 h4 {font-size:1.5em;font-weight: 600; text-align: center;width:100%;letter-spacing: -2px;margin-bottom:20px;}   
.ctt_table {max-width:1600px;margin:0 auto;width:96%;}  
.ctt_table .tb_head {display: table;width:100%;}  
.ctt_table .tb_head li {display: table-cell;vertical-align: middle;text-align: center;color:#fff;padding:7px 0;background:#03346c;font-weight: 600;width:12.5%;}    

.ctt_table .tb_body {}
.ctt_table .tb_body  li {display: table;width:100%;} 
.ctt_table .tb_body  dl {display: table-cell;vertical-align: middle;text-align: center;padding:15px 0;border-bottom:1px solid #ddd;}    
.ctt_table .tb_body dl dt {display: none;} 
.ctt_table .tb_body dl.year dd  {font-weight: 600;}  

.number_ftv_3 .ctt_table .tb_body  dl  {width:12.5%;}  


@media screen and (max-width:980px){  
	.number_ftv_3 h4 {margin-bottom:5px;} 
	.ctt_table .tb_head {display: none;} 
	.ctt_table .tb_body li {border:1px solid #ddd;margin:5px 0;display: flex;align-items: stretch;flex-wrap: wrap;}  
	.ctt_table .tb_body dl {width:50%;padding:0px;display: flex;align-items: stretch;align-content:center;border-bottom:none;border-top:1px solid #ddd;}   
	.ctt_table .tb_body dl dt {display: flex;font-weight: 600;background:#f1f1f1;align-items: center;justify-content: center;width:70px;} 
	.ctt_table .tb_body dl.year dt {display: none;} 
	.ctt_table .tb_body dl.year  {width:100%;background:#206898; }   
	.ctt_table .tb_body dl.year dd {color:#fff;text-align: center;width:100%;justify-content: center;padding:0;}  
	.ctt_table .tb_body dl.sbj  {width:100%;} 
	.ctt_table .tb_body dl:first-child {border-top:none;} 
	.ctt_table .tb_body dl dt, .ctt_table .tb_body dl dd {height: 35px;} 
	.ctt_table .tb_body dl dd {display: flex;align-items: center;padding-left:5px;width: calc(100% - 70px);flex-wrap: wrap}
	
	.number_ftv_3 .ctt_table .tb_body  dl  {width:50%;border-top:none;border-bottom:1px solid #ddd;}   
	.number_ftv_3 .ctt_table .tb_body dl:first-child {width:100%;border-top:none;} 
	.number_ftv_3 .ctt_table .tb_body  dl:last-child {border-bottom:none;} 
}

@media screen and (max-width:560px){  
	.ctt_table .tb_body dl {width:100%;} 
	.number_ftv_3 .ctt_table .tb_body  dl  {width:100%; }
	.number_ftv_3 h4 span {display: block;} 
	.number_ftv_3 h4 {line-height: 1.2;} 
}


/*숫자로만나는 축제 - 경제효과*/ 
.number_ftv_4 .top_txt {text-align: center;width:100%;}   
.number_ftv_4 .sub_title:after {display: none;} 
.number_ftv_4.cont:before {display: none;} 
.number_ftv_4 .data_txt {width:100%;text-align: center;} 
.number_ftv_4 .data_txt dl dt {font-size:1.2em;}
.number_ftv_4 .data_txt dl dd {font-size:3em;letter-spacing: -3px;font-weight: 600;color:#03346c;} 
.number_ftv_4 .data_txt p {margin:0 0 3%;} 

.number_ftv_4 .ctt_table .d_txt {text-align: right;font-size:0.85em;margin-bottom:3px;} 
.number_ftv_4 .ctt_table .tb_body  dl  {width:14.2857142%;} 
.number_ftv_4 .ctt_table .dd_txt {font-size:0.8em;margin-top:5px;}  

@media screen and (max-width:980px){  
	.number_ftv_4 .ctt_table .tb_body dl.year, .number_ftv_4 .ctt_table .tb_body dl.year dd {width:100%;}
	.number_ftv_4 .ctt_table .tb_body dl {width:50%;} 
	.number_ftv_4 .ctt_table .tb_body dl dt {width:100px;line-height: 1.2;padding:0 10px;}  
	.number_ftv_4 .ctt_table .tb_body dl dd {width:calc(100% - 100px);} 
	.number_ftv_4 .ctt_table .tb_body dl:last-child {width:100%;} 
	.number_ftv_4 .data_txt p {margin:0 0 7%;} 
	
}
@media screen and (max-width:560px){
	.number_ftv_4 .ctt_table .tb_body dl {width:100%;} 
	.number_ftv_4 .data_txt dl dd {font-size:2.3em;} 
}





 /*인물로만나는축제*/
.people.cont:before {display: none;} 
.people_pop {display: none;} 
.people .imgC {cursor: auto;display: block; }   
.people .top_txt {width:80%;text-align: center;margin:0 auto;}
.people .tabs {text-align: center;width:100%;display: block;margin:1% 0 4%;}   
.people .tabs li {display: inline-block;vertical-align: middle;margin:2px 0;}   
.people .tabs li a {width:70px;height:35px;border:1px solid #034b9e;display: flex;align-items: center;justify-content: center;border-radius: 3px;color:#034b9e;}    
.people .tabs li.active a {background:#034b9e;color:#fff;font-weight: 600;}  

.people .tab_content {display: flex;width:100%;} 
.people .tab_content .sec1 {width:55%;padding:3% 4% 2% 4%;} 
.people .tab_content  h4 {width:96%;position: relative;margin:0 0 3%;} 
.people .tab_content  h4 span{font-size:2.5em;font-weight:600;letter-spacing: -4px;color:#08368A;background:#fff;display: inline-block;padding:0 20px 0 5px;position: relative;z-index: 2;  animation: left 0.5s linear;  animation-delay: 0.5s;animation-fill-mode: backwards;}   
.people .tab_content h4:after {width:100%;position: absolute;top:50%;left:0;right:0;background:#000;height: 1px;content: "";z-index: 0;
 animation: line 0.5s linear;  animation-delay: 0.5s;animation-fill-mode: backwards;} 
.people .tab_content .sec1 h5 {display: inline-block;padding:5px 40px;border-radius: 50px;background:#02609B;color:#fff;font-weight: 600;margin:0 0 5%; animation: up 0.5s linear;  animation-delay: 1s;animation-fill-mode: backwards;}  
.people .tab_content .sec1 .img { animation: up 0.5s linear;  animation-delay: 1.5s;animation-fill-mode: backwards;text-align: center;}   
.people .tab_content .sec1 .img img {max-width:100%;} 
.people .tab_content .sec1 .img img.mo {display: none;}


.people .tab_content .sec2 {width:45%;box-shadow: -6px 5px 13px 7px rgba(0,0,0,0.2);padding:5% 3%;position: relative;z-index: 1;animation: shd_none 1s linear;animation-delay: 1.5s;animation-fill-mode: backwards;} 
.people .tab_content .sec2:after {position: absolute;width:100%;top:0;left:0;right:0;bottom:0;content: "";display: block;background-color:#034b9e;background-size:cover;z-index: 0;animation: line_left 0.5s linear;animation-delay: 0.5s;animation-fill-mode: backwards;}    

.people .tab_content#year_2024 .sec2:after  {background-image: url("../img/people/bg/bg_25.jpg");}
.people .tab_content#year_2023 .sec2:after  {background-image: url("../img/people/bg/bg_24.jpg");}
.people .tab_content#year_2022 .sec2:after  {background-image: url("../img/people/bg/bg_1.jpg");}
.people .tab_content#year_2019 .sec2:after  {background-image: url("../img/people/bg/bg_2.jpg");}
.people .tab_content#year_2018 .sec2:after  {background-image: url("../img/people/bg/bg_3.jpg");}
.people .tab_content#year_2017 .sec2:after  {background-image: url("../img/people/bg/bg_4.jpg");}
.people .tab_content#year_2016 .sec2:after  {background-image: url("../img/people/bg/bg_5.jpg");}
.people .tab_content#year_2015 .sec2:after  {background-image: url("../img/people/bg/bg_6.jpg");}
.people .tab_content#year_2014 .sec2:after  {background-image: url("../img/people/bg/bg_7.jpg");}
.people .tab_content#year_2013 .sec2:after  {background-image: url("../img/people/bg/bg_8.jpg");}
.people .tab_content#year_2012 .sec2:after  {background-image: url("../img/people/bg/bg_9.jpg");}
.people .tab_content#year_2011 .sec2:after  {background-image: url("../img/people/bg/bg_10.jpg");}
.people .tab_content#year_2010 .sec2:after  {background-image: url("../img/people/bg/bg_11.jpg");}
.people .tab_content#year_2008 .sec2:after  {background-image: url("../img/people/bg/bg_12.jpg");}
.people .tab_content#year_2007 .sec2:after  {background-image: url("../img/people/bg/bg_13.jpg");}
.people .tab_content#year_2006 .sec2:after  {background-image: url("../img/people/bg/bg_14.jpg");}
.people .tab_content#year_2005 .sec2:after  {background-image: url("../img/people/bg/bg_15.jpg");}
.people .tab_content#year_2004 .sec2:after  {background-image: url("../img/people/bg/bg_16.jpg");}
.people .tab_content#year_2003 .sec2:after  {background-image: url("../img/people/bg/bg_17.jpg");}
.people .tab_content#year_2002 .sec2:after  {background-image: url("../img/people/bg/bg_18.jpg");}
.people .tab_content#year_2001 .sec2:after  {background-image: url("../img/people/bg/bg_19.jpg");}
.people .tab_content#year_2000 .sec2:after  {background-image: url("../img/people/bg/bg_20.jpg");}
.people .tab_content#year_1999 .sec2:after  {background-image: url("../img/people/bg/bg_21.jpg");} 
.people .tab_content#year_1998 .sec2:after  {background-image: url("../img/people/bg/bg_22.jpg");}
.people .tab_content#year_1997 .sec2:after  {background-image: url("../img/people/bg/bg_23.jpg");}


.people .tab_content .sec2 h5 {color:#fff;font-weight: 600;text-align: center;font-size:1.5em;letter-spacing: -2px;margin:0 0 5%;z-index: 1;position: relative;
	animation: up 0.5s linear;animation-delay: 1s;animation-fill-mode: backwards}   
.people .tab_content .sec2  dl {margin:3% 0;z-index: 1;position: relative;} 

.people .tab_content .sec2 dl dt  {font-weight: 600;font-size:1.2em;letter-spacing: -2px;display: inline-block;padding:0 5px;position: relative;color:#fff;
	animation: up 0.5s linear;animation-fill-mode: backwards;}
.people .tab_content .sec2 dl dt:after {top:59%;bottom:0;left: 0;right:0;background:rgba(255,255,255,0.3);content: "";display: block;position: absolute;}  
.people .tab_content .sec2 dl dd {color:#fff;line-height: 1.7;margin:10px 0 0;font-size:0.9em;animation: up 0.5s linear;animation-fill-mode: backwards;} 

.people .tab_content .sec2  dl:nth-child(1) dt {animation-delay: 1.1s;}
.people .tab_content .sec2  dl:nth-child(1) dd {animation-delay: 1.2s;}
.people .tab_content .sec2  dl:nth-child(2) dt {animation-delay: 1.3s;}
.people .tab_content .sec2  dl:nth-child(2) dd {animation-delay: 1.4s;}
.people .tab_content .sec2  dl:nth-child(3) dt {animation-delay: 1.5s;}
.people .tab_content .sec2  dl:nth-child(3) dd {animation-delay: 1.6s;}
.people .tab_content .sec2  dl:nth-child(4) dt {animation-delay: 1.7s;}
.people .tab_content .sec2  dl:nth-child(4) dd {animation-delay: 1.8s;}
.people .tab_content .sec2  dl:nth-child(5) dt {animation-delay: 1.9s;}
.people .tab_content .sec2  dl:nth-child(5) dd {animation-delay: 2.0s;}


/*
.people .modalBox  {text-align: center;}
.people .modalBox  span {display: block;width:96%;margin:0 auto;background:#fff;padding:5% 0;
    box-shadow: -3px 9px 4px 2px rgba(0,0,0,0.5);border: 3px solid #3F51B5;}  
.people .modalBox img  {width:96%;}
.people .modal button span {font-size:30px;} 
.people .modal button {top:5px;right:5px;} 
*/



@media screen and (max-width:980px){
	.cont.people {padding-bottom:0;} 
	.people .tab_content {flex-direction: column;}
	.people .tab_content .sec1, .people .tab_content .sec2 {width:100%;} 
	.people .top_txt {width:96%;font-size:0.8em;margin:0 auto 3%;}  
	.people .tab_content .sec1 {padding:3% 3% 7%;}
	.people .tab_content .sec1 .img {text-align: center;}
	.people .tab_content .sec2 {padding:7% 5%;} 	 
}

@media screen and (max-width:650px){
	.people .tabs li a {width:50px;height: 25px;} 
	.people .tab_content h4 span {font-size:1.4em;letter-spacing: -2px;padding:0 10px 0 0;}
	
	.people .imgC {margin:0 2% 10%;} 
	.people_pop {display: block;} 
	.people .tab_content .sec2 dl {margin:5% 0;} 
	
	.people .tab_content .sec1 h5 {padding:3px 25px;} 
	.people .tab_content .sec1  .img img {max-width:50%;margin:5% auto}  
	.people .tab_content .sec1  .img .pc {display: none;} 
	.people .tab_content .sec1  .img img.mo {display: block;} 
}


/* 검색화면 추가 */
.search_wrap{width:100%; border-top:1px solid #000; margin-top:40px}
.search_wrap .search_row{width:100%; display: flex; padding: 1em 0; align-items: center; }
.search_wrap .search_row:not(:last-of-type){border-bottom:1px solid #ddd;}
.search_wrap .search_row .search_title{font-weight: bold; flex: 0 0 150px;}
.search_wrap .search_row .search_con{width:100%; display: flex; flex-wrap:wrap; position: relative;}
.search_wrap .search_row .search_con .check_wrap {display: flex; flex-wrap:wrap; gap:0.25em;}
.search_wrap .search_row .search_con .check_wrap .cate_check ~ span{border:1px solid #000; padding: 8px 20px; display: inline-block;}
.search_wrap .search_row .search_con .check_wrap .cate_check:checked ~ span{background: #0e4574; border-color: #0e4574; color:#fff; font-weight: bold;}
.search_wrap .search_row .search_con .check_wrap a{font-size: 0.9em; margin-left: 1em; border-bottom: 1px solid #000; white-space: nowrap;}
.search_wrap .search_row .search_con .check_wrap .ico_go{transform:rotate(180deg); display: inline-block; margin-left:10px;}
.search_wrap .search_row .search_con .bbs_sch_slt{height: auto; padding: 0; width:100%; justify-content:start}

@media screen and (max-width:650px){	
	.search_wrap .search_row{flex-direction: column; align-items: start; }
	.search_wrap .search_row .search_title{flex: 0 0 auto; margin-bottom:4px;}
	.search_wrap .search_row .search_con .check_wrap .cate_check ~ span{ padding: 4px 16px;}
	.search_wrap .search_row .search_con .check_wrap a{margin-left:0;}
	.bbs_sch_slt .bbs_sch_fm{width:auto; flex-grow: 1;}
}



/*공공누리 박스*/
/* .detail_sch_view .kogl_box {margin-right:3%;}  */
.kogl_box {border-top:1px solid #ddd;padding:1em 0px;display: flex;align-items: center; justify-content: flex-start; margin-top:1em;}
.kogl_box .img{height: 40px;}
.kogl_box .img img{max-height: 100%;} 
.kogl_box .txt {font-size:0.9em;padding-left:20px;}   


@media screen and (max-width:1200px){
	.detail_sch_view .kogl_box {margin:0;}
}

@media screen and (max-width:768px){	
	.kogl_box .txt {font-size:0.8em;} 
	.kogl_box .txt br {display: none;} 
}


/* 조직도 표 */
.table_org{width:100%; border-collapse: collapse}
	.table_org thead th{background: #034b9e; color:#fff; word-break: keep-all;}
	.table_org tbody th{font-weight: bold; background: #f5f5f5;}
	.table_org tbody th,
	.table_org tbody td{border: 1px solid #ddd; padding: 0.5em;}
	ul.dot li{list-style: disc; list-style-position: inside;}
	ul.dot li::marker{font-size: 10px; color:#034b9e;}
	
	@media screen and (max-width:1024px){
		.table_org colgroup{display: none;} 		
		.table_org thead{display: none;}
		.table_org tbody tr{display: flex; flex-direction: column; width: 100%;}
		.table_org tbody tr th,
		.table_org tbody tr td{border:none; flex:1 1 100%;}
		.table_org tbody tr th{background: #efefef; border-radius: 30px;}
		.table_org tbody th[rowspan]{margin-top: 20px; margin-bottom: 5px; background: #034b9e; color: #fff;}
		.table_org tbody th[colspan]{margin-top: 20px; background: #034b9e; color:#fff;}
	}