@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
*{outline: 0}
body {font-family: 'Nanum Barun Gothic', sans-serif;}
body ,
body * {margin:0;padding:0;font: 15px/18px 'NanumSquare', 'Noto Sans KR', sans-serif;list-style:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input[type="submit"]{cursor:pointer}
button {cursor:pointer;border:0;background:none;outline: 0}

select {margin:0;outline: 0}}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-outline: none;
-ms-outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
/* -webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important; */
}

input{ outline-style: none !important; }

input:focus {
  outline: none !important;
}

/* header */
#header{ position: fixed; z-index: 2000; width: 100%; height: 100px; transition: 0.5s; top: 0; left: 0; }
#header.on{background-color: rgba(0,0,0,0.5)}
#header .gnb{ transition: 0.5s; height: 100px; }
#header .gnb_Wrap{ width: 100%; margin: 0 auto; position: relative; }
#header .h_top{position: absolute; top: 62px; left: 62px;}
h1{position: relative;top:-30px;opacity: 0; transition: 0.7s;-ms-transition: 0.9s;-webkit-transition: 0.9s ease-in;-moz-transition: 0.9s ease-in;-o-transition: 0.9s ease-in;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
h1.show{
  top:-30px;opacity: 1;transition: 0.7s; transition: 0.7s;-ms-transition: 0.9s;-webkit-transition: 0.9s ease-in;-moz-transition: 0.9s ease-in;-o-transition: 0.9s ease-in;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
#header .h_top .contact{ position: absolute; top: 40px; right: 0; }
#header .h_top .contact ul{ overflow: hidden; }
#header .h_top .contact ul li{ float: left; }
#header .h_top .contact ul li a{ color: #fff; font-size: 18px; }
#header .h_top .contact ul li:first-child a{ font-weight: 700; padding-right: 24px; position: relative; }
#header .h_top .contact ul li:first-child a:after{ content: ""; width: 1px; height: 16px; background-color: rgba(90,110,73,0.5); position: absolute; right: 10px; top: 1px; }

#header .gnb_Wrap .lang{ position: absolute; top: 40px; right: 182px; overflow: hidden; }
#header .gnb_Wrap .lang li{ float: left; }
#header .gnb_Wrap .lang li a{ font-size: 15px; color: #999999; }
#header .gnb_Wrap .lang li.on a{ color: #333; }
#header .gnb_Wrap .lang li:first-child{ padding-right: 13px; position: relative; }
#header .gnb_Wrap .lang li:last-child{ padding-left: 13px; }
#header .gnb_Wrap .lang li:first-child:after{ content: ""; width: 2px; height: 13px; background-color: #959595; position: absolute; right: 0; top: 2px; }

#header .sub_m{ position: fixed; width: 100%; background: rgba(0,0,0,0.5); background-size: 40% 40%; left: 0; top: 100px; border-top: 2px solid #535353; border-bottom: 2px solid #dee6e8;  }
#header .s_inner{ width: 1400px; margin: 0 auto; overflow: hidden; }
#header .s_inner ul{width: 50%;margin: 0 auto}
#header .s_inner ul li{float: left;width: 16.66%;text-align: center}
#header .s_inner ul.s_menu1{width: 50%;margin: 0 auto}
#header .s_inner ul.s_menu1 li{width:33.33%;}
#header .s_inner ul.s_menu2{width: 100%;margin: 0 auto}
#header .s_inner ul.s_menu2 li{width:16.66%;}
#header .s_inner ul.s_menu3{width: 16.66%;margin: 0 auto}
#header .s_inner ul.s_menu3 li{width:100%;}
#header .s_inner ul.s_menu4{width: 16.66%;margin: 0 auto}
#header .s_inner ul.s_menu4 li{width:100%;}
#header .s_inner ul.s_menu5{width: 83.3%;margin: 0 auto}
#header .s_inner ul.s_menu5 li{width:20%;}
#header .sub_m img,#header .sub_m span{display: block}
#header .sub_m img{margin: 0 auto}
#header .sub_m ul li a{display: block;padding: 49px 0;}
#header .sub_m ul li:hover a span{color: #04dc6c;font-weight: 600}
#header .sub_m a span{color: #fff;margin-top: 20px;font-size: 16px;font-weight: 300}
#header .s_inner .sm_title{ float: left; background-color: #f0f2f5; text-align: left; padding: 41px 0; padding-right: 0; border-right: 1px solid #e5e5e5; min-width: 272px; max-width: 272px; }
#header .s_inner .sm_title strong{ font-size: 30px; font-weight: 300; color: #333333; letter-spacing: -1px; line-height: 30px; display: inline-block; padding: 8px; background-image: url('/img/common/sm_title_bg01.png'), url('/img/common/sm_title_bg02.png'); background-repeat: no-repeat; background-position: top left, bottom right; }
#header .s_inner .sm_title em{ display: block; font-size: 15px; line-height: 26px; font-weight: 300; letter-spacing: -1px; color: #545454; padding-left: 8px; margin-top: 20px; }

#header .sm02 .menu_list ul li a{ padding-top: 30px; }
#header .sm02 .menu_list ul li i{ margin-bottom: -5px; }

#header .main_wrap{ width: 100%; height: 100px; }
#header .main_menu{ width: 840px; margin: 0 auto;  }
#header .main_menu > li{ float: left; width: 20%; text-align: center; position: relative; }
#header .main_menu > li.roboi{ float: left; width: 10.5%; text-align: center; position: relative; }
#header .main_menu > li > a{ font-size: 18px; color: #fff; display: block; padding: 41px 0; }
#header .main_menu > li > span{display: none;margin: 0 auto;width: 9px;height: 9px;background: url(/img/common/add_on.png);position: relative;top:-3px;z-index: 9}
#header .main_menu > li:hover > span{display: block;margin: 0 auto;width: 9px;height: 9px;background: url(/img/common/add_on.png);position: relative;top:-3px;z-index: 9}

#header .main_menu > li:hover > a{ color: #04dc6c}
#header .main_menu > li:nth-child(1) .sub_menu{ padding-left: 67px; }
#header .main_menu > li:nth-child(2) .sub_menu{ padding-left: 67px; }
#header .main_menu > li:nth-child(3) .sub_menu{ padding-left: 51px; }
#header .main_menu > li:nth-child(4) .sub_menu{ padding-left: 69px; }
#header .main_menu > li:nth-child(5) .sub_menu{ padding-left: 53px; }
#header .gnb_Wrap input{display: inline-block;width:100px;float: left;border: none;background: none; font-size: 12px; position: relative; top: 2px; padding-left: 5px; outline-style: none;
  border-radius: 0; /* iSO 둥근모서리 제거 */ outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */ -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none;
}


#header .gnb_Wrap button.search{float: left;display: inline-block;width: 32px; height: 27px;margin-left: 5px;position: relative; left: 5px; top: -1px; }
#header .gnb_Wrap button.m_search{display: none}
#header .gnb_Wrap button.mobile{ width: 32px; height: 27px; background: url('/img/common/all_menu_icon.png') center center no-repeat; background-size: 100% 100%; position: absolute; right: 20px; top: 38px; }
#header .gnb_Wrap button.web{ display: block; }
#header .gnb_Wrap button.mobile{ display: none; }

#header .gnb_Wrap h1 img.hover_img{ display: none; }

#m_menu .close { width : 50px; height : 50px; position : absolute; right : 0px; top : 10px; z-index : 1; background-image : url("/img/common/btn_close_all.png"); background-size : 40%; background-repeat : no-repeat; background-position : center; cursor : pointer; }
#m_menu{ width : 70%; height : 100%; position : fixed; top : -10px; right : -100%; z-index : 10; background-color : #222222; text-align : left; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.5s ease; }
#m_menu.open { right: 0; }
#m_menu .lang{color: #fff;text-align: center;margin-top: 50px;}
#m_menu .lang > a{color: #fff;display: inline-block;width: 40px;margin: 0 auto}
#m_menu .lang span{display: inline-block;}
/* #m_menu .lang > a.kor:after{content: "    /"} */


#m_menu .m_list{ padding: 30px 0; }
#m_menu .m_list > li{ padding: 0px; border-top: 1px solid rgba(255,255,255,0.1);}
#m_menu .m_list > li:last-child{ border-bottom: 1px solid rgba(255,255,255,0.1); }
#m_menu .m_list > li > a{display: block;font-size: 14px;padding:15px 20px; color: rgba(255,255,255,0.7);}
#m_menu .m_list > li > a:hover span{font-weight: 700}
#m_menu .m_list > li > ul{ display: none; }
#m_menu .m_list > li.last-child{padding: 25px 0!important}

#footer{padding:50px 0;background:#292c2a url(/img/common/ft_bg.png) no-repeat 100% 0}
#footer p{font-size: 15px;line-height: 25px;color: #6a6a6a;margin-top: 15px;word-break: keep-all;}
#footer span{float: right;font-size: 15px;line-height: 25px;color: #6a6a6a;}
.m_sub_menu:after{content: '';display: block;clear: both}
.m_sub_menu ul:after{content: '';display: block;clear: both}
.m_sub_menu li {width: 50%;height: 90px;float: left;display: inline-block;box-sizing:  border-box;border-bottom: 1px solid #999}
.m_sub_menu li a span,.m_sub_menu li a img{display: block;text-align: center;margin: 0 auto;}
.m_sub_menu li a img{width: 30px;}
.m_sub_menu li a span{margin-top: 15px;}
.m_sub_menu li a{height: 100%;display: block;width: 100%;color: #fff;padding: 15px 20px;}
.gbal{position: absolute;z-index: 5;right: 100px;top:40px;}
.gbal button{ color: #fff; font-size: 16px; padding-right: 15px; margin-bottom: 5px; }
.gbal button img{ position: relative; top: 4px; margin-right: 5px; }
.gbal ul{ display: none; }
.gbal ul li{ background-color: #414141; }
.gbal ul li:hover{ background-color: #515151; }
.gbal ul li a{ display: block; text-align: center; color: rgba(255,255,255,0.8); padding: 5px 0;  }
/* .gbal select{color: #fff;background: none;border: none;vertical-align: top;margin-left: 5px;}
.gbal select option{background-color: none;border: none;} */
.subNavBg{ width: 100%; min-width: 1200px; height: 45px; background-color: rgba(0,0,0,0.7); position: absolute; left: 0; top: 134px; z-index: 100; box-sizing: border-box; }

#m_menu{display: none}
#footer .btn_top{display: none;position: fixed;z-index: 444;bottom:100px;right:100px;}
#footer .btn_top.on{display: block;}
.gbal{

    overflow: hidden;

    background: url('/img/common/down.png') right 10px no-repeat;

    background-size: 7px 4px;

}

/* .gbal select{

    width: 50px;
    border-radius: 0;

    background: transparent;

    background: -webkit-linear-gradient(transparent, transparent); //사파리 그라디언트 없애줌

    -webkit-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;


} */

select::-ms-expand {display:none}


/* 영문 페이지 */
#m_menu .m_list_en > li > a{ font-size: 12px; }
#m_menu .m_list_en .m_sub_menu a span{ font-size: 12px; line-height: 16px; margin-top: 8px; }

#header .gnb_en .main_menu{ width: 1000px; }
#header .gnb_en .main_menu > li > a{ font-size: 16px; }



@media (max-width: 1570px){
  #footer .inner{width: 100%;padding: 0px 20px !important;}

}
@media (max-width: 1240px){
  #header{height: 70px;}
  #header .main_menu{ display: none;}
  #header .gnb_Wrap button.mobile{ display: block;top:20px;  width: 32px;height: 30px;background: url(/img/common/all_menu_icon.png)}
  #header .h_top{left: 30px;top: 15px}
  #m_menu{display: block}
  h1.show{top:0px;opacity: 1;}
  .gbal{display: none}

}
@media (max-width: 700px){
  #footer p{font-size: 12px}
  #footer span{float: right;font-size: 12px;}

}
@media (max-width: 640px){
  #footer p{font-size: 12px}
  #footer span{float: none;font-size: 12px;}
  #footer .btn_top{display: none;position:;z-index: 444;bottom:10px;right:10px;}
  #footer .btn_top img{width: 50px;}

}
@media (max-width: 640px){
  #footer {text-align: center}
}