@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://fonts.googleapis.com/css?family=Material+Icons);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.01em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif; color:#404040;}
div {display:block;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:700}
.inner {width:1200px;margin:auto;clear:both}
.c_main {color:#950004 !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}
.font20 {font-size: 20px;}

h1 {font-size:50px;}
h2 {font-size:40px}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
span {color:inherit}

.left {float:left;}
.right {float:right}
.center {text-align:center !important}
.half {width:50% !important}


hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px auto;}


/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mtm30 {margin-top:-30px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}


.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



/* 컬럼 설정 */
.col5 {width:20%;}
.col4 {width:25%;}
.col3 {width:33.33%;}




/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto; position:relative; }
#header {width:100%; min-width:1200px; height:113px; position:relative; border-top:7px #950004 solid; box-shadow:0 10px 10px rgba(0,0,0,0.2); z-index:10 }
#header .inner {}
#header .logo {margin-top:25px;float:left;}

#header #gnb {line-height:50px;margin-top:28px;float:right;position:relative;}
#header #gnb > ul {}
#header #gnb > ul > li {float:left;width:160px;background:#f5f5f5;overflow:hidden}
#header #gnb > ul > li > p {line-height:inherit;font-size:20px;text-align:center}
#header #gnb > ul > li a {display:block;back}
#header #gnb > ul > li > p a.on,#header #gnb > ul > li > p a:hover {background:#950004;font-weight:bold; color:#fff}
#header #gnb .subnav { margin:auto;
background:url(images/gnb_hover.png) center top no-repeat;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:left;
  top:50px;
  left:0;
  font-size:15px;
  width:200px;
  padding-top:15px
 }
#header #gnb .subnav dl {padding:0 20px 0;background: #950004}
#header #gnb .subnav dd {line-height:40px;color:#fff;}
#header #gnb .subnav a:hover {font-size:larger;color:#f7c993}
#header #gnb .subnav a {display:block; -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#header #gnb .hn2 .subnav {left:160px}


/* 공통 하단 */
#footer {width:100%; min-width:1200px;margin:auto;position:relative;background:#303030;float:left;padding:25px 0;}
#footer .inner {position:relative;}
#footer .inner > * {float:left}
#footer .txt {font-size:15px;opacity:0.7;line-height:1.5;color:#fff}
#footer .txt span {letter-spacing:-0.5px;display:inline-block;margin-right:10px;}




/* 메인 */
#main {width:100%; min-width:1200px; float:left; position:relative;}
#main .flexslider {text-align:center;height:616px;}
#main .main_sl1 {width:100%;height:616px;background:url(images/main_sl1.jpg) center top no-repeat;}
#main .main_sl2 {width:100%;height:616px;background:url(images/main_sl2.jpg) center top no-repeat;}
#main .main_sl3 {width:100%;height:616px;background:url(images/main_sl3.jpg) center top no-repeat;}
#main .main_sl4 {width:100%;height:616px;background:url(images/main_sl4.jpg) center top no-repeat;}
#main .main_sl5 {width:100%;height:616px;background:url(images/main_sl5.jpg) center top no-repeat;}
#main .flexslider .inner {padding-top:190px;color:#fff;}
#main .flexslider .inner h1 {font-size:80px;}


#main #icon {position:relative;width:1200px;height:300px;margin:-80px auto 0;z-index:1}
#main #icon ul {width:100%;height:150px;}

#main #icon li {float:left;height:150px;background-image:url(images/main_icon.png);background-repeat:no-repeat;background-color:#fff; -webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#main #icon ul.top li {width: 171px;}
#main #icon ul.bottom li { width: 171px;}
#main #icon li:hover {background-image:url(images/main_icon_hover.png);background-color:#950004}
#main #icon li.icon1 {background-position:0 0}
#main #icon li.icon2 {background-position:-171px 0;}
#main #icon li.icon3 {background-position:-343px 0; width: 173px !important;}
#main #icon li.icon4 {background-position:-857px 0}
#main #icon li.icon5 {background-position:-1028px 0}
#main #icon li.icon6 {background-position:-515px 0}
#main #icon li.icon7 {background-position:-686px 0;width: 172px;}
#main #icon li.icon8 {background-position:0 -150px}
#main #icon li.icon9 {background-position:-171px -150px}
#main #icon li.icon10 {background-position:-343px -150px}
#main #icon li.icon11 {background-position:-685px -150px}
#main #icon li.icon12 {background-position:-856px -150px}
#main #icon li.icon13 {background-position:-1026px -150px}
#main #icon li.icon14 {background-position:-514px -150px;}
#main #icon li a {display:block;height:150px;text-indent:-3333px;}


#main #content {position:relative;width:1200px;height:463px;margin: 50px auto 80px}
#main #content .left {width: 600px;}
#main #content .left > * {float:left}

#main #content a.works {width:300px;height:163px;background:url(images/main_works.png);display:block;text-indent:-3333px;}
#main #content a.qna {width:300px;height:163px;background:url(images/main_qna.png);display:block;text-indent:-3333px;}
#main #content .product {width:600px;height:300px;border-top:3px #333 solid;background:#f5f5f5;padding:35px}
#main #content .product .swiper-slide {text-align:center}
#main #content a.cs {width:600px;height:463px;background:url(images/main_cs.png);display:block;text-indent:-3333px;float: right;}


/* 서브 */
#sub {width:100%; min-width:1200px; display:inline-block;}
#sub .subtop {width:100%;height:222px;display:inline-block;background:url(images/subtop.jpg) top center no-repeat;color:#fff;text-align:center}
#sub .subtop p {letter-spacing:0.2em}
#sub .snb {width:1200px;text-align:center;background:#fff;height:100px;line-height:80px;margin:-40px auto 0;position:relative;z-index:1}
#sub .snb ul {}
#sub .snb ul li {float:left;font-size:17px; }
#sub .snb ul li a {display:block;height:80px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub .snb ul li a:hover {background:#e0e0e0;}
#sub .snb ul li a.on,#sub .snb ul li a.on:hover {background:#950004;color:#fff}
#sub .snb ul.p9 li {width: 171px; border: 0.1px solid #F2F2F2;}
/* #sub .snb ul.p9 .sn6,
#sub .snb ul.p9 .sn7,
#sub .snb ul.p9 .sn8,
#sub .snb ul.p9 .sn9,
#sub .snb ul.p9 .sn12,
#sub .snb ul.p9 .sn13 {width: 200px;} */
#sub .snb ul.p1 li {width:100%}



#sub #content {width:1200px; margin:60px auto;min-height:300px}
#sub #content .paragraph {width:100%;display:inline-block; padding-bottom:60px; position:relative}
#sub #content .paragraph.last {padding-bottom:0}
#sub #content .paragraph .row {width:100%;display:inline-block;}
#sub #content .paragraph h3.subject {margin-bottom:10px;font-weight:700;color:#950004;}
#sub #content .paragraph h4.bullet {background:url(images/h4_bullet.gif) left center no-repeat; padding-left:25px;font-weight:700; margin-bottom:8px}

#sub #content .paragraph .infobox {border-top:4px #950004 solid; border-bottom:1px #d0d0d0 solid;padding:50px 0;}
#sub #content .paragraph .infobox > div {float:left;width:50%;display:inline-block;padding:0 50px;}
#sub #content .paragraph .infobox .bd {border-right:1px #e0e0e0 solid}

#sub #content .paragraph .gallerybox {border-bottom:1px #d0d0d0 solid;padding:50px;}



/* 테이블 */
#sub #content .paragraph table.basic {border-top:4px #950004 solid;border-bottom:1px #d0d0d0 solid}
#sub #content .paragraph table.basic th {border-bottom:1px #950004 solid;padding:8px 20px}
#sub #content .paragraph table.basic td {padding:10px 20px}
#sub #content .paragraph table.basic .bg_gray td {background-color:#f0f0f0}



/* 서브페이지 탭 */
#sub #content ul.tabs {width:1200px;margin:0 auto;height:60px;line-height:60px;position:relative;z-index:10;margin-top:100px;background:#808080;color:#fff}
#sub #content ul.tabs.p2 li {width:50%}
#sub #content ul.tabs.p3 li {width:33.33%}
#sub #content ul.tabs li { display:inline-block;	float:left; text-align:center; font-size:20px;   }
#sub #content ul.tabs li a {display:block;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub #content ul.tabs li:hover a {background:#707070;}
#sub #content ul.tabs li.active a {line-height:66px;background:#da5c81;}
#sub #content .tab_container {width:100%;display:inline-block; }
#sub #content .tab_content {padding: 0 0 0 0; width:100%;display:inline-block; min-height:280px;}


/* 게시판 */
#sub #content .board_box {width:100%;display:inline-block;font-size:15px;line-height:1.7;min-height:500px}
#sub #content .board_box .att_title font {font-size:15px !important}