.header { height: 95px; position: relative; z-index: 999; position: fixed; width: 100%; transition: all .2s; } 
.head_wrap { max-width: 1800px; margin: 0 auto; display: flex; justify-content: space-between; position: relative; align-items: center; height: 100%; } 
.head_wrap .logo { width:auto; } 
.head_wrap .logo a { display: block; width: 100%; height: 100%; } 
.head_wrap .logo a img.white { } 
.head_wrap .logo a img.color { display: none; } 

.header .head_wrap .bg { position: absolute; top: 0px; left: 50%; width: 1920px; height:400px; z-index: 999; background-color: #fff; display: none; z-index: -1; max-width: 1920px; transform: translateX(-50%); } 


.header.on { border-bottom: 1px solid #ccc ;} 
.head_wrap .head_wrap_right { display: flex; justify-content: end; align-items: center; width: 80%; position: relative; } 
.head_middle { display: flex; max-width: 150px; width: 150px; justify-content: center; } 
/* .head_middle>div { margin: 0 15px; } */
.head_middle>div a { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; } 
.head_middle>div a i { margin-right: 10px; font-size: 2.5rem; color: #fff; } 
.head_middle>div a span { color: #777; font-weight: 700; } 

.gnb { height: 100%; max-width: 1100px; width: 1100px; position: relative; transition: all .2s; } 

.gnb .main_menu { display: flex; height: 100%; align-items: center; } 
.gnb .main_menu .gnb-1dep { text-align: center; height: 80px; line-height: 80px; position: relative; flex: 1 1 20%; } 
/* .gnb .main_menu .gnb-1dep::after { content: ""; background-color: var(--main-color); width: 12px; height: 12px; border-radius: 5px; position: absolute; left: 50%; bottom: -17px; transition: all .5s; transform:rotate(45deg) translateX(-50%); display: none; } */
.gnb .main_menu .gnb-1dep> a { display: block; width: 100%; height: 100%; font-size: 20px; position: relative; color: #fff; font-weight: 400; } 
.gnb .main_menu .gnb-1dep .gnb-2dep { height: auto; padding: 30px 0px; display: none; } 
.gnb .main_menu .gnb-1dep .gnb-2dep li { margin: 20px 10px; position: relative; } 
.gnb .main_menu .gnb-1dep .gnb-2dep li a { display: block; width: 100%; height: 100%; font-size: 16px; text-align: center; line-height: 1.2; color: #111; justify-content: space-between; /*border-bottom: 1px solid #d9d9d9;*/ transition: all .2s; padding-bottom: 5px;  font-weight: 400;} 
.gnb .main_menu .gnb-1dep .gnb-2dep li a span { display: inline-block; text-align: left; font-weight: 400;} 
.gnb .main_menu .gnb-1dep .gnb-2dep li a i { color: #666; font-size: 2rem; } 

.gnb .main_menu .gnb-1dep .gnb-2dep li a:hover {  color: var(--sub-color); } 
.gnb .main_menu .gnb-1dep .gnb-2dep li a:hover span { border-bottom: 1px solid var(--sub-color); } 




.gnb .main_menu .gnb-1dep .gnb-2dep li .depth03 { display:none; width: 360px; position:absolute; top: 0; right:-380px; background: #4e4e4e; padding: 50px 20px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } 
.gnb .main_menu .gnb-1dep .gnb-2dep li .depth03 li { } 
.gnb .main_menu .gnb-1dep .gnb-2dep li .depth03 li a { } 

.gnb .main_menu .gnb-1dep .gnb-2dep li .mb_menu{display: none;}

/* .gnb .main_menu .gnb-1dep::before { content:''; display:block; position:absolute; bottom:-8px; width:0%; height: 2px; background: var(--main-color); left: 50%; transform: translateX(-50%); transition: all .4s; z-index: 10; } */
.gnb .main_menu .gnb-1dep:hover::before { width: 215px; } 
.gnb .main_menu .gnb-1dep:hover::after { display: block; } 



/*header_on */
#header.on { background-color: #fff; } 
#header.on .logo a img.white { display: none; } 
#header.on .logo a img.color { display: block; } 
#header.on .lang .white { display: none; } 
#header.on .lang .color { display: inline-block; } 
#header.on .gnb .main_menu .gnb-1dep> a { color: #111; } 
#header.on .main_right .lang li a span { color: #111; } 
#header.on .main_right .all_menu_wrap .all_menu_btn span,
#header.on .main_right .all_menu_wrap .all_menu_btn span::before, #header.on .main_right .all_menu_wrap .all_menu_btn span::after { background-color: #111; } 
#header.on .head_wrap .main_right .lang li.active::after { background-color: #111; } 
#header.on .head_wrap .main_right .lang li.active span { color:var(--main-color); } 
#header.on .lang .lang_btn span { color: #111; } 
#header.on .lang .lang_btn i { color: #111; } 
#header.on .shop a { background-color: var(--main-color); } 
#header.on .head_wrap .m_btn span { background: var(--main-color); } 
#header.on .head_wrap .m_btn span::before { background: var(--main-color); } 
#header.on .head_wrap .m_btn span::after { background: var(--main-color); } 
#header.on .all_menu_btn i { color: #000; } 
#header.on .head_wrap .lang .lang_btn i { color: #000; } 
#header.on .head_middle>div a i { color: #000; } 


/*header_head_width */
/* #header.head_width .gnb { max-width: 1000px; width: 1000px; }  */
/* #header.head_width .gnb .main_menu .gnb-1dep { margin: 0 10px; } */
#header.head_width{transition: all .1s;}
#header.head_width::before { content: ""; width: 100%; height: 1px; background-color: #111; position: absolute; bottom: 0; left: 0; z-index: 10; } 


/*header_active */
#header.active { background-color: #fff; border-bottom: 1px solid #ddd; } 
#header.active .logo a img.white { display: none; } 
#header.active .logo a img.color { display: block; } 
#header.active .lang .white { display: none; } 
#header.active .lang .color { display: inline-block; } 
#header.active .gnb .main_menu .gnb-1dep> a { color: #111; } 
#header.active .main_right .lang li a span { color: #111; } 
#header.active .main_right .all_menu_wrap .all_menu_btn span,
#header.active .main_right .all_menu_wrap .all_menu_btn span::before, #header.active .main_right .all_menu_wrap .all_menu_btn span::after { background-color: #111; } 
#header.active .head_wrap .main_right .lang li.active::after { background-color: #111; } 
#header.active .head_wrap .main_right .lang li.active span { color:var(--main-color); } 
#header.active .lang .lang_btn span { color: #111; } 
#header.active .lang .lang_btn i { color: #111; } 
#header.active .shop a { background-color: var(--main-color); } 
#header.active .head_wrap .m_btn span { background: var(--main-color); } 
#header.active .head_wrap .m_btn span::before { background: var(--main-color); } 
#header.active .head_wrap .m_btn span::after { background: var(--main-color); } 
#header.active .all_menu_btn i { color: #000; } 
#header.active .head_wrap .lang .lang_btn i { color: #000; } 
#header.active .head_middle>div a i { color: #000; } 



/*언어*/
.head_wrap .main_right { width: 10%; max-width: 200px; display: flex; justify-content: space-around; } 
.head_wrap .lang { width: 60px; height: 40px; text-align: center; } 
.head_wrap .lang .lang_btn { background-color: transparent; border: none; position: relative; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } 
.head_wrap .lang .lang_btn img { } 
.head_wrap .lang .lang_btn span { font-size: 17px; font-weight: 400; } 
.head_wrap .lang .lang_btn i { font-size: 25px; margin-top: -2px; color: #fff; } 
.head_wrap .lang .lang_list { text-align: center; background-color: var(--main-color); display: none; border-radius: 10px; padding: 10px; } 
.head_wrap .lang .lang_list li { line-height: 30px; height: 30px; font-size: 16px; } 
.head_wrap .lang .lang_list li a { display: block; color: #fff; } 
.head_wrap .main_right .shop { } 
.head_wrap .main_right .shop a { display: block; width: 100%; height: 100%; } 



/*전체메뉴*/
.head_wrap .all_menu_wrap { width: 40px; } 
.head_wrap .all_menu_wrap .all_menu_btn button { width: 100%; border: none; background: none; } 
.head_wrap .all_menu_wrap .all_menu_btn span { background-color: #000; width: 100%; height: 1px; position: relative; display: block; } 
.head_wrap .all_menu_wrap .all_menu_btn span::before { content: ""; width: 50%; height: 1px; background-color: #000; position: absolute; top: -8px; right: 0; transition: all .3s; } 
.head_wrap .all_menu_wrap .all_menu_btn span::after { content: ""; width: 50%; height: 1px; background-color: #000; position: absolute; bottom: -8px; right: 0; transition: all .3s; } 
.head_wrap .all_menu_wrap .all_menu_btn:hover span::after { width: 100%; } 
.head_wrap .all_menu_wrap .all_menu_btn:hover span::before { width: 100%; } 
.head_wrap .all_menu_wrap .all_menu_btn i { font-size: 3rem; } 


.all_menu_list.active { transition: all 0.7s ease-in-out; right: 0; z-index: 99999999; display: block; } 
.all_menu_list { position: fixed; width: 100%; height: 100vh; z-index:1000; /* background: url(../img/site_map.jpg) no-repeat; background-position: center;background-size: cover; */
 background-color: rgba(0, 0, 0, 0.8); transition: all 0.7s ease-in-out; top: 0; right: -100%; bottom: 0; backdrop-filter: blur(8px); } 

 .close_btn { width: 5%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; z-index: 9999; top: 40px; right: 10px; text-align: center; } 
 .close_btn button { width: 50%; border: none; background: none; } 
 .close_btn span { border: 1px solid #fff; display: block; margin: 5px 0; width: 70%; } 
 .close_btn span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px) } 
 .close_btn span:nth-child(2) { transform: rotate(-45deg); } 
/*sitemap*/
.site_map { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; justify-content: center; position: relative; } 
.site_map::before { content: "SAMDAI"; color: rgba(255, 255, 255, 0.1); position: absolute; left: 50%; top: 50%; display: block; font-size: 25rem; max-width: 1540px; transform: translate(-50%, -50%); z-index: -1; } 

.site_map_menu >ul { max-width: 1540px; width: 100%; display: flex; height: 100%; } 
.site_map_menu >ul> li.gnb-1dep { width:calc(100% / 5); text-align: center; padding-top: 250px; transition: all .3s; } 
.site_map_menu >ul> li.gnb-1dep> a { display: block; padding-bottom: 40px; color: rgba(255,255,255,1); line-height: 1.4; font-size: 30px; transition: all .3s; border-bottom: 1px solid rgba(255,255,255,0.3); position: relative; font-weight: 600; } 
.site_map_menu >ul> li.main_menu1> a::before { content: "01"; font-weight: 700; color: rgba(255, 255, 255, 0.2); font-size: 6rem; position: absolute; left: 60px; top: -40px; display: block; letter-spacing: -7px; } 
.site_map_menu >ul> li.main_menu2> a::before { content: "02"; font-weight: 700; color: rgba(255, 255, 255, 0.2); font-size: 6rem; position: absolute; left: 40px; top: -40px; display: block; letter-spacing: -3px; } 
.site_map_menu >ul> li.main_menu3> a::before { content: "03"; font-weight: 700; color: rgba(255, 255, 255, 0.2); font-size: 6rem; position: absolute; left: 40px; top: -40px; display: block; letter-spacing: -3px; } 
.site_map_menu >ul> li.main_menu4> a::before { content: "04"; font-weight: 700; color: rgba(255, 255, 255, 0.2); font-size: 6rem; position: absolute; left: 70px; top: -40px; display: block; letter-spacing: -3px; } 
.site_map_menu >ul> li.main_menu5> a::before { content: "05"; font-weight: 700; color: rgba(255, 255, 255, 0.2); font-size: 6rem; position: absolute; left: 50px; top: -40px; display: block; letter-spacing: -3px; } 

.site_map_menu >ul .gnb-1dep:hover >a { border-bottom: 1px solid rgba(255,255,255,1); } 
.site_map_menu ul li:hover p { border-bottom: 1px solid rgba(255,255,255,1); } 
.site_map_menu ul li .gnb-2dep li a:hover { color: rgba(255,255,255,1); } 
.site_map_menu ul li .gnb-2dep li a i { display: none; } 
.site_map_menu ul li .gnb-2dep { display: block; } 
.site_map_menu ul li .gnb-2dep { flex-direction: column; justify-content: center; margin: 40px auto 0; } 
.site_map_menu ul li .gnb-2dep li { width: 100%; } 
.site_map_menu ul li .gnb-2dep li a { display: block; width: 100%; height: 100%; padding: 10px; color: rgba(255, 255, 255, 0.7); line-height: 1.4; font-size: 20px; transition: all .3s; } 
.site_map_menu ul li .gnb-2dep li a span { } 

.site_map_menu >ul> li.gnb-1dep:hover { background-color: rgba(255, 102, 0, 0.8); } 
.site_map_menu >ul> li.gnb-1dep:hover a::before { color: rgba(255, 255, 255, 0.4); } 
.all_menu_list .depth03 { display: none; } 


/*검색*/
.table-layout { position: relative; width: 100%; height: 100%; } 
.table-cell-layout { position: absolute; max-width: 1400px; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.search_btn { z-index: 100; width: fit-content; } 
.search_btn a { color: #fff; font-size: 1.8rem; display: flex; justify-content: center; align-items: center; } 
.search_btn a span { font-size: 1.5rem; } 
/* .search_btn a i { padding-right: 1rem } */
.header-search-box { position:relative; z-index:999999; } 
.header-search-open-btn, .header-search-close-btn, .header-search-btn { width:50px; height:50px; } 
.header-search-open-btn { color:#fff; font-size:24px } 
.header-search-overlay { position:fixed; /* top: -100%; */left: 0px; left: -100%; height: 100vh; width:100%; background-color: #000000d1; visibility:visible; -webkit-transition: 0.5s left ease-in-out; -moz-transition: 0.5s left ease-in-out; -o-transition: 0.5s left ease-in-out; -ms-transition: 0.5s left ease-in-out; transition: 0.5s left ease-in-out; } 
.header-search-inner { overflow:hidden; width: 100%; max-width:1400px; height:86px; height: fit-content; margin: 10px auto; padding: 100px 0; opacity:0; filter:Alpha(opacity=0); -webkit-transition:all 0.4s 0.4s; -moz-transition:all 0.4s 0.4s; -o-transition:all 0.4s 0.4s; -ms-transition:all 0.4s 0.4s; transition:all 0.4s 0.4s } 
.header-search-inner .header-search-inner-box { height: 70px; padding-right: 100px; position:relative; border-bottom: 2px solid #fff; } 
.header-search-inner .header-search-word { height: 70px; width:100%; vertical-align:top; background-color:transparent; border: unset; font-weight:300; font-size: 2.6rem; padding-left: 2rem; color: #fff; outline: none; } 
.header-search-inner .header-search-inner-box input:focus { box-shadow: unset; border: unset !important; } 
.header-search-inner .header-search-word::placeholder { line-height: 80px; color:#fff; } 
.header-search-inner .header-search-btn-controls { position:absolute; bottom: 0px; right:0px; color: #fff; } 
.header-search-inner .header-search-btn-controls span { vertical-align:middle; display:inline-block; font-size: 2rem; letter-spacing:2px; font-weight:400; font-family: 'SCoreDream'; } 
.header-search-inner .header-search-btn-controls i { font-size: 4.8rem; vertical-align: middle; color: #Fff; } 
.header-search-inner .header-search-btn { width:86px; height:86px; background: unset; border: unset; } 
.header-search-inner .header-search-close-btn { position:absolute; top: 0; right: 0; background: unset; border: unset; } 
.header-search-inner .header-search-close-btn i { font-size: 3rem; color: #fff; } 
.header-search-box.open .header-search-overlay { left:0px; } 
.header-search-box.open .header-search-inner { opacity:1.0; filter:Alpha(opacity=100); width: 86%; } 
.header-search-inner h2 { color: #fff; text-align: center; font-size: 4rem; padding-bottom: 4rem; font-weight: 700; } 
.header-search-inner .ex_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; font-size: 2rem; justify-content: center; margin: 4rem; } 
.header-search-inner .ex_wrap span { background: var(--sub-color); color: #fff; margin-right: 2rem; font-size: 2.6rem; padding: 0.7rem 2.5rem; border-radius: 20px; } 
.header-search-inner .ex_wrap span b { position: relative; top: -2px; font-weight: 400; color: #000; } 
.header-search-inner .ex_wrap p { color: #fff; font-weight: 200; } 


/*모바일head*/
#header.mobile { background-color: #fff; border-bottom: 1px solid #ccc; } 
#header.mobile .logo a img.white { display: none; } 
#header.mobile .logo a img.color { display: block; } 
.mo_wrap { display: none; } 

.head_wrap .m_btn { vertical-align: top; text-align: center; z-index: 200; display: none; } 
.head_wrap .m_btn span { position:relative; display:inline-block; width: 30px; height: 2px; background: var(--main-color); transition:0.4s } 
.head_wrap .m_btn span::before { content:""; position:absolute; top: -8px; left: 0; width: 100%; height: 2px; background: var(--main-color); transition:0.4s } 
.head_wrap .m_btn span::after { content:""; position:absolute; top: 8px; left: 0; width: 100%; height: 2px; background: var(--main-color); transition:0.4s } 

.m_btn.on { } 
.m_btn.on span { background: transparent !important; } 
.m_btn.on span::before { position:absolute; top: 0; transform:rotate(45deg); background-color: #fff; } 
.m_btn.on span::after { position:absolute; top: 0; transform:rotate(-45deg); background-color: #fff; } 

.head_wrap .m_menu { display:none; position:fixed; top: 0; right: -100%; width: 100%; height: 100%; max-width:640px; /* background: linear-gradient(135deg, #01088A, #369DB5); */
 background-image: linear-gradient(to bottom, var(--main-color) 0%, var(--main-color) 100%); z-index: 100; box-sizing:border-box; transition:0.4s } 
.head_wrap .m_menu .m_logo { position:relative; display:inline-block; vertical-align:middle; width: 150px; height: 60px; background:url(../img/logo_color.png) 50% 50% no-repeat; background-size:contain; margin: 25px 0; } 
.head_wrap .m_menu .m_lang { margin-top: 80px; display: flex; text-align: center; font-size: 22px; } 
.head_wrap .m_menu .m_lang a { color: #fff; height: 50px; line-height: 50px; position: relative; width: calc(100% / 2 - 10px); margin: 0 5px; border: 1px solid rgba(255, 255, 255, 0.5); font-size: 16px; } 
.head_wrap .m_menu .m_lang a.active { color: var(--main-color); background-color: #fff; } 

.head_wrap .m_menu > ul { padding-top: 50px; } 
.head_wrap .m_menu > ul > li { padding-left: 20px; } 
.head_wrap .m_menu > ul > li > a { position:relative; display:inline-block; width: 100%; font-size:18px; color: #fff; padding: 14px 0; box-sizing:border-box; line-height:1.2em; font-weight: 600; } 
.head_wrap .m_menu > ul > li > 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%); } 
 .head_wrap .m_menu > ul > li > 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); } 

.head_wrap .m_menu > ul > li > ul { display:none; padding: 10px 0 10px 25px; } 
.head_wrap .m_menu > ul > li > ul > li { } 
.head_wrap .m_menu > ul > li > ul > li > a { position:relative; display:inline-block; width: 100%; font-size:16px; color: #222; box-sizing:border-box; padding: 10px 0; } 
.head_wrap .m_menu > ul > li > ul > li > a i{display: none;}
/* .head .m_menu > ul > li > ul > li > a i { position:absolute; right: 53px; top: 19px; display:inline-block; width: 6px; height: 6px; background:url(../img/icon_arrowG.png) 50% 50% no-repeat; background-size:cover } */

.head_wrap .m_menu.on { right: 0; display:block; } 
.head_wrap .m_menu > ul > li.on { background: #f5f5f5; } 
.head_wrap .m_menu > ul > li.on > a { color: var(--main-color); } 

.head_wrap .m_menu > ul > li.on > a::before { background-color: var(--main-color); } 
.head_wrap .m_menu > ul > li.on > a::after { transform: translate(-50%, -50%); background-color: var(--main-color); } 
.head_wrap .m_menu > ul > li > ul > li.on a { color: var(--main-color); } 
.head_wrap .m_btn.on span::before { background-color: #fff !important; } 
.head_wrap .m_btn.on span::after { background-color: #fff !important; } 

.head_wrap .m_menu .depth03 { padding-left: 20px; } 
.head_wrap .m_menu .depth03 li { font-size: 15px; margin: 10px 0; } 



/*footer*/
footer { background-color: #1b2c56; } 
.ft_inner { max-width: 1720px; margin: 0 auto; padding: 100px 0; } 
.ft_wrap { display: flex; justify-content: space-between; } 
/* .ft_wrap>div { width: calc(100% / 2 - 20px); }  */
.ft_left { } 
/* .ft_left .ft_logo { margin-bottom: 50px; }  */
.ft_info { color: #fff; } 
.ft_info a { font-size: 1.8rem; color: #fff; margin-bottom: 20px; display: inline-block; } 
.ft_info p { font-size: 1.8rem; line-height: 1.8; font-weight: 400;} 

.ft_right { display: flex; justify-content: space-between; } 
.ft_right .ft_menu { width: calc(100% / 5 - 10px); color: #fff; } 
.ft_right .ft_menu h3 { font-size: 1.8rem; margin-bottom: 30px; font-weight: 500;} 
.ft_right .ft_menu p { font-size: 1.6rem; line-height: 1.2; margin-bottom: 15px; } 
.ft_right .ft_menu p a { display: block; width: 100%; height: 100%; color: #fff;  font-weight: 200;} 






/*footer 개인정보처리방침*/
 /* POP UP */
.about_popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #222222cc; z-index: 1000; width: 100%; height: 100%; } 
/* fullpage */
.about_popup .popup_info { width: 80%; max-width: 900px; position: absolute; bottom: 18vh; left: 50%; transform: translateX(-50%); height: 60vh; background: #ededed; z-index: 1000; border-radius: 10px; overflow: hidden; } 
/* no full page */
.about_popup .popup_info .art1 { background: #fff; padding: 4rem; height: 100%; position: relative; height: 100%; } 
.about_popup .popup_info .art1 .pop_box { width: 100%; height: 100%; position: relative; } 
.about_popup .popup_info .art1 .pop_box textarea { width: 100%; height: 100%; font-size: 1.6rem; padding: 2rem; border: unset; line-height: 1.5; word-break: keep-all;     background-color: #f4f4f4;} 
.about_popup .popup_info .art1 .pop_box h1 { font-size: 2.4rem; padding-bottom: 3rem; } 
.about_popup .popup_info .ft_close_btn { color: #fff; padding: 14px; position: absolute; color: #111; top: 2rem; right: 2rem; cursor: pointer; z-index: 100; } 
.about_popup .popup_info .ft_close_btn i { font-size: 3rem; color: var(--main-color);} 
.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; height: 80%; } 
.about_popup .popup_info .textwrap .pop_contents{height: 100%;}






 /*******************************반응형*************************************/
 @media (max-width: 1770px){
 .head_wrap .main_right { right: 0; } 
 .head_wrap { width: 95%; } 
 .ft_inner { width: 95%; } 

 }
 @media (max-width: 1540px) {
 .head_wrap .logo img { width: 100%; } 
 .gnb { width: 70%; } 
 .head_wrap .main_right { width: 12%; } 
 .site_map_menu >ul { width: 95%; } 


 }
@media (max-width: 1380px){
 .head_wrap .main_right { } 
 .head_wrap .logo a img { width: 100%; } 
 .gnb .main_menu .gnb-1dep a { font-size: 18px; } 
 .gnb .main_menu .gnb-1dep .gnb-2dep li a { font-size: 16px; } 

 .site_map_menu >ul> li.gnb-1dep> a { font-size: 2.4rem; } 
 .site_map_menu ul li .gnb-2dep li a { font-size: 1.8rem; } 

 }

@media (max-width: 1280px){
 #header { background-color: #fff; } 
 .head_wrap .logo a img.white { display: none; } 
 .head_wrap .logo a img.color { display: block; } 
 .head_wrap .all_menu_wrap { display: none; } 
 .head_wrap .gnb { display: none; } 
 .head_wrap .m_btn { position:relative; display:inline-block; width: 40px; height: 40px; vertical-align: middle; cursor: pointer; transition:0.4s } 
 .head_wrap .m_btn.on { margin-left: 0; } 
 .head_wrap .m_btn span { margin: 19px 0; } 
 .head_wrap .m_menu { display:block; } 
 .mo_wrap { width: auto; display: flex; align-items: center; justify-content: space-between; } 
 .head_wrap .main_right { display: none; } 
 .head_wrap { width: 95%; } 
 .head_wrap .head_wrap_right { display: none; } 
 .privacy .pop_wrap { width: 90%; } 
 .layerpopup .pop_wrap .pop_tit { font-size: 20px; } 

 .header .head_wrap .bg { display: none; } 

 .mb_menu{padding-left: 20px; margin-bottom: 20px; display: block !important;}
  .mb_menu a{ }
.mb_menu a:first-child{margin-right: 20px;}

 /*footer*/
 .ft_wrap>div{width: calc(100% / 2 - 10px);}




 }
@media (max-width: 1080px) {

.header{height: 70px;}
.head_wrap .logo a img{width: 200px;}


 /* popup */
 .pop_contents .img_box img { max-width: 150px; } 
 .pop_contents p br { display:none; } 


  /*footer*/
.ft_wrap{flex-direction: column;}
.ft_inner{padding: 50px 0;}
.ft_wrap>div{width: 100%;}
.ft_info{width: 100%; margin-top: 15px;}


 
}
@media (max-width: 800px) {
 

 }

@media (max-width: 650px){
 #header { height: 60px; } 
 .head_wrap .logo a img { width: 130px; } 



}
@media (max-width: 480px){

 .head_wrap .lang .lang_btn img { width: 15px; } 
 .head_wrap .lang .lang_btn span { margin-left: 5px; } 
 .head_wrap .m_menu .m_lang a { font-size: 1.4rem; line-height: 1.5; display: flex; justify-content: center; align-items: center; } 
 
.ft_left .ft_logo img{width: 180px;}
.ft_left .ft_logo{margin-bottom: 20px;}
.ft_info p{font-size: 1.6rem;}

 /* popup */
 .pop_contents .img_box img { max-width: 100px; } 
.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 .art1 .pop_box h1{font-size: 2rem;}
 }

@media (max-width: 400px) { 
 
}