@charset "utf-8";

/* Mobile */
header .head h1 a {background: url(/images/11_change/main/logo.png?test=2) no-repeat 0 0 /100%;}
header .menu_open {height: 69px; top: -10px;}
header .head h1 a,.foot_info .logo{width:163px;height:49px;margin: 10px 0;}
header button {top: 18px}
.foot_info .logo {background: url(/images/11_change/main/footer_logo.png?test=2) no-repeat center; margin: 10px auto;}
.foot_bg{margin:0;}


.section{background:url("/images/11_change/main/main_bg.png") no-repeat center top;background-size:cover;padding:60px 20px;}
.section h2{font-size:24px;color:#f6ffcc;}
.section h2 span{display:inline-block;font-size:20px;font-weight:300;padding-top:3px;color:#fff;}

.m_txt{line-height:1.2em;padding:20px 0;font-size:14px;color:#fff;font-family: "GongGothic","NotoSans", Dotum, "돋움", sans-serif;}

.main_con{padding:20px 0 0 0;}

.m_link{}

.m_link li{padding:0 0 20px 0;}
.m_link li a{position:relative;display:block;background:#fff;border:solid 1px #319b52;border-radius:0 20px;text-align:center;padding:20px 0;color:#319b52;font-weight:600;}
.m_link li a:focus { outline-offset: -3px; outline: 2px dashed #fff;}


.m_map img{width:100%;}



/* Tablet */
@media all and (min-width:768px) {
 foot_info .logo {margin: 5px 0 5px 0; padding-left:0;}
.foot_bg{bottom:0}

.section h2{font-size:40px;}
.section h2 span{font-size:30px;padding-top:7px;}

.main_con:after,
.m_link:after{display:block;content:"";clear:both;}
.m_link li{float:left;width:33.3333%;box-sizing:border-box;padding:0 5px;}


.m_map{margin-top:50px;text-align:center;}
.m_map img{width:auto;}




  
}

/* Desktop */
@media all and (min-width:1023px) {
.head h1, header .menu_gnb::after {height:70px;}
.head h1 a {margin-top: 5px;}
header .menu_gnb::after {top: -7px;}
.menu>div>ul {padding-top: 20px;  text-align: left;}

.foot_info .logo {margin:0 10px 0 0; width: 140px; height: 42px;}

.section{min-height: 575px;box-sizing: border-box;}
.main{position:relative;}


.m_link li{float:none;width:300px;padding:0 0 20px 0;}    
.m_link li a{position:relative;font-size:20px;padding:30px 0;box-sizing:border-box;}
.m_link li a:hover,
.m_link li a:focus{background:#319b52;color:#fff;width:390px}
.m_link li a:hover:after,
.m_link li a:focus:after{display:block;content:"";width:161px;height:139px;background:url("/images/11_change/main/more.png") no-repeat 0 0;position:absolute;right:-50px;bottom:-30px;}


.m_map{position:absolute;top:-50px;right:0;}

}

/* Pc */
@media all and (min-width:1400px) {
header .menu, header .menu.on {left: 13%;}
.menu>div>ul {padding-top: 20px;}
header .menu>div>ul>li, header .menu.on>div>ul>li {padding: 0 7px!important;}
header .menu_gnb::after {height: 70px;}
header .menu.on .depth_box {top:70px;}
.section{padding:110px 0;min-height: 767px;}
.section h2{font-size:55px;}   
.section h2 span{font-size:30px;padding-top:20px;}

.m_txt{padding:40px 0;font-size:16px;}

    
.main_con{position:relative;}

.m_link{width:40%;}
.m_link li{width:420px;}
.m_link li a{padding:35px 0;}
.m_link li a:hover,
.m_link li a:focus{width:510px}
.m_link li a:hover:after,
.m_link li a:focus:after{bottom:0px;}

.m_map{top:-200px;}
}

/*스크롤바스타일*/
*::-webkit-scrollbar {width:4px;height:4px;} /*스크롤바 사이즈*/
*::-webkit-scrollbar-track {border-radius:5px;background:rgba(255,255,255,0.3)} /*스크롤바 배경*/
*::-webkit-scrollbar-thumb {background:#2e864a;border-radius: 10rem} /* 스크롤 제어박스*/      


 /* 번역 */
/* Desktop */
@media all and (min-width:1023px) {
.translated-ltr .m_txt { max-width: 50%;}
.translated-ltr .m_map {margin-top: 105px;}
}

/* Pc */
@media all and (min-width:1400px) {
.translated-ltr .m_txt { max-width: 60%;}
.translated-ltr .m_map {margin-top: 50px;}
}