@charset "utf-8";
@import url('unable/board.css');
@import url('unable/board_renew.css');
@import url('custom_board.css');

/*
 * layout.css.css
 * 레이아웃 공통요소들 작업요소에 맞게 수정하시면됩니다.
 */
 
@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */ 
}
/* base */
html.safari.desktop {font-size: 0.040083333vw;}
::selection{background: rgb(79 186 193 / 56%); color:#fff;}
body{font-size: 17rem;word-break:keep-all;}
th[data-view="file"] + td ul li a{line-height:1em;}
ul li:last-child{margin-right:0;}

::-webkit-scrollbar{width:10rem;}
::-webkit-scrollbar-thumb{background-color:hsla(0, 0%, 42%, 0.3); border-radius:100rem;}

html,
body{/* height:100vh; *//* height: var(--vh); */}
body{overflow-y: overlay;} 
body *{box-sizing: border-box;}

/* root ---------------  */
:root{
    --vh: 100%;
    --font-default:17rem;
    --font-title:20rem;
    --color-light:#555;
    --color-basic:#222;
    --color-black:#111;
    --color-point:#0069b4; 
    --color-orange:#ee7600; 
    --animation-basic:all 0.4s ease; 
    --animation-lazy:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
    --lang-ko:"Pretendard", Sans-serif; 
    --lang-en:"Mulish",Sans-serif;}

/* 공통 --------------- */
.inner{ box-sizing: border-box; margin: 0 90rem;}
.wrap{width: 100%; max-width: 1400rem; padding: 0 30rem; box-sizing: border-box; margin: 0 auto;}
.narrow-wrap {width: 100%; max-width: 1200rem; box-sizing: border-box; margin:0 auto;}
.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;}

/* 버튼 */
.link-button{display: flex;}
.link-button .btn{display: flex; align-items: center;}
.link-button .btn *{font-weight: bold;}
.link-button .btn svg{width: 16rem; margin-left: 23rem;}

/* 체크 */
[data-check] label{padding-left: 34rem; box-sizing: border-box; cursor: pointer; position: relative; }
[data-check] label em{}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position: absolute;left: 0;opacity: 0.01;}
[type="checkbox"]:not(:checked) + .mark,[type="checkbox"]:checked + .mark {position:absolute; cursor: pointer; width: 24rem;height: 24rem; left: 0;top: 0; background: transparent; border:1px solid transparent; -webkit-transition: all .275s;transition: all .275s;}
[type="checkbox"]:not(:checked) + .mark:after, [type="checkbox"]:checked + .mark:after {content: '';width: 7rem;height: 12rem;box-sizing: border-box;border-bottom: 2rem solid var(--color-point);border-right: 2rem solid var(--color-point);position: absolute;top: 4rem;left: 9rem;-webkit-transition: all .2s;transition: all .2s;}
[type="checkbox"]:not(:checked) + .mark:after {opacity: 0;-webkit-transform: scale(0) rotate(0);transform: scale(0) rotate(0);}
[type="checkbox"]:checked + .mark:after {opacity: 1;-webkit-transform: scale(1) rotate(37deg);transform: scale(1) rotate(37deg);}
[type="checkbox"]:disabled:not(:checked) + .mark:before,[type="checkbox"]:disabled:checked + .mark:before {box-shadow: none;border-color: #bbb;background-color: #e9e9e9;}
[type="checkbox"]:disabled:checked + .mark:after {color: #777;}
[type="checkbox"]:disabled + .mark {color: #aaa;}

/* Accessibility */
[type="checkbox"]:checked:focus + .mark:before,
[type="checkbox"]:not(:checked):focus + .mark:before{box-shadow:inset 0 1rem 3rem rgba(0,0,0, .1), 0 0 0 6px rgba(100, 164, 247, 0.2);}

#header{padding-top: 49rem;transition-delay: 0.2s;transition: all .5s;}
#header *{transition: all .5s;}
#header {position:absolute; width: 100%; left: 0; top: 0; z-index: 20;}
#header .inner{display: flex; align-items: center;}
#header h1 a{display: block; height: 30rem;}
#header h1 img{ display: block; height: 100%;}
#header nav{padding-left:30rem}
#header nav .gnb > li > a{font-weight: bold; padding:0 40rem; line-height: 63rem;}
#header nav .gnb > li > a:hover{color:var(--color-point);}
#header .menu{padding: 0 30rem; display: flex; align-items: center;  justify-content: center; margin-left: 30rem;}
#header .menu .menu__burger{width: 28rem; height: 16rem; position: relative; cursor: pointer;}
#header .menu .menu__burger span{width: 100%; height: 2px; background-color: #222; left: 0; display: block; position: absolute;}
#header .menu .menu__burger span:nth-child(1){top: 0;}
#header .menu .menu__burger span:nth-child(2){top: 50%; transform: translateY(-50%);}
#header .menu .menu__burger span:nth-child(3){bottom: 0;}
#header .nav{padding-left: 30rem;}
#header nav .gnb > li ul > li > a.on{font-weight:400; color:var(--color-point);}
/* #header .nav-wrap{margin-right:80rem;} */

.header-lang {display: flex; align-items: center; margin-left: 30rem;}
.header-lang li {position: relative; margin: 0 10rem;}
.header-lang li a {position: relative; padding: 7rem 0; font-size: 16rem; font-weight: 700; color: rgba(255, 255, 255, .4);}
.header-lang li.on a {color: #fff;}
.header-lang li.on a::after {position: absolute; left: 0; bottom: 0; content:''; width: 100%; height: 2rem; background: #fff;}

#header .btn_menu{display:none;}
#header .btn_menu{position:absolute; top: 34rem; right:30rem; z-index:9999; width:24rem; height:17rem; font-size:0rem; transition:all 0.3s ease 0s;}
#header .btn_menu > span{display:block; position:absolute; left:0rem; width:100%; height:2px; background:#fff;}
#header .btn_menu > span:nth-of-type(1){top:0;}
#header .btn_menu > span:nth-of-type(2){top:50%; margin-top:-1rem; transition:background 0.3s ease 0s;}
#header .btn_menu > span:nth-of-type(3){bottom:0;}
#header .btn_menu > span:nth-of-type(1),
#header .btn_menu > span:nth-of-type(3){transition:all 0.3s ease; transition-property:top, transform; transition-delay:0.3s, 0s;}
#header .btn_menu.active{position:fixed; /* top:34rem; right: 20rem; */ transform:rotate(180deg);}
#header .btn_menu.active > span:nth-of-type(1){top:8rem; transform:rotate(-45deg);}
#header .btn_menu.active > span:nth-of-type(2){background:transparent;}
#header .btn_menu.active > span:nth-of-type(3){bottom:8rem; transform:rotate(45deg);}
#header .btn_menu.active > span:nth-of-type(1),
#header .btn_menu.active > span:nth-of-type(3){transition-delay:0s, 0.3s;}
#header .btn_close{position:fixed; opacity:0; visibility:hidden; top:0rem; left:0rem; z-index:99; width:-webkit-calc(100% - 320rem); width:100%; height:-webkit-calc(100vh - -0rem * 1); height:calc(100vh - -0px * 1); background:#000; font-size:0; transition:all 0.3s ease-out 0s;}
.active #header .btn_close{opacity:0.4; visibility:visible;}

.full_menu{display:none;display:flex;position: fixed;z-index: 999;align-items: center;opacity:0;visibility:hidden;overflow:hidden;top:0;right: 0;z-index:500;width: 100%;height:100vh;background:#fff;transition:all 0.5s ease;}
.full_menu [data-full="bg"]{ position: absolute; top: 0; left: 0; z-index: 10;}
.full_menu [data-full="bg"] .logo{width:190rem;height:109rem; display: flex;align-items: center; justify-content: center;}
.full_menu [data-full="bg"] .logo img{width:100rem}
.full_menu.oepn [data-full="bg"] .img{ animation: FullmenuAni 10s;}

.full_menu [data-full="menu_wrap"]{width:100%;display: flex;flex-direction: row-reverse; box-sizing: border-box;padding: 0 200rem;justify-content: space-between; align-items:center; }
.full_menu [data-full="menu"]{display:flex;align-items:flex-start;flex-direction:column;/* max-width: 370rem; */margin: 0 auto;}
.full_menu [data-full="menu"] *{color: #222;}
.full_menu [data-full="menu"] > li > a{position:relative; font-size: 48rem; display:block;padding:0;font-weight:800;  transition: all .3s;}
.full_menu [data-full="menu"] > li > a:hover{color: var(--color-point);}
.full_menu [data-full="menu"] > li > a:before{content:"";display:none;position: absolute;right: 15rem;top: -2rem;width: 10rem;height: 10rem;border: 2px solid #222;border-top: 0;border-left: 0;transform: rotate(45deg);transition: 0.3s;}

.full_menu [data-full="menu"] > li > a.active{color:var(--c-02)}
.full_menu [data-full="menu"] > li > a.active:before{top: 19rem; border-color:var(--c-02); transform: rotate(-135deg); }

.full_menu [data-full="menu"] > li:not(:last-child){}
.full_menu [data-full="menu"] > li > ul{display:none;margin-top:12rem;transition: none !important;}
.full_menu [data-full="menu"] > li > ul li{}
.full_menu [data-full="menu"] > li > ul a{display:block;font-weight: 500;font-size: 22rem; box-sizing: border-box; padding: 8rem 0; letter-spacing:-0.05rem; color:#888; white-space:nowrap;transition:all 0.3s ease;}
.full_menu [data-full="menu"] > li{position:relative;width:100%;transition:all 0.4s ease;padding-bottom: 20rem;}
.full_menu [data-full="menu"] > li:last-child{padding-bottom:0; border-bottom:0}
.full_menu [data-full="menu"] > li > ul a:hover{color:var(--c-02);}
.full_menu [data-full="contact"] .logo{ margin-bottom: 32rem;}
.full_menu [data-full="contact"] address > *{display: block; font-style: normal;}
.full_menu [data-full="contact"] address strong{font-size: 25rem;color: #111;margin-top: 12rem;margin-bottom: 70rem;}
.full_menu [data-full="contact"] address span{color: #363636;margin-bottom: 10rem;}
.full_menu [data-full="contact"] .cp{color: #b2b2b2;font-size: 15rem;margin-top: 20rem;font-family: var(--font-e);} 

.full_menu.oepn{opacity:1;visibility:visible;background: #fff; position: fixed; top: 0; left: 0;}
body.no-scroll{overflow: hidden; }
body.no-scroll #fp-nav{z-index: -1;}
body.no-scroll #header .menu{z-index: 11111;}
body.no-scroll #header .menu .menu__burger span{background-color: #222!important;}
body.no-scroll #header .menu .menu__burger span:nth-child(2){background-color: transparent !important;}
body.no-scroll #header .menu .menu__burger span:nth-child(1){transform: rotate(45deg); top: 7rem;}
body.no-scroll #header .menu .menu__burger span:nth-child(3){transform: rotate(-45deg); bottom: 7rem;}
body.no-scroll .fp-viewing-6 #header, body.no-scroll .fp-viewing-6 #fp-nav{display: block;}

/* 검색 */
.area_top_search{--sizeHig:63rem; position:absolute; right:90rem; min-width:var(--sizeHig); height:var(--sizeHig); background:#0069b4; border-radius:10rem;}
.area_top_search .inr_box{opacity:0; visibility:hidden; display:flex; align-items:center; position:absolute; right:calc(var(--sizeHig) - 10rem); height:var(--sizeHig); box-sizing:border-box; padding:0 10rem; padding-left:20rem; background:#0069b4; border-radius:10rem 0 0 10rem; transform:translateX(20%); transition:0.3s ease 0s;}
.area_top_search .inr_box form{display:flex; align-items:center; position:relative; width:100%;}
.area_top_search .inr_box input{width:250rem; box-sizing:border-box; padding-right:50rem; background-color:transparent; border-color:rgba(255,255,255,0.3); border-radius:5rem; color:#fff;}
.area_top_search .inr_box input::placeholder{color:#fff; opacity:0.6;}
.area_top_search .inr_box .search{position:absolute; right:0; height:100%; box-sizing:border-box; padding:0 10rem; background-color:transparent; color:#fff;}
.area_top_search .inr_box .search:before{content:''; opacity:0.2; display:block; position:absolute; left:0; top:50%; width:1rem; height:20rem; background:#fff; transform:translateY(-50%);}
.area_top_search.active .inr_box{opacity:1; visibility:visible; transform:translateX(0%);}
.btn_search_control{min-width:var(--sizeHig); height:100%; background:transparent url(../images/common/ico_search.svg) no-repeat 50% 50%; background-size:20rem 20rem; font-size:0; transform:rotate(0); transition:0.3s ease 0s;}
.btn_search_control.active{transform:rotate(180deg); background-image:url(../images/common/ico_close_search.svg);}

#footer{background-color: #222; padding-top:45rem;}
#footer .inner{position:relative;}
#footer  *{color: #fff !important;}
#footer .foot-top{display:flex; flex-direction:column; margin-top:50rem;}
#footer .foot-info{display:flex; margin-top:50rem; margin-bottom:80rem;}
#footer .foot-info > li{display:flex; flex-wrap:wrap; align-items:center; gap:90rem; font-size:18rem;}
#footer .foot-info strong{font-weight:400;}
#footer .foot-info span{opacity:0.34; display:block; font-size:16rem;}
#footer .foot-logo{margin-top: -3rem; text-align: right; margin-bottom: 36rem;}
#footer .foot-logo img{width: 219rem; display: inline-block;}
#footer .foot-intro{font-size: 18rem;}
#footer .footer-getTouch .footer-getTouch__inq{margin-bottom: 17rem;}
#footer .footer-getTouch .footer-getTouch__inq a{min-width:116rem; height: 34rem; font-size: 15rem; padding:0 15rem;  border-radius: 40rem; border:1px solid #fff; display:inline-flex; align-items: center; justify-content: center; }
#footer .footer-getTouch .footer-getTouch__inq a + a{margin-right: 7rem;}
#footer .footer-getTouch .touch-link{display: flex; align-items: flex-start; text-indent: -5rem; font-size: 80rem; line-height: 1; font-family: 'Mulish';}
#footer .footer-getTouch .touch-link i{width: 40rem; height: 40rem; margin-top: 13rem; margin-left: 23rem; display: block; background:url(/images/common/ic-ft-arrow.svg)}
#footer .footer-getTouch .email{font-size: 25rem; font-family: 'Mulish'; text-transform: uppercase; margin-top: 16rem; display: block;}

#footer .foot-bottom{display: flex; align-items: center; justify-content: space-between; padding: 30rem 0 36rem; border-top: 1px solid rgba(255,255,255,.15);} 
#footer .copyright{font-size: 14rem; opacity: 0.3;}
#footer .ft-util{text-align: right;}
#footer .ft-util li{display: inline-block; }
#footer .ft-util li + li{margin-left: 44rem;}
#footer .ft-util li a{font-size: 16rem; opacity: 0.3; transition:opacity 0.3s ease 0s;}
#footer .ft-util li a:hover{opacity:1;}

#footer .btn_top{opacity:0.59; display:flex; align-items:center; position:absolute; top:0; right:0; font-size:13rem; transition:opacity 0.3s ease 0s;}
#footer .btn_top:before{content:''; opacity:0.9; display:block; width:9rem; height:14rem; margin-right:15rem; background:url(../images/common/ico_top_arrow.svg) no-repeat 50% 50%; background-size:100%;}
#footer .btn_top:hover{opacity:1;}

.footer-pop p{font-size:16rem;word-break: auto-phrase;}
.footer-pop p i{display:block; margin-top:10rem; color:var(--color-point);}
.footer-pop strong{display:block; margin-top:30rem; font-size:16rem;}
.footer-pop h4{font-weight:700;}

.privacy-pop__item > dl {max-height: 400px; overflow: auto;}
.privacy-pop__item dt {position: relative; display: block; padding-left: 12px; margin-top: 20px;}
.privacy-pop__item > dl dt:first-child {margin-top: 0;}
.privacy-pop__item dt::before {position: absolute; left: 0; top: 9px;}
.privacy-pop__item dd > ul > li {margin: 5px 0;}
.privacy-pop__item dd > ul > li:has(ul) {margin: 15px 0;}
.privacy-pop__item dd > ul > li > ul > li {margin: 5px 0; color: #666;}


@media (min-width:2000px){
	html,html.safari.desktop{font-size:0.05254860746190225vw;}
}

@media all and (min-width:1025px){  
    #header .nav-wrap{position:relative; margin-left: auto; border-radius:10rem;}
    #header .nav-wrap.on::before{opacity:1;height: 233rem;}
    #header .nav-wrap.on{overflow:visible;}   
    
    #header nav{border-radius: 10rem;background-color: #fff;height:63rem;display: flex;position: relative;/* overflow: hidden; */}
    /* #header nav::before{content: ""; width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; transition: all .3s; } */
    #header nav .gnb{display: flex; font-size: var(--font-default);}
	#header nav .gnb > li{position: relative;}
    #header nav .gnb > li ul{display:none;position:absolute;opacity:0;visibility:hidden;left: 50%;transform: translateX(-50%);padding:8rem 17rem;transition: all 0.2s ease;transition-property:opacity, top, visibility;transition-delay:0s, 0s, 0s;top: 60rem;}
	#header nav .gnb > li ul.active{display:block;}
	#header nav .gnb > li.active ul{opacity:1;visibility:visible;z-index:10;transition-delay: 0.1s !important;transition-duration: 0.5s;}
	#header nav .gnb > li ul > li > a{display:block;position:relative;padding: 4rem 0rem;font-weight: 300;font-size:15rem;color:#404040;text-align:left;transition:all 0.3s ease 0s;white-space: nowrap;text-align: center;}
	#header nav .gnb > li ul > li > a:hover{opacity:0.5;}
	#header nav .gnb > li ul > li:first-child > a{border-top-width:0px;}
    #header .nav-wrap::before{content:"";position:absolute;opacity: 1;top:0;left:0;width:100%;height: 63rem;background:#fff;transition:all 0.3s ease;border-radius:17rem;}
    
    .full_open #header{height: 100%;} 
}

@media all and (max-width:1800px){
    #header {padding-top: 26rem;}
    #header .menu{margin-left: 0;}

    .inner{margin: 0 50rem;}
    .wrap{max-width: 1280rem;}
    
    #header nav{padding-left:16rem}
    
    .area_top_search{right:50rem;}
}

@media all and (max-width:1640px){
    .inner{margin: 0 40rem;}

    #footer .footer-getTouch .touch-link{font-size: 72rem;}
    #footer .footer-getTouch .touch-link i{width: 30rem; height: 30rem;}
}

@media (max-width:1480px){
	html,html,html.safari.desktop{font-size:0.06756756756756757vw;}
 
    #footer{padding-top: 80rem;}
    #footer .footer-getTouch .touch-link{font-size: 64rem;}
    #footer .footer-getTouch .touch-link i{width: 25rem; height: 25rem;}
    #footer .footer-getTouch .email{font-size: 22rem;}
    #footer .foot-logo img{width: 188rem;}
}

@media (max-width:1200px){
    .wrap{max-width: 1400rem;}
    .change #header h1 a{height: 26rem;}
    .change #header nav{height: 52rem;}
    .change #header nav .gnb > li > a{line-height: 52rem; padding: 0 8rem;}
    .change #header .menu{padding: 0 20rem;}
    .change #header .menu .menu__burger{width: 22rem;}
}

@media all and (max-width:1024px){
    html,html,html.safari.desktop{font-size:0.09775171065493645vw;}
    body.active {overflow: hidden;}
    :root{ --font-default:16rem;   --font-title:18rem;}
	.inner{margin: 0 32rem;}
    #header{position: absolute;}
    #header .menu, #header .gnb{display: none;}
	#header .btn_menu,
	#header .btn_close{display:block;}
    #header .gnb li ul {transition: none !important;}
    
    #header{padding-top: 0;}
    #header .inner{display: block; position: relative; margin: 0;}
    #header h1{position: absolute; left: 30rem; top: 25rem;}
    #header .btn_close{z-index: 10;}

    #header .gnb li ul a{display: block;padding: 0rem 12rem;}
    #header .gnb li ul{margin-bottom:10rem;padding:0 17rem;transition:none !important;display: none;}
    #header .btn_menu{top: 28rem;}
    #header .gnb li ul li{margin-top: 7rem;}

    .header-lang {position: absolute; left: auto; right:80rem; top: 20rem; margin-left: 0;}
    .header-lang li {margin: 0 7rem;}
    .header-lang li a {font-size: 13rem;}
    
    #header .nav-wrap{margin-right:0;}
    .area_top_search{--sizeHig:53rem; top:10rem; right:75rem;}

    .narrow-wrap {width: auto; max-width: none; margin: 0 40rem;}

    /* footer */
    #footer{padding-top: 50rem;}
    #footer .ft-util li a{font-size: 14rem;}
    #footer .foot-top{flex-wrap: wrap; flex-direction: column; margin-top: 30rem;}
    #footer .foot-info{margin-top:34rem; margin-bottom:40rem;}
    #footer .footer-getTouch .touch-link{font-size: 50rem;}
    #footer .footer-getTouch .footer-getTouch__inq a{font-size: 14rem;}
    #footer .foot-info > li{gap:30rem; font-size:16rem;}
    #footer .foot-logo{margin-top: 17rem; margin-bottom: 26rem;}
    #footer .foot-logo img{width: 140rem;}
    #footer .ft-util li + li{margin-left: 16rem;}
    #footer .foot-bottom{flex-wrap:wrap; justify-content:flex-start;}
    #footer .ft-util{order:1; flex:0 1 100%; margin-bottom:20rem; text-align:left;}
    #footer .copyright{order:2;}

    .full_menu{display: none;}
    .full_menu.oepn{display: none;}

    #header .nav-wrap{z-index: -111;opacity: 0;visibility: hidden;position: fixed;width: 50%;height: 100vh;right: 0;top: 0;background-color: var(--color-point);z-index: 111;padding-top: 50rem;opacity: 0;}
    
    body.active #header .nav-wrap{opacity: 1;visibility: visible; padding-top: 90rem;}
    body.active #header nav{width: 100%;background-color: #fff;height: 100%;transition: .3s;}
    body.active #header .gnb{display: block;position: relative;top: 30rem;}
    
    #header nav{border-radius: 30rem 30rem 0 0;}
    #header nav .gnb > li > a{font-size: 23rem;font-weight: 900;font-family: 'Pretendard', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;display: block;box-sizing: border-box;}    
    
    [data-pop-layer="layer"] .popBox{top:50% !important; left:50%  !important; width:auto !important; height:auto  !important; transform:translate(-50%, -50%); min-width:624rem; min-height:inherit;}
}

@media (max-width:860px){
	html,html,html.safari.desktop{font-size:0.13020833333333335vw;}
    .inner{margin: 0 24rem;}
    .wrap{padding: 0 24rem;}
    
    #header h1{top:28rem;}
    .change #header h1 a,
    #header h1 a{height:23rem;}

    .narrow-wrap {margin: 0 20rem;}
}

@media (max-width: 540px){
	::-webkit-scrollbar{height:0rem;}
	::-webkit-scrollbar-thumb{background-color: hsla(0, 0%, 42%, 0.1);}
    :root{ --font-default:15rem;   --font-title:17rem;}
	html,html,html.safari.desktop{font-size:0.26666666666666665vw;}	

    .inner{margin: 0 16rem;}
    .wrap{padding: 0 16rem;}    

    #footer {padding-top: 30rem;}
    #footer .foot-bottom{padding: 20rem 0 24rem;}
    #footer .footer-getTouch .touch-link{font-size: 40rem;}
    #footer .footer-getTouch .touch-link i{width: 14rem; height: 14rem; margin-top: 6rem; margin-left: 8rem;}
    #footer .footer-getTouch .email{font-size: var(--font-default);}
    #footer .foot-intro{font-size: 14rem;}
    #footer .foot-top{margin-top: 0; padding-top:40rem;}
    #footer .foot-info > li + li{margin-left: 0;}
    #footer .foot-info > li{gap:10rem 30rem;}
    #footer .footer-getTouch .footer-getTouch__inq a {font-size: 12rem; padding: 0 8rem; height: 24rem; }
    #footer .footer-getTouch .touch-link{text-indent: -2rem;}
    #footer .foot-logo{margin-top: 46rem;}

    #header{transform:translateY(0rem);}
    #header nav .gnb > li > a {padding: 0 10rem; line-height: 55rem; font-size: 20rem;}
    #header nav .gnb > li ul > li > a{display:block; padding:5rem 20rem; font-size:16rem;}
    #header .gnb li ul{padding:0 0;}
    #header h1{left:20rem; top: 23rem;}
    .change #header h1 a,
    #header h1 a{height:16rem;}
    #header .btn_menu{width: 22rem; height: 12rem; top: 23rem; right: 20rem;}
    #header .btn_menu.active > span:nth-of-type(1){top: 5rem;}
    #header .btn_menu.active > span:nth-of-type(3){bottom: 5rem;}
    #header .nav-wrap{width: 100%;}

    .header-lang {top: 22rem; right: 60rem;}
    
    .area_top_search{--sizeHig:48rem; opacity:0; visibility:hidden; z-index:1000; overflow:hidden; top:70rem; right:0; width:100%; border-radius:0;}
    .area_top_search.active{opacity:1; visibility:visible;}
    .area_top_search .inr_box{right:0; width:100%; padding-right:20rem;}
    .area_top_search .inr_box input{width:100%;}
    .btn_search_control{display:none;}
   
    body.active #header .nav-wrap{width: 100%;}
    body.active #header h1{z-index: 1111;}
    body.active #header h1 .color{display: none !important;}
    body.active #header h1 .white{display: block !important;}
    body.active #header .nav-wrap{padding-top:140rem;}

    [data-pop-layer="layer"] .popBox {
        top: 0 !important;
        left: 0  !important;
        width: 100% !important;
        height: 100%  !important;
        transform: none;
        min-width: auto;
        max-width: none;
    }
}

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