@charset "utf-8";

/* 메인비주얼 */
.MVisual .slogan { margin-top: -0.5rem; }

/* 바로가기1 */
.M_link1 { background: #eaedef url(/images/web/haksa/main/bg_M_link1.png) no-repeat right bottom; } 

/* 모집안내 */
.M_info li a { padding: 1.5rem 4.5rem 1.5rem 1.5rem; background: #005aa9 url(/00_common/images/template/A6/main/bg_M_info01.png) no-repeat 4rem 0rem / cover; }
.M_info li + li a {background-color:#26784c;}
.M_info li a > p { font-size: 0.75rem; line-height: 1.3rem;}
.M_info li a > p strong { font-size: 1rem; padding-bottom: 0.5rem;}
.M_info li a:after { content: url(/images/web/haksa/main/bg_M_info011.png); right: 0.9rem; top: 54%; transform: translateY(-50%); } 
.M_info li + li a:after {content: url(/images/web/haksa/main/bg_M_info021.png);}
.M_info li a:hover:after,
.M_info li a:focus:after {transform: translateY(-50%) scale(1.05);}
.M_info li a:before {line-height: 1;}

/* media query mobile */
@media screen and (max-width: 1600px){
    /* 메인비주얼 */
    .MVisual .slogan {margin-left: -19.75rem;}
}

@media screen and (max-width: 1400px){
 
	 /* 메인비주얼 */
     .MVisual { right: auto;left: 0;}
     .MVisual .slogan {margin-left: 0;top: auto;transform: none;bottom: 1rem;}
}

@media screen and (max-width: 880px) and (min-width: 400px){
 
    .M_link1 ul li { width: 50%;}
    .M_link1 ul li:nth-of-type(2) a { border-top: none;}
    .M_link1 ul li:nth-of-type(2n) a { padding-left: 0.35rem;}
    .M_link1 ul li:nth-of-type(2n-1) a { padding-right: 0.35rem;}
}
@media screen and (max-width: 880px){ 
	/* 메인비주얼 */ 
	.MVisual .item img { left: -13%;width: 130%; }
	
}

@media (max-width:640px) {
    /* 모집안내 */
    .M_info li { height: auto;}
    .M_info li a { padding: 1rem 5rem 1rem 1rem; }
    .M_info li a:after { top: 50%; transform: translateY(-50%); bottom: auto; } 

    /* 게시판 */
    .notice .tabWrap .list_box > ul li a { font-size: 0.8rem;}
}

@media (max-width:560px) {



}

@media screen and (max-width: 480px){
    .MC_box6 { height: auto;}
    .M_link2 ul { padding: 0.5rem 0;}
    .M_link2 li a { flex-direction: column;}
    .M_link2 li a span { max-width: 100%; text-align: center; margin-top: 0.2rem;}

}

@media (max-width:380px) {

    .M_link2 li a span { height: 2rem;}
}