/* 아이콘 폰트 CSS */
@charset "euc-kr";
@charset "utf-8";
@import url("/design/default/css/genericons.css");

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

@font-face{
	font-family:'Nanum Gothic'
	
}


body,html {margin:0;padding:0;font-family: 'Nanum Gothic'; font-size:14px;color:#888;line-height:160%;background:#fff; }
address { font-style: inherit;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
ul, li {margin:0;padding:0;list-style-type:none;}
dl, dt, dd {padding:0;margin:0; color:#888;}
img {border:0;max-width:100%;line-height:0;vertical-align:top;}
a {display:block;text-decoration:none;}
input {font-family: 'Nanum Gothic'; font-size:13px;color:#888;line-height:160%;margin:0;vertical-align:middle;}
input[type=text],
input[type=password],
input[type=file] {padding:4px 5px;border:solid 1px #d2d2d2;}
select {font-family: 'Nanum Gothic'; font-size:13px;color:#888;line-height:160%;margin:0;vertical-align:middle;padding:4px 5px;border:solid 1px #d2d2d2;}
textarea {font-family: 'Nanum Gothic'; font-size:13px;color:#888;line-height:160%;margin:0;border:solid 1px #d2d2d2;padding:10px 0;}
button {font-family: 'Nanum Gothic'; font-size:13px;color:#888;cursor:pointer;line-height:140%;}
p {margin:0;padding:0;}
a { text-decoration:none; }
span {display:inline-block;}
table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;     word-wrap: break-word;}
caption {display:none;}
.max-width { max-width:1100px; margin:0 auto;}
.clearfix:after {
    clear: both;
    content: ' ';
    display: table;
}

/*header*/
header {position:fixed; top:0; z-index:100; width:100%; box-shadow:3px 3px 15px rgba(0,0,0,0.2); background:#fff; height:110px;}
header .hd_top { background:#e5513c;}
header .hd_top ul { max-width: 1100px; margin: 0 auto; text-align: right;}
header .hd_top ul li { display: inline-block;  }
header .hd_top ul li a {font-size: 12px;  color: #ffffff;  padding: 0 10px 2px 10px; }
header .hd_bot {  }
header .hd_bot .hd_logo { float:left; width:25%; padding:16px 0;}
header .hd_bot nav > .gnb { float:left width:75%;}
header .hd_bot nav > .gnb > li { float:left; width:11%;}
header .hd_bot nav > .gnb > li > a{ font-size:18px; font-weight:600; color:#333;     padding: 30px 0px;}


/*모바일 메뉴*/
header .hd_bot nav .m_bgn_bg { position:fixed; height:100%; width:100%; z-index:100; background:rgba(0,0,0,0.6); left:0; top:0; display:none;}
header .hd_bot nav > .m_gnb { position: fixed; height:100%; background:#ececec; width:60%; right:-70%; top:0; text-align:right; z-index:101}
header .hd_bot nav > .m_gnb > li {  border-bottom:1px solid #d3d3d3;}
header .hd_bot nav > .m_gnb > li > a.active { background:#fff;}
header .hd_bot nav > .m_gnb > li > a { font-size:18px; font-weight:600; font-weight:600; color:#333; padding: 7% 13%;}
header .hd_bot nav > .m_gnb > li > .sub-menu {  display:none;}
header .hd_bot nav > .m_gnb > li > .sub-menu li {}
header .hd_bot nav > .m_gnb > li > .sub-menu li a { color: #333; font-size: 12px; padding:3% 9%;}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; }
header .hd_bot nav > .menu-toggle {  display:none;   background: none; border: 0; padding: 3% 0; float: right; font-size:35px;}






/*submenu*/
header  .sub-menubg { position:absolute; background:rgba(0,0,0,0.6); width:100%; z-index:9998; height:0; top:110px;}
header .hd_bot nav > .gnb > li .sub-menu { /*top:110%; */ display:none; position:relative; z-index:9999;  padding-top:10px;}
header .hd_bot nav > .gnb > li .sub-menu li {}
header .hd_bot nav > .gnb > li .sub-menu li a { color:#e2dede; font-size:11px; line-height:28px;}
header .hd_bot nav > .gnb > li .sub-menu li a:hover { text-decoration:underline;}


/*메인 content_wrap */
#content_wrap { margin:3% 0;}
#content_wrap h3.title { font-size:22px; color:#406ab3; font-weight:600;  }
#content_wrap p.m-txt { font-size:16px; color:#888; margin:10px 0 0 0; }


/*서브페이지 */
#sub_wrap { padding:111px 0 0 0; }
#sub_wrap .sub_visu { max-width:1920px; margin:0 auto; background:url("/design/default/img/sub/company_visual.jpg") no-repeat center;     background-size: cover; height:238px; position:relative;}
#sub_wrap .sub_visu .navi_wrap { max-width:1100px; margin:0 auto; text-align:center; padding:67px 0;}
#sub_wrap .sub_visu .navi_wrap .bg { position:absolute; top:0; left:0; background:rgba(0,0,0,0.6); width:100%; height:100%; z-index:0;}
#sub_wrap .sub_visu .navi_wrap dl dt { font-size: 35px; line-height: 40px; margin-bottom: 20px; font-weight: 500; color: #fff; padding-bottom: 24px; position: relative;}
#sub_wrap .sub_visu .navi_wrap dl dt:after{content: ""; display: block; width: 24px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -12px; }
#sub_wrap .sub_visu .navi_wrap dl dd { color:#fff; font-size:20px; position:relative; z-index:10;}

#sub_wrap .subcon_wrap { max-width:1100px; margin:0 auto ; padding:0 0 3% 0; }
#sub_wrap .performance { padding:0 0 0 0; }
#sub_wrap .subcon_wrap article .top { text-align:center; padding:50px 0 46px;}
#sub_wrap .subcon_wrap article .top .title { font-size:34px; color:#333; margin:0 0 16px 0;}
#sub_wrap .subcon_wrap article .top .title a { color:#333; }
#sub_wrap .subcon_wrap article .top .sub_title { font-size:20px; color:#888;}

/*서브페이지 big-title*/
#sub_wrap .subcon_wrap article .big-title {     font-weight: 600; font-size: 22px; color: #406ab3; margin:0 0 5px 0;} 





/*푸터 footer */
footer  { padding: 26px 0; border-top:1px solid #888; }
footer .site-info {}
footer .site-info .footer-logo { float:left; width:20%; margin-right:5%; text-align:right;}
footer .site-info .footer_txt { float:left; width:75%; font-size:12px;}
footer .site-info .footer_txt h5 a { color:#e75b47; font-weight:800;}
footer .site-info .footer_txt p { font-size:11px;}


/*border*/
.pagination { max-width:1100px; margin:0 auto; text-align:center;}
.pagination:after { content:""; clear:both; display:block; }
.pagination ul {}
.pagination ul li { display: inline-block; margin: 0 5px;}
.pagination ul li a.page_next { border:1px solid #ddd; padding:2px 10px;}
.pagination ul li a.page_prev { border:1px solid #ddd; padding:2px 10px;}
.pagination ul li a.page_first { border:1px solid #ddd; padding:2px 10px;}
.pagination ul li a.page_last { border:1px solid #ddd; padding:2px 10px;}
.pagination ul li a { font-size: 15px; color: #333;}
.btn { max-width:1100px; margin:2% auto; text-align:right; }