@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap');
@font-face{
    font-family:'Noto Sans KR';
    src:url(/common/font/NotoSansCJKkr-Regular.otf);
    font-weight:400;
}
@font-face{
    font-family:'Noto Sans KR';
    src:url(/common/font/NotoSansCJKkr-Light.otf);
    font-weight:300;
}
@font-face{
    font-family:'Noto Sans KR';
    src:url(/common/font/NotoSansCJKkr-Bold.otf);
    font-weight:500;
}
@font-face{
    font-family:'Noto Sans KR';
    src:url(/common/font/NotoSansCJKkr-Thin.otf);
    font-weight:200;
}

*{outline: 0}
body {font-family: 'Noto Sans KR', sans-serif;}
body ,
body * {margin:0;padding:0;font: 15px/18px '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;
}
.inner{width: 1200px;margin: 0 auto}
/* header */
#header{ position: fixed; z-index: 2000; width: 100%; height: 100px; transition: 0.5s; top: 0; left: 0; }
#header:hover{background-color:  rgba(13,31,69,0.9)}
#header.on{background-color:  rgba(13,31,69,0.9)}
#header .gnb{ transition: 0.5s; height: 100px; }
#header .gnb_Wrap{ width: 100%; margin: 0 auto; position: relative; }
#header .h_top{position: absolute; top: 36px; left: 62px;}
h1{position: relative;top:0px;opacity: 1; ;}
#header .h_top .logo2{display: none}
#header .h_top .logo1{display: block}


/*.fp-viewing-firstPage #header .h_top .logo1,*/
.fp-viewing-secondPage #header .h_top .logo1{display: none}
/*.fp-viewing-firstPage #header .h_top .logo2,*/
.fp-viewing-secondPage #header .h_top .logo2{display: block}

/*.fp-viewing-firstPage #header:hover .h_top .logo1,*/
.fp-viewing-secondPage #header:hover .h_top .logo1{display: block}
/*.fp-viewing-firstPage #header:hover .h_top .logo2,*/
.fp-viewing-secondPage #header:hover .h_top .logo2{display: none}



#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(13,31,69,0.9);  left: 0; top: 100px; border-top: 1px solid #4e5b75; border-bottom: 1px solid #4e5b75;  display: none}
#header .s_inner{width: 100%}
#header .sub_m ul{text-align: center; }
#header .sub_m  ul li{display: inline-block;text-align: center}
#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: 30px}
#header .sub_m ul li:hover a span{color: #fff;}
#header .sub_m ul li.on a span{color: #fff;border-bottom: 1px solid #fff;padding-bottom: 5px;}
#header .sub_m a span{color: #9fabb5;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 .main_menu > li:hover .sub_m{display: block}
#header .main_menu > li .sub_m:hover{display: block}
#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{text-align: center}
#header .main_menu > li{ display: inline-block;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 50px;; }
#header .main_menu > li:nth-child(3) > a span{ font-size: 18.5px; }
#header .main_menu > li:nth-child(4) > a span{ font-size: 18px; }

/*.fp-viewing-firstPage #header .main_menu > li > a,*/
.fp-viewing-secondPage #header .main_menu > li > a{color: #333547}




#header .main_menu > li > span{display: none;margin: 0 auto;width: 25px;height: 7px;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: 25px;height: 7px;background: url(/img/common/add_on.png);position: relative;top:-3px;z-index: 9}

#header .main_menu > li:hover > a{ color: #fff}
#header:hover .main_menu > li > a{ color: #fff}
#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; }


#header .m_nav{ overflow: hidden; position: fixed; display: block; transition: 0.5s; height: 100%;width: 300px;background: #0d1f45 url(/img/common/menu.png);right: 0;z-index: 2001;right: -100%}
#header .m_nav button{position: absolute;left;right: 20px;top:20px;}
#header .m_nav.on{right: 0 }
#header:before{ transition: 0.5s; content: ""; width: 100%; height: 1px;top:105px;display: block; position: fixed; left: 0;  z-index: 1; background-color: transparent; }
#header .m_nav > ul{ width: 300px;margin: 0 auto; padding-top: 45px;}
#header .m_nav > ul:after{}
#header .m_nav > ul > li{ float: left; width: 100%;text-align: center; }
#header .m_nav > ul > li > a{width: 100%; padding-top: 20px; color: #fff; font-weight: 400; font-size: 18px; position: relative;display: block;padding-bottom: 20px;border-bottom: 1px solid #556078}
#header .m_nav > ul > li > a:after{content: '';
    margin: 0 auto;
	display: block;
    width: 25px;
    height: 7px;
    background: url(/img/common/add_on.png);
    position: relative;
    top: 23px;
}
/*#header .m_nav > ul > li > a span{position: absolute;width: 7px;height: 7px;border: 1px solid #26396e;border-radius: 50%;bottom:-3.5px;;left:50%;margin-left: -3.5px;z-index: 5;background: #0b1e4f;transition: 0.3s;display: none}*/
#header .m_nav > ul > li > ul:after{content: '';display: block;clear: both;}
#header .m_nav > ul > li > ul.on{display: block}
#header .m_nav > ul > li > ul{width: 100%;margin: 0 auto;padding: 30px;background:#06194b;display: none}
#header .m_nav > ul > li > ul li{float: left;width: 50%}
#header .m_nav > ul > li:nth-child(3) > ul li{width: 100%}
#header .m_nav > ul > li:nth-child(4) > ul li{width: 100%}
#header .m_nav > ul > li > ul a{font-size: 14px;display: block;text-align: center;color: #c0c7da;padding: 5px;}
#header .m_nav > ul > li > ul a span{display: block;text-align: center;}
#footer{padding:30px 0;background:#0e152a}
.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;width: 120px;}
.gbal button{ color: #fff; font-size: 16px; padding-right: 15px; margin-bottom: 5px; }
#header:hover .gbal button{color: #fff}
/*.fp-viewing-firstPage .gbal button,*/
.fp-viewing-secondPage .gbal button{ color: #6b6c7f; }
.gbal button img{ position: relative; top: 4px; margin-right: 5px; margin-left: 20px;}
.gbal button img.glo1{display: inline-block}
.gbal button img.glo2{display: none}


/*.fp-viewing-firstPage .gbal button img.glo1,*/
.fp-viewing-secondPage .gbal button img.glo1{display: none}
/*.fp-viewing-firstPage .gbal button img.glo2,*/
.fp-viewing-secondPage .gbal button img.glo2{display:  inline-block}

/*.fp-viewing-firstPage #header:hover .gbal button img.glo1,*/
.fp-viewing-secondPage #header:hover .gbal button img.glo1{display: inline-block}
/*.fp-viewing-firstPage #header:hover .gbal button img.glo2,*/
.fp-viewing-secondPage #header:hover .gbal button img.glo2{display: none}

.gbal ul{ display: none; position: relative;}
.gbal ul li{ background-color:  rgba(13,31,69,0.9); width: 120px;border: 1px solid #26324f}
.gbal ul li;first-child{border-bottom: none}
.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}
.gbal{

    background: url('/img/common/menu_btn.png') 80% 10px no-repeat;

    background-size: 10px 5px;

}

/*.fp-viewing-firstPage .gbal,*/
.fp-viewing-secondPage .gbal{

    background: url('/img/common/menu_btn_on.png') 80% 10px no-repeat;

    background-size: 10px 5px;

}


/*.fp-viewing-firstPage #header:hover  .gbal,*/
.fp-viewing-secondPage #header:hover  .gbal{

    background: url('/img/common/menu_btn.png') 80% 10px no-repeat;

    background-size: 10px 5px;

}


/* .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; }



#footer .inner:after{content: '';display: block;clear: both}
#footer .inner > div{float: left;width: 50%}
#footer .inner > div:first-child strong{font-size: 20px;color: #fff;font-weight: 400;letter-spacing: -0.5px;}
#footer .inner > div:first-child p{font-size: 16px;color: #9ea3b3;font-weight: 300;letter-spacing: -0.1px;margin-top: 5px;}
#footer .inner > div:nth-child(2) strong{font-size: 15px;color: #9ea3b3;font-weight: 300;letter-spacing: -0.25px;line-height: 30px;word-break: keep-all}
#footer .inner em{line-height: 30px;color: #4b5268}

#footer .inner > div:nth-child(2) strong span{font-weight: 400}
#footer .inner address{display: block;margin-top: 14px; font-size: 15px;color: #4b5268;letter-spacing: -0.25px;font-weight: 300}
#footer .inner address span{font-weight: 600}
#footer .inner address a{color: inherit;text-decoration: underline;font-size: inherit}
@media (max-width: 1570px){
  #footer .inner{width: 100%;padding: 0px 20px !important;}

}
@media (max-width: 1240px){
  #header{height: 70px;}
  #header .main_wrap,#header .gnb{height: 70px;}
  #header .main_menu{ display: none;}
  #header .gnb_Wrap button.mobile{ display: block;top:20px;  width: 25px;height: 25px;background: url(/img/common/button_icon.png) no-repeat center center}
  #header .h_top{left: 30px;top: 23px}
  #m_menu{display: block}
  .gbal{top:23px;right:60px;}
	.sub_paging button.on{position: fixed;top:70px;left: 0}
	.sub_paging ul.on{top:118px;}

}
@media (max-width: 850px){
	#footer .inner > div:first-child strong{font-size: 16px;}
	#footer .inner > div:first-child p{font-size: 13px;}
	#footer .inner > div:nth-child(2) strong{font-size: 12px;;line-height: 24px;}
	#footer .inner > div:nth-child(2) strong span{font-size: 12px;}
	#header .main_wrap{height: 50px;}
	#header .h_top img{width: 150px;}
	#footer .inner address,#footer .inner address span{font-size: 11px;}
	#footer .inner  img{width: 100px;}
	#footer .inner i img{width: 4px;}
	#footer .inner > div:nth-child(2) strong em{font-size: 10px;}
}
@media (max-width: 700px){
  #footer p{font-size: 12px}
	.gbal button img{width: 12px;top:2px;}
	.gbal button{font-size: 12px;}
	.gbal ul li a{font-size: 12px;}
	.gbal {
    overflow: hidden;
    background: url(/img/common/menu_btn.png) right 7px no-repeat;
    background-size: 8px 4px;
}

}
@media (max-width: 640px){
  #footer p{font-size: 12px}
  #footer .btn_top{display: none;position:;z-index: 444;bottom:10px;right:10px;}
  #footer .btn_top img{width: 50px;}
	#header .m_nav > ul > li > a{font-size: 16px;}
	#header .m_nav > ul > li > ul{padding: 20px;}.gbal ul li,.gbal{width: 90px;}

}
@media (max-width: 640px){
	#footer .inner > div{width: 100%;text-align: center}
}