@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.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:35px; 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:35px; 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:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; 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:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.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:12px; 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:12px; 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: 20px;}
.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%;}

body,th,td,input,select,textarea,button {font-size:0.75rem; line-height:1.6; font-family: 'S-CoreDream';color:#7d7d7d;} 

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

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

/* header */
#header {position: fixed; width: 100%; height:60px; background: rgba(0,0,0,.55); z-index:9999; transition: .3s ease-in-out;}
#header .inner {display: flex; justify-content: space-between; align-items: center; height: 100%;}
#header h1 a img{width:100px;}


/* nav */
.nav_btn {width: 22px;height: 18px;position: relative;display: flex;flex-direction: column;justify-content: space-between;border: none;background: none;cursor: pointer;z-index: 100;}
.nav_btn span {display: block;width: 100%; height: 2px; background: #fff; border-radius:5px; transition: 0.3s ease;}
.nav_btn.active{width: 22px; height: 22px;}
.nav_btn.active span {position: absolute;top: 50%;left: 0;transform-origin: center;background: #222;}
.nav_btn.active span:nth-child(1) {transform: translateY(-50%) rotate(45deg);}
.nav_btn.active span:nth-child(2) {opacity: 0;}
.nav_btn.active span:nth-child(3) {transform: translateY(-50%) rotate(-45deg);}
.navigation{position:fixed;top: 60px;z-index:5000;width:50%;background-color:#fff;height:100%;display:none;right: 0px;height:100vh;}
.navigation.active{display:block;}
.navigation h3{height:50px;width:100%;}
.navigation h3 a{border-bottom: 1px solid #ddd;}
.navigation h3.active a:after{background:url(/images/main/main_navi02_tab.png)center no-repeat;background-size:cover ;}
.navigation h3.on a:after{background:url(/images/main/main_navi02_tab.png)center no-repeat;background-size:cover ;}
.navigation h3 a{position: relative;height:50px;width:100%;background-color:#fff;display: flex;align-items: center;padding: 0 10px;color:#222;font-size:0.875rem;font-weight:400;}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 20px;width: 13.5px;height: 7.5px;background:url(/images/main/main_navi01_tab.png)center no-repeat;background-size:cover ;}
.navigation h3:nth-child(1) a{border-top: 1px solid #ddd;}
.navigation ul{display: block; padding:20px 0;background:#f7f8f9;}
.navigation ul li{margin-bottom: 10px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#444;line-height: 1;font-size:0.75rem;border:none;background:#f7f8f9;font-weight: 400;padding-left: 10px;}
.navigation ul li a:after{display: none;}
.nav_bg{display: none;position: absolute;top: 60px;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.6);z-index: 4500;}

/* visual */
#visual_wrap .slider_txt h2 {font-size:1.75rem; color: rgba(255,255,255,.8);}
#visual_wrap .slider_txt h3 {font-size:1.25rem; color: rgba(255,255,255,.8); font-weight:400; margin-top:25px;}
#visual_wrap .swiper-button-prev, #visual_wrap .swiper-button-next{display: none;}

/* footer */
#footer {position: absolute; bottom:0; width: 100%; background: rgba(0,0,0,.85); z-index:9999; padding-block: 20px 14px;}
#footer .inner{flex-direction: column-reverse; align-items: center; gap:20px;}
#footer .foot_logo a img{width: 100px;}
#footer .link_wrap{display: flex; justify-content: center; margin-top: 5px;}
#footer .info_wrap div{text-align: center;}
#footer .link_wrap li a{font-size: 0.75rem;}
#footer address, #footer p{font-size: 0.75rem; color: #aaa; line-height: 1.2; font-weight: 300; text-align: center;}
#footer address span {padding: 0 20px;}

/* sub */

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

/* tab_menu */
.tab_menu {position: relative;display: block; width:100%; height:46px;background: #fff;border-bottom: 1px solid #ddd;line-height: 1;}
.tab_menu .inner{position:relative; display: flex; height:45px;background:#fff;padding: 0;}
.tab_menu .on .arrow02{background: url(/images/sub/sub_ico05_pc.png)center no-repeat;}
.tab_menu .home{display: none;width: 60px; height: 60px; background: url(/images/sub/sub_ico02_pc.png)center no-repeat #0c134f;}
.tab_menu .menu {display: flex;width: 100%; height:100%;}
.tab_menu .menu > li{position:relative; min-width:auto;flex:1; height:100%; background:url("/images/sub/sub_ico03_pc.png") center right 10px no-repeat; background-size:13px auto;}
.tab_menu .menu > li.on {background:url("/images/sub/sub_ico02_pc.png") center right 20px no-repeat; background-size:13px auto;}
.tab_menu .menu > li > a {display:flex; align-items:center;padding: 0 40px 0 10px; width:100%; height:100%; font-size: 12px; color:#222; font-weight: 500; text-indent:0;border-right:1px solid #ddd ;}
.tab_menu .menu > li ul {display:none; position:absolute;width:100%; top:100%; left:0; background-color:#fff;z-index:100;border: 1px solid #ddd;padding: 15px 0;}
.tab_menu .menu > li ul li{margin-bottom: 13px;}
.tab_menu .menu > li ul li:last-child{margin-bottom: 0;}
.tab_menu .menu > li ul li a {display:block;transition:.3s;font-size:12px;line-height: 1; color:#555;font-weight: 500;padding:0 10px;border: 1px solid transparent;}
.tab_menu .menu > li ul li.on a{color: #1d267d;}
.tab_menu .menu > li ul li:hover a{color: #1d267d;}

#sub_contents{padding: 50px 0;}
#sub_contents .contop h3{font-weight: 500;font-size: 22px;line-height: 1;margin-bottom: 37px;text-align: center;color: #222;}

/* contop */
.contop {width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: flex-end;}
.contop h2 {font-size: 1.5rem; color: #333; line-height:1; font-weight: 500;}
.contop .location span {font-size: 0.75rem; color: #666; line-height:1;  font-weight: 300;}
.contop .location span:last-child {color:#0066ab;}
.contop .location img {vertical-align: 0; padding: 0 5px;}

/* sub_menu */
.sub_menu h3 {line-height: 1.2;}

.greeting_wrap {gap:20px; flex-direction:column;}
.greeting_wrap .img_box{width:70%;}
.greeting_wrap .img_box img{width: 100%;}
.greeting_wrap .txt_box{width:100%;}
.greeting_wrap h3 {font-size:1.625rem; }
.greeting_wrap h4 {font-size:1rem; margin: 10px 0 15px;}
.greeting_wrap p {font-size:0.75rem; line-height:1.5; padding-bottom:10px;}
.greeting_wrap em {font-size: 0.75rem;}

.sub_bg_top{position: relative; width:100%; height:200px; color:#fff; text-align:center; margin-bottom:30px;}
.sub_bg_top .txt_box{position: absolute; top: 55%; left:50%; transform:translate(-50%, -50%); width: 100%; padding-inline:5%;}
.sub_bg_top h4{font-size:0.875rem; font-weight:400;}
.sub_bg_top h3{font-size:1.125rem; font-weight:500;}
.sub0201_top{background:url(/assets/images/sub/sub0201_top.jpg) no-repeat center;}


.history_wrap{border-top:2px solid #3499dd;}
.history{display: flex; padding:10px; border-bottom:1px solid #ddd; overflow:hidden;}
.history h3{display:block; width:60px; flex-shrink:0; font-size:1.125rem; color:#3499dd;}
.history ul{}
.history li{position:relative; display: flex; gap: 5px; padding-left:14px; margin-bottom:10px; overflow:hidden; font-size: 0.75rem;}
.history li:last-child{margin-bottom:0;}
.history li::before{content:''; width:3px; height:3px; background:#3499dd; border-radius:50%; position:absolute; left:0; top:8px;}
.history li span{display:block; color:#3499dd; margin-right:10px; float:left; font-weight:500;}

/*sub0301 */
.h4_tit01{padding-left:30px; background:url(/assets/images/sub/h4_tit.jpg) no-repeat left center; background-size:20px; line-height:1.5; font-size:1rem; color:#333; font-weight:500; margin:30px 0 15px 0;}
.h4_tit01:first-child{margin-top:0;}
.h4_tit01 span{display:inline-block; color:#ddd; font-size:0.875rem; margin-left:10px;}
.sub0301_mark{padding:10px 15px; height:auto; background:#0066ab; line-height:1.5; color:#fff; display:inline-block; border-radius:10px; margin-top:15px;}

.sub0301_box{overflow:hidden; display: grid; grid-template-columns: repeat(1, 1fr); grid-auto-rows: auto; gap:20px;}
.sub0301_box li{height:auto; display: flex; align-items: center; gap:20px; padding:20px 10px; border:1px solid #ddd; word-break:keep-all; overflow: hidden;}
.sub0301_box .img_box{width: 25%;}
.sub0301_box .img_box img{width: 100%; height: 100%; object-fit: scale-down;}
.sub0301_box .txt_box{width: 65%;}
.sub0301_box li h3{font-size:1rem; font-weight:500; color:#0066ab; line-height:1; margin-bottom:15px;}
.sub0301_box li p{font-size: 0.75rem; line-height: 1.8;}
.sub0301_box li em{display:block; color:#0066ab; font-size:0.75rem; line-height:23px; margin-top:10px;}

/*sub0501 후원기업*/
.sub0601_list li{overflow:hidden; display: flex; flex-direction: column; gap:20px; margin-bottom:20px;}
.sub0601_list li:last-child{margin-bottom:0;}
.sub0601_list li .img_box{width: 100%;}
.sub0601_list li img{width:100%; display:block; aspect-ratio:1.878 / 1; object-fit:cover;}
.sub0601_list li h3{font-size: 1rem; font-weight: 500; color: #333; margin-bottom: 10px;}

}