@charset "utf-8"; /* 공통 CSS */
/* 1. 폰트 */
/* font-family: 'Montserrat', sans-serif; font-family: 'NanumSquare', sans-serif; font-family: 'Noto Sans SC', sans-serif; */
/* font-family: 'Saira', sans-serif; */

/* 2. blind */
.blind { overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0 } 

/* 대표글씨, main-color */
:root {--main-color: #27a0a0;--sub-color: #004d6f;} 
.main_color {color: #004d6f;} 
.font-eng { font-family:'Saira', sans-serif; } 
.font-chn { font-family: 'Noto Sans SC', sans-serif; } 
.emph { font-weight: 500; color: #f95050; } 
.none { display: none; } 
.weight_b { font-weight: bold; } 
/* mobile_none */
.m_none { } 
.pc_none { display: none; } 

/* page_size */
#main_wrapper { width: 100%; } 
#main_container { width: 100%; } 
.index_wrap .inner_wrap, .index_wrap .section4 .arti_wrap {max-width: 1480px;margin: 0 auto;} 
.inner_wrap {max-width: 1400px;/* width: 96%; */margin: 0 auto;} 

/* header */
#header { /* background: #ddd; */position: fixed; top: 0; width: 100%; z-index: 999; transition: all .3s; /* border-bottom: 1px solid #dcdcdc; */ } 
#header.active {background-color: #fff;box-shadow: 0px 4px 6px rgb(10 11 12 / 10%);} 
#header.active .pc_gnb .main_menu .gnb-1dep > a { color:#333; } 
#header .pc_hover_logo { display: none; } 
#header.active .pc_hover_logo { display: block; } 
#header.active .pc_logo { display: none; } 
/* header_hover */
.m_gnb { display: none; } 
.pc_gnb .main_menu .gnb-1dep:hover::before { opacity:1; } 
.pc_gnb .main_menu .gnb-1dep::before { opacity:0; width: 70px; width: 0px; height: 0px; border-bottom: calc( 10px * 1.732 ) solid #000000c2; border-left: 10px solid transparent; border-right: 10px solid transparent; } 

#header.active .pc_gnb .main_menu .gnb-1dep:hover > a { color: var(--main-color); } 
.common_wrap, .footer_box { max-width: 1730px; width: 96%; margin: 0 auto; } 
.pc_gnb { height: 100px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; } 
.pc_gnb .main_menu { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: nowrap; width: 68%; height: 100px; } 
.pc_gnb .main_menu .gnb-1dep { width: 100%; height: 100%; text-align: center; position:relative; min-width: 146px; } 
.pc_gnb .main_menu .gnb-1dep:hover > a { color:var(--main-color); } 
.pc_gnb .main_menu .gnb-1dep::before { content:''; display: block; position: absolute; bottom: 0; left: 50%; width: 0; /* height: 2px; *//* background: var(--main-color); */transition: all .4s; transform-origin: top; transform: translateX(-50%); } 
.pc_gnb .main_menu .gnb-1dep a { width: 100%; height: 100%; font-weight: 500; font-family: 'NanumSquare',sans-serif; } 
.pc_gnb .main_menu .gnb-1dep > a {line-height: 100px;font-size: 23px;font-weight: 500;color: #fff;} 
.pc_gnb .main_menu .gnb-1dep .gnb-2dep { display: none; background: #000000c2; min-width: 240px; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; } 
.pc_gnb .main_menu .gnb-1dep .gnb-2dep li a { transition: all .4s; } 
.pc_gnb .main_menu .gnb-1dep .gnb-2dep li:first-child { padding-top: 18px; } 
.pc_gnb .main_menu .gnb-1dep .gnb-2dep li:last-child { padding-bottom: 16px; } 
.pc_gnb .main_menu .gnb-1dep .gnb-2dep li:hover a { color:var(--main-color); text-decoration:underline; } 
.pc_gnb .main_menu .gnb-1dep .gnb-2dep li a {color: #fff;font-weight: 400;padding: 10px 20px;font-size: 19px;} 

/* lang_btn */
#header .pc_gnb .lang_btn { position: relative; height: 100%; } 
#header .pc_gnb .lang_btn>a { line-height: 100px; } 
#header .pc_gnb .lang_btn>a>span { color: #fff; border: 1px solid #fff; border-radius: 20px; padding: 10px 20px; } 
#header .pc_gnb .lang_btn .lang_list_box { position: absolute; text-align: center; width: 100%; padding: 10px 0; background: #ffffffcc; display: none; } 
#header .pc_gnb .lang_btn .lang_list_box li a { font-size: 17px; color: #252525; padding: 10px 0; transition: all .4s } 
#header .pc_gnb .lang_btn .lang_list_box li a:hover { color: var(--main-color); } 
#header .pc_gnb .lang_btn>a>span i { display: inline-block; padding-left: 13px; position: relative; top: 2px; } 
#header.active .pc_gnb .lang_btn span { color:#222; border:1px solid #222; } 
#header .pc_gnb .lang_btn.on span { color:#222; border:1px solid #222; } 

html.ov_hidden { overflow:hidden; } 
.all_menu_btn { cursor:pointer; } 
.all_menu_btn span { background: url(../img/all_menu_btn_w.png); width: 32px; height: 20px; display: inline-block; transition: all .4s; } 
#header.active .all_menu_btn span { background: url(../img/all_menu_btn_b.png); } 
.all_menu_wrap { top: 100px; display:none; position: fixed; background: #fff; width: 100%; left: 0; height: 100vh; } 
.all_menu_wrap.show { display:block; transition: all .4s; } 
.all_menu_wrap .all_menu_list { max-width: 1730px; width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; /* margin-top: 60px; */
 position: absolute; left: 50%; top: 43%; transform: translate(-50%, -50%); } 
.all_menu_wrap .all_menu_list::before {content:'';display:block;position:absolute;bottom: 14%;left: auto;right: 1.5%;background: url(../img/all_menu_bg_letter.png) no-repeat center center/contain;width: 30%;height: 200px;} 
.all_menu_wrap .all_menu_list li a { text-align: center; } 
.all_menu_wrap .all_menu_list > li { width: 33.3%; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } 
.all_menu_wrap .all_menu_list > li:nth-child(3n) { border-right:unset; } 
.all_menu_wrap .all_menu_list > li:nth-child(4),
.all_menu_wrap .all_menu_list > li:nth-child(5) { border-bottom: unset; } 
.all_menu_wrap .all_menu_list .gnb-1dep > a {font-size: 48px;font-weight: 600;height: auto;padding-top: 4rem;} 
.all_menu_wrap .all_menu_list .gnb-2dep { padding: 2.4rem 0; height: 238px; } 
.all_menu_wrap .all_menu_list .gnb-2dep > li a { transition: all .4s; } 
.all_menu_wrap .all_menu_list .gnb-2dep > li a br {display: none;} 
.all_menu_wrap .all_menu_list .gnb-2dep > li:hover a {color: var(--main-color);} 
.all_menu_wrap .all_menu_list .gnb-2dep a {font-size: 24px;} 

/* footer */
#main_ft { padding: 2rem 0 0; position: relative; background: #231f20; } 
#main_ft .on,#main_ft .on a { color: #fff; } 
.footer_box  {position: relative;}
.footer_box .footer_top {padding: 20px 0;/* border-bottom: 1px solid #999; */display: flex;justify-content: space-between;align-items: center;} 
.footer_box .footer_top ul { display: flex; flex-direction: row; justify-content: flex-end; } 
.footer_box .footer_top ul li { padding: 0 1rem; position: relative; } 
.footer_box .footer_top ul li:last-child::after { display: none; } 
.footer_box .footer_top ul li::after { content:'/'; display:block; position: absolute; color: #ddd; right: 0; top: 0; } 
.footer_box .footer_top ul li.on { border-left: 1px solid #999; border-right: 1px solid #999; } 
.footer_box .footer_top ul li a { color: #999; font-size: 1.6rem; } 
.footer_box .footer_bottom {display: flex;justify-content: flex-start;padding: 2rem 0 3rem;flex-wrap: wrap;} 
.footer_box .footer_bottom .footer_logo { margin-right: 7rem; padding-bottom: 20px; } 
.footer_box .footer_bottom .right_box { color: #999; } 
.footer_box .footer_bottom .right_box.flex_box { display: flex; justify-content: space-between; width: 100%; } 
.footer_box .footer_bottom .right_box .address_box {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;max-width: 800px;line-height: 1.5;} 
.footer_box .footer_bottom .right_box .address_box li { padding-right: 1.5rem; line-height: 1.9; word-break: keep-all;} 
.footer_box .footer_bottom .right_box .address_box li b { color: #f4f4f4; font-weight: 400; } 
.footer_box .footer_bottom .right_box .address_box li:nth-child(2)::after,
.footer_box .footer_bottom .right_box .address_box li:nth-child(5)::after { display: none; } 
.footer_box .footer_bottom .right_box .address_box li span { padding: 1rem; } 
.footer_box .footer_bottom .right_box .copyright { padding-top: 2rem; } 
.footer_box .footer_bottom .right_box .copyright .on { text-transform: uppercase; } 
.top_btn_box {color: #999;position: absolute;left: auto;right: 0;cursor: pointer;bottom: 10%;} 
.copyright {color: #999;padding: 2rem 0 3rem;border-top: 1px solid #999;} 
.private_btn { border: 1px solid #dddddd9c; } 
.private_btn:hover { border: 1px solid #fff; background: #fff; transition: all .3s; } 
.private_btn, .private_btn a {transition: all .3s;}
.private_btn:hover a, #main_ft .private_btn span a.on:hover { color: var(--sub-color); transition: all .3s;} 
#main_ft .private_btn span a.on { padding: 10px 20px; color: #dddddd9c; transition: all .3s;} 

/* 버튼 */
.product_btn { display: inline-block; width: 242px; height: 71px; transition: all .4s; } 
.product_btn a { width: 100%; height: 100%; position: relative; color: var(--main-color); } 
.product_btn span { font-size: 18px; line-height: 70px; display: block; text-align: center; width: 100%; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; font-weight: 600; } 
.product_btn span:before { content:''; display:block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid var(--main-color); } 
.product_btn span:after { content: " "; display: block; transition: width .4s; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 10; width: 70%; height: 100%; border-top: 2px solid #dee6f6; border-bottom: 2px solid #dee6f6; z-index: 10; } 

/* POP UP */
.about_popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #222222cc; z-index: 1000; width: 100%; height: 100%; } 
.about_popup .popup_info { width: 63%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.about_popup .popup_info .art1 { display: flex; background: #fff; justify-content: space-between; align-items: flex-start; padding: 40px; position: relative; border-radius: 13px; } 
.about_popup .popup_info .art1 .box1 { width: 100%; } 
.about_popup .popup_info .art1 .box1 textarea { width: 100%; height: 300px; font-size: 15px; padding: 20px; border: unset; } 
.about_popup .popup_info .art1 .box1 h1 { font-size: 20px; padding-bottom: 30px; } 
.about_popup .popup_info .close_btn { color: #fff; border: 1px solid #fff; padding: 14px; position: absolute; top: -63px; right: 0; cursor: pointer; } 
.about_popup .popup_info .close_btn i { font-size: 18px; } 
.about_popup { transform:translate(9999px); opacity: 0; } 
.about_popup.show { transition: opacity 0.3s linear; transform:translate(0); opacity: 1; } 
.about_popup .popup_info .textwrap { box-shadow: 0px 0px 2px 0px #111111a1; } 


 @media (max-width: 1540px) { .footer_box .footer_top ul li br {display:none} } 
 @media (max-width: 1480px){
.index_wrap .inner_wrap, .index_wrap .section4 .arti_wrap {width: 96%;} 
 }
 @media (max-width: 1370px){
 .inner_wrap { /* width: 92%; */ } 
 #header { height: 60px; background: #fff; } 
 #header .pc_gnb { display: none; } 
 #header .m_gnb { display: block; } 
 #header .m_gnb .mobile_top { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 60px; } 
 /* hamberger */
 #header .m_gnb .nav-open-btn { display: block; height: 30px; background-color: unset; border: unset; /* 햄버거 애니메이션 */
 -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); } 
 #header .m_gnb .nav-open-btn .lines { background-color: #333; display: block; width: 28px; height: 3px; border-radius: 5px; margin: 4px auto; } 
 /* 햄버거 애니메이션 */
 #header:hover .m_gnb .nav-open-btn .lines { background-color: #333; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
 #header.active .m_gnb .nav-open-btn .liness { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
 .nav-open-btn.active .line { background-color:#fff; } 
 .nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4) { opacity: 0; } 
 .nav-open-btn.active .line:nth-child(1) { -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); } 
 .nav-open-btn.active .line:nth-child(3) { -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); } 
 /* show_m_header */
 #header .m_gnb .main_menu {flex-direction: column;height: 100vh;background: linear-gradient(45deg, var(--sub-color), var(--main-color));right: -50%;position: absolute;top: 60px;width: 50%;transition: all .4s;} 
 #header .m_gnb .main_menu.right { right: 0; } 
 #header .m_gnb .main_menu .lang_btn_mobile { padding: 20px 24px; border-bottom: 1px solid #dddddd80; } 
 #header .m_gnb .main_menu .lang_btn_mobile .selected_lang_box { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; } 
 #header .m_gnb .main_menu .lang_btn_mobile .selected_lang_box li { color: #fff; padding-right: 24px; } 
 #header .m_gnb .main_menu .lang_btn_mobile .selected_lang_box li.on a { font-weight: 700; } 
 #header .m_gnb .main_menu .lang_btn_mobile .selected_lang_box li a { color: #fff; } 
 #header .m_gnb .main_menu .gnb-1dep { border-bottom: 1px solid #dddddd80; } 
 #header .m_gnb .main_menu .gnb-1dep>a { color:#fff; } 
 #header .m_gnb .main_menu .gnb-2dep {/* background: var(--main-color); *//* background: var(--sub-color); */background: #fff;display: none;} 
 #header .m_gnb .main_menu .gnb-1dep a {padding: 20px 24px;position: relative;height: auto;} 
 #header .m_gnb .main_menu .gnb-1dep .gnb-2dep a {padding: 14px 24px;position: relative;font-size: 15px;/* color: #fff; */} 
 #header .m_gnb .main_menu .gnb-1dep .gnb-2dep a br { display: none; } 
 #header .m_gnb .main_menu .gnb-1dep.active a::after { transform: translate(-50%, -50%); } 
 #header .m_gnb .main_menu .gnb-1dep>a:after { background-color: #fff; content: ''; width: 15px; height: 1px; position: absolute; right: 2%; top: 50%; transition: 0.3s ease-in-out; transform: translate(-50%, -50%) rotate(90deg); } 
 #header .m_gnb .main_menu .gnb-1dep>a:before { background-color: #fff; content: ''; width: 15px; height: 1px; position: absolute; right: 2%; top: 50%; transition: 0.3s ease-in-out; transform: translate(-50%, -50%); } 
 #header .m_gnb .gnb-1dep.active .gnb-2dep { display: block; } 
 #header .m_gnb .gnb-1dep.active .gnb-3dep { background: #6c114dad; } 
 }
 @media (max-width: 1023px){
.footer_box .footer_bottom .right_box.flex_box {flex-direction: column-reverse;align-content: baseline;align-items: baseline;}
.private_btn {margin-bottom: 2rem;}
.top_btn_box {bottom: 8%;}
}
 @media (max-width: 768px) { /* header */
 #header .m_gnb .main_menu .lang_btn_mobile .selected_lang_box li a { font-size: 14px; } 
#header .m_gnb .main_menu { right: -100%; width: 100%; } 
 #header .m_gnb .main_menu .gnb-1dep a { padding: 12px 14px; font-size: 14px; } 
 #header .m_gnb .main_menu .gnb-1dep .gnb-2dep a { padding: 12px 14px; font-size: 13px; } 
/* footer */
 .footer_box .footer_top { display: flex; flex-direction: column; } 
 .footer_box .footer_bottom .right_box.flex_box {align-items: center;}
 .footer_box .footer_top ul {margin-top: 4rem;}
 .footer_box .footer_bottom {padding: 0 0 3rem;}
 #main_ft { padding: 2rem 0; } 
 .footer_box .footer_bottom .right_box .address_box li:after { display:none; } 
 }
 @media (max-width: 550px){
 .footer_box .footer_bottom .right_box .address_box li {width: 100%;padding-right: 0;margin-bottom: 10px;}
.footer_box .footer_bottom .right_box .address_box li b {display: block;}
 .top_btn_box {bottom: 4%;}
 .private_btn {width: 50%;}
 .private_btn a {text-align: center;}
 }
 @media (max-width: 520px){
     .footer_box .footer_top ul{flex-wrap: wrap; justify-content: center;}
}
 @media (min-width: 400px) and (max-width: 550px){
 .footer_box .footer_top ul li {padding: 0 1rem;}
 }
 @media (max-width: 480px){
  .m480_none { display: none; } 
 .footer_logo { width: 150px; } 
 .footer_logo img {width: 80%;margin: 0 auto;display: block;} 
.footer_box .footer_bottom .footer_logo img { max-width: 120px; } 
 #main_ft .footer_box .footer_bottom .address_box { display: flex; flex-direction: row; justify-content: flex-start; } 
 #main_ft .footer_box .footer_bottom .address_box .div_span { display:none; } 
 #main_ft .footer_box .footer_bottom > li { padding: 2px; } 
 #main_ft .footer_box .footer_bottom .add_tit { font-weight: 600; padding-right: 10px; color: #d5d5d5; } 
 #main_ft .footer_box .copyright { font-size: 1.4rem; } 

 /* 개인정보처리방침 */
 .about_popup .popup_info .art1 { padding: 20px; } 
 .about_popup .popup_info { width: 80%; } 
 .about_popup .popup_info .art1 .box1 h1 { font-size: 15px; } 
 .about_popup .popup_info .art1 .box1 textarea { font-size: 13px; } 
 .about_popup .popup_info .close_btn i { font-size: 13px; } 
 .about_popup .popup_info .close_btn { top: -50px; padding: 10px; } 
 }