@import url(/public/css/reset.css); @font-face { font-family: "SeolSans-Light"; src: url("font/Seol_Sans_Monotype/SeolSans-Light.otf") format("truetype"); font-weight: 300; } 
@font-face { font-family: "SeolSans-Regular"; src: url("font/Seol_Sans_Monotype/SeolSans-Regular.otf") format("truetype"); font-weight: 400; } 

@font-face { font-family: "SeolSans-Medium"; src: url("font/Seol_Sans_Monotype/SeolSans-Medium.otf") format("truetype"); font-weight: 500; } 

@font-face { font-family: "SeolSans-Bold"; src: url("font/Seol_Sans_Monotype/SeolSans-Bold.otf") format("truetype"); font-weight: 700; } 

@font-face { font-family: "SeolSans-Heavy"; src: url("font/Seol_Sans_Monotype/SeolSans-Heavy.otf") format("truetype"); font-weight: 800; } 

@font-face { font-family: "SeolSans-Black"; src: url("font/Seol_Sans_Monotype/SeolSans-Black.otf") format("truetype"); font-weight: 900; } 

@font-face { font-family: "SeolSans-Book"; src: url("font/Seol_Sans_Monotype/SeolSans-Book.otf") format("truetype"); font-weight: 400; } 
@font-face { font-family: "SeolSans-Regular"; src: url("font/VWGroup_TheGroup_Office/TheGroupTEXT-Regular.ttf")
 format("truetype"); font-weight: 400; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; /* �곷Ц ���뚮Ц�� */ } 
@font-face { font-family: "SeolSans-Bold"; src: url("font/VWGroup_TheGroup_Office/TheGroupTEXT-Bold.ttf")
 format("truetype"); font-weight: 700; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; /* �곷Ц ���뚮Ц�� */ } 
@font-face { font-family: "SeolSans-Book"; src: url("font/VWGroup_TheGroup_Office/TheGroupTEXT-Bold.ttf")
 format("truetype"); font-weight: 400; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; /* �곷Ц ���뚮Ц�� */ } 

@font-face { font-family: "TheGroupTEXT-Regular"; src: url("font/VWGroup_TheGroup_Office/TheGroupTEXT-Regular.ttf")
 format("truetype"); font-weight: 400; } 

@font-face { font-family: "TheGroupTEXT-Bold"; src: url("font/VWGroup_TheGroup_Office/TheGroupTEXT-Bold.ttf")
 format("truetype"); font-weight: 700; } 

.f_bold { font-weight: 700; } 
.txr { text-align: right; } 
.txl { text-align: left; } 
.hide { display: none; } 

.pc1600 { display: none; } 
.pc1280 { display: none; } 
.pc1080 { display: none; } 
.pc768 { display: none; } 

.mo { display: none; } 
br.mo { display: none; } 
br.mo480 { display: none; } 

section:lang(ko) { font-family: "SeolSans-Regular", "TheGroupTEXT-Regular"; } 
section:lang(en) { font-family: "TheGroupTEXT-Regular", "SeolSans-Regular"; } 

body.on { overflow-y: hidden; overflow-x: hidden; } 
.wrap { max-width: 1920px; width: 100%; margin: 0 auto; line-height: 1; color: #323232; } 
.wrap .section { position: relative; } 
.wrap .section .section_inner { position: relative; width: 100%; max-width: 1600px; height: 100%; margin: 0 auto; z-index: 3; } 

/* header */

#header { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; max-width: 1920px; height: 100px; font-family: "Noto Sans KR"; background-color: transparent; z-index: 5; transition: ease 0.3s; } 
*:lang(en) #header {font-family: "TheGroupTEXT-Regular"; } 
#header .header_inner { display: flex; width: 100%; max-width: 1600px; height: 100%; margin: 0 auto; } 
#header .header_inner .logo { display: flex; align-items: center; line-height: 100px; width: 191px; } 
/* *:lang(en) #header .header_inner .logo { width: 237px; } */
#header .header_inner .logo img { width: 100%; object-fit: cover; } 
#header.on { background-color: #fff; } 
#header.on .header_inner .logo img { content: url(../images/main/header_logo_open_kr.png); } 
*:lang(en) #header.on .header_inner .logo img { content: url(../images/main/header_logo_open.png); } 
#header .header_inner .gnb { margin-left: 105px; } 
#header .header_inner .gnb .depth1_ul { display: flex; width: 630px; } 
*:lang(en) #header .header_inner .gnb .depth1_ul { width: 680px; } 
#header .header_inner .gnb .depth1_ul > li { width: calc(100% / 4); } 
#header .header_inner .gnb .depth1_ul > li > a { display: inline-block; width: 100%; font-size: 22px; font-weight: 700; line-height: 100px; text-align: center; color: #ffffff; word-break: keep-all; } 
#header.on .header_inner .gnb .depth1_ul > li:hover > a { color: #326941; } 
#header.on .header_inner .gnb .depth1_ul > li > a { color: #000; } 
#header .header_inner .login_box{margin-left: auto;}
#header .header_inner .login_box a{display: inline-block; line-height: 100px; color: #ccc;}
#header .header_inner .login_box a.off{display:none;}
#header .header_inner .login_box2{display: none;}
#header .header_inner .login_box2.on{display: block;}
#header .header_inner .icon_box {display: flex; line-height: 100px; } 
#header .header_inner .log_wrap {margin-left: auto; line-height: 100px;  } 
#header .header_inner .log_wrap a { position: relative; display: inline-block; font-size: 22px; font-weight: 700; padding: 0 18px; transition: all 0.2s; color: #c6c6c6; } 
/* #header .header_inner .log_wrap a.login.out { display: none; }  */
#header .header_inner .log_wrap a.login:hover { color: #326941; } 
/* #header .header_inner .log_wrap .logout_box{ display: none;}  */
/* #header .header_inner .log_wrap .logout_box{display: block;}  */
#header .header_inner .log_wrap .logout_box a { display: inline-block; } 
#header .header_inner .log_wrap .logout_box a.logout { color: #c2fe06; } 
#header .header_inner .log_wrap .logout_box a.mypage::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 16px; background-color: #c6c6c6; }

#header .header_inner .sub_depth_wrap { display: none; } 
#header .header_inner .sub_depth_wrap.on { display: block; position: absolute; top: 100px; left: 0; width: 100%; height: auto; padding: 35px 0 68px; background-color: #fff; border-top: 1px solid #e3e3e3; border-bottom:  1px solid #e3e3e3;;z-index: 5; } 
#header .header_inner .sub_depth_wrap .inner { display: flex; gap: 40px; width: 100%; max-width: 1600px; margin: 0 auto; } 
#header .header_inner .sub_depth_wrap .sub_depth_box { } 
#header .header_inner .sub_depth_wrap .sub_depth_box .sub_depth_tit { position: relative; width: 100%; font-size: 22px; font-weight: 700; color: #2e614f; } 
#header .header_inner .sub_depth_wrap .sub_depth_box .sub_depth_tit::before { content: ""; position: absolute; right: 0; top: 50%; width: 9px; height: 14px; transform: translateY(-50%); background: url(../images/main/header_icon_triangle_green.png) no-repeat
 center; background-size: 100% auto; } 
#header .header_inner .sub_depth_wrap .sub_depth_box .sub_depth_img { margin-top: 33px; font-size: 0; vertical-align: top; border-top-left-radius: 30px; } 
#header .header_inner .sub_depth_wrap .sub_depth_box .sub_depth_img img { width: 100%; } 
#header .header_inner .sub_depth_wrap .depth2_ul { position: relative; display: flex; flex-direction: column; gap: 14px; } 
#header .header_inner .sub_depth_wrap .depth2_ul > li { } 
#header .header_inner .sub_depth_wrap .depth2_ul > li:hover .depth3_ul { display: block; position: absolute; top: 0; left: 220px; width: 100%; height: 100%; padding-left: 70px; } 
#header .header_inner .sub_depth_wrap .depth2_ul > li > a { display: inline-block; width: 250px; font-size: 20px; line-height: 40px; letter-spacing: -0.02px; padding-left: 14px; color: #000; word-break: keep-all; } 
*:lang(en) #header .header_inner .sub_depth_wrap .depth2_ul > li > a { min-width: 260px; } 
#header .header_inner .sub_depth_wrap .depth2_ul > li:hover > a { position: relative; color: #fff; border-radius: 19px; padding: 0 14px; background-color: #2e614f; } 
#header .header_inner .sub_depth_wrap .depth2_ul > li:hover > a.icon { background: url(../images/main/header_icon_triangle_white.png) no-repeat 90%
 center #2e614f; } 
/* #header .header_inner .sub_depth_wrap .depth2_ul > li:hover > a::before { content: ""; position: absolute; top:50%; right: 13px; width: 9px; height: 14px; transform: translateY(-50%); } */
#header .header_inner .sub_depth_wrap .depth3_ul { display: none; height: 100%; } 
#header .header_inner .sub_depth_wrap .depth3_ul > li { width: 100%; margin-top: 12px; } 
#header .header_inner .sub_depth_wrap .depth3_ul > li:first-child { margin-top: 0; } 
#header .header_inner .sub_depth_wrap .depth3_ul > li > a { display: inline-block; font-size: 16px; font-weight: 700; line-height: 28px; color: #7c7c7c; } 
#header .header_inner .sub_depth_wrap .depth3_ul > li:hover > a { color: #2e614f; } 
 
#header .header_inner .icon_box .globe { position: relative; cursor: pointer; padding: 8px 0px 8px 20px; } 
#header .header_inner .icon_box .globe .globe_box { display: none; } 
#header .header_inner .icon_box .globe .globe_box.on { display: block; position: absolute; top: 83px; right: 0; } 
#header .header_inner .icon_box .globe .globe_box .inner { display: flex; justify-content: center; align-items: center; gap: 21px; width: 199px; height: 54px; line-height: 54px; border-radius: 11px; background-color: #ffffff; } 
#header .header_inner .icon_box .globe .globe_box a { display: inline-block; font-family: "SeolSans-Light"; font-size: 18px; line-height: 1.5; color: #878787; } 
#header .header_inner .icon_box .globe .globe_box a:hover { color: #326941; font-weight: 700; } 
*:lang(ko) #header .header_inner .icon_box .globe .globe_box a.en { font-family: "SeolSans-Light"; } 
*:lang(ko) #header .header_inner .icon_box .globe .globe_box a.ko { font-family: "SeolSans-Bold"; font-weight: 700; color: #326941; } 
*:lang(en) #header .header_inner .icon_box .globe .globe_box a.ko { font-family: "TheGroupTEXT-Regular"; } 
*:lang(en) #header .header_inner .icon_box .globe .globe_box a.en { font-family: "TheGroupTEXT-Bold"; font-weight: 700; color: #326941; } 

#header .header_inner .icon_box > .globe:hover > img { content: url(../images/main/icon_globe_green.png); } 
#header .header_inner .icon_box > .search:hover > img { content: url(../images/main/icon_search_green.png); } 

#header.on .header_inner .icon_box > .globe > img { content: url(../images/main/icon_globe.png); } 
#header.on .header_inner .icon_box > .search > img { content: url(../images/main/icon_search.png); } 
#header.on .header_inner .icon_box > .search:hover > img { content: url(../images/main/icon_search_green.png); } 

#header .header_inner .icon_box .search { cursor: pointer; padding: 8px 22px; } 
#header .header_inner .icon_box .search .search_wrap { display: none; } 
#header .header_inner .icon_box .search .search_wrap.on { display: block; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1920px; height: auto; padding: 63px 0 76px; background-color: #fff; border-top: 1px solid #e3e3e3; cursor: default; z-index: 6; } 
#header .header_inner .icon_box .search .search_wrap .inner { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; margin: 0 auto; } 
#header .header_inner .icon_box .search .search_wrap .inner .search_area { display: flex; justify-content: center; gap: 19px; width: 920px; height: 57px; line-height: 57px; padding: 10px 19px; background-color: #fff; border: 1px solid #f1f1f1; border-radius: 10px; } 
#header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box { width: 100%; padding: 0 100px 0 0; border-right: 1px solid #e5e5e5; } 
#header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box
 label
 + input { width: 100%; height: 100%; font-family: "SeolSans-Light"; font-size: 24px; letter-spacing: -0.02px; color: #7a7a7a; vertical-align: top; border: none; outline: none; } 
*:lang(en)
 #header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box
 label
 + input { font-family: "TheGroupTEXT-Regular"; } 
#header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box
 label
 + input::placeholder { font-family: "SeolSans-Light"; font-size: 24px; letter-spacing: -0.02px; color: #7a7a7a; } 
*:lang(en)
 #header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box
 label
 + input::placeholder { font-family: "TheGroupTEXT-Regular"; } 
#header .header_inner .icon_box .search .search_wrap .inner .key_ul { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; max-width: 584px; width: 100%; margin-top: 39px; } 
#header .header_inner .icon_box .search .search_wrap .inner .key_ul > li { max-height: 30px; line-height: 30px; } 
#header .header_inner .icon_box .search .search_wrap .inner .key_ul > li a { display: inline-block; font-family: "SeolSans-Light"; font-size: 14px; line-height: 30px; padding: 0 13px; transition: all 0.2s; color: #326941; background-color: #cfeada; border-radius: 15px; } 
#header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .key_ul
 > li
 a
 span.en { font-family: "TheGroupTEXT-Regular"; } 
#header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .key_ul
 > li
 a:hover { color: #fff; background-color: #326941; } 
*:lang(en)
 #header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .key_ul
 > li
 a { font-family: "TheGroupTEXT-Regular"; } 

#header .header_inner .hamburger { display: none; } 

/* footer */
#footer { font-family: "SeolSans-Regular"; background-color: #eaefed; margin-bottom: 133px; } 
*:lang(en) #footer { font-family: "TheGroupTEXT-Regular"} 
#footer .footer_inner { display: table; table-layout: fixed; width: 100%; max-width: 1600px; margin: 0 auto; padding-bottom: 62px; } 
#footer .footer_inner .f_left .footer_logo { display: flex; align-items: center; width: 191px; } 
*:lang(en) #footer .footer_inner .f_left .footer_logo { width: 252px; } 
#footer .footer_inner .f_left .footer_logo img { width: 100%; } 

#footer .f_left { position: relative; display: table-cell; width: 100%; height: 100%; z-index: 5; } 
#footer .f_left .txt_wrap { display: flex; flex-direction: column; gap:20px; margin-top: 30px;} 
#footer .f_left .link_box { display: flex;} 
#footer .f_left .link_box.sty2 { display: flex; flex-wrap: wrap;} 
#footer .f_left .link_box > li { position: relative; padding-right: 13px; margin-left: 7px; } 
#footer .f_left .link_box > li span.en{font-family: "TheGroupTEXT-Regular";}
#footer .f_left .link_box.sty2 > li{ font-size: 18px; line-height: 1.5; color: #003749; } 
#footer .f_left .link_box > li:first-child { margin-left: 0; } 
#footer .f_left .link_box > li:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 56%; background-color: #2e614f; } 
#footer .f_left .link_box > li:last-child:before { content: ""; width: 0; height: 0; } 
#footer .f_left .link_box.sty2 > li:nth-child(4){margin-left: 0;} 
#footer .f_left .link_box > li a { position: relative; display: inline-block; width: 100%; font-size: 18px; line-height: 2; color: #2e614f; } 
#footer .f_left .copyright { display: inline-block; font-size: 18px; color: #003749; } 

#footer .f_right { display: table-cell; width: 480px; } 
#footer .f_right .icon_select_wrap { display: flex; gap: 24px; justify-content: end; margin-top: 85px; } 
#footer .f_right .icon_select_wrap .icon_wrap { display: flex; } 
#footer .f_right .icon_select_wrap .icon_wrap a { display: inline-block; } 
#footer .f_right .icon_select_wrap .icon_wrap a.mo { display: none; } 
#footer .f_right .icon_select_wrap .icon_wrap a img { width: 100%; } 
#footer .f_right .icon_select_wrap .select_box { position: relative; width: 230px; height: 42px; color: #fff; background: #2e614f; color: #fff; border-radius: 21px; } 
#footer .f_right .icon_select_wrap .select_box::before { content: ""; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 14px; height: 7px; background: url(../images/main/icon_family_arrow_down.png) no-repeat; } 
#footer .f_right .icon_select_wrap .select_box .select { position: relative; width: 100%; margin-left: auto; padding: 0 20px 0; color: #fff; font-size: 20px; line-height: 42px; background-color: transparent; border: none; outline: none; cursor: pointer; z-index: 3; } 
#footer .f_right .icon_select_wrap .select_box .select { appearance: none; } 
#footer .f_right .icon_select_wrap .select_box .select option { color: #000; } 
#footer .f_right .icon_box { display: flex; gap: 30px; justify-content: end; margin-top: 30px; } 
#footer .f_right .icon_box > li { } 
#footer .f_right .icon_box > li a { display: inline-block; } 

/* -----support----- */
.wrap .support_fix { position: fixed; bottom: 0; left: 0; right: 0; background-color: #f4f4f4; padding: 32px 0 30px; z-index: 99; } 
.wrap .support_fix .section_inner .support_txt_box { display: flex; justify-content: space-between; align-items: center; } 
.wrap .support_fix .section_inner .support_txt_box .txt { font-size: 22px; line-height: 36px; } 
.wrap .support_fix .section_inner .support_txt_box .txt span.en { font-family: "TheGroupTEXT-Regular"; } 
.wrap .support_fix .btn_support { position: relative; display: inline-block; width: 100%; max-width: 142px; height: 50px; font-size: 18px; line-height: 50px; padding-left: 26px; padding-right: 20px; border-radius: 24px; border: 1px solid #4e4e4e; } 
.wrap .support_fix .btn_support::before { content: ""; position: absolute; top: 50%; right: 20px; width: 16px; height: 14px; transform: translateY(-50%); background: url(../images/main/btn_arrow_right.png) no-repeat; } 

@media (max-width: 1600px){
 .pc1600 { display: block; } 

 .wrap { max-width: 100%; } 

 #header .header_inner { max-width: 100%; padding: 0 30px; margin: 0 auto; } 
 #header .header_inner .logo { width: 220px; } 
 #header .header_inner .gnb { margin-left: 60px; } 
 #header .header_inner .gnb .depth1_ul { width: 500px; } 
 #header .header_inner .gnb .depth1_ul > li > a { font-size: 20px; } 
 #header .header_inner .log_wrap a {font-size: 20px;}

 #header .header_inner .sub_depth_wrap.on { padding: 25px 0 54px; } 
 #header .header_inner .sub_depth_wrap .inner { display: flex; gap: 18px; max-width: 100%; padding: 0 30px; } 
 #header .header_inner .sub_depth_wrap .sub_depth_box { width: 270px; } 
 #header .header_inner .sub_depth_wrap .sub_depth_box .sub_depth_tit { font-size: 20px; } 
 #header .header_inner .sub_depth_wrap .sub_depth_box .sub_depth_img { margin-top: 22px; } 
 #header .header_inner .sub_depth_wrap .depth2_ul { gap: 14px; } 
 #header .header_inner .sub_depth_wrap .depth2_ul > li { } 
 #header .header_inner .sub_depth_wrap .depth2_ul > li:hover .depth3_ul { left: 200px; padding-left: 36px; } 
 #header .header_inner .sub_depth_wrap .depth2_ul > li > a { width: 220px; font-size: 18px; padding-left: 12px; } 
 #header .header_inner .sub_depth_wrap .depth2_ul > li:hover > a { padding: 0 12px; } 
 *:lang(en) #header .header_inner .sub_depth_wrap .depth2_ul > li > a { min-width: 232px; } 
 #header .header_inner .sub_depth_wrap .depth3_ul > li > a { font-size: 16px; line-height: 26px; } 

 #header .header_inner .icon_box .search .search_wrap.on { max-width: 100%; padding: 50px 0 63px; } 
 #header .header_inner .icon_box .search .search_wrap .inner .search_area { max-width: 800px; height: 48px; line-height: 48px; padding: 10px 19px; } 
 #header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box { padding: 0 80px 0 0; } 
 #header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box
 label
 + input { font-size: 18px; } 
 #header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box
 label
 + input::placeholder { font-size: 18px; } 
 #header .header_inner .icon_box .search .search_wrap .inner .key_ul { gap: 7px; max-width: 450px; margin-top: 24px; } 

 /* footer */
 #footer { margin-bottom: 100px; } 
 #footer .footer_inner { max-width: 100%; padding: 0 30px 52px; } 
 #footer .footer_inner .footer_logo { width: 237px; } 

 #footer .f_left { display: table-cell; width: 100%; height: 100%; } 
 #footer .f_left .link_box > li { padding-right: 11px; margin-left: 5px; } 
 #footer .f_left .link_box > li a { font-size: 16px; line-height: 24px; color: #2e614f; } 
 #footer .f_left .copyright { font-size: 16px; line-height: 24px; } 

 #footer .f_right { width: 320px; } 
 #footer .f_right .select_box { width: 190px; height: 36px; } 
 #footer .f_right .select_box .select { font-size: 16px; line-height: 36px; } 
 #footer .f_right .icon_box { gap: 10px; margin-top: 29px; } 
 #footer .f_right .icon_box > li a { text-align: right; } 
 #footer .f_right .icon_box > li a img { width: 100%; } 

 /* -----support----- */
 .wrap .support_fix { padding: 32px 30px 30px; } 
 .wrap .support_fix .section_inner .support_txt_box .txt { font-size: 20px; line-height: 30px; } 
 .wrap .support_fix .btn_support { max-width: 130px; height: 40px; font-size: 18px; line-height: 40px; padding: 0 20px; } 
 }

@media (max-width: 1280px){
 .pc1280 { display: block; } 

 #header .header_inner { padding: 0 20px; } 
 #header .header_inner .gnb { margin-left: 40px; } 
 #header .header_inner .gnb .depth1_ul { width: 450px; } 
 *:lang(en) #header .header_inner .gnb .depth1_ul { width: 550px; } 
 #header .header_inner .gnb .depth1_ul > li > a { font-size: 18px; } 
 #header .header_inner .log_wrap a {font-size: 18px;}

 #header .header_inner .sub_depth_wrap.on { padding: 20px 0 50px; } 
 #header .header_inner .sub_depth_wrap .inner { gap: 15px; padding: 0 20px; } 
 #header .header_inner .sub_depth_wrap .sub_depth_box { width: 250px; } 
 #header .header_inner .sub_depth_wrap .sub_depth_box .sub_depth_tit { font-size: 18px; } 
 #header .header_inner .sub_depth_wrap .sub_depth_box .sub_depth_img { margin-top: 20px; width: 100%; height: auto; } 
 #header .header_inner .sub_depth_wrap .depth2_ul { gap: 12px; } 
 #header .header_inner .sub_depth_wrap .depth2_ul > li:hover .depth3_ul { left: 180px; padding-left: 30px; } 
 *:lang(en)
 #header
 .header_inner
 .sub_depth_wrap
 .depth2_ul
 > li:hover
 .depth3_ul { left: 190px; padding-left: 36px; } 
 #header .header_inner .sub_depth_wrap .depth2_ul > li > a { width: 200px; font-size: 16px; line-height: 32px; padding-left: 12px; } 
 *:lang(en) #header .header_inner .sub_depth_wrap .depth2_ul > li > a { min-width: 210px; } 
 #header .header_inner .sub_depth_wrap .depth2_ul > li:hover > a { padding: 0 10px; } 
 #header .header_inner .sub_depth_wrap .depth3_ul > li > a { font-size: 14px; line-height: 24px; } 
 #header .header_inner .icon_box .log_wrap a { font-size: 15px; padding: 0 10px; } 

 /* footer */
 #footer { margin-bottom: 90px; } 
 #footer .footer_inner { padding: 0 28px 48px; } 
 #footer .footer_inner .footer_logo { width: 220px; } 
 #footer .footer_inner .footer_logo img { width: 90%; } 

 #footer .f_left .txt_wrap .txt_box { } 
 #footer .f_left .txt_wrap .icon_insta { } 
 #footer .f_left .link_box { max-width: 500px; flex-wrap: wrap;  } 
 #footer .f_left .link_box > li a { font-size: 14px; line-height: 20px; color: #2e614f; } 
 #footer .f_left .copyright { font-size: 14px; line-height: 20px; } 

 #footer .f_right { width: 300px; } 
 #footer .f_right .icon_select_wrap { margin-top: 50px; } 

 #footer .f_right .icon_select_wrap .select_box { width: 180px; height: 34px; } 
 #footer .f_right .icon_select_wrap .select_box .select { font-size: 16px; line-height: 32px; } 
 #footer .f_right .icon_box { gap: 10px; margin-top: 26px; } 

 /* -----support----- */
 .wrap .support_fix { padding: 24px 30px 20px; } 
 .wrap .support_fix .section_inner .support_txt_box .txt { font-size: 18px; line-height: 27px; } 
 .wrap .support_fix .btn_support { max-width: 130px; height: 38px; font-size: 16px; line-height: 38px; padding: 0 20px; } 
 .wrap .support_fix .btn_support::before { right: 18px; } 
 }

@media (max-width: 1080px){
 .pc1080 { display: block; } 

 #header .header_inner .logo { width: 187px; } 
 #header .header_inner { padding: 0 10px; } 
 #header .header_inner .gnb { margin-left: 15px; } 
 *:lang(en) #header .header_inner .gnb { margin-left: 0; } 
 #header .header_inner .gnb .depth1_ul { width: 350px; } 
 *:lang(en) #header .header_inner .gnb .depth1_ul { width: 413px; } 
 #header .header_inner .gnb .depth1_ul > li > a { font-size: 15px; } 
 #header .header_inner .log_wrap a {font-size: 15px;} 

 #header .header_inner .sub_depth_wrap.on { padding: 18px 0 45px; } 
 #header .header_inner .sub_depth_wrap .inner { padding: 0 10px; } 
 #header .header_inner .sub_depth_wrap .sub_depth_box { width: 200px; } 
 #header .header_inner .sub_depth_wrap .sub_depth_box .sub_depth_tit { font-size: 16px; } 
 #header .header_inner .sub_depth_wrap .sub_depth_box .sub_depth_img { margin-top: 18px; } 
 #header .header_inner .sub_depth_wrap .depth2_ul { gap: 10px; } 
 #header .header_inner .icon_box .globe { padding: 8px 0px 8px 8px; } 

 #header .header_inner .icon_box .search .search_wrap.on { padding: 50px 0 63px; } 
 #header .header_inner .icon_box .search .search_wrap .inner .search_area { max-width: 600px; height: 40px; line-height: 40px; } 
 #header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box { padding: 0 60px 0 0; } 
 #header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box
 label
 + input { font-size: 16px; } 
 #header
 .header_inner
 .icon_box
 .search
 .search_wrap
 .inner
 .search_area
 .search_box
 label
 + input::placeholder { font-size: 16px; } 
 #header .header_inner .icon_box .search .search_wrap .inner .key_ul { max-width: 380px; } 
 #header .header_inner .icon_box .search { padding: 8px 10px; } 

 /* footer */
 #footer .footer_inner { padding: 0 26px 44px; } 
 #footer .footer_inner .footer_logo { width: 220px; } 

 #footer .f_left .txt_wrap { gap: 20px; } 
 #footer .f_left .txt_wrap .txt_box { } 
 #footer .f_left .txt_wrap .icon_insta { } 
 #footer .f_left .link_box.sty2 > li{font-size: 14px;} 
 #footer .f_left .link_box > li a{font-size: 14px; } 
 #footer .f_left .copyright { font-size: 14px; line-height: 20px; } 

 #footer .f_right { width: 300px; } 
 #footer .f_right .icon_select_wrap { } 
 #footer .f_right .icon_select_wrap .select_box { width: 180px; height: 34px; } 
 #footer .f_right .icon_select_wrap .select_box .select { font-size: 16px; line-height: 32px; } 
 #footer .f_right .icon_box { gap: 10px; margin-top: 26px; } 
 #footer .f_right .icon_box > li a img { width: 80%; } 

 /* -----support----- */
 .wrap .support_fix .section_inner .support_txt_box .txt { font-size: 16px; line-height: 24px; } 
 .wrap .support_fix .btn_support { max-width: 120px; height: 36px; font-size: 14px; line-height: 36px; padding: 0 20px; } 
 .wrap .support_fix .btn_support::before { right: 15px; } 
 }

@media (max-width: 768px){
 .pc { display: none; } 
 .mo { display: block; } 
 br.mo { display: block; } 

 #header { height: 20vw; } 
 #header .header_inner { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; } 
 #header .header_inner .logo { width: 21%; line-height: 20vw; } 
 *:lang(en) #header .header_inner .logo { width: 21%; line-height: 20vw; } 
 #header .header_inner .logo img { content: url(/public/mobile/images/main/logo.png); } 
 #header.on .header_inner .logo img { content: url(/public/mobile/images/main/logo.png); } 
 *:lang(en) #header.on .header_inner .logo img { content: url(/public/mobile/images/main/logo_green.png); } 
 #header.sub_header .header_inner .logo img { content: url(/public/mobile/images/main/logo_green.png); } 
 *:lang(en) #header.sub_header .header_inner .logo img { content: url(/public/mobile/images/main/logo_green.png); } 

 #header.on { background-color: transparent; } 

 #header .header_inner .gnb { display: none; } 

 #header .header_inner .icon_box { display: none; } 
 #header .header_inner .hamburger { display: inline-block; width: 7%; text-align: right; z-index: 999; } 
 #header .header_inner .hamburger img { width: 100%; } 
 #header .header_inner .hamburger.on { position: fixed; width: 6.53%; right: 20px; } 
 #header .header_inner .hamburger.on img { content: url(/public/mobile/images/main/btn_close.png); } 

 #header .header_inner .gnb { width: 60%; height: 100vh; position: fixed; top: 0; right: 0; padding-top: 20%; z-index: 999; overflow-y: scroll; } 
 #header .header_inner .gnb.on { display: block; position: fixed; right: 0; top: 0; margin: 0; background-color: #f4f4f4; overflow-x: hidden; } 
 #header .header_inner .gnb .depth1_ul { display: flex; flex-direction: column; width: 100%; } 
 *:lang(en) #header .header_inner .gnb .depth1_ul { width: 100%; } 
 #header .header_inner .gnb .depth1_ul > li { width: 100%; padding: 0; height: 100%; } 
 #header .header_inner .gnb .depth1_ul > li > a { display: inline-block; width: 100%; font-size: 24px; line-height: 80px; text-align: left; padding: 0 50px; color: #000; } 
 #header.on .header_inner .gnb .depth1_ul > li:hover > a { color: #008c82; } 
 #header.on .header_inner .gnb .depth1_ul > li > a { color: #000; } 
 #header.on
 .header_inner
 .gnb
 .depth1_ul
 > li:nth-child(2)
 .sub_depth_wrap
 .depth2_ul
 > li { padding: 8px 0; } 
 #header.on
 .header_inner
 .gnb
 .depth1_ul
 > li:nth-child(2)
 .sub_depth_wrap
 .depth2_ul
 > li
 > a { line-height: 1.8; } 

 #header.on .header_inner .gnb .depth1_ul > li:hover .sub_depth_wrap { background-color: #deeae9; } 

 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap { } 
 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap.on { padding: 15px 0 20px; } 
 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap .inner { padding: 0; } 
 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap.on { position: relative; top: initial; left: initial; height: auto; } 
 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap .inner { display: flex; gap: initial; width: 100%; max-width: 100%; margin: 0; } 
 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap .sub_depth_box { display: none; } 

 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap .depth2_ul { position: relative; display: flex; flex-direction: column; gap: initial; width: 100%; margin-top: 0; } 
 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap .depth2_ul > li { display: flex; flex-direction: column; } 
 #header
 .header_inner
 .gnb
 .depth1_ul
 > li
 .sub_depth_wrap
 .depth2_ul
 > li:hover
 .depth3_ul { display: block; position: relative; top: initial; left: initial; width: 100%; height: 100%; } 
 #header
 .header_inner
 .gnb
 .depth1_ul
 > li
 .sub_depth_wrap
 .depth2_ul
 > li
 > a { display: inline-block; width: 100%; height: 100%; font-size: 20px; line-height: 50px; padding: 0 50px; color: #000; } 
 #header
 .header_inner
 .gnb
 .depth1_ul
 > li
 .sub_depth_wrap
 .depth2_ul
 > li:hover
 > a { background: none; } 
 #header
 .header_inner
 .gnb
 .depth1_ul
 > li
 .sub_depth_wrap
 .depth2_ul
 > li:hover
 > a.icon { background: none; } 
 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap .depth3_ul { display: none; height: 100%; padding: 10px 0; } 
 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap .depth3_ul > li { width: 100%; } 
 #header
 .header_inner
 .gnb
 .depth1_ul
 > li
 .sub_depth_wrap
 .depth3_ul
 > li
 > a { display: inline-block; width: 100%; font-size: 16px; line-height: 32px; padding: 0 60px; color: #7c7c7c; } 
 #header
 .header_inner
 .gnb
 .depth1_ul
 > li
 .sub_depth_wrap
 .depth3_ul
 > li:hover
 > a { color: inherit; } 

 /* footer */
 #footer { background-color: #eaefed; margin-bottom: 12vw; } 
 #footer .footer_inner { position: relative; display: flex; table-layout: initial; width: 100%; max-width: 100%; padding: 110px 20px 50px; } 
 #footer .footer_inner .f_left .footer_logo { width: 220px; } 
 *:lang(en) #footer .footer_inner .f_left .footer_logo { width: 220px; } 

 #footer .f_left { display: inline-block; } 
 #footer .f_left .txt_wrap { display: flex; justify-content: space-between;  } 
 #footer .f_left .link_box { max-width: 600px; } 
 #footer .f_left .link_box > li:first-child { margin-left: 0; } 
 #footer .f_left .link_box > li a { line-height: 1.8; } 
 #footer .f_left .copyright { display: inline-block; max-width: 450px; width: 100%; font-size: 14px; line-height: 21px; color: #003749; word-break: keep-all; } 

 #footer .f_right { position: absolute; top: 0; left: 0; display: inline-block; width: initial; width: 100%; height: 100%; } 
 #footer .f_right .icon_select_wrap { position: relative; display: inline-block; width: 100%; height: 100%; margin: 0; } 
 #footer .f_right .icon_select_wrap .icon_wrap { position: absolute; top: 24px; left: 50%; transform: translateX(-50%); display: flex; gap: 15px; } 
 #footer .f_right .icon_select_wrap .icon_wrap a { display: inline-block; } 
 #footer .f_right .icon_select_wrap .icon_wrap a.mo { display: block; width: 50px; } 
 #footer .f_right .icon_select_wrap .icon_wrap a.mo img { width: 100%; } 
 #footer .f_right .icon_select_wrap .icon_wrap a.pc { display: none; } 

 #footer .f_right .icon_select_wrap .select_box { position: absolute; top: 105px; right: 10px; width: 180px; height: 36px; border-radius: 12px; margin: 0; } 
 #footer .f_right .icon_select_wrap .select_box::before { content: ""; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 14px; height: 7px; background: url(../images/main/icon_family_arrow_down.png) no-repeat; } 
 #footer .f_right .icon_select_wrap .select_box .select { position: relative; width: 100%; padding: 0 15px 0; font-size: 18px; line-height: 36px; z-index: 6; } 
 #footer .f_right .icon_select_wrap .select_box .select { appearance: none; } 
 #footer .f_right .icon_box { display: none; } 

 /* -----support----- */
 .wrap .support_fix { position: fixed; height: 12vw; background-color: #2e614f; padding: 0 !important; } 
 .wrap .support_fix .section_inner { padding: 0; } 
 .wrap .support_fix .section_inner .support_txt_box { text-align: center; } 
 .wrap .support_fix .section_inner .support_txt_box .txt { display: none; } 
 .wrap .support_fix .btn_support { max-width: 100%; height: 100%; font-family: "SeolSans-Heavy"; font-size: 4vw; line-height: 12vw; padding: 0; color: #f4f4f4; border: none; } 
 .wrap .support_fix .btn_support::before { position: relative; top: initial; right: initial; width: initial; height: initial; background: transparent; } 
 }

@media (max-width: 480px){
 #header .header_inner .gnb .depth1_ul > li > a { font-size: 18px; line-height: 60px; padding: 0 20px; } 

 #header
 .header_inner
 .gnb
 .depth1_ul
 > li
 .sub_depth_wrap
 .depth2_ul
 > li
 > a { font-size: 16px; line-height: 40px; padding: 0 20px; } 
 #header .header_inner .gnb .depth1_ul > li .sub_depth_wrap .depth3_ul { padding: 8px 0; } 
 #header
 .header_inner
 .gnb
 .depth1_ul
 > li
 .sub_depth_wrap
 .depth3_ul
 > li
 > a { font-size: 14px; line-height: 30px; padding: 0 20px; } 

 #footer .footer_inner { padding: 110px 10px 40px; } 

 #footer .footer_inner .f_left .footer_logo { width: 135px; } 
 *:lang(en) #footer .footer_inner .f_left .footer_logo { width: 135px; } 
 #footer .f_left .link_box > li a { font-size: 14px; line-height: 21px; } 
 #footer .f_left .copyright br { display: none; } 
 #footer .f_right .icon_select_wrap .select_box { width: 120px; height: 30px; } 
 #footer .f_right .icon_select_wrap .select_box::before { right: 10px; } 
 #footer .f_right .icon_select_wrap .select_box .select { padding: 0 8px 0; font-size: 14px; line-height: 30px; } 
 }