@charset "utf-8";

/* Layout ***********************************************************************/

body{width: 100%;height: 100%;}


::selection { background:#df474d; color: #fff;}
::-moz-selection { background:#df474d; color: #fff; }


/* 스크롤바 전체에 대한 속성 */
* {
  scrollbar-color: #df474d;
}

/* 스크롤바 thumb(드래그바)에 대한 속성 */
*::-webkit-scrollbar-thumb {
	background-color: #df474d; 
	border-radius:30px;
}

/* 스크롤바 track(눈금)에 대한 속성 */
*::-webkit-scrollbar-track {
	background-color: #f5f5f5;
}

*::-webkit-scrollbar-button:start:decrement,
*::-webkit-scrollbar-button:end:increment{
	/*  스크롤의 화살표가 포함된 영역   */
	display:block;
	height:4px;
	background-color: #f5f5f5;
} 

::-webkit-scrollbar {
	/* 스크롤바 전체 영역 */
	width: 8px; height:8px;
} 
::-webkit-scrollbar-track {
	/* 스크롤이 움직이는 영역  */
	background-color: #f5f5f5;
} 
::-webkit-scrollbar-thumb {
	/*  스크롤  */
	background-color: #df474d; 
	border-radius:30px;
} 
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {
	/*  스크롤의 화살표가 포함된 영역   */
	display:block;
	height:8px;
	background-color: #f5f5f5;
} 
::-webkit-scrollbar-corner {
	/*  상하+좌우 스크롤이 만나는 공간   */
	background-color: #f5f5f5;
} 



#wrap {width:100%; height:auto; overflow:hidden; position:relative;}
#wrap #header.header_hide{top: -155px; }
#wrap #header{position:relative; top:0; left:0; z-index: 9998; width:100%; height:150px;  transition: 0.3s; }
#wrap #header .inner{position:relative; padding:0px; width:1200px; margin:0 auto;  }
#wrap #header .top_box{position: relative; width:1200px; height:20px; margin:0 auto; }
#wrap #header .top_box ul li{float: left;}
#wrap #header .top_box ul li a{color: #fff;}
#header{box-sizing: border-box;}

#wrap #header .container.pc{position: relative; width: 100%; margin: 0 auto;}
#wrap #header .container.mobile{display: none;}

.top_wrap{width:1200px; margin:0 auto; position:relative;z-index:99999 !important; }

#wrap #header h1.logo{ text-align: center; }
#wrap #header h1.logo img{margin-top:20px; }

#wrap #header .t_menu{position: absolute;top: 0px;left:0px;height:35px;line-height: 25px; float:left; }
#wrap #header .t_menu li{width:130px; height:35px; float:left; display:inline;}
#wrap #header .t_menu li.t1{background:#009F4D;}
#wrap #header .t_menu li.t2{background:#969CA7;border-radius:0 0 5px 0;}
#wrap #header .t_menu li a{display:block;padding: 0 0 0 0px; font-size:13px; color:#fff; font-weight:600; text-align:center; line-height:35px;}


.language1{position:absolute; top:31px; right:80px; width:84px; height:40px; line-height: 38px;  z-index:999999;}
.language1 a{color:#fff; display:block; padding:0 0 0 5px; font-size:14px; font-weight:600; text-align:center;}
.language1 li:hover{text-decoration:underline; color:#ffffff;}

.main .language1 .select{width:84px; height:40px; line-height:38px; padding-left:35px;letter-spacing:-0.2px; text-indent: -3px; font-size: 14px; font-weight:400; text-align:left; opacity: 1;color: #fff; background:url(../img/s_img/language_arrow_w.png) no-repeat 0% 46%;cursor: pointer;}
.main .language1 ul.select_con{border: 1px solid #ccc; position:absolute; top:40px; left:0px; width:84px; z-index:2; background-color: #fff; opacity: 1; }
.main .language1 ul.select_con li{height:40px; line-height:38px; font-size:14px; color:#555; font-weight:normal; text-align: center;letter-spacing:-0.2px; cursor:pointer; border-bottom:1px solid #ccc;}
.main .language1 ul.select_con li.last{ border-left: none; border-bottom:none;}


#sub .language1 .select{width:84px; height:40px; line-height:38px; padding-left:35px;letter-spacing:-0.2px; text-indent: -3px; font-size: 14px; font-weight:400; text-align:left; opacity: 1;color: #000; background:url(../img/s_img/language_arrow.png) no-repeat 0% 46%;cursor: pointer;}
#sub .language1 ul.select_con{border: 1px solid #ccc; position:absolute; top:40px; left:0px; width:84px; z-index:2; background-color: #fff; opacity: 1; }
#sub .language1 ul.select_con li{height:40px; line-height:38px; font-size:14px; color:#555; font-weight:normal; text-align: center;letter-spacing:-0.2px; cursor:pointer; border-bottom:1px solid #ccc;}
#sub .language1 ul.select_con li.last{ border-left: none; border-bottom:none;}




ul.language{display:none;}










#wrap #header .news{position: absolute;top: 0px;right:84px;width:110px; height:40px; line-height: 35px; background:#0277bd;}
#wrap #header .news a{color: #fff;display: block;padding: 0 0 0 0px;font-size:14px; font-weight:600; text-align:center;}



.btn_nav2 {display:none;}	
.all_menu2 {display:none;}
.all_menu2 .btn_nav2.close {display:block;}


#wrap #header .out{position: absolute;  top: 30px;left:260px;width:180px; height:35px; line-height:35px; background:none; z-index:999999; text-align:right;}
#wrap #header .out span a{color: #fff;display:inline-block;padding: 0 10px 0 10px;font-size:14px; font-weight:600; text-align:center;}



.navi {position: absolute;top:76px;left: 0; width: 100%;height:80px;box-sizing:border-box;z-index: 600; margin:0; padding:0;}
.gnb {/*position: absolute;top:40px; left:0;*/ margin:0px auto 0 auto; z-index:600;overflow-y:hidden;height:80px; width:1200px; letter-spacing:0;}
.gnb > ul{display : flex; justify-content: center; gap: 84px;}
.gnb ul li{}
.gnb .depth1{display:block; width:100%; height:60px; margin-top:8px; line-height:60px; text-align:center; font-size: 16px; letter-spacing:0.025em; color:#222; font-weight:500; }
.gnb li a:hover{color:var(--primary-color);}
.gnb ul li ul {margin:0px 0 0 0; width:100%;padding:42px 0 0 0px;min-height:195px;opacity:0;transform:translateY(20px); }
.gnb ul li ul.open {opacity:1;}
.gnb ul li ul li{float: none;width: 100%;margin-bottom:18px;line-height: 16px;height: auto;  }
.gnb ul li ul li a{display: block; font-size: 16px; color:#000; width: 100%; text-align:center; letter-spacing:0em; z-index:99999; }
.gnb ul li ul li a:hover{color: var(--primary-color) ;font-weight: normal; text-decoration:none; font-weight: 400; opacity:1;}

.gnb ul li ul li.title{font-size: 18px; color: #555;font-weight: 600;letter-spacing:0em;text-align: left;margin-bottom: 20px;height: 35px;line-height: 35px;}
.gnb ul li ul li.title.on{color: var(--primary-color);}

/*
.gnb ul li.m1{width: 180px;}
.gnb ul li.m2{width: 180px;}
.gnb ul li.m3{width: 180px;}
.gnb ul li.m4{width: 180px;}
.gnb ul li.m5{width: 180px;}
*/







@-webkit-keyframes menu-fade {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px);
  }

  100% {
      opacity: 1;
      -webkit-transform: translateX(-0);
      transform: translateX(0);
  }
}

@keyframes menu-fade {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px);
  }

  100% {
      opacity: 1;
      -webkit-transform: translateX(-0);
      transform: translateX(0);
  }
}


.flex {
  display: flex !important;
  flex-wrap: wrap;
}

.mdlY {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
}

.mdlX {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.mdlXY {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


.gnb_box > .mdlY {
  width: 450px;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px;
}







.gnb ul li.all{ width: 26px;margin-left:60px;cursor: pointer;text-indent: -9999px;}
.utilLink{display:none;}

.gnb ul li.m1 ul{padding-left:0px;}
.gnb ul li.m2 ul{padding-left:0px;}
.gnb ul li.m3 ul{padding-left:0px; }
.gnb ul li.m4 ul{padding-left:0px;}
.gnb ul li.m5 ul{padding-left:0px;}

.navi-bg{position:absolute; display:block;width:100%;height: 0;left: 0;top:145px ;z-index:110;overflow: hidden; }
.navi-bg .white-bg{width:100%;min-width: 1200px; height:230px; background:#f2f2f2; opacity:0.9; -webkit-background-size: 100%;background-size: 100%;}
#wrap #header .nav_bg.mobile{display: none;position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%; background-color: rgba(10,10,10,0.5); width: 100%; height: 100vh; position: fixed; top: 0;  left: 0; z-index: 10000; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);  cursor: pointer; }
#wrap #header .nav.mobile{display: none;position: fixed;z-index: 99999;top: 0;right: 0;width:78%;height: 100%;background: #f8f8f8;overflow:hidden; border-left:1px solid #ddd;}
#wrap #header .nav.mobile{}
#wrap #header .nav.mobile .control_box{position: relative;height: 70px; right:0px; margin-right:0px;}

#header.on{position:fixed; left:0; width:100%; top:0; z-index:9999; background:#fff; height:70px; border-bottom:1px solid #191919;}

#sub #header.scrolled{ height:100px; background-color: rgba(255,255,255,0.1);   backdrop-filter: blur(10px);  }

#main #header.fixed{ height:100px;  background-color: rgba(255,255,255,0.1);   backdrop-filter: blur(10px);	}



#wrap #header .nav.mobile .control_box ul.t_join{position: absolute;left:0px;top: 0;}
#wrap #header .nav.mobile .control_box ul.t_join:after{display: block;content: '';clear: both;}
#wrap #header .nav.mobile .control_box ul.t_join li:first-child{border-right:none;}
#wrap #header .nav.mobile .control_box ul.t_join{position: absolute; left:0; top:0px; width:90%; height:30px; margin:0 auto; }
#wrap #header .nav.mobile .control_box ul.t_join{width:80%; margin:0 auto;}
#wrap #header .nav.mobile .control_box ul.t_join li{width:45%; text-align:center; height: 70px; background:url(../img/s_img/lang_bar_m.gif) no-repeat right 50%;}
#wrap #header .nav.mobile .control_box ul.t_join li a{font-size:15px; color:#747474; font-weight:600; line-height:70px; font-weight: normal;}
#wrap #header .nav.mobile .control_box ul.t_join li.on a{color:#09a3dc; font-weight:600;}
#wrap #header .nav.mobile .control_box ul.t_join li.last{background:none;}
#wrap #header .nav.mobile .control_box ul.language{position:absolute; left: 15px;top:25px;width: 220px;border-radius: 0;border: none; }
#wrap #header .nav.mobile .control_box ul.language:after{display: block;content: '';clear: both;}
#wrap #header .nav.mobile .control_box ul.language li{float: left;width: 50px;margin-left: 0; display:inline;}
#wrap #header .nav.mobile .control_box ul.language li a{display: inline;width: 50px;font-size: 16px;color: #747474;font-weight: normal;padding: 0;}
#wrap #header .nav.mobile .control_box ul.language li.on a{color:#D91F2D;font-weight:600;}


#wrap #header .nav.mobile .control_box .close{position:absolute; top:0; right: 15px;}
#wrap #header .nav.mobile .control_box .close .menu{width:28px; margin-top: 22px;}
#wrap #header .nav.mobile .gnb_box{padding-left:70px; padding-top:100px;}
#wrap #header .nav.mobile .gnb_box ul{}
#wrap #header .nav.mobile .gnb_box ul li{position: relative; margin-bottom:60px;}

#wrap #header .nav.mobile .gnb_box ul li span.icon{position:absolute; top:0; right:0px; display:block; width:8px; height:60px; background: url(../img/s_img/m_gnb_box_li_bullet.png) no-repeat right center;-webkit-background-size: 8px;background-size: 8px;}
#wrap #header .nav.mobile .gnb_box ul li.on span.icon{background: url(../img/s_img/m_gnb_box_li_bullet_on.png) no-repeat right center;-webkit-background-size: 8px;background-size:8px;}
#wrap #header .nav.mobile .gnb_box ul li.on a{color:#D91F2D;}
#wrap #header .nav.mobile .gnb_box ul li.on_lang a{color:#D91F2D;}

#wrap #header .nav.mobile .gnb_box ul li a{ font-family:'Pretendard','Roboto',sans-serif; font-weight:700;text-align:left; display: block;height:60px;line-height: 60px;font-size:40px;color: #1C1C1C;padding: 0 20px 0 0px;}
#wrap #header .nav.mobile .gnb_box ul li ul{display: none; padding: 25px 15px 10px 25px; }
#wrap #header .nav.mobile .gnb_box ul li ul li{border: none;margin-bottom:15px; display: flex;   justify-content: flex-start;  gap:100px;}


#wrap #header .nav.mobile .gnb_box ul li ul li a{font-family:'Pretendard','Roboto',sans-serif;  font-weight:600; color:#404040 !important;height: auto;line-height: 1;font-size: 18px;padding: 0;background: none;}

#wrap #header .nav.mobile .gnb_box ul li ul li a:hover span{color:#D91F2D;}

#wrap #header .nav.mobile .gnb_box ul li:nth-child(1){
animation-duration:.1s;}
#wrap #header .nav.mobile .gnb_box ul li:nth-child(2){
animation-duration:.3s;}
#wrap #header .nav.mobile .gnb_box ul li:nth-child(3){
animation-duration:.5s;}
#wrap #header .nav.mobile .gnb_box ul li:nth-child(4){
animation-duration:.7s;} 

#wrap #header .nav.mobile .gnb_box ul li ul li span{padding:0 5px; font-weight:400;}

#wrap #header .nav.mobile .gnb_box p.pop_logo{text-align: right;padding:140px 0 80px 0;}
#wrap #header .nav.mobile .gnb_box p.pop_sns{text-align:right; margin-top:0px;}
#wrap #header .nav.mobile .gnb_box p.pop_sns a{margin:0 0 0 20px;}




#fp-nav {display:block !important;}
.allmenu_wrap .inner{position:relative; padding:25px 35px; width:100%; margin:0 auto; }
.utilLink {position:absolute; right:35px; top:0px; }
.util_site{position:absolute; right:0px; top:0px; z-index:120; padding-right:0; }

.allmenu_wrap{display:none;}
.util_site{display:none;}

#wrap #header h1.logo{float: left;padding: 0 0 0 60px; }
#wrap #header{position: relative;top: 0;left: 0;height: 100px; background-image: none; box-sizing: border-box;}
#sub #wrap #header{position:relative; background:#fff; }



#wrap #header .inner{width:100%;}
#wrap #header .top_box{display: none;}
#wrap #header .container.pc{display: none;}
#wrap #header .container.mobile{ display: block;padding: 0 0px; background:none;width: 100%;  margin: 0 auto;}
#wrap #header .container.mobile:after{display: block;content: '';clear: both;}
#wrap #header .container.mobile h1.logo img{margin-top:12px; }
#wrap #header .container.mobile .menu{margin-top:0px; position: relative;z-index: 3;float: right; background:#D40D1D;width:80px; height:100px; text-align: right;}
#wrap #header .container.mobile .menu img{width: 32px;margin-top: 21.5px;}








/*햄버거 메뉴*/
.btn_wrapper{}

.menu {width:80px;  height:100px;  overflow: visible;  cursor: pointer;}
.menu  a{display:inline-block; width: 80px;  height: 100px;  }
.menu .line { position: absolute; left:23px; background-color: #fff; overflow: hidden;  width: 34px; height: 2px; border-radius: 0; -webkit-transition: all 100ms ease-out 0ms; -moz-transition: all 100ms ease-out 0ms;
    -o-transition: all 100ms ease-out 0ms;  transition: all 100ms ease-out 0ms;}

#wrap #header .nav.mobile .control_box .close{position:absolute; top:0px; right:0px;}
#wrap #header .nav.mobile .control_box .close a{width:80px; margin-top:0px;    background: #D91F2D;}



/*서브*/
/*#sub .menu {width: 34px;  height: 40px;  overflow: visible;  cursor: pointer;}
#sub .menu  a{display:inline-block; width: 34px;  height: 40px;  }
#sub .menu .line { position: absolute; left:0px; background-color: #111; overflow: hidden;  width: 34px; height: 2px; border-radius: 0; -webkit-transition: all 100ms ease-out 0ms; -moz-transition: all 100ms ease-out 0ms;
    -o-transition: all 100ms ease-out 0ms;  transition: all 100ms ease-out 0ms;}


*/
.close .line {
    background-color: #000;
}


.menu .line:nth-child(1) {
    top: 40px;
}

.menu .line:nth-child(2) {
    top: 49px;
}

.menu .line:nth-child(3) {
    top: 49px;
}

.menu .line:nth-child(4) {
    top: 58px;
}

#wrap #header .nav.mobile .control_box .close{display:inline-block; }
#wrap #header .nav.mobile .control_box .close .line {
    left: 6px;
    width: 36px;  background-color: #fff;
}

#wrap #header .nav.mobile .control_box .close .line:nth-child(1),#wrap #header .nav.mobile .control_box .close .line:nth-child(4) {
    opacity: 0;
}

#wrap #header .nav.mobile .control_box .close .line:nth-child(2) {
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
  background-color: #fff;
}

#wrap #header .nav.mobile .control_box .close .line:nth-child(3) {
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);  background-color: #fff;
}


#wrap #header .nav.mobile .control_box .close .line {
    left: 23px;
    width: 36px;
  background-color: #000;
}




/* hover 시*/


.btn_wrapper .menu a:hover .line { left:24px; width: 36px;  background-color: #fff;}
.btn_wrapper .menu a:hover .line:nth-child(1), .btn_wrapper .menu a:hover .line:nth-child(4) { opacity: 0;}
.btn_wrapper .menu a:hover .line:nth-child(2) { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);  background-color: #fff;}
.btn_wrapper .menu a:hover .line:nth-child(3) {  -webkit-transform: translateY(0) rotate(-45deg);  transform: translateY(0) rotate(-45deg);  background-color: #fff;}



@media (max-width: 1399px) {
  #wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

#fp-nav {display:none !important;}


#wrap #header .nav.mobile .gnb_box ul li ul li {
  border: none;
  margin-bottom: 15px;
  gap: 40px;
}

#wrap #header .nav.mobile .gnb_box ul li a {
  font-size: 36px; 
}

} /* end */


@media (max-width: 1199px) {

#wrap #header .container.mobile {width:100%;}
.language1 {position: absolute; top:22px; right: 110px;}
#wrap #header .container.mobile h1.logo img { width:100px;}
#wrap #header .container.mobile .menu {margin-top: 0px;}
#wrap #header .nav.mobile .control_box .close {position: absolute; top: 0px; right: 0px;}
#wrap #header .nav.mobile .control_box {margin-right: 0px;}
#wrap #header .nav.mobile .gnb_box { padding-right:40px;}
#wrap #header .nav.mobile .gnb_box p.pop_logo { text-align: right;  padding: 120px 0 60px 0;}

#wrap #header {position:absolute; top:0; left: 0; height:75px; background-image: none; box-sizing: border-box;}
#sub #header .container.mobile h1.logo img {
  margin-top:0px;
}

.language1{display:none;}
ul.language{display:block; position:absolute; left:40px; top:5px;}
ul.language:after{display: block;content: '';clear: both;}
ul.language li{float: left;width:50px !important;margin-left: 0; display:inline; height: 25px;}
ul.language li a{display: inline;width: 50px;font-size:16px !important;color: #747474;font-weight: 700;padding: 0;}
ul.language li.on a{color: #00adec;}

#wrap #header h1.logo {
  float: left;
  padding: 0 0 0 40px;
}

.menu a {
  width: 60PX;
  height: 75px;
}
#wrap #header .container.mobile .menu {

  width: 60px;
  height: 75px;
}
.menu .line {
  left: 13px;
  
}


.menu .line:nth-child(1) {
  top: 27.5px;
}

.menu .line:nth-child(2) {
  top: 36.5px;
}

.menu .line:nth-child(3) {
  top: 36.5px;
}

.menu .line:nth-child(4) {
  top: 45.5PX;
}




/* hover 시*/


.btn_wrapper .menu a:hover .line { left:14px; width: 36px;  background-color: #fff;}


#wrap #header .nav.mobile .control_box .close a { width: 60px;}
.menu {  width: 60px;  height: 75px;}
#wrap #header .nav.mobile .control_box .close .line {
  left: 13px;
  width: 36px;
  background-color: #000;
}

#wrap #header .nav.mobile .gnb_box ul li a {
  height: 50px;
  line-height: 50px;
  font-size:32px;
  padding: 0 20px 0 0px;
}

#wrap #header .nav.mobile .gnb_box ul li {
  position: relative;
  margin-bottom: 50px;
}

#wrap #header .nav.mobile .gnb_box ul li ul li {
  gap:30px;
}

#wrap #header .nav.mobile{width:85%;}

#wrap #header .nav.mobile .gnb_box {
  padding-left: 40px;
  padding-top: 120px;
}

#wrap #header .nav.mobile .gnb_box ul li ul li a {
  font-size: 16px;
}



}/* 1199px End*/


@media (max-width: 991px) {


  #wrap #header .out {display:none;}
ul.language {
    display: block;
    position: absolute;
    left: 30px;
    top:10px;
}

#wrap #header .nav.mobile .gnb_box ul li ul li {
  border: none;
  margin-bottom: 15px;
  display: block;
  justify-content: flex-start;
  gap: 0px;
}

#wrap #header .nav.mobile .gnb_box ul li ul {
  display: none;
  padding: 10px 15px 10px 0px;}
#wrap #header .nav.mobile .gnb_box ul li ul li a {margin:10px 0;
  font-size: 15px;
}

#wrap #header .nav.mobile .gnb_box ul li {
  position: relative;
  margin-bottom:40px;
}

#wrap #header .nav.mobile .gnb_box ul li a {
  height: 40px;
  line-height:40px;
  font-size: 26px;
  padding: 0 20px 0 0px;
}



}/* 991px End*/



@media (max-width: 768px) {
  #wrap #header .nav.mobile .gnb_box {padding-right: 30px;}
  #wrap #header .nav.mobile .control_box {
    margin-right: 0px;}

    #wrap #header h1.logo {
      float: left;
      padding: 0 0 0 20px;
  }

#wrap #header .out {display:none;}
#wrap #header .nav.mobile{width:90%;height: 100%;background: #fff;overflow-y: scroll;border-left:1px solid #ddd;}

#sub #wrap #header{position: fixed;top: 0;left: 0;height:60px; }
#wrap #header { top:0; left: 0; height:60px; background-image: none; box-sizing: border-box;}

#wrap #header .container.mobile h1.logo img{ width:80px; }
#wrap #header .container.mobile .menu img{width: 32px;margin-top:14px;}

#wrap #header .nav.mobile .gnb_box ul li a{font-size:18px;}
#wrap #header .nav.mobile .gnb_box ul li ul li a{font-size: 15px;}

#wrap #header .container.mobile h1.logo img {
  margin-top: 8px;
}

.language1 {position: absolute;top:0px;right: 100px;}
#wrap #header .container.mobile .menu {margin-top:0px;}

.footer_logo img { width: 120px;}

.menu a {
  width:56PX;
  height:56PX;
}
#wrap #header .container.mobile .menu {
  width: 56PX;
  height: 56PX;
}

.menu .line:nth-child(1) {
  top: 17px;
}


.menu .line:nth-child(2) {
  top: 27px;
}

.menu .line:nth-child(3) {
  top: 27px;
}

.menu .line:nth-child(4) {
  top:37PX;
}

.menu .line {
  width: 32px;
  height: 2px;
}

/* hover 시*/


.btn_wrapper .menu a:hover .line { left:12px; width: 34px; }
#sub #wrap #header {
  position: relative;
  background: none;
}
#wrap #header .nav.mobile .gnb_box ul li {
  position: relative;
  margin-bottom:30px;
}




}/* 768px End*/



@media (max-width:600px) {
  
#wrap #header .nav.mobile{width:90%;height: 100%;background: #fff;overflow-y: hidden;border-left:1px solid #ddd;}
#wrap #header .nav.mobile .gnb_box ul li a{height: 40px;line-height: 40px;font-size:18px;}
#wrap #header .nav.mobile .gnb_box ul li.on_lang a{color:#D91F2D;}


#wrap #header .nav.mobile .gnb_box ul li ul li a{font-size: 15px;}
#wrap #header .nav.mobile .gnb_box p.pop_logo { text-align: right;  padding: 30px 0 30px 0;}
#wrap #header .nav.mobile .gnb_box p.pop_logo img{ padding: 40px 0 20px 0; width:120px;}
#wrap #header .nav.mobile .gnb_box ul li span.icon {  position: absolute; top: 0; right: 0px;
    display: block; width: 8px; height: 40px; background: url(../img/s_img/m_gnb_box_li_bullet.png) no-repeat right center;
    -webkit-background-size: 8px;  background-size: 8px;  }
ul.language {top:20px; }
#wrap #header .nav.mobile .gnb_box p.pop_sns a {
  margin: 0 0 0 10px;
}


#wrap #header .nav.mobile .gnb_box {
  padding-left: 20px;
  padding-top:60px;
}


}/* 768px End*/