@media screen and (max-width:1024px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 40px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:block;}
.mob_img {display:none;}
.pc {display:none;}
.tab {display:block;}
.mob {display:none;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:1200px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%;}


.nav_btn{display: block; background: url('/assets/images/main/main_nav.png')center no-repeat; background-size:cover; width: 25px; height: 25px;}
.all_btn{display: none;}



/* header */
#header{width: calc(100% - 50px); height: 80px;}
#header .inner{width: calc(100% - 50px); height: 100%;}


/* gnb */
#header .gnb{display: none;}


/* navigation */
.navigation{position: fixed;left: 0;top: 120px;width: 100%;height: 100%;z-index: 3500; display:none;}
.navigation .lnb{position:absolute; top: 0; z-index:5000; width: calc(100% - 50px); background-color:#fff;height:100%; left: 50%; transform:translateX(-50%); border-radius: 20px;}
.navigation.on{display:block;}
.navigation h3{width:100%;}
.navigation h3.active a:after{background:url(/assets/images/main/main_nav_arw_tab.png)center no-repeat; background-size:cover; width: 13px; height: 7px;}
.navigation h3 a{position: relative;line-height: 50px;width:100%; display: flex;align-items: center;padding: 0 20px;color:#222222;font-size:16px;font-weight: 600; border-bottom:1px solid #dddddd;}
.navigation h3.active a{border-bottom: 1px solid var(--co01);}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 20px;width: 13px;height: 7px;background:url(/assets/images/main/main_nav_arw2_tab.png)center no-repeat;background-size:cover ;}
.navigation ul{display: block; padding:15px 0;background:#f6f6f6;}
.navigation ul li a{color:#666;font-size:14px;font-weight: 400;margin-left: 20px; word-break:keep-all;line-height: 30px; transition:.3s;}
.navigation ul li:hover a{color: var(--co01); font-weight: 600; transition:.3s;}
.navigation ul li a.on{color: #222;}
.navigation ul li a:after{display: none;}
.navi_bg{display: none;position: absolute;top: 0; left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1000;} 
ul.sub_menu_box li a br{display: none;}

/* visual */
#visual_wrap .main_con{top: 50%; flex-direction: column; width: calc(100% - 80px);}
#visual_wrap .item{padding: 17px 23px; overflow: hidden;}
#visual_wrap .item p{font-size: 1rem;}
#visual_wrap .item img{width: 80%; max-width:100%;}
#visual_wrap .big_item .item05{max-width: 48%; flex: 1 1 25%;}
#visual_wrap .txt_wrap ul li{font-size: 13px; line-height: 1.2;}
#visual_wrap .item10 .txt_wrap ul{margin-top: 25px;}
#visual_wrap .item.item_txt .inner_txt{height: 70%; font-size: 0.875rem; overflow-y: auto;}

#visual_wrap .sponsor_pc{display: none;}


#visual_wrap .sponSlide{display: block; width: 100%;}
#visual_wrap .sponSlide .swiper-slide a{display: flex; align-items: center; justify-content: center;height: 70px;background: #fff;padding: 5px;overflow: hidden;}
#visual_wrap .sponSlide .swiper-slide a:hover img{transform:scale(1.05); transition:.3s;}
#visual_wrap .sponSlide .swiper-slide a{height:50px:}
#visual_wrap .sponSlide .swiper-slide a img{width: 100%;height: 100%;object-fit: contain; transition:.3s;}
#visual_wrap .swiper-button-prev{left: 0;}
#visual_wrap .swiper-button-next{right: 0;}
#visual_wrap .swiper-button-prev, #visual_wrap .swiper-button-next{width: 30px; height: 30px; color: #fff; background: #ddd; border-radius:50%; margin-top: 0; transform:translateY(-50%);}
#visual_wrap .swiper-button-prev svg, #visual_wrap .swiper-button-next svg{width: 8px;}


#footer{padding-block: 40px;}
#footer .inner{flex-direction: column-reverse; gap:30px;}
#footer .inner p{margin-bottom: 10px;}
#footer .copy {margin-top: 20px;}


/* sub */

#sub_visual_wrap { position:relative;}
#sub_visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:60%; transform:translateY(-50%); text-align:center; line-height:1;}
#sub_visual_wrap .txt_wrap h2 { margin-bottom:34px; font-size:35px; color:#fff; font-weight:600;}
#sub_visual_wrap .txt_wrap .sub_list { display:flex;align-items:center;gap:43px;justify-content: center;}
#sub_visual_wrap .txt_wrap .sub_list li { position:relative;font-size:15px; color:#fff; font-weight:400;}
#sub_visual_wrap .txt_wrap .sub_list li::before { content:''; position:absolute; right:-23px; top:5px;width: 4px;height: 4px;border-radius: 50%;background: #fff;}
#sub_visual_wrap .txt_wrap .sub_list li:last-child::before{display: none;}


#sub_contents{padding: 60px 0;}
#sub_contents .contop h3{font-weight: 500;font-size: 35px;line-height: 1;margin-bottom: 55px;text-align: center;color: #222;}
#sub_contents.inner_none > .inner {padding: 0;}

h3.h3_tit{position: relative; padding-left: 35px; font-size: 25px; color: var(--co02);}
h3.h3_tit::after{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 25px; height: 25px; border-radius: 50px; border: 7px solid #1B2A7E;}

table.tbl01{width:100%;}
table.tbl01 tr th{font-size: 18px;}
table.tbl01 tr td{font-size: 16px;}


/* sub0101 */
.sub0101_wrap .cate_box ul li a{padding-block:15px; font-size: 18px;line-height: 1.3; }
.sub0101_wrap .con_box{margin-top: 60px;}

.sub0101_wrap .con_box .info_box {display: flex; gap:30px; margin-top: 30px; flex-direction: column;}
.sub0101_wrap .con_box .info_box h4{width: 100%; font-size: 24px; }
.sub0101_wrap .con_box .info_box h4 span{display:inline;}
.sub0101_wrap .con_box .right_con p{font-size: 16px; }

.sub0101_wrap .con_box.box02 .right_con ul{ gap:20px; }
.sub0101_wrap .con_box.box02 .right_con .txt_box{padding: 15px 20px; }
.sub0101_wrap .con_box.box02 .right_con .txt_box3::before{position: absolute; content:''; background:url('/assets/images/sub/sub0101_icon01.png'); bottom:20px; right:24px; width:112px;     height: 124px;}

.sub0101_wrap .con_box.box03 .right_con ul{gap:20px; }
.sub0101_wrap .con_box.box03 .right_con .step_list .step_tit{font-size: 16px; }
.sub0101_wrap .con_box.box03 .right_con .step_list p{font-size: 16px;}

.sub0101_wrap .con_box .right_con a.btn{width: 20.75rem;height: 4rem;font-size: 18px;line-height: 4rem;}

/* sub0102 */
.sub0201_wrap .bg{background:url('/assets/images/sub/sub0201_backimg01.png') bottom no-repeat; background-size:cover; display: flex; justify-content: center; gap:80px; padding-top: 40px; }
.sub0201_wrap .con01 {width:100%; margin:0 auto; display: flex; gap:40px;padding: 0 2.6%; padding-bottom: 40px;}
.sub0201_wrap .con01 .left{width:35%;}
.sub0201_wrap .con01 .left img{width:100%;}
.sub0201_wrap .con01 .left .info{margin-top: 20px;}
.sub0201_wrap .con01 .left .info span{font-size: 30px;}
.sub0201_wrap .con01 .left .info p{font-size: 16px;}
.sub0201_wrap .con01 .right{width:65%;}
.sub0201_wrap .con01 .right h4{font-size: 30px;padding-top: 40px;    color: #ddd;}
.sub0201_wrap .con01 .right h4 br{display: none; }
.sub0201_wrap .con01 .right h4 span{color:#fff; display:inline;}
.sub0201_wrap .con01 .right .txt_wrap{margin-top: 50px; display: flex;  flex-direction: column; gap:10px;}
.sub0201_wrap .con01 .right .txt_wrap p{font-size: 16px;}

.sub0201_wrap .con02{margin-top: 100px;}
.sub0201_wrap .bg.con02{background:url('/assets/images/sub/sub0201_backimg02.png') bottom no-repeat;background-size: cover; }
.sub0201_wrap .con02 .left .info span em{color: #1B2A7E;font-size: 25px;font-weight: 700; padding-right: 20px;}
.sub0201_wrap .con02 .right .txt_wrap p{color: #444;}
.sub0201_wrap .con02 .left .info span{color: #1B2A7E;}
.sub0201_wrap .con02 .left .info p{color: #444;}
.sub0201_wrap .con02 .right h4{color:#222;}

/* sub0202 */
.sub0202_wrap h3{font-size:32px; margin-bottom: 40px;}
.sub0202_wrap .con01 .box p{font-size: 22px; margin-bottom: 20px;}
.sub0202_wrap .con01 .box ul.dot_list{ width:80%; margin:0 auto;}
.sub0202_wrap .con01 .box ul.dot_list li{font-size: 18px; padding-left: 20px;}
.sub0202_wrap .con01 .box ul.dot_list li::before{position: absolute;  content:'';width: 6px;height: 6px; background:#1B2A7E; border-radius:10px; top:50%; left:0; transform:translateY(-50%); }

.sub0202_wrap .con02{margin-top: 80px;}
.sub0202_wrap .con02 ul { gap:60px;}
.sub0202_wrap .con02 ul li{display: flex; gap:60px; align-items: flex-end;}
.sub0202_wrap .con02 ul li img{width:50%; }
.sub0202_wrap .con02 ul li .txt{gap:30px;}
.sub0202_wrap .con02 ul li .txt span{font-size: 45px;}
.sub0202_wrap .con02 ul li .txt b{font-size: 20px;}
.sub0202_wrap .con02 ul li .txt p{font-size: 14px;}

/* sub0203 */
.sub0203_wrap .con ul{margin-top: 30px; display:grid; grid-template-columns: repeat(3, 1fr); gap:40px 50px;}
.sub0203_wrap .con ul li{display: flex; flex-direction: column; gap:20px;}
.sub0203_wrap .con ul li .img_box{width:100%;}
.sub0203_wrap .con ul li .img_box img{width:100%;}
.sub0203_wrap .con ul li .info span{font-size: 18px;}
.sub0203_wrap .con ul li .info p{font-size: 16px;}
.sub0203_wrap .con02{margin-top: 80px;}

/* sub0204 */
.sub0204_wrap{display: flex; flex-direction: column; gap:80px;}
.sub0204_wrap .con h2{font-size: 25px;margin-bottom: 30px; position: relative;}
.sub0204_wrap .con h2::before{position: absolute; content:''; width: 35px;height: 4px; background: #1B2A7E; bottom:-15px; left:0;}
.sub0204_wrap .con p, .sub0204_wrap .con ul li{font-size: 16px;}

/* sub0205 */
.sub0205_wrap iframe{height:450px;}
.sub0205_wrap .box{width:95%; margin:0 auto; transform: translateY(-120px); gap:20px; padding: 30px;}
.sub0205_wrap .box ul{flex-wrap: wrap;gap: 20px;}
.sub0205_wrap .box ul li span{width: 90px;height: 35px; line-height: 35px ;font-size: 18px;}
.sub0205_wrap .box ul li p{font-size: 16px;}


/* sub0301 */
.sub0301_wrap .history_area::after{left: 54.5%;}
.sub0301_wrap .history_area .years{padding-left: 15px;}
.sub0301_wrap .history_area .year_con strong{font-size: 1rem;}
.sub0301_wrap .history_area .years.show .year_con strong{font-size: 1.125rem;}
.sub0301_wrap .history_area .year_con h3{font-size: 1.25rem;}
.sub0301_wrap .history_area .years.show .year_con h3{font-size: 1.5rem;}
.sub0301_wrap .history_area .years.show .year_con p{font-size: 1rem;}
.sub0301_wrap .history_area .years.show .year_con .web_btn{font-size: 1rem;}


/* sub0301_new */
.sub0301_new_wrap .con01 ul{margin-top: 30px;}
.sub0301_new_wrap .con01 ul li .q_box{gap:15px;padding: 25px 10px;}
.sub0301_new_wrap .con01 ul li .q_box span{font-size: 1.625rem;}
.sub0301_new_wrap .con01 ul li .q_box p{font-size: 1rem;}

.sub0301_new_wrap .table_wrap{width:100%; overflow:auto;}
.sub0301_new_wrap .table_wrap table{width:950px;}
.sub0301_new_wrap .table_wrap table tr th{ font-size:0.875rem; padding: 12px 6px;}
.sub0301_new_wrap .table_wrap table tr td{padding: 12px 6px;font-size: 0.875rem;}



/* sub0302 */
.sub0302_wrap .con p{ width:100% ; font-size: 18px;}
.sub0302_wrap .con_box .info_box {margin-top: 60px;}
.sub0302_wrap .con_box .info_box h4 {width: 100%; word-break:keep-all;}
.sub0302_wrap .info_box .right_con ul.sm_dot{display: flex; flex-direction: column; gap:10px; width:100%; margin:0 auto;}
.sub0302_wrap .info_box .right_con ul.sm_dot li{display: flex; gap:5px;color: #444;font-size: 18px;font-weight: 400; position: relative; padding-left: 15px;}
.sub0302_wrap .info_box .right_con ul.sm_dot li span{word-break:keep-all; color: #444;font-size: 18px; line-height: 1.4;}
.sub0302_wrap .info_box .right_con ul.sm_dot li::before{position: absolute;  content:'';width: 5px;height: 5px; background:#444; border-radius:10px; top:10px; left:0; }

.sub0302_wrap .info_box .right_con .chart_img:last-child{margin-top: 50px;}
.sub0302_wrap .info_box .right_con p{color: #444; font-size: 18px; font-weight: 400; line-height: 1.3;}
.sub0302_wrap .info_box .right_con > p:not(:first-child){margin-top: 20px;}

.sub0302_wrap .info_box .right_con ul.big_list{display: grid; grid-template-columns: repeat(2, 1fr); gap:35px 0;}
.sub0302_wrap .info_box .right_con ul.big_list li{position: relative; padding-left: 20px; display: flex; flex-direction: column; gap:10px; word-break:keep-all;}
.sub0302_wrap .info_box .right_con ul.big_list li span{color: #222;font-size: 18px;font-weight: 500;line-height: 1.4;}
.sub0302_wrap .info_box .right_con ul.big_list li p{color: #444;font-size: 16px;font-weight: 400;line-height: 1.4;}
.sub0302_wrap .info_box .right_con ul.big_list li::before{position: absolute;  content:'';width: 8px;height: 8px; background:#1B2A7E; border-radius:10px; top:10px; left:0; }

/* sub0303 */
.sub0303_wrap .top{gap: 30px;flex-wrap: wrap;}
.sub0303_wrap .top .book_img{width:25%;}
.sub0303_wrap .top .book_img img{width:100%;}
.sub0303_wrap .top .info     {gap: 30px;}
.sub0303_wrap .top .info h3{font-size: 30px;}
.sub0303_wrap .top .info ul li{display: flex; gap:20px; align-items: center;}
.sub0303_wrap .top .info ul li span{min-width:116px;font-size: 20px;}
.sub0303_wrap .top .info ul li p{font-size: 20px;}
.sub0303_wrap .top .search{display: flex;align-items: flex-end;}
.sub0303_wrap .top .search .input_wrap input{width:100%;border-radius: 60px;border: 1px solid #7CBB28; width:400px; height: 60px; padding-inline:20px; font-size:16px; color:#444; font-weight: 400;}
.sub0303_wrap .top .search .input_wrap input::placeholder{color: #666;font-size: 14px;font-weight: 400; }


.sub0303_wrap .con{margin-top: 80px;}
.sub0303_wrap .con ul li{padding: 0px 40px 0px 20px;}
.sub0303_wrap .con ul li .q_box{padding: 25px 0;}
.sub0303_wrap .con ul li .q_box:after{content:'';position: absolute;right: -20px;top: 50%;transform:translateY(-50%);width: 21px;height: 12px;background:url(/assets/images/sub/sub0303_icon01.png)center no-repeat;background-size:cover ;  }
.sub0303_wrap .con ul li.on .q_box:after{background:url(/assets/images/sub/sub0303_icon02.png)center no-repeat;background-size:cover ;}
.sub0303_wrap .con ul li .q_box p{font-size: 18px;}
.sub0303_wrap .con ul li .q_box a{margin-left: 30px;font-size: 16px;}
.sub0303_wrap .con ul li .q_box a img{margin-left: 20px;}

.sub0303_wrap .con ul li .a_box{display: none; margin-bottom: 30px;}
.sub0303_wrap .con ul li .a_box p{font-size: 16px;color: #444;line-height: 2;}
.sub0303_wrap .con ul li .a_box p a img{margin-top: 3px; border:1px solid #ddd; border-radius:50%; margin-left: 10px;}

/* sub0304 */
.sub0304_wrap .search_box{ margin-bottom: 40px; }
.sub0304_wrap .search_box .total p{font-size: 16px;}
.sub0304_wrap .search_box .search .input_wrap input{width:100%;border-radius: 60px;border: 1px solid #CCC; width:380px; height: 55px; padding-inline:20px; font-size:16px; color:#444; font-weight: 400;}
.sub0304_wrap .search_box .search .input_wrap input::placeholder{color: #666;font-size: 14px;font-weight: 400; }
.sub0304_wrap .search_box .search .input_wrap button{position: absolute; right:20px; top:50%; transform	: translateY(-50%);}
.sub0304_wrap ul.list li{border-bottom: 1px solid #CCC; padding:30px;}
.sub0304_wrap ul.list li a span{color: #222;font-size: 22px;font-weight: 500; margin-right: 40px; }
.sub0304_wrap ul.list li a p{color: #222;font-size: 16px;font-weight: 500;     display: inline;}

.sub0304_wrap .paging_wrap{text-align:center; box-sizing:border-box; margin-top: 60px;}
.sub0304_wrap ul.paging li{display:block; margin:0; width:40px; height:40px;  vertical-align:middle; border:none; }
.sub0304_wrap ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:15px; color:#999; line-height:35px; border:1px solid #ddd;  border-radius:50%;}


/* sub0305*/
.sub0305_wrap .con01 em{margin-top: 30px;font-size:18px; }
.sub0305_wrap .con01 .img_wrap{margin-top: 20px;}
.sub0305_wrap .con02, .sub0305_wrap .con03, .sub0305_wrap .con04{margin-top: 80px;}
.sub0305_wrap .con02 .search_box{margin-top: 30px;}
.sub0305_wrap table{margin-top: 30px;}
.sub0305_wrap .con04 strong{margin-top: 30px; font-size:20px;  line-height: 1.5;}
.sub0305_wrap .con04 ul.dot_list li{font-size: 16px;}
.sub0305_wrap .con04 ul.dot_list li::before {position: absolute;content: '';width: 6px;height: 6px;background: #1B2A7E;border-radius: 10px;top: 9px;left: 0;}
.sub0305_wrap .meetSlide .swiper-slide p{margin-top: 40px; font-size: 1.125rem;}

/* sub0401 */
.sub0401_wrap .select_box select{margin-bottom: 40px;width: 300px;height: 50px; font-size: 16px;background: url(/assets/images/sub/select_img.png)center right 18px no-repeat;}
.sub0401_wrap .gallery_list{display: grid ;grid-template-columns: repeat(3, 1fr); gap:30px 20px; border-radius:0px; } 
.sub0401_wrap .pop_wrap .pop_box{width: 85%; height: auto; }
.sub0401_wrap .pop_wrap .pop_box .btn_box button img{width: 22px;}

/* sub0501 */
.sub0501_wrap ul{display: grid; grid-template-columns: repeat(3, 1fr);  gap:25px 20px;}
.sub0501_wrap ul li{display: flex; flex-direction: column; gap:20px; }
.sub0501_wrap ul li p{color: #222;font-size: 16px;font-weight: 500; line-height: 1.4; word-break:keep-all;}
.sub0501_wrap ul li a{color: #444;font-size: 13px;font-weight: 300;  word-break:break-all;}
}