@import url('https://fonts.googleapis.com/css?family=Noto+Sans'); /* NOTO SANS 웹폰트*/
@import url(https://fonts.googleapis.com/css?family=Roboto); /* ROBOTO 웹폰트*/

*{margin:0; padding:0; font-family:'Noto Sans', sans-serif;}
/*페이지 소스코드 초기화-여백0으로 세팅 및 효과없음 a는 포커스 때문에 뺏음*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0; outline:0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; font-family:'Noto Sans', sans-serif;}
ol, ul {list-style:none;}

a{text-decoration:none; color:#fff;}
a:hover, active{text-decoration:none; color:#fff;}

/* 헤더 디자인 */
#header_wrap{width:100%; height:120px; background:#fff;}

/* 헤더_gnb */
#header_wrap > #header_gnb_wrap{width:100%; height:32px; margin:0 auto; background:#007344;}
#header_wrap > #header_gnb_wrap > #gnb_menu{width:1200px; height:32px; margin:0 auto;}
#header_wrap > #header_gnb_wrap > #gnb_menu > ul{float:right; margin-top:5px;}
#header_wrap > #header_gnb_wrap > #gnb_menu > ul > li{float:left; padding-right:25px;}
#header_wrap > #header_gnb_wrap > #gnb_menu > ul > li.gnb_eng{padding-right:0px;}
#header_wrap > #header_gnb_wrap > #gnb_menu > ul > li > a{font-family:'Noto Sans', sans-serif; text-decoration:none; font-size:12px; font-weight:300; color:#fff;}
#header_wrap > #header_gnb_wrap > #gnb_menu > ul > li > a:hover{text-decoration:none; color:#f5ca20;}

/* 헤더_lnb */
#header_wrap > #header_lnd_wrap{width:100%; height:88px; margin:0 auto; background:#fff; border-bottom:3px solid #005e39;}
#header_wrap > #header_lnd_wrap > #lnd_menu{width:1200px; height:88px; margin:0 auto;}
#header_wrap > #header_lnd_wrap > #lnd_menu > #new_logo{width:212px; height:44px; float:left; padding-top:13px; box-sizing:border-box;}

#lnd_menu_ul{float:right; width:900px;}
.head_ul{overflow:hidden; float:right; text-align:center; margin-top:21px; margin-bottom:0px;}
.head_ul > li{float:left; height:62px; line-height:20px; padding:0 50px;}
.head_ul > li > a{font-family:'Noto Sans', sans-serif; color:#333; font-size:18px; font-weight:700; letter-spacing:-0.8px; text-decoration:none;}
.head_ul > li > a:hover{color:#007344;}
.head_ul > li > a span{font-family:'Noto Sans', sans-serif; color:#777; font-size:15px; font-weight:300; letter-spacing:-0.5px;}
.head_ul > li > a:hover span{color:#007344;}
.head_ul > li.lnd_eng{padding-right:30px;}

.head_ul ul{display:none; width:140px; top:117px; margin-left:-20px; overflow:hidden; position:absolute; z-index:50;}
.head_ul ul.snb_width{width:220px;}
.head_ul ul.snb_eng{margin-left:-50px;}
.head_ul ul > li{background:#007344; height:50px; line-height:50px; text-align:left; padding-left:20px; box-sizing:border-box;}
.head_ul ul > li > a{font-family:'Noto Sans', sans-serif; color:#ffffff; font-weight:300;}
.head_ul ul > li > a:hover{font-family:'Noto Sans', sans-serif; color:#f5ca20; text-decoration:none;}


/* 메인 콘텐츠 */
#main_contents_wrap{width:100%; height:1057px; background:#f5f5f5; padding-top:40px;}
#main_contents{width:1200px; margin:0 auto;}
#main_contents > #pro{float:left; width:536px; height:312px; background:#fff; border:1px solid #dedede;}
#main_contents > #system{float:left; width:664px; height:312px; background: url('../images/main_system_img.png') no-repeat; border-top:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
#main_contents > #new{float:left; width:664px; height:312px; background: url('../images/main_new_img.png') no-repeat; border-top:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
#main_contents > #but_DELTA{float:left; width:332px; height:312px; background: url('../images/but_delta_bg.png') no-repeat;}
#main_contents > #but_DELTA > ul{padding-left:42px; padding-top:100px;}
#main_contents > #but_DELTA > ul > li{color:#fff;}
#main_contents > #but_DELTA > ul > li:nth-of-type(2){font-family:'Noto Sans', sans-serif; padding-top:30px;}
#main_contents > #but_DELTA > ul > li:nth-of-type(3){padding-top:5px;}
#main_contents > #but_FPI{float:left; width:332px; height:312px; background: url('../images/but_fpi_bg.png') no-repeat;}
#main_contents > #but_FPI > ul{padding-left:42px; padding-top:100px;}
#main_contents > #but_FPI > ul > li{color:#fff;}
#main_contents > #but_FPI > ul > li:nth-of-type(2){font-family:'Noto Sans', sans-serif; padding-top:30px;}
#main_contents > #but_FPI > ul > li:nth-of-type(3){padding-top:5px;}
#main_contents > #notice{float:left; width:536px; height:255px; background:#fff; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
#main_contents > #ban_quto{float:left; width:332px; height:255px; background: url('../images/ban_quto_bg.png') no-repeat;}
#main_contents > #ban_quto > ul {margin-top:20px; padding-left:46px; font-family:'Noto Sans', sans-serif;}
#main_contents > #ban_quto > ul > li{color:#777;= font-size:13px; font-weight:400; line-height:20px;}
#main_contents > #ban_cont{float:left; width:332px; height:255px; background: url('../images/ban_cont_bg.png') no-repeat;}
#main_contents > #ban_cont > ul {margin-top:20px; padding-left:46px; font-family:'Noto Sans', sans-serif;}
#main_contents > #ban_cont > ul > li{color:#555; font-size:13px; font-weight:400; line-height:20px;}
#main_contents > #ban_cont > ul > li:nth-of-type(1) span{color:#007344; font-weight:500; padding-left:10px;}
#main_contents > #ban_cont > ul > li:nth-of-type(2) span{color:#777; padding-left:36px;}
#main_contents > #ban_cont > ul > li:nth-of-type(3) span{color:#777; padding-left:17px;}
.board_title{float:left; color:#333; font-size:25px; font-family:'Noto Sans', sans-serif; padding-top:54px; padding-left:46px; font-weight:700; letter-spacing:-0.8px;}
.more{float:left; position:relative; top:61px; left:280px; z-index:30;}
.ban_title{color:#333; font-size:25px; font-family:'Noto Sans', sans-serif; padding-top:54px; padding-left:46px; font-weight:700; letter-spacing:-0.8px;}
.ban_link{background: url('../images/ban_dot.png') no-repeat; background-size:contain; padding-left:25px; margin-top:10px;}
.ban_link a{color:#777; text-decoration:none;}
.ban_link a:hover{color:#007344; text-decoration:none;}
.more_bnt{width:242px; height:43px; border:2px solid #dedede; text-align:center; margin:210px 0 0 364px; box-sizing:border-box;}
.more_bnt > div{padding:9px 0;}
.more_bnt > div a{color:#007344; font-size:15px;}

/* 메인 비주얼(슬라이드) */
#main_visual{width:1200px; height:400px; margin:0 auto;}
#slide {width:1200px; margin:0 auto; text-align:center}
.sliderbutton_wrap{width:1200px;margin:0 auto; position:relative}
.sliderbutton1 {float:left; width:64px; position:absolute; top:140px; left:458px; z-index:30}
.sliderbutton1 img {cursor:pointer}
.sliderbutton2 {float:left; width:64px; position:absolute; top:140px; left:489px; z-index:30}
.sliderbutton2 img {cursor:pointer}

#slideshow {float:left; width:1200px; height:400px;}
#slides {position:relative; width:1200px; height:400px; list-style:none; overflow:auto}
#slides li {width:1200px; height:400px}

.pagination {float:left; list-style:none; position:absolute; display:none;}
.pagination li {float:left; cursor:Default; color:#f5f5f5;}
.pagination li:hover {color:#f5f5f5;}


/* 메인 최실글_notice */
@charset "utf-8";
/* SIR 지운아빠 */
/* 새글 스킨 (latest) */
.Nb_slt {position:relative;float:left;width:534px;height:auto; padding:0 48px; padding-top:30px;}
/* 타이틀 */
.grz_lt{width:auto;background:#fff;font-size:14px;font-family:'noto sans kr'}
.grz_lt .grz_tit{background:#fafafa;padding:7px;width:auto;display:block;}
.grz_lt ul{padding:0;list-style:none}
.grz_lt li{}
.grz_lt li a{color:#333}
.grz_lt li:first-child{border-top:0}
.grz_lt li .cnt_cmt{font-family:Tahoma;font-size:10px;color:#EE5A00}
.grz_lt li{*display:inline-block;_float:left;_width /**/:100%;padding-right:45px}
.grz_lt li:after{display:block;clear:both;content:''}
.grz_lt li a{float:left;width:100%;margin-right:-45px}
.grz_lt li a:hover{color:#bd383b}
.grz_lt li a.fbold{font-weight:bold}
.grz_lt li .date{float:right;position:relative;left:45px;font-family:'Noto Sans', sans-serif;font-weight:300;width:auto;font-size:14px;color:#666}
/* 더보기 */
.Nb_slt .Nb_slt_more {float:right; margin-top:-60px;}
/* 목록 */
.Nb_slt .Nb_slt_content  {clear:both;padding:10px;margin:0px;}
.Nb_slt .Nb_slt_content td{line-height:200%}
.Nb_slt .Nb_slt_content  a{font-family:'Noto Sans', sans-serif;font-size:15px;color:#666666;text-decoration:none}
.Nb_slt .Nb_slt_content  a:hover{color:#007344;}
.Nb_slt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
.Nb_slt .Nb_slt_content .Nb_slt_datetime {color:#4175a9;}


/* 풋터 부분*/ 
#footer_wrap{width:100%; height:132px; background:#333; margin:0 auto;}
#footer_wrap > ul{width:1200px; margin:0 auto; line-height:23px; font-size:13px; font-weight:300; color:#999; text-align:left;}
#footer_wrap > ul > li{float:left; margin-top:25px;}
#footer_wrap > ul > li:nth-of-type(2){font-family:'Noto Sans', sans-serif; padding-left:40px; padding-top:5px; letter-spacing:0.5px;}
#footer_wrap > ul > li:nth-of-type(2) span{font-family:'Noto Sans', sans-serif; font-size:12px; letter-spacing:0.5px;}
/* 풋터 부분_리스트박스*/ 
#footer_wrap > .footer_list{width:1200px; margin:0 auto;}
#footer_wrap > .footer_list > select{float:right; margin-top:25px; width:180px; height:25px; background:#484848; color:#ccc; font-size:12px; font-weight:300; border:none;}

/* 서브 탑 배너 부분*/
.sub_top_banner_wrap{width:100%; height:140px; background:#c9c8c8; }
.sub_top_banner_wrap > .sub_top_banner{ width:1200px; height:140px; margin:0 auto; }
/*.sub_top_banner_wrap > .sub_top_banner > img{margin-top:-10px;}*/

/* 서브 메뉴 - 왼쪽 */
.sub_menu{width:195px; overflow:hidden; position:absolute; padding:0; margin-right:55px;}
.sub_menu > li:nth-of-type(n+2){width:210px; height:50px; border-bottom:1px solid #009966; text-align:left; line-height:50px;}
.sub_menu > li:last-of-type{border-bottom:2px solid #009966;}
.sub_menu > li > a{color:#000000; font-size:15px;color:#333333; width:210px; height:50px; padding-left:20px; box-sizing:border-box; display:inline-block; text-decoration:none;}
.sub_menu > li:nth-of-type(n+2):hover{background:#C9C8C8;}
.sub_menu > li:nth-of-type(n+2):hover > a{color:#007344;}
.sub_menu > li:nth-of-type(n+2).on > a{font-weight:800;}

/* 서브컨텐츠 */
div.sub_wrap{width:1200px;overflow:hidden;margin:0 auto;}

.cd-section {width:950px; float:right; overflow:hidden;min-height:720px;}

.top_title{width:100%; height:55px; margin:46px 0; font-family:'Noto Sans', sans-serif;}
.top_title > div{float:left;}
.top_title > #sub_title{font-size:40px; color:#007344; font-weight:900; margin-right:20px;}
.top_title > #sub_s_title{color:#817d7d; font-size:16px; font-weight:600; margin-top:25px;}
.content_con{width:100%; overflow:hidden; margin-bottom:60px;}

/* 0101 */

#company_left, #company_right{float:left; font-size:12pt; text-align:left;}
#company_left{width:570px;height:auto; margin-right:30px;}
#company_left > img{width:100%;}

#company_right{width:350px; margin-top:10px;}
.company_title{width:100%; height:68px; margin-bottom:5px; font-size:24px; font-weight:700; line-height:24pt; color:#333333; margin-bottom:65px;}
#company_right > .company_text{font-size:15px; line-height:24px; font-weight:400; color:#666666;}


/* 02 - product */
#product_banner{width:100%; overflow:hidden; margin-bottom:50px;}
#product_banner_img{width:100%; overflow:hidden; margin-bottom:50px;}
#product_banner_con{font-size:15px; line-height:24px; color:#666666;}
#product_banner_con > #product_iba{font-size:22px; color:#333333;}
.title_link{font-size:20px;font-weight:600;color:#007344;float:left}
.h_link{width:225px;background:#007344;float:right;text-align:center;padding:10px 0;color:#fff;font-weight:600;font-size:20px}
.h_link:hover{color:#fff}
.delta_link{width:225px;height:280px;background-color:#ededed;margin:0 16px 15px 0;text-align:center;padding-top:12px;float:left}
.delta_link img{padding:16px 0}
.delta_link_end{width:225px;height:280px;background-color:#ededed;margin:0 0 15px 0;text-align:center;padding-top:12px;float:left}
.delta_link_end img{padding:16px 0}
.delta_link_bar{border:1px solid #aaa;width:77%;margin:0 auto}
.delta_link_txt{font-size:19px;color:#666;line-height:19px;padding-top:20px}

/*Contact us*/
.content_con > ul#contact_btn{width:100%; overflow:hidden;  border:0;}
.content_con > #contact_btn > li{width:316px; text-align:center; height:50px; line-height:50px; border:1px solid #339966; float:left;}
.content_con > #contact_btn > li.li_on{background:#007344; color:#ffffff;}


.content_con >.box_2{display:none;width:960px; float:left;}
.content_con >#ad_1{display:block;}
.content_con >.box_2 ul.contact{float:left;overflow:hidden; padding:0; margin:0; padding-top:50px; font-family:'Noto Sans','Roboto','nanumgothic';}
.content_con  ul.contact{width:230px;}
/*.content_con > #ad_1 ul.contact{width:230px;}
.content_con > #ad_2 ul.contact{width:290px;}
.content_con > #ad_3 ul.contact{width:290px;}*/

.content_con >.box_2 ul.contact li{font-size:11pt; font-weight:600;font-family:'Roboto';padding-top:5px; text-align:center;}
.content_con >.box_2 ul.contact li:nth-of-type(1){height:152px;}
.content_con >.box_2 ul.contact li:nth-of-type(2){font-size:11pt;font-weight:600;font-family:'Roboto'; margin:10px 0; }
.content_con >.box_2 ul.contact li:nth-of-type(3){font-size:11pt; font-weight:300; color:#333333;}


/* Location */
#location{width:100%; overflow:hidden; margin-top:50px; margin-bottom:-40px;}
#location > li{width:100%; overflow:hidden; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #1E851A;}
#location > li > div{ float:left; width:340px; margin-right:10px; }
#location > li > div > ul{padding:0; color:#000000; }
#location > li > div > ul > li {font-size:14px; font-weight:300;margin-top:10px; padding-left:20px;}
#location > li > div > ul > li:nth-of-type(1){ font-size:22px; font-weight:600; border-left:5px solid #007344; margin-bottom:20px;}
#location > li > div > ul > li > span {font-weight:600;}

/*site map */
#sitemap{width:1200px; min-height:500px; height:694px; overflow:hidden; margin:0 auto;}
#sitemap > div{width:200px; overflow:hidden; margin-top:85px; margin-right:47px; float:left;}
#sitemap > div:last-of-type{margin-right:0;}

#sitemap > div li{width:200px; height:50px; padding-left:10px; box-sizing:border-box; font-family:'roboto';}
#sitemap > div li > a{display:inline-block; width:200px; height:50px; line-height:50px; font-size:16px; color:#333333; font-weight:bold; text-decoration:none;font-family:'Noto Sans','Roboto','nanumgothic';}
#sitemap > div li#sitemap_title{height:40px; padding:0 0 5px 10px; margin-bottom:10px; box-sizing:content-box; border-bottom:1px solid #1e851a; color:#1e851a; font-size:24px; font-weight:bold;}


/* 메인 최신글_iba pro */
/* aSlider css style */
a,
button {
	cursor: pointer;
	outline: none;
}
/*
	---------------------------------------------------
	CONTAINER
	---------------------------------------------------
*/

.aslider {position:relative; width:100%; overflow:hidden; max-width:440px; margin:0 auto; height:190px; top:-20px;}

/*
	---------------------------------------------------
	SINGLE SLIDE
	---------------------------------------------------
*/

.slide {position:absolute; padding-top:55px; height:100%; width:100%; margin:10px 0; overflow:hidden; background-position:center center; background-repeat: no-repeat; background-size:100% auto; color:#fff;}

.slide img {float:left; position:relative; display:block; opacity:1; width:auto; height:auto;}

@media all (){
	.slide img{width:85px;  }
}
.slide a {text-align:left; font-size:22px; font-weight:600; margin:5px 0; position:relative; color:#333; text-decoration:none;}
.slide a:hover, active{text-decoration:none; color:#027345}

.slide .caption {float:left; top:auto; text-align:left; position:absolute; left:200px; width:235px; overflow:hidden;}

.caption h2 {text-align:left; font-size:22px; font-weight:600; margin:5px 0; position:relative; color:#333;}
.caption p {font-size:14px; font-weight:400; opacity: 1; padding-bottom: 0;margin-bottom: 0; color:#666;}

/*
	---------------------------------------------------
	NAVIGATION
	---------------------------------------------------
*/

.aslider-nav {position: absolute;top:0px; color: #fff;font-size: 40px;display: block; width:15px; height:15px;}
.aslider-nav:hover {color: #fff;s}

.aslider-prev {width:15px; height:16px; right:20px; background:url('../images/main_pro_left.png') no-repeat ; border:1px solid #ccc;}
.aslider-prev .fa {margin-left:15px;}
.aslider-next {width:15px; height:16px; right:0; text-align:right; background:url('../images/main_pro_right.png') no-repeat ; border:1px solid #ccc;}
.aslider-next .fa {margin-right:15px;}

.slide-preview {position: absolute;top: 0;z-index: 9;width: 100%;}
.preview-prev {right: 100%;}
.preview-next {left: 100%;}

/*
	---------------------------------------------------
	DOTS
	---------------------------------------------------
*/

.dots {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content:center;margin-top: 10px;}

.dot {position:relative;width: 10px;height: 10px;margin: 1px 5px;cursor: pointer;background-color: rgba(0, 0, 0, 0);border-radius: 10px;}

.dot:before {content: '';position:absolute;left:0;top:0;width: 10px;height: 10px;border: 1px solid #C2C2C2;border-radius: 10px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-webkit-transform: translate3d(-1px,-1px,0);transform: translate3d(-1px,-1px,0);}
.dot:hover:before {border: 2px solid #fff;-webkit-transform: translate3d(-2px,-2px,0);transform: translate3d(-2px,-2px,0);}

.dot.active { background:#fff; }
.dot.active:hover:before, .dot.active:before {border: 2px solid #fff;-webkit-transform: translate3d(-2px,-2px,0);transform: translate3d(-2px,-2px,0);box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);}