.project_wrap { width:100%; margin:0 auto; }
.mb { display:none!important; }
.guideline { width:1200px; }
/* main_img / header */
.main_img { height:492px; position:relative; }
.main_img > img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; z-index:-1; }
.main_img header { padding:40px 0; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.main_img header .logo img { width:180px; }
.main_img h3 { font-size:36px; line-height:50px; font-weight:400; position:absolute; left:50%; bottom:40px; transform:translateX(-50%); }
.main_img header nav ul { display:flex; align-items:center; gap:30px; }
.main_img header nav ul li a { color:#fff; font-size:22px; font-weight:700; text-shadow:0 0 5px rgba(0, 0, 0, 0.5); display:inline-block; }
.main_img header nav ul li.language { padding-left:20px; }
.main_img header nav ul li.language a { font-size:18px; position:relative; }
.main_img header nav ul li.language a::after { content:''; display:block; width:1px; height:70%; background:#fff; position:absolute; top:16%; left:-15px; }
.main_img header nav ul li.active { position:relative; }
.main_img header nav ul li.active::after { content:''; display:block; width:120%; height:20px; background:#fff; position:absolute; top:-50px; left:-10%; }

/* footer */
footer { margin-top:70px; background:#9c9c9c; }
footer div.guideline { padding:50px 0; margin:0 auto; display:flex; align-items:center; gap:80px;  }
footer div .txt_box { flex:1; }
footer div .txt_box a { color:#fff; font-family:"Pretendard", sans-serif; font-size:20px; }
footer div .txt_box ul { margin-top:10px; }
footer div .txt_box ul li { color:#fff; font-family:"Pretendard", sans-serif; line-height:25px; }

/* 공통 */
.content_box { margin:70px auto 0 auto; }
.content_box .top_box { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; }
.content_box .top_box .title { color:#1a854a; font-size:40px; font-weight:700; }
.content_box .top_box .subTit { color:#6c9880; font-size:24px; font-weight:400; line-height:35px; text-align:center; word-break:keep-all; }
.content_box .btm_box { margin-top:70px; }

@media only screen and (max-width:1440px){
    .main_img header { padding:40px 0; }
    .guideline { width:90%; }
    footer div.guideline { padding:50px 0; gap:50px; }
}
/* 태블릿 */
@media only screen and (max-width:1024px){
    body.no-scroll { width:100%; height:100%; overflow:hidden; position:fixed; }
    .project_wrap.open { position:relative; }
    .project_wrap.open::after { content:''; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:absolute; top:0; left:0; z-index:1; }
    .main_img { height:350px; }
    .main_img header .logo { z-index:99; }
    .main_img header .logo img { width:150px; z-index:99; }
    .main_img header nav ul li { display:flex; align-items:center; justify-content:center; }
    .main_img header nav ul li a { font-size:18px; }
    .main_img header nav ul li.language { padding-left:0; padding-right:10px; }
    .main_img header nav ul li.language a { font-size:18px; }
    .main_img header nav ul li.language a::after { height:60%; top:20%; right:-15px; left:auto; }
    .main_img header nav ul li .menuBtn { width:30px; height:30px; border:0; background:none; }
    .main_img header nav ul li .menuBtn img { width:100%; height:100%; }
    .main_img header nav ul.menu { width:40%; height:100dvh; padding-top:135px; margin-left:-100%; flex-direction:column; gap:10px; position:absolute; top:0; left:0; transition:ease-in-out 0.2s; background:#fff; z-index:10; }
    .main_img header nav ul.menu li { width:100%; }
    .main_img header nav ul.menu li a { width:100%; padding:0 40px; line-height:30px; text-shadow:none; color:#999; text-align:left; }
    .main_img header nav ul.menu li.active a { color:#1a854a; font-weight:700; }
    .main_img header nav ul.menu li.active::after { display:none; }
    .main_img header nav ul.menu li a:hover { color:#666; }
    .main_img header nav ul.menu li.language { display:none; }
    .main_img header nav ul.menu.open { margin-left:0; }
    .main_img header nav ul.mb { gap:20px; z-index:5; position:relative; }
    .main_img h3 { font-size:28px; line-height:37px; }

    .content_box { margin-top:50px; }
    .content_box .top_box { gap:10px; }
    .content_box .top_box .title { font-size:28px; }
    .content_box .top_box .subTit { font-size:18px; line-height:30px; }
    .content_box .btm_box { margin-top:50px; }

    footer img { width:160px; }
    footer .txt_box a { font-size:14px; }
    footer .txt_box ul { margin-top:5px; }
    footer .txt_box ul li { font-size:14px; line-height:20px; }
    .mb { display:flex!important; }
}
/* 모바일 */
@media only screen and (max-width:768px){
    .main_img { height:220px; }
    .main_img h3 { font-size:20px; line-height:27px; bottom:16px; }
    .main_img header { height:70px; padding:0; }
    .main_img header .logo img { width:120px; }
    .main_img header nav ul.menu { width:60%; padding-top:85px; }
    .main_img header nav ul.menu li a { padding:0 16px; font-size:17px; line-height:25px; }
    .main_img header nav ul li.language a { font-size:16px; }
    .main_img header nav ul li .menuBtn { width:24px; height:24px; }

    .content_box { margin-top:30px; }
    .content_box .top_box { margin:0 auto; }
    .content_box .top_box .title { font-size:20px; }
    .content_box .top_box .subTit { font-size:16px; line-height:27px; }
    .content_box .top_box .subTit br { display:none; }
    .content_box .btm_box { margin-top:30px; }

    footer div.guideline { padding:25px 0; flex-direction:column; align-items:flex-start; gap:20px; }
    footer div .txt_box a { font-size:16px; }
    footer img { width:120px; }
    footer .txt_box { width:100%; padding-top:20px; border-top:1px solid rgba(255, 255, 255, 0.4); }
    footer .txt_box a { font-size:12px; }
    footer .txt_box ul li { font-size:12px; }
}