@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
/* @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf), format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff), format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf), format('opentype');
} */

/* 초기화 */
body ,
body * {margin:0;padding:0;list-style:none;font-style: normal;font-family: 'Nanum Gothic', sans-serif;}
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;}

select {margin:0}
p {margin:0;padding:0;word-break:break-all}
em {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;
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;
}



/* header */
#header{ height:155px; transition: 0.5s; }
#header .gnb_Wrap{ position: relative;  border-bottom: 1px solid #d2d2d2; }
#header .gnb_Wrap .sns_icon{ position: absolute; right: 0; top: 35px; }
#header .gnb_Wrap .sns_icon a{ text-indent: -999em; display: block; width: 36px; height: 32px; background: url('/img/common/blog_icon.gif') center center no-repeat; transition: 0.3s; }
#header .gnb_Wrap .sns_icon a:hover{ background: url('/img/main/blog_icon02.gif') center center no-repeat; }
#header .gnb_Wrap h1{ padding: 28.5px 0; width: 1000px; margin: 0 auto; position: relative; text-align: center; s}
#header .gnb_Wrap h1 > a{ display: inline-block; }
#header .gnb_Wrap h1 img{ margin: 0 auto; display: block }
#header .main_menu{ width: 1000px; margin: 0 auto; }
#header .main_menu > li{ float: left; position: relative; width: 25%; }
#header .main_menu > li > a{ font-size: 16px; color: #333; display: block; padding: 16.5px 0; text-align: center; }
#header .main_menu > li:hover > a{ color: #fff; background-color: #1d2f88; }
#header .sub_menu{ padding: 10px 0; position: absolute; top: 51px; right: 0px; z-index: 101; width: 100%; }
#header .sub_menu > li{ text-align: center; width: 100%; }
#header .sub_menu > li a{ font-size: 13px; color: #333; display: inline-block; padding: 7px 0;  }
#header .sub_menu > li a:hover{ color: #0f3b96; }

#header .gnb_Wrap button{ width: 32px; height: 30px; background: url('/img/common/all_menu_icon.png') center center no-repeat; position: absolute; right: 20px; top: 38px; }

.subNavBg{ width: 100%; border-top: 1px solid #d2d2d2; min-width: 1000px; height: 282px; background-color: #fff; position: absolute; left: 0; top: 154px; z-index: 100; box-sizing: border-box; border-bottom: 2px solid #1d2088; }


#m_menu .close { width : 50px; height : 50px; position : absolute; right : 0px; top : 0px; z-index : 1; background-image : url("/img/common/m_menu_close.png"); background-size : 40%; background-repeat : no-repeat; background-position : center; cursor : pointer; }
#m_menu { width : 70%; height : 100%; position : fixed; top : 0px; 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 .m_list{ padding: 50px 0; }
#m_menu .m_list > li{ padding: 15px 20px; 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{ font-size: 14px; color: rgba(255,255,255,0.7);}
#m_menu .m_list > li > ul{ display: none; }

/* footer */
#footer{ background-color: #3f3f3f; }
#footer .ft_wrap{ width: 1000px; margin: 0 auto; overflow: hidden; padding: 38px 0; position: relative; }
#footer .ft_wrap h1{ float: left; margin-right: 20px; padding-top: 10px; }
#footer .ft_wrap address{ float: left; font-size: 12px; color: #d8d8d8; line-height: 22px; font-style: normal}
#footer .ft_wrap address span{ width: 1px; height: 9px; background-color: #d8d8d8; display: inline-block; position: relative; top: 1px; margin: 0 3px; }
#footer .ft_wrap .sns_btn{ float: right; overflow: hidden; }
#footer .ft_wrap .sns_btn ul{ overflow: hidden; }
#footer .ft_wrap .sns_btn ul li{ float: left; margin-left: 13px; }
#footer .ft_wrap .sns_btn ul li a{ width: 30px; height: 28px; display: block; text-indent: -999em; transition: 0.3s; }
#footer .ft_wrap .sns_btn ul li:nth-child(1) a{ background: url('/img/common/sns_icon02.png') center center no-repeat;  }
#footer .ft_wrap .sns_btn ul li:nth-child(2) a{ background: url('/img/common/sns_icon01.png') center center no-repeat;  }
#footer .ft_wrap .sns_btn ul li:nth-child(1) a:hover{ background: url('/img/main/sns_icon02_on.png') center center no-repeat;  }
#footer .ft_wrap .sns_btn ul li:nth-child(2) a:hover{ background: url('/img/main/sns_icon01_on.png') center center no-repeat;  }
#footer .ft_wrap span.copy{ position: absolute; right: 0; top:75px; color: #666666; font-size: 12px; }