@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}


body {width:100%;}
#wrapper{width:100%; margin:0 auto;}

/* header */
header {width:100%; height:130px;position: fixed; top:0;left:0;z-index: 1000;background:rgba(10,15,46,0.7);}
header .header_content {max-width: 96%;height:100%; margin:0 auto;position:Relative;}
header .header_content .logo {margin:0;position:absolute;top:30px; left:0;}
header .header_content .logo img {width:150px;}
header .header_content .topmenu{position:absolute; top:20px; right:0;}
header .header_content .topmenu a{color:#9393c8; font-size:14px;display:inline-block; padding:0 7px;}
header .header_content .topmenu a img{padding:0 3px 2px 0;}


header nav a {transition: all 0.3s;}
header nav a:hover {color: #ff6600;}
header nav > ul {position:absolute;right:-60px;top:40px;display: flex;align-items: center;height: 90px;margin: 0;padding:0;}
header nav > ul > li.nav_1depth {position: relative;width:200px;line-height: 90px;height: 90px;}
header nav > ul > li.nav_1depth > a {display: block;text-align:center;font-size: 20px;color: #fff;font-weight:500;}
header nav > ul > li.nav_1depth > ul.nav_2depth {display:none;position: absolute;top: 90px;left:50%;transform:translate(-50%,0);width:230px;text-align: center;
background:rgba(10,15,46,0.7);padding:25px 0;
}
header nav > ul > li.nav_1depth > ul.nav_2depth li a {display: block;padding:12px 0;line-height:17px;font-size: 17px;color: #fff;}

header nav > ul > li.nav_1depth:hover > a,
header nav > ul > li.nav_1depth:focus > a{color: #c1abff;}

header nav > ul > li.nav_1depth > ul.nav_2depth li a:hover,
header nav > ul > li.nav_1depth > ul.nav_2depth li a:focus {color: #c1abff;}

header .nav_open { display: none; flex-direction: column; gap: 5px; width: 30px; height: 24px; justify-content: center; position: absolute; top: 40px; right: 0; z-index: 9999; cursor: pointer; }
header .nav_open span { height: 3px; background: #fff; display: block; transition: 0.3s; }
header .nav_open.active span:nth-child(1) { transform: rotate(45deg) translate(6px, 5px); }
header .nav_open.active span:nth-child(2) { opacity: 0; }
header .nav_open.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -5px); }
header .lang_box a{ font-size:13px; color:#666;display:inline-block;line-height: 1;padding:0 10px;}
header .lang_box a:last-child {  background:url('../images/main/f_bar.png') 0 0 no-repeat;}
header .lang_box a.on{ color:#8ec31f;}



#mainvisual {width:100%;  height:980px; background:url(../images/main/mainvisual.jpg) center center no-repeat;background-size:cover;position:Relative;}
#mainvisual .maintxt{max-width:1300px; margin:0 auto;}
#mainvisual .maintxt h2{padding:300px 0 0 0;}
#mainvisual .maintxt h2 img{padding:0 0 20px 0;}
#mainvisual .maintxt h3{font-family:'pop', sans-serif;letter-spacing:-0.02em;font-weight:600;color:#d1cce5;font-size:42px;line-height:50px;padding:3px 0 3px 30px;	border-left:3px solid #5640c4; margin:0 0 60px 0;}
#mainvisual .maintxt .slogan {font-size:40px;letter-spacing:-0.02em;color:#fff;margin:0; font-weight:500;line-height:1;}
#mainvisual .maintxt .slogan b{font-weight:900;}


/* section01 */
.section01 {padding:130px 0; background:url(../images/main/sec01_bg.jpg) center center no-repeat; background-size: cover;}
.section01 .sec01_in {max-width: 1300px; margin:0 auto; ;}
.section01 .sec01_in h3 {font-size:48px; font-weight:900; margin:0 0 28px 0; padding:0 ;line-height: 1;  background: linear-gradient(90deg, #cb119b 0% , #423ff5 60%); -webkit-background-clip: text; /* 크롬, 사파리 */  -webkit-text-fill-color: transparent;  background-clip: text;  color:transparent; }
.section01 .sec01_in h4 {font-size:28px; font-weight:900; margin:0 0 50px 0; padding:0 ;line-height: 1.1;color:#5f34b5;}
.section01 .sec01_in h4 span{font-size:20px; font-weight:500;}
.section01 .sec01_in p.txt {font-size: 21px; color:#111111; line-height: 39px;letter-spacing: -0.02em;;}

.section01 .sec01_in p.txt mark{display:inline; background: #1fddff4a;font-weight:600; padding:0 3px;}


/* section02 */
.section02 {display:flex; flex-wrap: wrap;overflow: hidden;}
.section02 > div {width:50%;height: 715px;text-align: center;box-sizing: border-box;padding:135px 0 0 0;
  
}
.section02 > div.event01 {background:url('../images/main/box01_bg.jpg') center center no-repeat; background-size:cover;}
.section02 > div.event02 {background:url('../images/main/box02_bg.jpg') center center no-repeat; background-size:cover;}
.section02 > div.event03 {background:url('../images/main/box03_bg.jpg') center center no-repeat; background-size:cover;}
.section02 > div.event04 {background:url('../images/main/box04_bg.jpg') center center no-repeat; background-size:cover;}
.section02 > div h3{font-size:47px; font-weight:600; color:#fff; letter-spacing: -0.02em; margin:0 0 50px 0; padding:0;}

.section02 > div .info {margin:0 0 50px 0; }
.section02 > div .info .date{font-size:26px ;font-weight:500;color:#fff;margin:0; padding:0;}
.section02 > div .info .date span{font-size:20px;}
.section02 > div .info .place{font-size:18px ;font-weight:400;color:#d9c5f1;margin:0; padding:0;}
.section02 > div.event02 .info .place{color:#dbedfb;}
.section02 > div.event03 .info .place{color:#cedff2;}
.section02 > div.event04 .info .place{color:#c2c6eb;}

.section02 > div .desc{font-size:19px; line-height: 30px;letter-spacing: -0.02em; margin:0 0 60px 0; color:rgba(217,197,241,0.7);}
.section02 > div.event02 .desc{color:rgba(219,237,251,0.7);}
.section02 > div.event03 .desc{color:rgba(206,223,242,0.7);}
.section02 > div.event04 .desc{color:rgba(194,198,235,0.7);}


.section02 > div .go_btn{display:block; width:240px; height: 66px ;line-height: 66px; background-color: #4329b2; border-radius: 8px;font-size: 19px;font-weight: 500;color:#d9c5f1;margin:0 auto;transition:all .3s;position:relative;}
.section02 > div.event02 .go_btn{background-color: #0023a2;color:#dbedfb;}
.section02 > div.event03 .go_btn{background-color: #1e52ab;color:#cedff2;}
.section02 > div.event04 .go_btn{background-color: #281f98;color:#c2c6eb;}
.section02 > div .go_btn:hover, .section02 > div .go_btn:focus{ text-indent: -20px;}
.section02 > div .go_btn:before {
    content: "→";
    font-size: 18px;
    position: absolute;
    font-family: 'pre';
    display: flex;
    align-items: center;
    justify-content: center;
    right: 25px;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 40px;
    color:#ffffff9a;
    transition: all 0.2s linear 0s;
  }
.section02 > div .go_btn:hover::before{  opacity: 1;text-indent: 0px;}
  



/* section03 */
.section03 {padding:100px 0;}
.section03 .notice{max-width:1300px;margin:0 auto;}
.section03 .notice h3{font-size: 38px; color:#111111; font-weight: 600; text-align:center;margin:0 0 60px 0;}
.section03 .notice h3 span{color:#5f45ce;}
.section03 .notice ul{border-top:1px solid #dfdfdf;padding:0;}
.section03 .notice ul li{position: relative;line-height: 100px;border-bottom:1px solid #dfdfdf;padding:0 35px;}
.section03 .notice ul li a{display:block; width:65%;line-height:100px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size:20px;font-weight:500;color:#444444; letter-spacing: -0.02em;transition:all .4s;;}
.section03 .notice ul li .date{position:absolute; top:0;right:35px;font-size:15px; color:#999999;font-weight:500;}
.section03 .notice a.more{display:block; width:200px; margin:40px auto 0; font-size:18px;font-weight:500;color:#b3b3b3;text-align:center;}
.section03 .notice ul li a:hover {color:#5f45ce;}

/* footer */
footer { width:100%; padding:70px 0;background: #2f3031;} 
footer .footer_content {max-width:1300px; margin:0 auto;display:flex;align-items: center;}
footer .footer_content .flogo{margin-right:100px;}
footer .footer_content .f_right{}
footer .footer_content .f_right .address{font-size: 16px; color:#cccccc; line-height: 30px;margin:0 0 20px 0}
footer .footer_content .f_right .sponsor img{ padding-right:20px;}


/* sub */
.subvisual {width: 100%; height:380px;  background:url(../images/sub/subvisual.jpg) center center no-repeat;background-size:cover;} 
.subvisual .subtxt {max-width:1300px; margin:0 auto; box-sizing: border-box;padding:0 30px;} 
.subvisual .subtxt h2 {padding:180px 0 15px;}
.subvisual .subtxt h2 img {height:90px;}
.subvisual .subtxt p.sky {font-family:'pop', sans-serif;font-size:25px;line-height:1;color:#d1cce5;font-weight:600;}


#container{padding:70px 0 150px;}
.subtitle {}
.subtitle h3 {font-size: 45px;text-align: center;font-weight: 500;color:#111; padding:0 0 70px 0;font-weight:600;}
.con_area {max-width:1300px; margin:0 auto;}
.con_area_w100 {max-width:100%; margin:0 auto;}
.con_area h3.st{font-size:30px;font-weight:600;color:#000;letter-spacing: -0.02em; margin:0 0 25px 0;;}
.con_area h3.st:before{content:"";display:block;width:30px;height:2px; background-color: #574dc5;margin:0 0 10px 0;}

/* 프로그램 일정표 */
.program .m_txt{display:none;}

.program table thead tr th{background-color:#31328b; color:#fff; font-size:18px; font-weight:500; padding:8px 5px; border:1px solid #fff; text-align:Center;}
.program table thead tr td{background-color:#60539d; color:#fff; font-size:16px; font-weight:500; padding:8px 5px; border:1px solid #fff; text-align:Center;
    line-height:1.2;
}
.program table tbody tr td {padding:3px 5px; bordeR:1px solid #eee;height:35px;word-break: keep-all;text-align: center;font-size: 16px;}
.program table tbody tr td.time {text-align:center;font-size:14px; color:#333;background-color:#f4f4f4;}
.program table tbody tr td.c01{font-weight:600;background-color:#fdffda;}
.program table tbody tr td.c02{font-weight:600;background-color:#f3c6af;}
.program table tbody tr td.c03{font-weight:600;background-color:#eafff3;}
.program table tbody tr td.c04{font-weight:600;background-color:#b5efe6;}
.program table tbody tr td.c05{font-weight:600;background-color:#efeaff;}
.program table tbody tr td.c06{font-weight:600;background-color:#c4d4ff;}
.program table tbody tr td.c07{font-weight:600;background-color:#dcf8ff;}
.program table tbody tr td.c08{font-weight:600;background-color:#eafbff;}
.program table tbody tr td.c09{font-weight:600;background-color:#efffca;}
.program table tbody tr td.c10{font-weight:600;background-color:#ffd5d5;}
.program table tbody tr td.c11{font-weight:600;background-color:#fff2c4;}
.program table tbody tr td.c12{font-weight:600;background-color:#edbef5;padding:13px 5px;}
.program table tbody tr td.c13{font-weight:600;background-color:#f8eaff;}


/* 기념식 */
.opening table thead tr th{background-color:#262C39; color:#fff; font-size:18px; font-weight:500; padding:8px 5px; border:1px solid #fff; text-align:Center;}
.opening table tbody tr th{background-color:#403e9d; color:#fff; font-size:17px; font-weight:500; padding:8px 5px; border:1px solid #fff; text-align:Center;}
.opening table tbody tr td{padding:14px 25px; font-size:18px; color:#555;line-height:1.4;border:1px solid #ccc;}
.opening table tbody tr td b{color:#000;}
.opening table tbody tr td.time{background-color:#f1f1ff; font-size:15px; text-align: center; color:#5e5d93;padding:3px;}


/* 기관별 주요행사 */
.organi_pro .tabs{display:flex; margin:0 0 80px 0; flex-wrap: wrap;gap:3px;}
.organi_pro .tabs a{display:flex;align-items: center;justify-content: center; width:calc(33.3% - 3px);height:auto; line-height: 20px; padding:8px;text-align: center;border:1px solid #ddd; color:#111; font-size:17px;;font-weight:500;letter-spacing: -0.02em;box-sizing:border-box;word-break: keep-all;min-height:62px;}
.organi_pro .tabs a:hover, .organi_pro .tabs a:focus{background-color:#f5f5f5;}
.organi_pro .tabs a.on{background-color:#301e8f;color:#fff;}
.organi_pro .boxing {margin:0 0 50px 0; }
.organi_pro .boxing a.go_regi {display:inline-block; padding:9px 50px 9px 20px; background-color:#301e8f; color:#fff; border-radius: 60px; font-size:19px;font-weight: 600;margin:0 0 0 8px; position:relative;vertical-align: middle;}
.organi_pro .boxing a.go_site {display:inline-block; padding:9px 50px 9px 20px; background-color:#b71ac0; color:#fff; border-radius: 60px; font-size:19px;font-weight: 600;margin:0 0 0 8px; position:relative;vertical-align: middle;}
.organi_pro .boxing a.go_regi2 {margin:8px 0 0 0;}
.organi_pro .boxing a.go_regi:before, .organi_pro .boxing a.go_site:before
{content: "→";font-size: 18px;position: absolute;font-family: 'pre';display: flex;align-items: center;justify-content: center;right:10px;top: 0;height: 100%;width: 40px;color: #fff;}


.organi_pro .boxing h5{font-size:23px; font-weight:900; color:#301e8f;margin:0 0 20px 0;}
.organi_pro .boxing table.nm_tb{border-top:1px solid #403e9d;margin:0 0 30px 0;}
.organi_pro .boxing table.nm_tb tbody tr th{padding:10px 20px; text-align:center; font-size:18px; color:#000; font-weight:500; border-right:1px solid #ddd; border-bottom:1px solid #ddd;background-color: #f4f4fd;}
.organi_pro .boxing table.nm_tb tbody tr td{padding:10px 20px; ; font-size:18px; color:#000;  border-bottom:1px solid #ddd;}
.organi_pro .boxing .gayo{padding:20px;border:1px solid #ddd; font-size:19px; line-height:29px; color:#000; letter-spacing: -0.03em;margin:0 0 30px 0;;}
.organi_pro .boxing h4{display:inline-block; background-color:#f9f9f9; padding:5px 25px; border-radius:50px;border-left:3px solid #8382c0;
    border-right:3px solid #8382c0;margin:0 0 20px 0;font-weight: 900;}

.organi_pro .boxing table.pro_tb thead tr th{background-color:#403e9d; color:#fff; font-size:18px; font-weight:500; padding:8px 5px; border:1px solid #fff; text-align:Center;}
.organi_pro .boxing table.pro_tb tbody tr th{background-color:#f1f1ff; color:#403e9d; font-size:17px; font-weight:500; padding:8px 8px;border:1px solid #ccc;text-align:Center;word-break: keep-all;}
.organi_pro .boxing table.pro_tb tbody tr td{padding:12px 20px; font-size:17px; color:#333;line-height:28px;border:1px solid #ccc;}
.organi_pro .boxing table.pro_tb tbody tr td b{color:#000;font-weight:500;}
.organi_pro .boxing table.pro_tb tbody tr td.time{ font-size:15px; text-align: center; color:#5e5d93;padding:3px;}

.organi_pro .boxing .poster {margin: 60px 0 0 0;}
.organi_pro .boxing .poster .img {width:700px; }
.organi_pro .boxing .poster .img img {width:100%;height:auto;}
.organi_pro .boxing .poster .spk_box { flex-shrink: 1; }
.organi_pro .boxing .poster .spk_box dl dt{font-size:21px; font-weight:500; border-bottom:1px solid #ddd; margin:0 0 20px 0; padding:0 0 20px 0;}
.organi_pro .boxing .poster .spk_box dl dd{font-size:17px; line-height:30px; color:#333; letter-spacing: -0.03em;;}


/* 개발협력 홍보존 */
.promotion .boxing{margin:0 0 50px 0;}
.promotion .boxing .datetime{border:1px solid #ddd; font-size:20px;font-weight:600;color:#403799;padding:20px 30px;}

.promotion .boxing ul.event{margin:50px 0; padding:0;display:flex;gap:0 25px;justify-content: space-between;}
.promotion .boxing ul.event li{width: calc(33.3333% - 25px);border-radius:15px; overflow:hidden;}
.promotion .boxing ul.event li.box01{background-color:#efe2ff;}
.promotion .boxing ul.event li.box02{background-color:#fff5eb;}
.promotion .boxing ul.event li.box03{background-color:#e9f4ff;}
.promotion .boxing ul.event li h4{padding:15px; text-align:center;color:#fff; font-size:24px; font-weight:600;background-color:#8838ab;}
.promotion .boxing ul.event li.box02 h4{background-color:#ff751f;}
.promotion .boxing ul.event li.box03 h4{background-color:#3f9fff;}
.promotion .boxing ul.event li p{padding:20px 30px; text-align:center ; font-size:19px;font-weight:500; letter-spacing:-0.03em;word-break: keep-all;}
.promotion .boxing table.pro_tb{border-top: 1px solid #000;}
.promotion .boxing table.pro_tb thead tr th{background-color:#f4f4f4; padding:10px; font-size:18px; font-weight:600; text-align: center;color:#000;;}
.promotion .boxing table.pro_tb tbody tr th{padding:10px; border-bottom:1px solid #ddd; font-weight:600; color:#000;font-size:18px; text-align:center;}
.promotion .boxing table.pro_tb tbody tr td{text-align:center; font-size:18px; border-bottom:1px solid #ddd; padding:10px;}
.promotion .boxing ul.team{padding:30px 20px; background-color:#eff5ff;border-radius:20px;display:flex;gap:30px ; justify-content: center;flex-wrap: wrap;;}
.promotion .boxing ul.team li{width:calc(33.3333% - 20px);}
.promotion .boxing ul.team li .img{overflow:hidden;border-radius:20px;;margin:0 ; padding:0;}
.promotion .boxing ul.team li .img img{width:100%;height:auto;}
.promotion .boxing ul.team li  .txt{margin:10px 0 0; padding:20px; background-color:#fff;border-radius:20px;min-height:192px;}
.promotion .boxing ul.team li  .txt h5{font-size:26px;font-weight:900; text-align:center;}
.promotion .boxing ul.team li  .txt .date{background-color:#f4f4f4; padding:3px; border-radius:50px;text-align:center;color: #0b62f1;}
.promotion .boxing ul.team li  .txt .desc{margin:10px 0; padding:0; font-size:17px; color:#333; text-align:Center; word-break: keep-all;line-height:23px;}

.promotion .boxing ul.movie{padding:20px 20px; background-color:#def3ec;border-radius:20px;display:flex;gap:20px ; justify-content: flex-start;flex-wrap: wrap;;}
.promotion .boxing ul.movie li{width:calc(50% - 10px);display:flex; }
.promotion .boxing ul.movie li .img{width:200px;overflow:hidden;border-radius:20px 0 0 20px;;margin:0 ; padding:0;}
.promotion .boxing ul.movie li .img img{width:100%;height:100%;}
.promotion .boxing ul.movie li  .txt{width:calc(100% - 200px); margin:0; padding:20px; background-color:#fff;border-radius:0 20px 20px 0;}
.promotion .boxing ul.movie li  .txt h5{font-size:21px;font-weight:900;}
.promotion .boxing ul.movie li  .txt .date{background-color:#f4f4f4; padding:3px; border-radius:50px;text-align:center;color: #0b62f1;}
.promotion .boxing ul.movie li  .txt .desc{margin:10px 0; padding:0; font-size:17px; color:#333;  word-break: keep-all;line-height:23px;}


/* ODA 사진전*/
.photozone .boxing{margin:0 0 60px 0;}
.photozone .boxing .slogan{background:url('../images/sub/oda_top.jpg') center 100% no-repeat;text-align:center; font-family: 'tmon',sans-serif;font-size:37px;padding:60px 0 100px;color: #273b1f;}
.photozone .boxing .gayo{text-align:Center; font-size:22px;line-height: 32px;font-weight:500;color:#111;;}
.photozone .boxing ul.zone{display:flex; gap:30px; flex-wrap: wrap;padding:0;margin:40px 0;}
.photozone .boxing ul.zone li{width:calc(50% - 15px);border:6px solid #eaf2f3;padding:30px;border-radius: 10px;;}
.photozone .boxing ul.zone li.z02{border:6px solid #f2f8e6;}
.photozone .boxing ul.zone li.z03{border:6px solid #fcf6ea;}
.photozone .boxing ul.zone li.z04{border:6px solid #edeaf3;}

.photozone .boxing ul.zone li h4{font-weight:900;font-size:27px;color:#2a7f53; padding:0; margin:0 0 15px 0;line-height: 1;;}
.photozone .boxing ul.zone li.z02 h4{color:#92cb21;}
.photozone .boxing ul.zone li.z03 h4{color:#d28e06;}
.photozone .boxing ul.zone li.z04 h4{color:#7f60bc;}

.photozone .boxing ul.zone li h5{font-size:22px; font-weight:600;color:#000;line-height: 1;;}
.photozone .boxing ul.zone li h5:afteR{content:"";display:block; width:60px; height:1px; background-color:#ccc;margin:20px 0;}

.photozone .boxing ul.zone li p{font-size:18px; color:#333;margin:0;padding:0;line-height: 1;;}
.photozone .boxing p.normal{font-size:18px; color:#333; letter-spacing: -0.03em;;}
.photozone .boxing table{border-top: 1px solid #000;}
.photozone .boxing table thead tr th{background-color:#f4f4f4; padding:10px; font-size:18px; font-weight:600; text-align: center;color:#000;;}
.photozone .boxing table tbody tr th{padding:10px; border-bottom:1px solid #ddd; font-weight:600; color:#000;font-size:18px; text-align:center;border-right:1px solid #ddd;}
.photozone .boxing table tbody tr td{text-align:center; font-size:18px; border-bottom:1px solid #ddd; padding:10px;border-left:1px solid #ddd;}



/*온라인홍보존 */
.online ul{display:flex; gap:50px 30px;flex-wrap:wrap;padding:0;margin:0;}
.online ul li{width:calc(33.3333% - 60px/3);border:1px solid #ddd;border-radius:15px 15px 0 0;}
.online ul li .img{width:100%;height:230px; overflow:hidden;padding:0; margin:0;border-radius:15px;}
.online ul li .img img{width:100%;height:100%;}
.online ul li .tbox{margin:0;padding:22px;}
.online ul li .tbox .tit{display:inline-block; padding:5px 20px; border-radius:40px; border:1px solid #ccc;font-size:14px;line-height: 1;margin:0 0 15px 0;}
.online ul li .tbox .tit_off{border:1px solid #ddd;color:#888;}
.online ul li .tbox .tit_on{border:1px solid blue;color:blue;}
.online ul li .tbox .tit_hu{border:1px solid #07d426;color:#07d426;}
.online ul li .tbox .title{font-size:20px;font-weight:600;color:#000;line-height:26px;margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #ddd;}
.online ul li .tbox .date{font-size:16px; color:#666;margin:0; padding:0 0 0 25px; background:url('../images/sub/event_cal.png') 0 center no-repeat;}


/* 등록 */
.regi_pre .boxing{margin:0 0 60px 0;}
.regi_pre .regi_step{display:flex; justify-content: center;}
.regi_pre .regi_step .step_box{display:flex; align-items:center; position:relative;border: 2px solid #013f98;margin-right: 30px;box-sizing: border-box;
    flex-direction: column;width:30%;padding:40px 0;font-size:22px;color:#000;font-weight:900;
}
.regi_pre .regi_step .step_box span{display:inline-block; padding:5px 16px; border-radius:40px; background-color:#013f98;color:#fff; font-weight:900;font-size:14px;}
.regi_pre .regi_step .step_box img{padding:10px 0;}
.regi_pre .regi_step .step_box_yell{border-color: #e3b014;}
.regi_pre .regi_step .step_box_yell span{background-color:#e3b014;}
.regi_pre .regi_step .step_box .step_arrow {position:Absolute; top:43%;right:-20px;}
.regi_pre .gray{padding:30px; background-color:#f4f4f4;}
.regi_pre .gray p.dot {padding-left:10px; position:relative; font-size:19px; color:#111; line-height:27px; margin:0 0 7px 0;letter-spacing: -0.02em;;}
.regi_pre .gray  p.dot:before{content:"";display:block;width:4px; height:2px; background-color:#013f98; position:Absolute; top:13px; left:0;}
.regi_pre .btn_box {margin:50px 0 0;}
.regi_pre .btn_box a{display:block; width:350px;height:75px;line-height: 75px; color:#fff; font-size:30px; font-weight:600; background-color:#0066B3;border-radius:75px; margin:0 auto; text-align:center;}
.regi_pre .btn_box a img{padding:0 0 0 20px; vertical-align: baseline;transition:all .3s ease;box-sizing: unset;}
.regi_pre .btn_box a:hover img, .regi_pre .btn_box a:focus img{padding:0 0 0 30px;}
.regi_pre .btn_box a:hover, .regi_pre .btn_box a:focus {background-color:#004173;}


.regi_form .boxing{margin:0 0 50px 0;}
.regi_form .date_box{background:url('../images/sub/sky_calendar.png') 42px center no-repeat #eef5ff; padding:30px 20px 30px 80px;font-size:21px; font-weight:600;color:#167cd3;}
.regi_form  table{border-top: 1px solid #0066B3;}
.regi_form  table tr th{color: #0066B3;font-size:18px;font-weight: 600;  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center;
    padding:15px 5px;
}
.regi_form  table tr td{color: #222;font-size:18px; border-bottom: 1px solid #ccc;   padding:15px 20px;}
.regi_form  table tr td .inputs{border:1px solid #ccc; padding:0 0 0 20px; height:50px; line-height:50px;border-radius:3px;width:85%;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);outline:none;
}
.regi_form  table tr td .inputs:focus {border-color:#0066B3;}
.regi_form .go_btn{margin:40px auto;display:block; width:350px;height:65px;line-height: 1;border-radius:65px;color:#fff; font-size:30px; font-weight:600; background-color:#0066B3;outline:none;border:none;font-family: inherit;;}
.regi_form .go_btn:hover, .regi_form .go_btn:focus {background-color:#004173;}





/* 아카이브 */
.archive .boxing{margin:0 0 90px 0;}
.archive .boxing .a_box{display:flex;}
.archive .boxing .a_box .poster{width:440px; margin-right:70px;}
.archive .boxing .a_box .poster img{width:100%; height:auto;border-radius: 5px;box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.archive .boxing .a_box .info { flex-grow: 1;padding:20px 0 0;}
.archive .boxing .a_box .info table{width:100%;}
.archive .boxing .a_box .info table tbody tr th{padding:20px 4px 20px 20px; text-align:left; font-size:19px; font-weight: 900;vertical-align: text-top;border-top:1px solid #403799;color:#403799;}
.archive .boxing .a_box .info table tbody tr td{padding:20px 4px 20px 20px; font-size:18px; border-top:1px solid #ddd; line-height: 1.7;color:#222;}


/***************반응형 *********************************************************/

 @media   (max-width: 1260px) {
	

    header nav > ul  {right: -40px;}
    header nav > ul > li.nav_1depth {width: 150px;}
    header nav > ul > li.nav_1depth > a {font-size:18px;}
    header nav > ul > li.nav_1depth > ul.nav_2depth {width:170px;}
    header nav > ul > li.nav_1depth > ul.nav_2depth li a{font-size:15px;}

    .con_area {padding:0 30px;}
    .con_area_w100 {padding:0 30px;}

    #mainvisual .maintxt{padding:0 50px;}

        
    /* footer */
    footer { padding:70px 20px;} 
    footer .footer_content .flogo{margin-right:70px;}


}


 @media (max-width: 1024px) {
        

	body {min-width:320PX;}

	/* header */
	header { height:85px;}
    header .header_content .topmenu{top:10px;}
	header .header_content {width: auto;}
	header .header_content .logo { top:20px;}
    header .header_content .logo img{width:110px;}

	header nav > ul {display: flex !important;flex-direction: column;position: fixed;top: -10px;left: -110%;width: 100%;height: 95vh !important;border-radius:10px;
		background: #1b153d;box-sizing:Border-box;padding: 70px 20px 0;transition: left 0.3s ease;z-index: 9999;box-shadow:0 0 10px rgbA(0,0,0,0.2);}

	header .nav_open {display: flex !important;}
	header nav > ul.open {left: 0;}
	
    header nav > ul > li.nav_1depth {width: 100%;border-bottom:1px solid rgba(255,255,255,0.2);height:auto;line-height:1;padding:25px 0;}
    header nav > ul > li.nav_1depth a{font-size:18px;text-align:left;}
	  header nav > ul > li.nav_1depth:hover,     header nav > ul > li.nav_1depth:focus {background:none;}
	  header nav > ul > li.nav_1depth:hover a, header nav > ul > li.nav_1depth:focus a{color:#fff;}
	header nav > ul > li.nav_1depth > ul.nav_2depth {position:static;width:100%; padding:15px 0 0; transform:translate(0,0); display:flex; justify-content:flex-start; gap:10px; 
		background:none;flex-wrap:wrap;
	}
	header nav > ul > li.nav_1depth > ul.nav_2depth li a {color:#f7f5ff; padding: 0; }



	#mainvisual {height:700px; }
    #mainvisual .maintxt h2{padding:200px 0 0 0;}
    #mainvisual .maintxt h2 img{height:150px;}
    #mainvisual .maintxt h3{font-size:32px;line-height:40px;padding:3px 0 3px 20px;	margin:0 0 40px 0;}
    #mainvisual .maintxt .slogan {font-size:30px;}



    /* section01 */
    .section01 {padding:100px 20px; background:url(../images/main/sec01_bg.jpg) 100% center no-repeat; background-size: cover;}
    .section01 .sec01_in h3 {font-size:40px;}
    .section01 .sec01_in p.txt {font-size: 18px;line-height: 34px;letter-spacing: -0.02em;;}


    /* section02 */
    .section02 > div {width:50%;height: 515px;text-align: center;box-sizing: border-box;padding:90px 30px 0;}
    
    .section02 > div h3{font-size:30px; margin:0 0 30px 0; }
    .section02 > div .info {margin:0 0 30px 0; }
    .section02 > div .info .date{font-size:18px ;}
    .section02 > div .info .date span{font-size:20px;}
    .section02 > div .info .place{font-size:16px;}
    .section02 > div .desc{font-size:15px; line-height:25px;margin:0 0 30px 0; word-break: keep-all;min-height:100px;}
    .section02 > div .desc br{display:none;}
    .section02 > div .go_btn{width:210px; height:55px ;line-height: 55px; font-size: 17px;}
    


    /* section03 */
    .section03 {padding:100px 20px;}
    .section03 .notice h3{font-size: 30px; }
    .section03 .notice ul li{line-height:80px;padding:0 25px;}
    .section03 .notice ul li a{line-height:80px; font-size:18px;}
    .section03 .notice ul li .date{right:25px;font-size:14px;}
    .section03 .notice a.more{font-size:16px;}



	/* sub layout  */
	.subvisual {background-position:75% center ;height:350px;} 
	.subvisual .subtxt h2 {padding:150px 0 15px 0;}
	.subvisual .subtxt p.sky {font-size:20px;}
	
	.subtitle h3 {padding:0 0 50px 0;}
	.con_area h3.st {font-size: 24px;word-break: keep-all;  }
	
        
    /* 프로그램 일정표 */
    .program table thead tr th{ font-size:16px; padding:8px 5px; }
    .program table thead tr td{ font-size:14px;  padding:8px 5px;; }
    .program table tbody tr td {height:30px;font-size: 14px;line-height: 1.2;;}
    .program table tbody tr td.time {font-size:12px;}
	



    .promotion .boxing ul.team{ border-radius:10px;gap:30px 10px ; }
    .promotion .boxing ul.team li{width:calc(33.3333% - 20px/3);}
    .promotion .boxing ul.team li .img{border-radius:10px;;}
    .promotion .boxing ul.team li  .txt{margin:5px 0 0; border-radius:10px;}
    .promotion .boxing ul.team li  .txt h5{font-size:22px;}
    .promotion .boxing ul.team li  .txt .date{ font-size:14px;}
    .promotion .boxing ul.team li  .txt .desc{font-size:15px;line-height:18px;}

    .promotion .boxing ul.movie{border-radius:10px;}
    .promotion .boxing ul.movie li{width:100%;}
    .promotion .boxing ul.movie li .img{border-radius:10px 0 0 10px;}
    .promotion .boxing ul.movie li  .txt{border-radius:0 10px 1% 0;}
    .promotion .boxing ul.movie li  .txt h5{font-size:20px;}
    .promotion .boxing ul.movie li  .txt .date{font-size:14px;}
    .promotion .boxing ul.movie li  .txt .desc{font-size:15px;line-height:18px;}


        
    /*온라인홍보존 */
    .online ul{gap:50px 20px;}
    .online ul li{width:calc(33.3333% - 40px/3);}
    .online ul li .img{height:200px;}


    /* 아카이브 */
    .archive .boxing{margin:0 0 90px 0;}
    .archive .boxing .a_box{display:block;}
    .archive .boxing .a_box .poster{width:auto;margin:0 0 30px 0; text-align:Center;}
    .archive .boxing .a_box .poster img{width:auto; max-width:300px;}
    .archive .boxing .a_box .info table tbody tr th{padding:20px 4px 20px 15px;font-size:15px;}
    .archive .boxing .a_box .info table tbody tr td{padding:20px 4px 20px 15px; font-size:15px; line-height: 1.4;word-break: keep-all;letter-spacing: -0.03em;}



}




 @media (max-width: 768px) {
    header .header_content{max-width:94%;}
    header .header_content .logo {top:33px;}
    header .header_content .logo img {width:90px;}
    header .header_content .topmenu a{font-size:12px; padding:0 4px;letter-spacing:-0.03em;}
    header .header_content .topmenu a img{padding:0 2px 2px 0;}
    .mobile_display_none{display:none;}



	#mainvisual {height:500px; }
    #mainvisual .maintxt{padding:0 20px;}
    #mainvisual .maintxt h2{padding:140px 0 0 0;}
    #mainvisual .maintxt h2 img{height:90px;}
    #mainvisual .maintxt h3{font-size:20px;line-height:28px;padding:3px 0 3px 15px;	margin:0 0 40px 0;}
    #mainvisual .maintxt .slogan {font-size:22px;line-height: 1.3;word-break: keep-all;}


    /* section01 */
    .section01 {padding:60px 20px;}
    .section01 .sec01_in h3 {font-size:33px;line-height:1.3;margin:0 0 20px 0;}
    .section01 .sec01_in h3 span{display: block;}
    .section01 .sec01_in p.txt {font-size: 16px;line-height: 30px;word-break: keep-all;}
    .section01 .sec01_in h4 {font-size:22px;line-height: 1.3;word-break: keep-all;}
    .section01 .sec01_in h4 span{font-size:16px; }

    /* section02 */
    .section02 > div {width:100%;height: auto;padding:70px 20px;}
    
    .section02 > div h3{font-size:27px;}
    .section02 > div .info .date{font-size:18px ;}
    .section02 > div .info .date span{font-size:14px;}
    .section02 > div .info .place{font-size:15px;}
    .section02 > div .desc{margin:0 0 30px 0;min-height:auto;}
    .section02 > div .desc br{display:none;}
        


    /* section03 */
    .section03 {padding:60px 20px;}
    .section03 .notice h3{font-size: 30px; margin:0 0 25px 0;}
    .section03 .notice ul li{line-height:70px;padding:0 15px;}
    .section03 .notice ul li a{width:60%;line-height:70px; font-size:16px;}
    .section03 .notice ul li .date{right:15px;font-size:12px;letter-spacing:-0.03em;}
    .section03 .notice a.more{font-size:15px;text-align:center;}



	/* footer */

	footer .footer_content{display:block;text-align:Center;}
	footer .footer_content .flogo{margin:0 0 20px 0;}
	footer .footer_content .flogo img{height:50px;}
    footer .footer_content .f_right .address {font-size:14px;line-height: 25px;;}
	footer .footer_content .f_right .sponsor img{height:20px;}

	/* sub layout  */
	#container{padding:50px 0 100px;}
	.subvisual {height:250px;} 
	.subvisual .subtxt  {padding-right:30px;}
	.subvisual .subtxt h2 {padding:115px 0 10px 0;}
	.subvisual .subtxt h2 img{height:55px;}
	
	.subvisual .subtxt p.sky {font-size:16px;line-height:1.3;word-break:keep-all;}
	
	.subtitle h3 {padding:0 0 30px 0;font-size:35px;}
	
        
    /* 등록 */
    .regi_pre .regi_step{ flex-direction:column;}
    .regi_pre .regi_step .step_box{margin: 0 0 30px 0;width:auto;padding:30px 0;font-size:18px; }
    .regi_pre .regi_step .step_box > img{padding:10px 0;width:80px;}
    .regi_pre .regi_step .step_box .step_arrow {top:auto;bottom:-24px;right:50%;margin-right:-9px;}
    .regi_pre .regi_step .step_box .step_arrow img {transform: rotate(90deg);height:30px;  padding:0;}
	.regi_pre .gray {padding:20px;}
    .regi_pre .gray p.dot { font-size:15px; line-height:22px; word-break: keep-all;}
    .regi_pre .gray  p.dot:before{ height:2px;top:10px;}
    .regi_pre .btn_box a{width:250px;height:60px;line-height: 60px; font-size:25px;border-radius:60px;}
    .regi_pre .btn_box a img{width: 20px;}
    
    .regi_form .date_box{background:url('../images/sub/sky_calendar.png') 18px center no-repeat #eef5ff; padding:30px 10px 30px 50px;font-size:17px;}
    .regi_form  table tr th{font-size:14px;line-height:18px; padding:15px 5px;word-break: keep-all;}
    .regi_form  table tr td{font-size:14px; padding:15px 16px;}
    .regi_form  table tr td .inputs{padding:0 0 0 15px; height:45px; line-height:45px;width:100%; }
    .regi_form .go_btn{width:260px;height:50px;font-size:23px; }

    /* 프로그램 일정표 */
    .program .m_scroll{overflow-x:scroll;}
    .program .m_txt{display: block; font-size: 13px;color: #555;;}
    .program table{width:1000px;}
    .program table thead tr th{ font-size:14px; }
    .program table thead tr td{ font-size:13px;  }
    .program table tbody tr td {font-size: 13px;}
    .program table tbody tr td.time {font-size:11px;}
	



    /* 기념식 */
    .opening table thead tr th{font-size:14px;}
    .opening table tbody tr th{font-size:13px;}
    .opening table tbody tr td{padding:12px 10px; font-size:13px; line-height:1.4;word-break: keep-all;}
    .opening table tbody tr td.time{font-size:11px; }

    /* 기관별 주요행사 */
    .organi_pro .tabs{margin:0 0 50px 0;}
    .organi_pro .tabs a{width:calc(50% - 3px);line-height:16px; padding:8px 5px; font-size:14px;min-height:auto;}
    .organi_pro .boxing {margin:0 0 50px 0; }
    .organi_pro .boxing a.go_regi, .organi_pro .boxing a.go_site {margin:10px 0 0 0;font-size:15px;}

    .organi_pro .boxing h5{font-size:18px;word-break: keep-all; line-height: 26px;;}
    .organi_pro .boxing table.nm_tb tbody tr th{padding:10px 5px; font-size:14px;}
    .organi_pro .boxing table.nm_tb tbody tr td{padding:10px 8px; ; font-size:14px;}
    .organi_pro .boxing table.nm_tb tbody tr td img{height:27px;}
    .organi_pro .boxing .gayo{font-size:14px; line-height:21px;}
    .organi_pro .boxing h4{padding:5px 25px;font-size:17px;}

    .organi_pro .boxing table.pro_tb thead tr th{font-size:14px;}
    .organi_pro .boxing table.pro_tb tbody tr th{font-size:14px;padding:8px 5px;}
    .organi_pro .boxing table.pro_tb tbody tr td{padding:12px 5px; font-size:13px;}
    .organi_pro .boxing table.pro_tb tbody tr td.time{ font-size:12px;}

    .organi_pro .boxing .poster {display:block;}
    .organi_pro .boxing .poster .img {width:auto; max-width:350px; margin:0 0 30px 0;text-align:Center;}
    .organi_pro .boxing .poster .spk_box dl dt{font-size:17px; }
    .organi_pro .boxing .poster .spk_box dl dd{font-size:15px; line-height:25px;}


    /* 개발협력 홍보존 */
    .promotion .boxing .datetime{font-size:16px;padding:15px 20px;}

    .promotion .boxing ul.event{display:block;}
    .promotion .boxing ul.event li{width:100%;margin:0 0 20px 0;}
    .promotion .boxing ul.event li h4{font-size:18px;}
    .promotion .boxing ul.event li p{font-size:18px;}
    .promotion .boxing table.pro_tb thead tr th{ font-size:14px;}
    .promotion .boxing table.pro_tb tbody tr th{padding:10px 5px;font-size:14px;}
    .promotion .boxing table.pro_tb tbody tr td{font-size:14px; padding:10px 5px;line-height: 18px;word-break: keep-all;}
    .promotion .boxing ul.team li{width:100%;}
    .promotion .boxing ul.movie li {display:block;}
    .promotion .boxing ul.movie li .img{border-radius:10px;display: flex;justify-content: center;align-items: center;width:100%;max-width:300px;margin:0 0 10px 0;}
    .promotion .boxing ul.movie li .txt {width:100%;}
    .promotion .boxing ul.movie li .txt h5{font-size:18px;}


    /*온라인홍보존 */
    .online ul{gap:20px 0;}
    .online ul li{width:100%;}
    .online ul li .img{height:auto;}
    .online ul li .tbox .title{font-size:18px; line-height:23px;}
    .online ul li .tbox .date{font-size:14px;background-size:15px;padding:0 0 0 18px;background-position:0 2px;}
    .online ul li .tbox .tit{padding: 2px 15px;font-size: 13px;    margin: 0 0 10px 0;}


    /* ODA 사진전*/
    .photozone .boxing{margin:0 0 60px 0;}
    .photozone .boxing .slogan{background: url(../images/sub/oda_top.jpg) 0 100% no-repeat #eaf2f3;background-size: 270%;font-size:22px;padding:60px 20px 100px;}
    .photozone .boxing .gayo{font-size:17px;line-height:25px;word-break: keep-all;}
    .photozone .boxing ul.zone{display:block; }
    .photozone .boxing ul.zone li{width:100%;margin:0 0 12px 0;padding:20px;}

    .photozone .boxing ul.zone li h4{font-size:22px;}
    .photozone .boxing ul.zone li h5{font-size:18px;}
    .photozone .boxing ul.zone li p{font-size:15px;line-height: 1.3;;}
    .photozone .boxing p.normal{font-size:15px;}
    .photozone .boxing table thead tr th{font-size:13px;}
    .photozone .boxing table tbody tr th{padding:10px 5px; font-size:14px; }
    .photozone .boxing table tbody tr td{font-size:13px;padding:10px 5px;line-height:18px;}



}



 @media (max-width: 345px) {
    header .header_content .topmenu a{font-size:11px;padding:0 1px;}
 }