@media screen and (max-width:1200px) {
/*로그인스킨*/
#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%;}

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

.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%; }

/* header */
#header {position: fixed; width: 100%; height:80px; 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: 150px;}
#header.active {background: #fff; transition: .3s ease-in-out; box-shadow: 0 -19px 25px #000;}
#header.active img.on {display: none;}
#header.active img.off {display: block;}


.gnb{display: none;}

/* nav */
.nav_btn {width: 30px;height: 22px;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: 3px; background: #fff; border-radius:5px; transition: 0.3s ease;}
.nav_btn.on span{background: #222;}
.nav_btn.active{width: 30px; height: 30px;}
.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: 80px;z-index:5000;width:50%;background-color:#fff;height:100%;display:none;right: 0px;height:100vh;}
.navigation.active{display:block;}
.navigation h3{height:60px;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:60px;width:100%;background-color:#fff;display: flex;align-items: center;padding: 0 20px;color:#222;font-size:16px;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: 20px;}
.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:14px;border:none;background:#f7f8f9;font-weight: 400;padding-left: 20px;}
.navigation ul li a:after{display: none;}
.nav_bg{display: none;position: absolute;top: 90px;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.6);z-index: 4500;}

/* visual */
#visual_wrap .slider_txt h2 {font-size:2rem; color: rgba(255,255,255,.8);}
#visual_wrap .slider_txt h3 {font-size:1.5rem; color: rgba(255,255,255,.8); font-weight:400; margin-top:25px;}
#visual_wrap .swiper-button-prev, #visual_wrap .swiper-button-next{top: 45%; width: 55px; height: 55px; background: rgb(0,0,0,.5); margin-top: 0;}
#visual_wrap .swiper-button-prev{left: 10%;}
#visual_wrap .swiper-button-next{right: 10%;}

/* footer */
#footer {position: absolute; bottom:0; width: 100%; background: rgba(0,0,0,.85); z-index:9999; padding-block: 42px 14px;}
#footer .foot_logo a img{width: 150px;}
#footer address, #footer p{font-size: 14px; color: #aaa; line-height: 1.2; font-weight: 300;}
#footer address span {padding: 0 20px;}
#footer.sub_footer {position: static;}

/* 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: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;}

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

/* sub_menu */
.sub_menu {position: absolute; bottom: 0; width: 100%; text-align: center; background: rgba(255,255,255,.8);}
.sub_menu .lnb{display: flex;}
.sub_menu h3 {flex:1; height:55px; line-height:60px;}
.sub_menu h3 a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 1rem; color: #555; font-weight: 500;}
.sub_menu h3.on a {color: #0066ab; background:#fff; font-weight: 600;}

.greeting_wrap {gap:40px;}
.greeting_wrap .img_box{width:calc(30% - 20px);}
.greeting_wrap .img_box img{width: 100%;}
.greeting_wrap .txt_box{width: calc(70% - 20px);}
.greeting_wrap h3 {font-size:1.875rem; }
.greeting_wrap h4 {font-size:1.125rem; margin: 15px 0 20px;}
.greeting_wrap p {font-size:0.875rem; line-height:1.5; padding-bottom:14px;}
.greeting_wrap em {font-size: 0.875rem;}


.sub_bg_top{position: relative; width:100%; height:250px;  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%;}
.sub_bg_top h4{font-size:1.125rem; font-weight:400;}
.sub_bg_top h3{font-size:1.875rem; 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:20px; border-bottom:1px solid #ddd; overflow:hidden;}
.history h3{display:block; width:150px; flex-shrink:0; font-size:1.625rem; color:#3499dd;}
.history ul{}
.history li{position:relative; display: flex; gap: 10px; padding-left:14px; margin-bottom:10px; overflow:hidden;}
.history li:last-child{margin-bottom:0;}
.history li::before{content:''; width:4px; height:4px; background:#3499dd; border-radius:50%; position:absolute; left:0; top:9px;}
.history li span{display:block; color:#3499dd; margin-right:10px; float:left; font-weight:500;}


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

.sub0301_box{overflow:hidden; display: grid; grid-template-columns: repeat(2, 1fr); gap:25px;}
.sub0301_box li{display: flex; align-items: center; gap:30px; padding:30px 20px; border:1px solid #ddd; word-break:keep-all; overflow: hidden;}
.sub0301_box .img_box{width: 16%;}
.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:1.125rem; font-weight:500; color:#0066ab; line-height:1; margin-bottom:20px;}
.sub0301_box li p{font-size: 0.875rem; line-height: 1.8;}
.sub0301_box li em{display:block; color:#0066ab; font-size:0.75rem; line-height:23px; margin-top:15px;}


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

}