/* �곷떒 �덉씠�꾩썐 */
/* #hd {border-top:2px solid #253dbe} */
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:21px 0 25px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#header {width: 100%; min-width:320px;   position: fixed;top: 0; left: 0;  z-index: 99; border-bottom:1px solid rgba(255, 255, 255, .5); transition:.5s;}
#header .hd_top {}

#logo {display: inline-block; float:left; margin-right:40px;}
#logo a {display: inline-block; vertical-align: middle; line-height:85px;  }
#logo a .fix{display: inline-block; }
#logo a .stiky{display:none; }

#header .hd_top_menu {display: inline-block; vertical-align: middle; padding-left: 27%;}
#header .hd_top_menu a {padding-right: 20px; font-size: 24px; font-weight: 500; color: #fff;}
#header .top_util {position: absolute; top:33px; right:13%; color:#fff;  font-family: 'Montserrat', sans-serif; }
#header .top_util li {display: inline-block; padding: 0 7px; text-align: center; position: relative; z-index:2; letter-spacing:-0.5px;}
#header .top_util a {display:  inline-block;  transition:.25s; z-index:9999;	}
#header .top_util a:hover { opacity: 1;}

#header .kakao{padding: 12px 35px;color: #fff; border-radius: 100px; font-size: 16px; font-weight: 500; text-align: center;border:1px solid #fff;right:70px;position:relative;  transition:.25s;}
#header .kakao:hover{color: #fff; border:1px solid #00a8ff; background-color: #00a8ff;}



#header #gnb {overflow:hidden}
/* 硫붿씤硫붾돱 */
#header .gnb_wrap {display: flex; }
/* gnb - depth1 */
#header #gnb {padding-left: 40px; }
#header #gnb .gnb_1dul {position: relative; display: flex; justify-content:flex-start;}
#header #gnb .gnb_1dul .gnb_1dli  {position: relative;}
#header #gnb .gnb_1dul .none { display:none;}

#header #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;  padding: 0 40px ; line-height:90px; height:90px; text-align: center; color: #fff; font-size: 18px; font-weight:500; transition:0.25s; position: relative;}
#header #gnb .gnb_1dul .gnb_1dli .gnb_1da:after {content:''; display: block; width: 0; height: 3px; background-color: #b39776; position: absolute; left: 50%; bottom: 0; transform:translateX(-50%);transition:.5s;}
#header #gnb .gnb_1dul .gnb_1dli .gnb_1da:hover:after {width: 220px;} 
#header #gnb .gnb_2dul:hover  {border-top:3px solid #b39776; margin-top:-3px;} 
/* gnb - depth2 */



#header #gnb .gnb_2dul {display: none; position: absolute; top: 100%; left: 50%; width: 188px; margin-left: -110px;   height: auto; background-color: #fff; padding: 20px 15px;  border-right: 1px solid #f9f9f9; border-left: 1px solid #f9f9f9;  border-bottom: 1px solid #ddd;  z-index: 99;  }
#header #gnb .gnb_2dul .gnb_2dli { position: relative; z-index: 1;}
#header #gnb .gnb_2dul .gnb_2dli .gnb_2da {display: block;  line-height: 35px; font-size: 16px; color: #787878; font-weight: 400; transition:0.5s; position: relative;}
#header #gnb .gnb_2dul .gnb_2dli .gnb_2da:hover,
#header #gnb .gnb_2dul .gnb_2dli.active .gnb_2da {color: #b39776}

#header #gnb .gnb_2dul .gnb_2dli:after {content:''; display: block; width: 0; height: 1px; background-color: #b39776;  position: relative ; left: 50%; bottom: 0; transform:translateX(-50%);transition:.5s;}
#header #gnb .gnb_2dul .gnb_2dli:hover:after {width: 100%;} 


#header .gnb_plus {padding-left: 7px;}
#header .gnb_plus a { padding-left: 20px; font-size: 16px; color: #fff; opacity: .8;}
#header .gnb_plus a:first-child {position: relative;}
#header .gnb_plus a:first-child:after {content:''; display: block; width: 1px; height: 15px; background-color: #fff; opacity: .5; position: absolute; top: 3px; left: 0;}


#header .hd_rt {float: right; margin-right: 60px; padding-top: 30px;}
#header .hd_rt a {display: inline-block; vertical-align: middle; margin: 0 9px; font-size: 16px; color: #fff;}


/*�꾩껜硫붾돱*/

/* �ъ씠�몃㏊ 踰꾪듉 */

.open_sitemap{position: absolute; top:35px; right: 15px; z-index: 999;}
.open_sitemap a{position:relative;display:block;width: 45px; height: 18px;  transition:.25s; }
.open_sitemap a span{position:absolute;left:0;top:50%;display:block;width:40px;height:4px; border-radius:10px;background-color:#fff;margin:0 0;text-indent:-9999px;}
.open_sitemap span,
.open_sitemap span:before,
.open_sitemap span:after{content:"";left:0;position:absolute;display:block;width:45px;height:100%;background-color:#fff; border-radius:10px; transition:.25s;}
.open_sitemap span:before{top:-10px;}
.open_sitemap span:after{bottom:-10px;}

.open_sitemap .active span{background-color:transparent;}
.open_sitemap .active span:before{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.open_sitemap .active span:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
/* �ъ씠�몃㏊ */
#gnb_all { display: none; width: 200%; background-color: #fff; position: absolute; top: 100%; left: -50%; /* margin-left: -600px; */ z-index: 0; box-shadow:0px 15px 15px rgba(0,0,0,.1); border-top: 1px solid #ddd;}
#gnb_all .gnb_all_head {padding: 0 60px 0 15px; position: relative; background-color: #eff8fd;}
#gnb_all .gnb_all_head .gnb_close {position: absolute; top: 30px; right: 15px; cursor: pointer;}
#gnb_all .gnb_all_head #gnb_all_logo {text-align: center;}
#gnb_all .gnb_all_head #gnb_all_logo a {display: inline-block; line-height: 90px; vertical-align: middle;}
.gnb_all_member {max-width:1200px; margin: 0 auto; text-align: right; padding: 20px 0 0;}
.gnb_all_member li {display: inline-block; margin: 0 2px;}
.gnb_all_member a {display: inline-block; padding: 8px 20px 6px; background-color: #000; font-size: 14px; color: #fff; letter-spacing: 0; border-radius:50px; transition:.25s;	}
.gnb_all_member a:hover {}
#gnb_all .gnb_al_ul {font-size: 0; padding: 50px 70px; max-width:1600px; margin: 0 auto;}
#gnb_all .gnb_al_ul .gnb_al_li {display: inline-block; vertical-align: top; width: 12.5%;}
#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a {font-size: 18px; font-weight: 500; transition:.25s; border-bottom:3px solid #ddd; width:220px; position:absolute; padding-bottom:15px}
#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a:after {content:''; display: block; width: 0; height: 3px; background-color: #b39776; position: absolute; left: 50%; bottom: -3px; transform:translateX(-50%);transition:.5s;}
#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a:hover:after {width: 100%} 
#gnb_all .gnb_al_ul .gnb_al_li ul {padding: 50px 40px 40px 0;}
#gnb_all .gnb_al_ul .gnb_al_li li {transition: .25s;}
#gnb_all .gnb_al_ul .gnb_al_li li a {display: block;font-size: 16px; font-weight: 400; color: #777; padding: 5px 0 5px 10px; line-height: 1.5; transition: .25s;}
#gnb_all .gnb_al_ul .gnb_al_li li:after {content:''; display: block; width: 0; height: 1px; background-color: #222;  color: #222; position: relative ; left: 50%; bottom: 0; transform:translateX(-50%);transition:.5s;}
#gnb_all .gnb_al_ul .gnb_al_li li:hover:after {width: 100%;} 
#gnb_all .gnb_al_ul .gnb_al_li li a:hover { color:#222; font-weight:500;}




#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a {font-size: 18px; font-weight: 500; transition:.25s; border-bottom:3px solid #ddd; width:165px; position:absolute; padding-left:10px; padding-bottom:15px}
#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a:after {content:''; display: block; width: 0; height: 3px; background-color: #b39776; position: absolute; left: 50%; bottom: -3px; transform:translateX(-50%);transition:.5s;}
#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a:hover:after {width: 100%} 


#gnb_all .gnb_al_ul .gnb_al_li:hover .gnb_al_a {color: #b39776; border-bottom:3px solid #b39776;}
/*#gnb_all .gnb_al_ul .gnb_al_li li:hover a {color: #000; font-weight: 500; transition: 0.25s;}*/
#gnb_all .gnb_all_foot {padding: 15px; position: relative; background-color: #b39776}
#gnb_all .gnb_all_foot .hd_kakao {padding: 5px 0 0;}
#gnb_all .gnb_all_foot .hd_tel {padding: 0 20px 0 40px;}

.gnb_dim { display: none; position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; /*background-color: rgba(0,0,0,.8);*/}



#header.stiky {position: fixed; background-color:#fff; border-bottom:1px solid #ddd; }
#header.stiky #logo a {line-height: 85px;}
#header.stiky .hd_top {padding-left: 0;}
#header.stiky .top_util {top:33px; color:#222; font-weight:500;}
/*#header.stiky .open_sitemap {}*/
#header.stiky .hd_top_menu {padding-left: 25px;}
#header.stiky .hd_top_menu a {font-size: 20px; padding-right:0;}
#header.stiky .gnb_plus {display: none;}
/*#header.stiky .top_util .txt {display: none;}*/
#header.stiky  #gnb .gnb_1dul .none { display: block;}

#header.stiky #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;  padding: 0 40px ; line-height:90px; height:90px; text-align: center; color: #222; font-size: 18px; font-weight:500; transition:0.25s; position: relative;}
#header.stiky #gnb .gnb_1dul .gnb_1dli .gnb_1da:after {content:''; display: block; width: 0; height: 3px; background-color: #b39776; position: absolute; left: 50%; bottom: 0; transform:translateX(-50%);transition:.5s;}
#header.stiky #gnb .gnb_1dul .gnb_1dli .gnb_1da:hover:after {width: 220px;} 
#header.stiky #gnb .gnb_2dul:hover  {border-top:3px solid #b39776; margin-top:-3px; }


#header.stiky .open_sitemap a span{position:absolute;left:0;top:50%;display:block;width:20px;height:2px;background-color:#222;margin:0 0;text-indent:-9999px;}
#header.stiky .open_sitemap span,
#header.stiky .open_sitemap span:before,
#header.stiky .open_sitemap span:after{content:"";left:0;position:absolute;display:block;width:28px;height:100%;background-color:#222;transition:.25s;}
#header.stiky .open_sitemap span:before{top:-7px;}
#header.stiky .open_sitemap span:after{bottom:-7px;}

#header.stiky .open_sitemap .active span{background-color:transparent;}
#header.stiky .open_sitemap .active span:before{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#header.stiky .open_sitemap .active span:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}


#header.stiky #logo a .fix{display:none;}
#header.stiky #logo a .stiky{display:inline-block; }

#header.stiky .kakao{padding: 12px 35px;color: #222; border-radius: 100px; font-size: 16px; font-weight: 500; text-align: center;border:1px solid #222;right:70px;position:relative;}
#header.stiky .kakao:hover{color: #fff; border:1px solid #fff; background-color: #00a8ff;}




#header .lang_wrap {position: absolute; top: 28px; right:4%; z-index: 10;}
#header .lang_wrap .trigger{position:relative;display:block;width: 90px;height:35px;line-height:35px;padding:0 25px;color:#fff; border-radius:7px;background: rgba(0,0,0,.3); cursor: pointer; letter-spacing:-1px;font-size:14px;transition:.25s;}
#header .lang_wrap .trigger:after{content:''; border:5px solid transparent; border-top-color: #fff; border-left-width: 3px; border-right-width: 3px; position: absolute; top:calc(50% - 2px); right:1rem; }

#header .lang_wrap .trigger.active:after{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);  top:calc(50% - 9px);}
#header .lang_wrap .trigger:before {content:''; display: block; width: 100%; height: 100%;  opacity: .5; position: absolute; top: 0; left: 0; z-index: -1;}
#header .lang_wrap .dep1_wrap{background: rgba(0,0,0,.3); display:none;position:absolute;left:0;top:100%;width:100%;z-index:9999; margin-top:3px; border-radius:7px; padding:10px 0; }
#header .lang_wrap .dep1_con{ }
#header .lang_wrap .dep1{display:block;padding:5px 15px;color:#fff;font-size:14px; letter-spacing:0px;font-weight:400;transition:.25s; text-align:end;}
#header .lang_wrap .dep1:after { content: "";  width: 6px;   height: 7px;  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDciPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNC41LjVsLTMuMSAzIDMuMSAzLjEiLz48L3N2Zz4=)0 0/100% no-repeat;
    display: inline-block;  margin-left: 15px;}

#header .lang_wrap .dep1_con:hover .dep1,
#header .lang_wrap .dep1_con.active .dep1{color:#b39776;}

.m_icon { display:none;}

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

#logo {display: inline-block;float:left;margin-right: 30px;}
#header #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;  padding: 0 13px ; line-height:90px; height:90px; text-align: center; color: #fff; font-size: 17px; font-weight:500; transition:0.25s; position: relative;}
#header.stiky #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;  padding: 0 15px ; line-height:90px; height:90px; text-align: center; color: #222; font-size: 17px; font-weight:500; transition:0.25s; position: relative;}

#header .lang_wrap {position: absolute; top: 28px; right:5%; z-index: 10;}
#header .top_util {position: absolute;top:35px;right: 15%;color:#fff;}



}


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

#header #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;  padding: 0 15px ; line-height:90px; height:90px; text-align: center; color: #fff; font-size: 16px; font-weight:500; transition:0.25s; position: relative;}
#header.stiky #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;  padding: 0 18px ; line-height:90px; height:90px; text-align: center; color: #222; font-size: 16px; font-weight:500; transition:0.25s; position: relative;}

#header .lang_wrap {position: absolute; top: 28px; right:5%; z-index: 10;}
#header .top_util {position: absolute;top:34px;right: 16%;color:#fff;}



}


@media all and (max-width:1500px){
   #logo {display: inline-block;float:left;margin-right: 0; z-index:99}

   #header #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;padding: 0 10px;line-height:90px;height:90px;text-align: center;color: #fff;font-size: 15px;font-weight:500;transition:0.25s;position: relative;}
   #header.stiky #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;  padding: 0 13px ; line-height:90px; height:90px; text-align: center; color: #222; font-size: 15px; font-weight:500; transition:0.25s; position: relative;}
   
   
   #gnb_all .gnb_al_ul {font-size: 0;padding: 50px 70px;max-width: 1200px;margin: 0 auto;}
   #gnb_all .gnb_al_ul .gnb_al_li {display: inline-block;vertical-align: top;width: 20%;}

}


@media all and (max-width:1200px){
	#header #gnb {display: none;}
	#logo  {position:relative; }
	#logo a {line-height:80px; }

	#header .top_util .icon { display:none;}
	.open_sitemap {z-index: 999;  top: 27px;}
	#header .top_util {top: 25px; right: 22%;}
	#header.stiky .top_util { top: 25px;}

    #header.stiky #logo a { line-height: 80px;}
	
	.ft_info1 { padding: 150px 15px;  background-color: #fff;}
	.ft_info1 .lt .txt_area { display: inline-block;  vertical-align: top;  width: 100%; text-align: left;padding-left:10px;}
	.ft_info1 .rt { float: right;width: 50%;}
	.ft_info1 .rt img { width:100%;}
	
	.ft_info .ft_info_text { color: #fff;  font-weight: 300; line-height: 50px; float: left; padding-left: 30px;}
	
   #top_trigger {margin-left:40%; }
   
   #header .lang_wrap {position: absolute;top: 20px;right: 7%;z-index: 10;}



	
}


@media all and (max-width:980px){
    .open_sitemap .active span:after,
	.open_sitemap .active span:before {background-color: #fff;}
	
	#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a {font-size: 18px; font-weight: 500; transition:.25s; border-bottom:1px solid #ddd; width:100%; position: relative; padding-bottom:15px; }
    #gnb_all .gnb_al_ul .gnb_al_li:hover .gnb_al_a {color: #b39776; border-bottom:1px solid #b39776;}
	

	#gnb_all {display: block !important;  width: 310px; padding:0 0;  height: 100%; overflow: hidden; position: fixed; top: 0;  left: -300%;  transition:.5s; z-index: 998; box-shadow:10px 0 10px rgba(0,0,0,.1); }
	#gnb_all.active { left: 0;}
	.gnb_all_member {padding: 20px; text-align: right;  border-bottom: 1px solid #ddd;}
	#gnb_all .gnb_navi {width: 100%;height: calc(100vh - 100px); overflow-y: auto; border-top: 2px solid #b39776;position:relative }
	
	#gnb_all .gnb_al_ul {width: -webkit-fill-available;margin: 0;padding:0px 15px;  position:absolute; }
	#gnb_all .gnb_al_ul .gnb_al_li {width: 100%;}
	#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a { display: block;padding: 15px 0;  font-weight: 500; font-size:16px; background-image: url('/assets/images/common/gnb_bg2.png'); background-repeat: no-repeat;  background-position: right 15px center;}
	#gnb_all .gnb_al_ul .gnb_al_li .gnb_al_a.active {background-image: url('/assets/images/common/gnb_bg1.png');}
	#gnb_all .gnb_al_ul .gnb_al_li ul {display: none; padding: 10px 20px; border-bottom: 1px solid #eee;}
	#gnb_all .gnb_al_ul .gnb_al_li li a { padding: 7px 0; font-size:14px;}
	
	#header .top_util_mobile {position: absolute; top:50px; left:4%; color:#222; font-weight:600;  font-family: 'Montserrat', sans-serif; }
    #header .top_util_mobile li {display: inline-block; padding: 0 7px; text-align: center; position: relative; z-index:2; letter-spacing:-0.5px;}
    #header .top_util_mobile a {display:  inline-block;  transition:.25s; z-index:9999;	}
    #header .top_util_mobile a:hover { opacity: 1;}


}


@media all and (max-width:768px){
/* �곷떒 �덉씠�꾩썐 */
/* #hd {border-top:2px solid #253dbe} */
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:21px 0 25px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#header {width: 100%; min-width:320px;  position: fixed; top: 0; left: 0;  z-index: 99;  transition:.5s;}
#header .hd_top {border-bottom:1px solid #ddd;}

#logo {display: inline-block; float:left; z-index:99; }
#logo img { width:75%;}
#logo a {display: inline-block; line-height:80px;  vertical-align: middle; }
#logo a .fix{display: inline-block; }
#logo a .stiky{display:none; }
#header .hd_top_menu {display: inline-block; vertical-align: middle; padding-left: 35px;}
#header .hd_top_menu a {padding-right: 20px; font-size: 24px; font-weight: 500; color: #fff;}
#header .top_util {position: absolute; top:30px; right:3.5%; color:#fff;}
#header .top_util li {display: inline-block; padding: 0 12px; text-align: center; position: relative; z-index:2}
#header .top_util a {display:  inline-block;  transition:.25s; z-index:9999;	}
#header .top_util a:hover { opacity: 1;}

#header .lang_wrap {position: absolute;top: 25px;right: 60px;z-index: 10;}
#header .lang_wrap .trigger{position:relative;display:block;width: 50px;height:30px;line-height:30px;padding: 0 20px 0 15px;color:#fff;border-radius:7px;background: rgba(0,0,0,.3);cursor: pointer;letter-spacing:-1px;font-size: 13px;transition:.25s;}
#header .lang_wrap .trigger:after{content:''; border:5px solid transparent; border-top-color: #fff; border-left-width: 3px; border-right-width: 3px; position: absolute; top:calc(50% - 2px); right:10px; }
#header .lang_wrap .dep1{display:block;padding:5px 6px;color:#fff;font-size:12px; letter-spacing:0px;font-weight:400;transition:.25s; text-align:end;}
#header .lang_wrap .dep1:after { content: ""; width: 6px;   height: 7px;  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDciPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNC41LjVsLTMuMSAzIDMuMSAzLjEiLz48L3N2Zz4=)0 0/100% no-repeat;
    display: inline-block; margin-left: 8px;  }

   .open_sitemap{position: absolute;top:30px;right: 0;z-index: 999;}
   .open_sitemap a{position:relative;display:block;width: 45px; height: 18px;  transition:.25s; }
   .open_sitemap a span{position:absolute;left:0;top:50%;display:block;width: 30px;height:4px;border-radius:10px;background-color:#fff;margin:0 0;text-indent:-9999px;}
   .open_sitemap span,
   .open_sitemap span:before,
   .open_sitemap span:after{content:"";left:0;position:absolute;display:block;width: 35px;height:100%;background-color:#fff;border-radius:10px;transition:.25s;}
   .open_sitemap span:before{top:-10px;}
   .open_sitemap span:after{bottom:-10px;}


/* 硫붿씤硫붾돱 */
#header .gnb_wrap {display: flex;}
/* gnb - depth1 */
#header #gnb {padding-left: 40px; }
#header #gnb .gnb_1dul {position: relative; display: flex; justify-content:flex-start;}
#header #gnb .gnb_1dul .gnb_1dli  {position: relative;}
#header #gnb .gnb_1dul .none { display:none;}

#header #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;  padding: 0 22px ; line-height:90px; height:90px; text-align: center; color: #fff; font-size: 18px; font-weight:500; transition:0.25s; position: relative;}
#header #gnb .gnb_1dul .gnb_1dli .gnb_1da:after {content:''; display: block; width: 0; height: 3px; background-color: #51b9fc; position: absolute; left: 50%; bottom: 0; transform:translateX(-50%);transition:.5s;}
#header #gnb .gnb_1dul .gnb_1dli .gnb_1da:hover:after {width: 220px;} 

#header #gnb .gnb_2dul:hover  {border-top:3px solid #51b9fc; margin-top:-3px; }
/* gnb - depth2 */

#header #gnb .gnb_2dul {display: none; position: absolute; top: 100%; left: 50%; width: 220px; margin-left: -110px;   height: auto; background-color: #fff; padding: 20px 15px;  border-right: 1px solid #f9f9f9; border-left: 1px solid #f9f9f9;  border-bottom: 1px solid #ddd;  z-index: 99;  }
#header #gnb .gnb_2dul .gnb_2dli { position: relative; z-index: 1;}
#header #gnb .gnb_2dul .gnb_2dli .gnb_2da {display: block;  line-height: 35px; font-size: 16px; color: #787878; font-weight: 400; transition:0.5s; position: relative;}
#header #gnb .gnb_2dul .gnb_2dli .gnb_2da:hover,
#header #gnb .gnb_2dul .gnb_2dli.active .gnb_2da {color: #222; font-weight:500;}

#header #gnb .gnb_2dul .gnb_2dli:after {content:''; display: block; width: 0; height: 1px; background-color: #222;  position: relative ; left: 50%; bottom: 0; transform:translateX(-50%);transition:.5s;}
#header #gnb .gnb_2dul .gnb_2dli:hover:after {width: 100%;} 



#header .gnb_plus {padding-left: 7px;}
#header .gnb_plus a { padding-left: 20px; font-size: 16px; color: #fff; opacity: .8;}
#header .gnb_plus a:first-child {position: relative;}
#header .gnb_plus a:first-child:after {content:''; display: block; width: 1px; height: 15px; background-color: #fff; opacity: .5; position: absolute; top: 3px; left: 0;}


#header .hd_rt {float: right; margin-right: 60px; padding-top: 30px;}
#header .hd_rt a {display: inline-block; vertical-align: middle; margin: 0 9px; font-size: 16px; color: #fff;}



.gnb_dim { display: none; position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; /*background-color: rgba(0,0,0,.8);*/}


#header.stiky {position: fixed; background-color:#fff; }
#header.stiky .hd_top {padding-left: 0;}
#header.stiky .top_util {top:30px; color:#151515;}
/*#header.stiky .open_sitemap {}*/
#header.stiky .hd_top_menu {padding-left: 25px;}
#header.stiky .hd_top_menu a {font-size: 20px; padding-right:0;}
#header.stiky .gnb_plus {display: none;}
#header.stiky .top_util .txt {display: none;}
#header.stiky  #gnb .gnb_1dul .none { display: block;}

#header.stiky #gnb .gnb_1dul .gnb_1dli .gnb_1da {display: block;  padding: 0 18px ; line-height:90px; height:90px; text-align: center; color: #222; font-size: 18px; font-weight:500; transition:0.25s; position: relative;}
#header.stiky #gnb .gnb_1dul .gnb_1dli .gnb_1da:after {content:''; display: block; width: 0; height: 3px; background-color: #51b9fc; position: absolute; left: 50%; bottom: 0; transform:translateX(-50%);transition:.5s;}
#header.stiky #gnb .gnb_1dul .gnb_1dli .gnb_1da:hover:after {width: 220px;} 
#header.stiky #gnb .gnb_2dul:hover  {border-top:3px solid #51b9fc; margin-top:-3px; }

#header.stiky .open_sitemap a span{position:absolute;left:0;top:50%;display:block;width:25px;height:3px;border-radius:10px;background-color:#222;margin:0 0;text-indent:-9999px;}
#header.stiky .open_sitemap span,
#header.stiky .open_sitemap span:before,
#header.stiky .open_sitemap span:after{content:"";left:0;position:absolute;display:block;width:30px;height:100%;background-color:#222; border-radius:10px; transition:.25s;}
#header.stiky .open_sitemap span:before{top:-8px;}
#header.stiky .open_sitemap span:after{bottom:-8px;}

#header.stiky .open_sitemap .active span{background-color:transparent;}
#header.stiky .open_sitemap .active span:before{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#header.stiky .open_sitemap .active span:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}

#header.stiky #logo a .fix{display:none;}
#header.stiky #logo a .stiky{display:inline-block; }

#top_trigger { display:none !important;}
   
 	
	.m_icon { display:block; padding-top: 20px; padding-left: 15px;}
	.m_icon p{ width: 22%; display: inline-block;}
	.m_icon p img{ width:80%}  


}


@media all and (max-width:380px){
#header .lang_wrap {position: absolute;top: 25px;right: 55px;z-index: 10;}

}