@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(css/kopubdotum.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,500,500i,700,700i');


*{margin:0; padding:0; box-sizing:border-box; letter-spacing:-0.05em;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif;color:#303030;}
div {display:block;}
h1,h2,h3 {font-family: 'KoPub Dotum', sans-serif;line-height:130%}
h1 {font-size:40px;}
h2 {font-size:35px;}
h3 {font-size:26px;}
h4 {font-size:19px;line-height:170%}
p {font-size:16px;/*text-align:inherit*/}
.c_green {color:#96b53c !important}
.c_gray {color:#898989 !important}
.c_blue {color:#3c5895 !important}
.pd0 {padding-left:0 !important;padding-right:0 !important;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.mt100 {margin-top:100px;}
.mt130 {margin-top:130px;}
.mt140 {margin-top:140px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}
.mb100 {margin-bottom:100px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}

.inner {width:1100px;margin:0 auto;}
.center {text-align:center !important}


/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto;}
#header {width:100%; min-width:1200px;height:180px;position:relative;}
#header .logo {position:absolute;top:36px;left:50%;margin-left:-157px;}
#header .tel {position:absolute;top:48px;left:50%;margin-left:320px;background:url(images/tel.png) center no-repeat;width:198px;height:42px;}



/* 메뉴 */
#header #gnb {position:absolute;width:100%; min-width:1200px;height:52px;border-top:1px #e0e0e0 solid;top:128px;}
#header #gnb > ul {position:relative;float:right;left:-50%}
#header #gnb > ul > li {white-space: nowrap;height:51px;line-height:51px;float:left;display:inline-block;letter-spacing:0.5px;padding:0 50px;position:relative;left:50%;background:url(images/gnb_part.gif) left center no-repeat;}
#header #gnb > ul > li p {font-size:19px;}
#header #gnb > ul > li.first {background:none}
#header #gnb .subnav { margin:auto;
 background:rgba(0,0,0,0.7); 
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:center;
  font-size:13px;
  color:#fff;  
  top:51px;
  margin-left:-50px;
 }
#header #gnb .subnav#snb1 {width:168px;}
#header #gnb .subnav#snb2 {width:167px;}
#header #gnb .subnav#snb3 {width:219px;}
#header #gnb .subnav#snb4 {width:235px;}
#header #gnb .subnav#snb5 {width:184px;}
#header #gnb .subnav#snb6 {width:168px;}
#header #gnb dl {padding:20px 10px 10px;text-align:center;line-height:100%;}
#header #gnb dd {border-top:1px rgba(255,255,255,0.5) dotted;}
#header #gnb dd:first-child {border-top:0;}
#header #gnb .subnav a {display:block;padding:8px;}
#header #gnb .subnav a:hover {background:#303030;}


/* 메인 컨테이너 */
#main {width:100%; min-width:1200px;margin:auto;position:relative;}
#main .flexslider .main_sl1 {background:url(images/sl_1.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl2 {background:url(images/sl_2.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl3 {background:url(images/sl_3.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl4 {background:url(images/sl_4.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl5 {background:url(images/sl_5.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl6 {background:url(images/sl_6.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl7 {background:url(images/sl_7.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl8 {background:url(images/sl_8.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl9 {background:url(images/sl_9.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl10 {background:url(images/sl_10.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl11 {background:url(images/sl_11.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl12 {background:url(images/sl_12.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl13 {background:url(images/sl_13.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl14 {background:url(images/sl_14.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl15 {background:url(images/sl_15.jpg?v=20250912) center / cover;}
#main .flexslider .main_sl16 {background:url(images/sl_16.jpg?v=20250912) center / cover;}
#main .flexslider li div {height:769px;}
#main .flexslider li div h1 {padding-top:310px;font-size:110px;text-align:center;text-transform:uppercase;font-weight:100;color:#fff;font-family:"Roboto", san-serif;}
#main .flexslider li div h1 b {font-weight:700;}

.main_icon {width:100%; min-width:1200px; display:inline-block;position:relative;margin:30px 0}
.main_icon ul {float:right;position:relative;left:-50%;}
.main_icon ul li {float:left;position:relative;left:50%;border-left:1px #e0e0e0 solid;height:80px;padding:0 38px;text-align:left}
.main_icon ul li.first {border-left:0;}
.main_icon ul li img {float:left;padding-right:15px}
.main_icon ul li .txt {float:left;}
.main_icon ul li p {margin-top:12px;}
.main_icon ul li h3 {font-size:27px;margin-top:7px;}

.main_content {width:100%; min-width:1200px;background:url(images/main_contentbg.jpg) top center;padding:50px 0 20px;color:#fff;line-height:0;}
.main_content .inner {width:1200px;}
.main_content ul {float:right;position:relative;left:-50%;}
.main_content ul > li {float:left;position:relative;left:50%;padding:0 43px; margin-bottom:35px;text-align:center}
.main_content ul > li p {font-size:14px;line-height:170%}
.main_content ul > li h3 {margin-top:25px;margin-bottom:10px;line-height:100%}
.main_content ul > li .img {width:308px;height:308px;border-radius:308px}
.main_content ul > li .more {width:308px;height:308px;background:url(images/main_content_more.png) center no-repeat;display:block;text-indent:-33333px;}



#footer {width:100%; min-width:1200px;margin:auto;display:inline-block;position:relative;border-top:4px #303030 solid;text-align:center}
#footer p {margin:40px auto;display:inline-block;text-align:center;font-size:12px;color:#505050;line-height:170%; }
#footer p img {padding-bottom:20px;}
#footer p span {margin:0 7px;}



/* 서브 */
#sub {width:100%; min-width:1200px;margin:auto;position:relative;display:inline-block}
#sub .sub_top {width:100%; min-width:1200px;height:248px;color:#fff;padding-top:30px}
#sub .sub_top.top1 {background:url(images/sub1_top.png) top center no-repeat;}
#sub .sub_top.top2 {background:url(images/sub2_top.png) top center no-repeat;}
#sub .sub_top.top3 {background:url(images/sub3_top.png) top center no-repeat;}
#sub .sub_top.top4 {background:url(images/sub4_top.png) top center no-repeat;}
#sub .sub_top.top5 {background:url(images/sub5_top.png) top center no-repeat;}
#sub .sub_top.top6 {background:url(images/sub6_top.png) top center no-repeat;}
#sub .sub_top h1 {background:url(images/sub_top_title.gif) top center no-repeat; padding-top:45px;}
#sub .sub_top h4 {font-weight:100;font-family:"Roboto", san-serif;font-size:20px;margin-top:5px}

#sub .snb {width:1200px;font-size:18px;color:#505050;margin:auto;height:58px;line-height:58px;margin-top:-58px;background:#fff;}
#sub .snb li {text-align:center;float:left;}
#sub .snb li a {display:block;}
#sub .snb li a.on,#sub .snb li a:hover {font-weight:bold;border-top:4px #96b53c solid;height:54px;line-height:54px;}
#sub .snb .p10 li {width:10%}
#sub .snb .p8 li {width:12.5%}
#sub .snb .p6 li {width:16.66%}
#sub .snb .p5 li {width:20%}
#sub .snb .p4 li {width:25%}
#sub .snb .p3 li {width:33.33%}
#sub .snb .p2 li {width:50%}


#sub #content {width:100%; min-width:1200px; display:inline-block;margin:60px 0}
#sub #content .paragraph {width:100%;display:inline-block;padding-bottom:70px;}
#sub #content .paragraph h2,#sub #content .paragraph h3,#sub #content .paragraph h4 {font-weight:normal}
#sub #content .paragraph h2.bar {background:url(images/h2_bar.gif) bottom left no-repeat; padding-bottom:25px}
#sub #content .paragraph h2.box {border-top:6px #96b53c solid;border-bottom:6px #96b53c solid;width:100%;display:inline-block;text-align:center;padding:35px 50px;background:url(images/box_bg.png) right bottom no-repeat;}
#sub #content .paragraph h3.bullet {background:url(images/h3_bullet.png) left top no-repeat;padding-left:20px;font-weight:bold;color:#3c5895;line-height:100%;margin-bottom:10px}
#sub #content .paragraph .left {width:370px;float:left;text-align:left;}
#sub #content .paragraph .right {width:680px;float:right;}
#sub #content .paragraph p {font-size:15px;line-height:180%;}
#sub #content .paragraph .row {width:100%;display:inline-block}
#sub #content .paragraph span.btn {background:url(images/btn.gif) right center no-repeat #96b53c; color:#fff; padding:20px 40px 20px 30px;display:inline-block;}

#sub #content .paragraph .part div {float:left;padding:0 5px;}
#sub #content .paragraph .part.p3 div {width:30.33%;margin:0 1.5%}

#sub #content .paragraph .bignumber span {color:#96b53c;font-weight:300;font-size:80px;background:url(images/bignumber.png) right top no-repeat;width:100px;display:block;line-height:60px;font-family:"Roboto", san-serif;margin-bottom:25px}

#sub #content .paragraph .table {border-top:3px #3c5895 solid;}
#sub #content .paragraph .table th,#sub #content .paragraph .table td {padding:8px 15px ;border-bottom:1px #e0e0e0 solid;border-left:1px #e0e0e0 solid;}
#sub #content .paragraph .table .td_first {border-left:0}
#sub #content .paragraph .table th {background:#f0f0f0;color:#3c5895;line-height:180%}
#sub #content .paragraph .table th.cjh {border-left:3px #96b53c solid;border-right:3px #96b53c solid}
#sub #content .paragraph .table td.cjhleft {border-left:3px #96b53c solid;}
#sub #content .paragraph .table td.cjhright {border-right:3px #96b53c solid;}
#sub #content .paragraph .table td.cjhbottom {border-bottom:3px #96b53c solid;}
#sub #content .paragraph .table p span {color:#96b53c;cursor:pointer}

#sub #content .paragraph .patent_box {width:100%;min-height:200px;background:url(images/patent_box.png) top center no-repeat;display:inline-block;text-align:center}
#sub #content .paragraph .patent_box .line1 {padding-top:85px;}
#sub #content .paragraph .patent_box .line2 {padding-top:60px;}
#sub #content .paragraph .patent_box .line3 {padding-top:50px;}
#sub #content .paragraph .patent_box .line4 {padding-top:25px;}

#sub #content .paragraph ul.circle_number {width:100%;display:inline-block}
#sub #content .paragraph ul.circle_number li {width:100%;display:inline-block;margin-bottom:13px}
#sub #content .paragraph ul.circle_number li span {background:#96b53c;width:40px;height:40px;line-height:40px;border-radius:40px;color:#fff;display:block;text-align:center;font-size:26px;font-family:"Roboto", san-serif;float:left;font-weight:100;margin-right:7px}
#sub #content .paragraph ul.circle_number li h4 {margin-left:20px;}


#sub #content .board_box {width:100%;font-size:14px !important;min-height:500px}



/* 서브페이지 탭 */
#sub #content ul.tabs {	width:100%; height:48px; line-height:46px; display:inline-block}
#sub #content ul.tabs li { float:left; text-align:center; font-size:16px; letter-spacing:-1px;	margin-right:5px}
#sub #content ul.tabs li a {display:block; padding:0 25px; background:#f5f5f5; border:1px #e0e0e0 solid; }
#sub #content ul.tabs li.active a,#sub #content ul.tabs li.active a:hover {background:#3c5895 !important; color:#fff; font-weight:bold; border:1px #3c5895 solid}
#sub #content ul.tabs li a:hover  {background:#808080 !important; color:#fff; font-weight:bold; border:1px #808080 solid}
#sub #content .tab_container {width:100%;display:inline-block; margin-top:50px}
#sub #content .tab_content {width:100%;display:inline-block; min-height:280px;}