@charset "utf-8";

/*
* author : Lee Jong Pil
* date : 2017.09 ~
* subject : madanggo 작업
*/

/** common **/
html,body{min-width:1200px}
#wrap{height:100%}
table{width:100%;table-layout:fixed}
.container{margin:-150px 0 -230px 0;padding:150px 0 230px 0;min-height:100%}
.center-align{width:1200px;margin:0 auto}
.ir_wa{position:relative;z-index:-1}
p.more{position:absolute;top:0;right:0}/*더보기*/
.whitespace{white-space:nowrap}
/** header **/
.header{position:relative}
.inner-header{height:150px}
.gnb-group{position:relative}
.gnb-group h1{position:absolute;top:30px;left:40px}
.gnb-group h1 a{margin-right:12px}
.gnb-group h1 a + span{display:inline-block;padding-top:2px;color:#333;text-align:left}
.gnb-group h1 span span{display:block;font-family:Nanum,"나눔고딕"}
.gnb-group h1 span span:first-child{font-size:13px}
.gnb-group h1 span span:first-child+span{letter-spacing:0.05em;font-size:12px}
.gnb-list{font-size:0;line-height:0;text-align:right}
.gnb-list li{display:inline-block;font-size:12px;line-height:1.5;background:#001452}
.gnb-list li:first-child{padding-left:11px}
.gnb-list li:first-child + li + li{padding-right:6px}
.gnb-list li a{display:block;padding:8px 16px;color:#fff}
.gnb-list li a:hover{color:#ccff66}
.tel-info{padding-top:10px;text-align:right;color:#666;font-size:18px;font-family:NsB}
.tel-info span:first-child{display:inline-block;vertical-align:middle;margin-top:-6px}
.tel-info span:first-child+span{display:inline-block;padding-left:10px;font-size:30px;font-family:'나눔고딕 bold', NanumBold}
/* 언어선택 주메뉴*/
.lnb-group{margin-top:11px;border-top:1px solid #e8e8e8;border-bottom:2px solid #001150}
.lnb-group>div{border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
/* 언어선택*/
.lange{padding:8px 0 7px 39px;width:269px;border-right:1px solid #e8e8e8;font-size:12px;font-family:Nanum,"나눔고딕"}
.lange button{width:32px;height:32px;vertical-align:middle;text-indent:-999em;background:url(/images/btn/all_btn.gif) no-repeat}
.lange a{display:inline-block;margin-left:28px;color:#666}
.lange a.on{color:#0066cc;font-family:'나눔고딕 bold', NanumBold}
.lange a {display:none} /* 2018-01-24 추가 */
/*주메뉴*/
.lnb-group>div.clearF>div{float:left}
.lnb {position:relative;font-family:Ns}
.lnb-list li{float:left}
.lnb-list > li a{padding-left:46px}
.lnb-list > li:first-child>a{padding-left:45px}
.lnb-list > li > a{display:block;height:100%;font-size:18px;color:#333;letter-spacing:-0.01em}
.lnb-list > li > a > span{display:block;position:relative;padding:10px 25px;height:100%}
.lnb-list > li > a:hover, .lnb-list > li.on > a{color:#0066cc}
.lnb-list >li.on > a> span:after ,
.lnb-list > li > a:hover > span:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:5px;background-color:#063d84;content:''}
.lnb-list li ul{position:absolute;display:none;top:47px;z-index:3;font-size:14px}
.lnb-list li ul a{display:block;padding:18px 15px 15px 15px;color:#666;background:url(./);}
.lnb-sub0{left:58px}
.lnb-sub1{left:218px}
.lnb-sub2{left:348px}
.lnb-sub3{left:494px}
.lnb-sub4{left:620px}
.lnb-sub5{left:370px}
.lnb-list li.on > ul{display:block}
.lnb-list>li>ul>li>a:hover{color:#0066cc}
.lnb-bg{display:block;position:absolute;top:0;left:0;margin-left:-200%;width:500%;top:49px;height:50px;z-index:1;opacity:0.8;filter:alpha(opacity=80);background-color:#fff}
/*사이트 맵 */
.site-m{display:block;position:absolute;top:150px;left:0;width:100%;z-index:33;opacity:0.9;filter:alpha(opacity=90);background-color:#fff}
.site-l{padding:28px 0 30px 298px;color:#666;font-size:14px;background:url(/images/site_bg.png) no-repeat 52px 22px}
.site-l li>ul{padding:14px 0 0 41px}
.site-l>li{float:left}
.site-l>li>a{display:block;position:relative;padding:0 34px 0 20px;color:#333;font-size:18px}
/*.site-l>li>a:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ccc;content:''}*/
.site-l>li>a>span{display:block;position:relative;height:100%;padding:0 21px 10px 21px}
.site-l>li>a>span:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ccc;content:''}
.site-l li>ul>li>a{display:block;padding:4px 0}

/** 메인 본문 **/
.main-content{position:relative;padding-bottom:72px}
.visual{position:relative;overflow:hidden;height:502px}
.visual p{position:absolute;top:0;left:50%;margin-left:-960px}
/* 롤링 */
.roll-b{padding:80px 0 18px 220px}
.roll-b li{padding:0 40px;float:left}
.roll-b a{color:#333;letter-spacing:0.005em;font-family:NsB;font-size:16px}
/*.roll-b li:first-child+li{padding:0 86px}*/
.roll-b li.on a{display:block;color:#ff6600;font-size:18px}
.roll-c{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.roll-c>div{position:relative}
.slider-list{height:227px}
.slider-list li{display:none;position:absolute;top:2px;left:0}
.slider-list li:first-child{display: block}
.slider-bullet{position:absolute;left:101px;bottom:17px}
.slider-bullet a{display:inline-block;margin-right:18px;width:9px;height:8px;text-indent:-999em}
.slider-bullet .pause{background:url(/images/play.png) no-repeat}
.slider-bullet .pause.on{background-position:-9px 0}
.slider-bullet .bullet{background: url(/images/bullet.png) no-repeat -9px 0}
.slider-bullet .bullet.on{background-position:0}
.roll-c .dot{position:absolute;top:-4px;left:0}
.roll-c .dot span{display:block;position:relative;left:328px;width:7px;height:7px;background:url(/images/rc.png) no-repeat}
/* 메인 갤러리 */
.nt-gall{padding-top:53px}
.ntga-c>div{float:left}
.gall{padding-left:40px;width:860px}
.mgall-list {font-family:Ns}
.mgall-list li{/*padding-right:82px;*/float:left;width:50%}
.mgall-list .fig{padding-bottom:4px;width:349px;border-bottom:1px solid #e8e8e8}
.mgall-list .fcap{padding:20px 0;color:#666;font-size:14px}
.mgall-list .fcap h1{color:#000;font-size:24px}
.mgall-list .fcap span{display:block;line-height:1.8}
.down-group {font-size:15px}
.down-group a{display:inline-block;color:#001150}
.down-group a:after{display:inline-block;margin-left:9px;width:22px;height:7px;vertical-align:middle;background:url(/images/arr2.png) no-repeat; content:""}
.down-group a:first-child{margin-right:75px;color:#ff6600}
.down-group a:first-child:after{background:url(/images/arr1.png) no-repeat}
/* 메인 공지사항 */
.mnt{width:300px;font-size:14px}
.ntice{position:relative}
.ntice h2{padding-left:8px;margin-bottom:20px;color:#333;font-family:NsB;font-size:24px}
.ntice p.more{top:11px;right:0}
.ntice p.more a{display:inline-block;width:51px;height:13px;text-indent:-9999em;background:url(/images/btn/more_btn.gif) no-repeat}
.nt-list{margin-bottom:28px}
.nt-list li{padding:5px 0}
.nt-list a{display:block;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nt-list a:before{display:inline-block;margin-right:4px;width:3px;height:3px;background:#ddd;vertical-align:middle;content:""}
.quick-list{padding-top:16px;font-size:18px;color:#333;border-top:1px solid #ddd;background:url(/images/q_bg.gif) no-repeat 5px 15px}
.quick-list li>a>span{display:block}
.quick-list a{display:block;margin-left:96px;padding-top:20px;color:#333}
.quick-list .mark{color:#ff6600}
.quick-list .item1 span:first-child+span{font-size:13px}
.quick-list .item2 span:first-child{font-size:16px;color:#333}
.quick-list .item2 .mark{font-size:22px}
/** 서브본문(contfents) **/
.contentsArea{padding-bottom:150px}
.title-wrap{padding:47px 0 18px 0;text-align:center}
.title-wrap h2{display:inline-block;position:relative; padding-bottom:8px;color:#3a3128;text-align:center;letter-spacing:0.005em;font-family:NsB;font-size:40px}
.title-wrap h2:after{display:block;position:absolute;margin:0 0 0 -18px;left:50%;bottom:0;width:36px;height:2px;background:#877166;content:''}
.inner-sub{padding-top:210px}
.sub-header{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#fff}
.loc{position:relative;height:40px;border-left:1px solid #dfdfdf;color:#666;font-size:13px}
.loc>span{display:inline-block;padding:14px 28px  14px 0;height:100%}
.loc>span:first-child{padding:0}
.loc>span>a{display:block;padding:14px 28px  14px 39px}
.loc>span>img{margin-top:5px}
.loc em{color:#000}
/* board */
.nboard{border-top:1px solid #001150}
.inner-nboard > div{float:left;height:50px}
.inner-nboard .notice{color:#333;line-height:50px}
.inner-nboard .notice *{display:inline-block;vertical-align:middle}
.inner-nboard .notice .conts-wrap{position:relative;padding-left:40px;width:900px}
.inner-nboard .notice .conts{width:100%;font-size:13.33px}
.inner-nboard .notice .conts a{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#001150}
.inner-nboard .notice .date{margin-left:23px;color:#888;font-size:12px}
.inner-nboard .notice .more{position:absolute;margin-top:-9px;top:50%;right:50px;width:17px;height:17px;text-indent: -9999em;background:url(/images/more_ico.png) no-repeat;}
.inner-nboard .fs{font-family:Nanum,"나눔고딕"}
/* 패밀리 사이트 */
.fs .family-site .sel-wrap{display:inline-block;vertical-align:middle;width:261px;overflow:hidden;}
.fs .family-site select{padding-left:54px;width:300px;height:50px;line-height:50px;color:#001150;font-size:14px;border:1px solid #001150;border-top:0 none;border-bottom:0 none;background:url(/images/d_arr.gif) no-repeat;background-position:190px;background-color:#fff;font-family:Nanum,"나눔고딕"}
/* 인사말 */
.sub-conts{padding:0 40px}
.sub-conts > p{margin-bottom:68px;color:#666;text-align:center;font-size:14px}
.sub-conts > p span{display:block}
.greet-w{padding:84px 0 0 52px;margin-bottom:58px;line-height:1.3;height:342px;font-family:Ns;background:url(/images/greet.jpg) no-repeat}
.greet-w .title{margin-bottom:18px;color:#333;font-size:30px}
.greet-w .title span{display:block}
.greet-w .eng{color:#006600;font-size:15px}
.greet-b{color:#666;font-size:14px;font-family:Ns}
.greet-b>div{padding:4px 5px 0 46px;float:left}
.greet-b>div:first-child{padding-right:36px;border-right:1px solid #dfdfdf}
.greet-b p{line-height:2}
.greet-b>div:first-child>p:first-child{margin-bottom:38px}
.greet-b>div:first-child+div>p:first-child, .greet-b>div:first-child+div>p:first-child+p{margin-bottom:48px}
.greet-b em, .greet-b strong{color:#000;font-size:18px}
.greet-b strong{margin-right:5px;font-size:24px}
.greet-b>div:first-child+div>p:first-child+p+p{line-height:1.5}
/* 연혁 */
/* 기본 테이블 style */
.boardwrap{overflow:hidden;width:100%;font-size:10pt;line-height:14px}
.boardwrap input[type=text],
.boardwrap input[type=password]{border:1px solid #D9D9D9;color:#666;padding:3px 5px}
.boardwrap .ar{text-align:right!important}
.boardwrap .mb20{margin-bottom:20px!important}
.boardwrap .hidden{position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-10000px;overflow:hidden}
.boardwrap .board_functions{position:relative;margin-bottom:8px;overflow:hidden;width:100%}
.boardwrap .board_functions:after{display:block;content:'';clear:both}
.boardwrap .board_functions .board_search, .boardwrap .board_functions fieldset{float:right}
.boardwrap .board_functions fieldset{text-align:right}
.boardwrap .inlineb{display:inline-block;vertical-align:middle}
.boardwrap .select01{}
.boardwrap .select01 .hidden{position:static;display:inline-block}
.boardwrap .select01 select{padding-left:10px;width:120px;height:34px;line-height:34px;font-size:13px;border:1px solid #e6e6e6;margin-right:3px;vertical-align:middle!important;white-space:nowrap}
.boardwrap .board_functions fieldset .inpgroup{display:inline-block;vertical-align:top}
.boardwrap .board_functions fieldset input{display:inline-block;font-size:14px;vertical-align:top;float:none;border:1px solid #e6e6e6}
.boardwrap .board_functions fieldset .inpgroup input[type='text']{padding:0 5px;width:180px;height:34px;line-height:34px;float:left;margin-right:5px}
.boardwrap .board_functions fieldset .inpgroup input[type='submit']{width:62px;height:34px;color:#fff;/*text-indent:-9999em;background:url(/images/btn/search.gif) no-repeat;*/background-color:#222}
.boardwrap .board_functions fieldset input{display:inline-block;vertical-align:top;float:none}
.boardwrap .board_total{padding-top:10px;float:left;height:35px;line-height:35px;color:#666;font-family:NsB;font-size:15px}
.boardwrap .c_cb4800{color:#ff3300}
.boardwrap .board01{margin-bottom:20px;/*height:446px;*/font-size:14px;border-top:3px solid #000;border-bottom:1px solid #999}
.boardwrap .board01 table{table-layout:fixed;}
.boardwrap caption{height:0;line-height:0;font-size:0;overflow:hidden;text-indent:-10000px}
.boardwrap .board01 thead th{padding:15px 0;color:#fff;font-size:14px;font-weight:normal;/*border-top:1px solid #333; border-bottom:1px solid #333;*/color:#666;font-family:Ns;text-align:center;background:url(/images/t_vbar.gif) no-repeat right center;background-color: #fff}
.boardwrap .board01 thead div{padding:10px 5px 11px;background-color:#333;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.boardwrap .board01 thead th.last{}
.boardwrap .board01 tbody tr:first-child td{border-top:1px solid #999}
.boardwrap .td_bdr{}
.boardwrap .board01 tbody .td_subject+td{/*text-align:left;text-indent:10px*/}
.boardwrap .board01 tbody td{padding:12px 0;font-size:14px;color:#666;text-align:center;/*border-bottom:1px solid #ccc*/}
.boardwrap .board01 tbody td a{display: block;color: #666}
.boardwrap .board01 .td_subject{text-align:center;padding:0 29px 0 29px;/*font-family:NanumBold,"나눔고딕 bold"*/}
.boardwrap .board01 .td_subject a{}
.boardwrap .board01 .td_left{text-align:center}
/*pasing*/
.paging{margin-top:35px;text-align:center;}
.paging a{display:inline-block;position:relative;margin-right:5px;margin-left:-1px;width:34px;height:34px;color:#666;line-height:35px;font-weight:bold;text-align:center;vertical-align:top;z-index:5;border:1px solid #dcdcdc;}
.paging a.bg{display:inline-block;/*padding-top: 33px;*/width:34px;height:34px;color:#666;text-indent:-999em;/*line-height: 0;font-size: 0;*/
border:1px solid #cfcfcf;}
.paging .first{margin-right:5px;background:url(/images/btn/ff_btn.gif) no-repeat;}
.paging .pre{margin-right:10px;background:url(/images/btn/f_btn.gif) no-repeat;}
.paging .next{margin-left:5px;background:url(/images/btn/n_btn.gif) no-repeat;}
.paging .last{margin-left:5px;background:url(/images/btn/nn_btn.gif) no-repeat;}
.paging em{display:inline-block;position:relative;margin-right:6px;margin-left:-1px;width:34px;height:34px;color:#fff;line-height:34px;   /* border: 1px solid #f8ad71;*/text-align:center;vertical-align:top;z-index:10;background:#7d7d7d}
/* 기업 및 제품인증*/
.company-g table .view{width:109px;height:34px;background:#000;color:#fff;font-size:14px;font-family:NsB}
.company-g .boardwrap .board01{margin-bottom:60px}
/* 오시는 길 */
.map-w{color:#666;font-size:14px;font-family:Ns}
.map-w dt{margin-bottom:6px;color:#000;font-size:24px}
.map-w dt+dd{margin-bottom:14px}
.map-w dd em{margin-right:18px;color:#000}
.map-w #map1{margin-bottom:60px}
.map-w .map{width:1120px;height:554px}
.iw_inner{padding:10px}
.iw_inner h3{color:#000;font-size:20px}
.iw_inner p{color:#666;font-size:14px}
/* 마당고 */
.madang-l{margin-bottom:13px}
.madang-l img{float:left;margin-right:100px}
.madang-l dl{position:relative;padding:15px 0 0 56px;overflow:hidden;color:#333}
.madang-l dl:before{display:block;position:absolute;top:16px;left:0;width:41px;height:109px;border:1px solid #333;border-right:none;content:""}
.madang-l dt{font-size:24px}
.madang-l p:first-child{padding:5px 0 8px;font-size:30px}
.madang-l p:last-child{font-size:14px}
.madang-l em{display:inline-block;position:relative;color:#0066cc}
.madang-l em:before{display:block;position:absolute;margin-left:-2px;top:-2px;left:50%;width:4px;height:4px;border-radius:50%;background:#0066cc;content:""}
.madang-g{padding:69px 0 64px 0;margin-bottom:80px;/*height:372px;*/background:url(/images/madang_bg.png) no-repeat 739px 0}
.madang-g dl{position:relative;padding:10px 0;width:668px;border-top:1px solid #000;border-bottom:1px solid #000}
.madang-g dt{color:#000;font-family:'나눔고딕 bold', NanumBold;font-size:36px}
.madang-g dd{position:absolute;left:266px;color:#666;font-size:14px}
.madang-g .dt1, .madang-g .dt2{margin-bottom:24px}
.madang-g dt::first-letter{font-family: 'NanumEX'}
.madang-g .dt1::first-letter{color:#0000ff}
.madang-g .dt2::first-letter{color:#79943e}
.madang-g .dt3::first-letter{color:#ff0000}
.madang-g .dt1+dd{top:16px}
.madang-g .dt2+dd{top:94px}
.madang-g .dt3+dd{top:172px}
.madang-g li:before{display:inline-block;margin-right:5px;width:2px;height:2px;vertical-align:middle;background:#666;content:""}
.madang-c ul{color:#333;font-family:Nanum,"나눔고딕";font-size:14px;background:url(/images/madang_c.jpg) no-repeat}
.madang-c h3{color:#000;font-size:24px}
.madang-c h3+p{padding:13px 0 17px 0}
.madang-c li:first-child{margin-left:0}
.madang-c li{padding:39px 0 0 22px;margin-left:6px;float:left;width:275px;height:420px}
.madang-c em{color:#ff3300}
/*저온저장고*/
.savego-f{margin-bottom:50px}
.savego-f>div:first-child{position:relative}
.savego-f>div:first-child em{position:absolute;color:#cc0000;bottom:76px;right:40px;font-size:14px}
.savego-f>div:first-child+div>div{float:left}
.savego-f caption{margin-bottom:19px;text-align:left;color:#333;font-size:30px}
.savego-f th{padding:15px 0;border-top:2px solid #000;border-bottom:1px solid #999;border-left:1px solid #ccc;color:#0066cc;font-size:16px;font-weight:normal;font-family:NsB}
.savego-f th:first-child{border-left:0 none}
.savego-f td{padding:7px 0;border-left:1px solid #ccc;color:#333;text-align:center;font-size:14px;font-family:Ns}
.savego-f tbody tr>td:first-child{border-left:0 none}
.savego-f .clearF>div{border-bottom:1px solid #999}
.savego-f .t1{margin-right:147px}
.savego-f .t1 table{width:630px}
.savego-f .t1 td{border-top:1px solid #ccc}
.savego-f .t2 table{width:343px}
.savego-f .t2 th, .savego-f .t2 td{border-left:0 none}
/*.savego-s {position:relative;height:1656px}*/
.savego-s dt{display:inline-block;position:relative;padding:2px 8px;color:#333;font-size:24px}
.savego-s dt:before{display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#333;content:''}
.savego-s dt:after{display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#333;content:''}
.savego-s dd{/*position:absolute;top:0;left:114px;margin-bottom:70px*/margin:-40px 0 70px 114px}
.savego-s .dd3{margin-bottom:0}
.savego-s dd>ul>li{float:left;width:418px;height:240px}
.savego-s .dd1{height:507px}
.savego-s .dd1>ul{height:100%;background:url(/images/save2.jpg) no-repeat}
.savego-s .dd1>ul>li span{display:inline-block;text-indent:-9999em}
.savego-s .dd2{/*height:490px;*/background:url(/images/save3.jpg) no-repeat}
.savego-s .dd2>ul{margin:0 0 -10px -25px;color:#fff;font-size:14px}
.savego-s .dd2>ul>li{margin:0 0 10px 25px;padding:14px 16px 0 0;text-align:right}
.savego-s .dd2 .last{padding-right:0;text-align:left}
.savego-s .dd2 .last p{margin-bottom:25px;color:#333;font-size:18px}
.savego-s .dd2 .last ul{color:#003399;font-size:24px}
.savego-s .dd2 .last ul li{margin-left:26px;float:left}
.savego-s .dd2 .last ul li:first-child{margin-left:0}
.savego-s .dd2 .last span{display:block;width:121px;height:121px;line-height:95px;border:10px solid #003399; border-radius:100%;text-align:center}
.savego-s .dd3{height:490px;background:url(/images/save4.jpg) no-repeat}
/* 기업 자체 생산 */
.sell-f {margin-bottom:76px}
.sell-f p{line-height:1.8;color:#666;font-size:14px}
.sell-f p:first-child{color:#003399;font-size:24px}
.sell-s dt{display:inline-block;position:relative;padding:14px 0;width:305px;color:#333;font-size:16px}
.sell-s dt:before{display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#333;content:''}
.sell-s dt:after{display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#333;content:''}
.sell-s dd{margin:-52px 0 61px 358px;height:169px}
.sell-s .dd1{background:url(/images/sell1.jpg) no-repeat}
.sell-s .dd2{margin-bottom:0;background:url(/images/sell2.jpg) no-repeat}
/* 도어(Door) */
.door-f h3{color:#333;font-size:30px}
.door-f h3+p{margin-bottom:32px;color:#006600;font-size:15px}
.door-f ul{margin-bottom:80px;height:1025px;background:url(/images/door1.jpg) no-repeat}
.door-f li span{display:block;text-indent:-999em}
.door-s h3{color:#333;font-size:30px}
.door-s h3+p{margin-bottom:30px;color:#666;font-size:14px}
.door-dl{position:relative;margin-bottom:30px}
.door-dl dl{position:absolute;bottom:52px;right:100px}
.door-dl dt{display:inline-block;position:relative;padding:12px 0;line-height:1.2;color:#cc0066;font-size:18px}
.door-dl dt:before{display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#999;content:''}
.door-dl dt:after{display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#999;content:''}
.door-dl dd{padding:10px 0 13px 0}
.door-dl dd:after{display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#999;content:''}
.door-dl dd > h4{margin-bottom:4px;color:#000;font-size:18px}
.door-dl dd ul{color:#666;font-size:12px}
.door-dl dd li:before{display:inline-block;margin-right:5px;width:2px;height:2px;background:#666;vertical-align:middle;content:""}
.door-ul{color:#666;font-size:14px}
.door-ul ul{float:left;background:url(/images/door4.jpg) no-repeat}
.door-ul ul:first-child{margin-bottom:-10px;width:560px;background:url(/images/door3.jpg) no-repeat}
.door-ul h4{color:#cc0066;font-size:14px}
.door-ul li{padding:16px 0 0 251px;margin-bottom:10px;height:150px}
.door-ul li span{display:block}
/* 판넬(Pannel) */
.pannel-f{margin-bottom:80px}
.pannel-f h3{margin-bottom:33px;color:#000;font-size:30px}
.pannel-f ul{margin-bottom:45px;color:#666;font-size:14px}
.pannel-f li:before{display:inline-block;margin-right:5px;width:2px;height:2px;background:#666;vertical-align:middle;content:""}
.pannel-s{font-size:0;line-height:0}
.pannel-s h4{margin-bottom:8px;color:#000;font-size:24px;line-height:1.5}
.pannel-s div{display:inline-block}
.pannel-s div:first-child{margin-right:159px}
/* 소재 */
.mate h3{color:#333;font-size:30px}
.mate h4{color:#333;font-size:24px}
.mate-f1{padding:56px 0 108px 686px;background:url(/images/mate1.jpg) no-repeat 0 62px}
.mate-f1 dt{margin-bottom:5px;color:#003399;font-family:NsB;font-size:20px}
.mate-f1 dd{line-height:1.7;color:#666;font-size:14px}
.mate-f1 dd span{display:block}
.mate-f2{margin-bottom:110px}
.mate-f2 > div{float:left}
.mate-f2 ul{color:#666;font-size:14px}
.mate-f2 h5{color:#0066cc;font-size:16px}
.mate-f2 .mate-p1{margin-right:56px}
.mate-f2 .mate-p1 h4{margin-bottom:27px}
.mate-f2 .mate-p1 li{margin-bottom:12px}
.mate-f2 .mate-p2{padding-bottom:145px;width:558px;background:url(/images/mate2.jpg) no-repeat 23px 47px}
.mate-f2 .mate-p2 p{position:absolute;left:-9999em}
.mate-f2 .mate-p3 {margin-top:54px}
.mate-f2 .mate-p3 .t1{margin:-36px 0 0 230px; width:329px;border-bottom:1px solid #999}
.mate-f2 .mate-p3 th{padding:10px 0;border-top:2px solid #000;border-bottom:1px solid #999;color:#000;font-size:14px;font-weight:normal}
.mate-f2 .mate-p3 td{padding:6px 0;text-align:center;color:#333;font-size:14px}
.mate-f3{padding:8px 0 43px 550px;margin-bottom:118px;background:url(/images/mate3.jpg) no-repeat}
.mate-f3 h4{margin-bottom:35px}
.mate-f3 p{line-height:2;color:#333;font-size:14px}
.mate-f3 p span{display:block}
.mate-s > p{margin-bottom:28px;color:#333;font-size:30px}
.mate-s > p em{color:#cc0000}
.mate-s1{padding-left:116px}
.mate-s1>ul{padding:10px 0;margin-bottom:64px;background:url(/images/mate4.jpg) no-repeat 472px}
.mate-s1>ul>li{margin-top:18px;font-size:0;line-height:0}
.mate-s1>ul>li:first-child{margin-top:0}
.mate-s1 h5, .mate-s1 p{display:inline-block;line-height:1.5}
.mate-s1 h5{margin-right:47px;width:122px;height:41px;background:#333;vertical-align: middle;line-height:41px;text-align:center;color:#fff;font-size:18px}
.mate-s1 p{color:#666;font-size:14px;vertical-align: middle}
.mate-s1 p span{display:block}
.mate-s1 > p{margin-bottom:14px;color:#333;font-size:18px}
.mate-s1 .mate-p1{margin:-30px 0 0 152px}
.mate-s1 .mate-p1 > div, .mate-s1 .mate-p1 > ul{float:left} 
.mate-s1 .mate-p1 > div{margin-right:18px;width:528px;height:510px;background:url(/images/mate5.jpg) no-repeat;text-indent:-999em}
.mate-s1 .mate-p1 > ul{width:218px;height:510px;;background:url(/images/mate6.jpg) no-repeat}
.mate-s1 .mate-p1 > ul > li{text-indent:-999em}
/* 조립공정 */
.asse h3{margin-bottom:8px;color:#333;font-size:30px}
.asse h3:first-child{margin-bottom:30px}
.asse sub{display:inline-block;margin-top:10px;vertical-align:middle;color:#666;font-size:18px}
.asse img{margin-bottom:90px}
/* 항균 강판 */
.bact p{color:#333;font-size:18px}
.bact .title{font-size:30px}
.bact .title+p{margin-bottom:34px}
.bact em{margin-left:12px;color:#f00;font-size:14px}
.bact h3{margin:20px 0 8px 0}
.bact h3 span{vertical-align:middle;color:#333;font-size:24px}
.bact h3+p, .bact ul{color:#666;font-size:14px}
/* 냉동기 */
.frz .title{color:#003399;font-size:30px}
.frz .title+p{margin-bottom:67px;color:#666;font-size:18px}
.frz .title+p span{display:block}
.frz .last{text-indent:-999em}
.frz ul, .frz ol{color:#666;font-size:14px}
.frz ul li:before{display:inline-block;margin-right:5px;width:2px;height:2px;vertical-align:middle;background:#666;content:""}
.frz h3{margin:108px 0 35px 0;color:#000;font-size:24px}
.freeze4 li{float:left}
.freeze4 li span{display:block;text-indent:-999em}
.freeze1{padding-bottom:94px;background:url(/images/freeze1.jpg) no-repeat 478px 145px}
.freeze2{padding-bottom:112px;background:url(/images/freeze2.jpg) no-repeat 472px}
.freeze3{padding-bottom:182px;background:url(/images/freeze3.jpg) no-repeat 489px}
.freeze4 ul{padding-left:5px;height:223px;background:url(/images/freeze4.jpg) no-repeat}
.freeze4 ul li:before{display:none}
.freeze4 ul li{margin-left:12px;width:175px;height:100%}
.freeze4 ul li:first-child{margin-left:0}
/* 시공갤러리 */ 
.gall-list{margin:0 0 0 -79px}
.gall-list li{padding-left:79px;margin-bottom:44px;float:left;width:33.33%}
.gall-list .fig{width:320px;color:#666;font-size:14px;font-family:NsB}
.gall-list .fcap{padding-top:12px}
.gall-list h3{color:#000;font-size:18px} 
.gall-list span{display:block}
/* 시공갤러리 상세페이지*/
.ga-view{font-size:14px}
.ga-view .view{}
.ga-view .view{text-align:left}
.ga-view .view > h1 {padding-bottom:18px;line-height:22px;font-size:20px;font-weight: normal}
.ga-view .view .doc{/*margin-bottom:20px;padding-bottom:20px;*/border-top:2px solid #333;/*border-bottom:1px solid #333;*/line-height:22px}
.ga-view .view .doc .inner img{margin-top:20px;margin-bottom:20px;height:auto!important}
.ga-view .view .info{position:relative;margin-bottom:20px;padding-top:10px;width:100%;height:40px;border-bottom:1px solid #bebebe}
.ga-view .info span{display:inline-block;padding-left:15px;padding-right:11px;color:#666;background:url(/images/bbs/bl02.png) no-repeat 0 11px}
.ga-view .view .info span{font-size:13px}
.ga-view .info span:first-child{padding-left:0;background:none}
.ga-view .view_num{display:inline-block;padding-left:20px;font-size:13px;background:url(/images/btn/ic_num01.png) no-repeat 0 50%}
.ga-view .view .doc .inner{position:relative;line-height:2em;font-size:14px;font-family:'Nanum Gothic','Dotum','applegothic','ＭＳ Ｐゴシック','SimHei',sans-serif!important}
.ga-view .view .info2{position:relative;margin-bottom:5px;padding-top:5px;width:100%;height:40px;border-bottom:1px solid #bebebe}
.ga-view .view .info2+div{border-bottom:1px solid #333}
.ga-view .info2 span{display:inline-block;padding-left:15px;padding-right:11px;color:#666;background:url(/images/bbs/bl02.png) no-repeat 0 11px}
.ga-view .info2 span:first-child{padding-left:0;background:none}
.ga-view .btn_area{padding-top:30px;text-align:center}
.ga-view .btn_area a{display:inline-block;width:100px;height:40px;border-radius:4px;background:#797979;line-height:40px;text-align:center;color:#fff;font-size:16px}
/*view slider*/
.view-slider{position:relative;margin:60px 0;padding-bottom:38px;background:#f0f0f0}
.view-slider .more{position:static;padding:16px 0 0 29px;font-size:14.67px}
.view-slider .more a{display:inline-block;color:#000}
.view-slider .more a:before{display:inline-block;margin-top:-2px;margin-right:10px;width:13px;height:13px;vertical-align:middle;background:url(/images/btn/more_ico.gif) no-repeat;content: ""}
.view-slider .s_btn{display:block;position:absolute;margin-top:-16px;top:50%}
.view-slider .prev_btn{left:30px}
.view-slider .next_btn{right:30px}
.view-list{padding:0 116px;margin-top:22px}
.view-list li{float:left}
/* 갤러리 페이징 */
/*pasing*/
.paging1{margin-top:20px;padding-top:30px;border-top:1px solid #dcdcdc}
.paging1 a{margin-right:4px;margin-left:4px;width:30px;height:30px;color:#666;line-height:30px}
.paging1 a.bg{width:30px;height:30px;color:#666}
.paging1 .first{margin-right:5px;background:url(/images/btn/ff1_btn.gif) no-repeat;}
.paging1 .pre{margin-right:10px;background:url(/images/btn/f1_btn.gif) no-repeat;}
.paging1 .next{margin-left:5px;background:url(/images/btn/n1_btn.gif) no-repeat;}
.paging1 .last{margin-left:5px;background:url(/images/btn/nn1_btn.gif) no-repeat;}
.paging1 .first.bg{margin-right:5px}
.paging1 .pre.bg{margin-right:6px}
.paging1 .last.bg{margin-left:2px}
.paging1 em{width:30px;height:30px;color:#fff;line-height:30px;background:#0c4d9f}
/* 시공설칭영상 */
.video>div{border:1px solid #ddd}
.video>div:first-child{margin-bottom:-1px}
.video-f>div{float:left}
.video-f>div:first-child{width:786px;height:443px}
.video-conts{padding:27px 0 0 50px;color:#666;font-size:14px}
.video-conts h3{margin-bottom:12px;font-size:18px;font-family:NsB}
.video-conts .conts{padding:34px 0 0 32px;width:252px;height:302px;border:1px solid #ddd;background:#f7f7f7;line-height:1.7}
.video-s{padding:40px;background:#f7f7f7}
.video-l{margin-left:-39px;font-size:0;line-height:0;text-align:center}
.video-l li{display:block;padding-left:50px;width:25%;line-height:1.5;font-size:14px}
.video-l .rap{width:210px}
.video-l h4{margin:4px 0;color:#333}
.video-l span{display:inline-block;width:30px;height:30px;background:#1b2e59;line-height:30px;color:#fff}
/* 공지 뉴스 */
.nt .boardwrap .board_functions fieldset .inpgroup input[type='submit']{width:83px;background:#666}
.nt .boardwrap .board01 tbody tr:first-child td{border:0 none}
.nt .boardwrap .board01 tbody td{padding:20px;vertical-align:top;color:#333;font-size:16px;text-align:left;border-top:1px solid #dfdfdf}
.nt .boardwrap .board01 .td_subject{padding-top:16px;line-height:1.5}
.nt .boardwrap .board01 h3{color:#000;font-size:20px;font-family:NsB}
.nt .boardwrap .board01 h3 em{color:#4390c8}
.nt .boardwrap .board01 .conts{margin-bottom:43px}
.nt .boardwrap .board01 .date{color:#666;font-size:14px}
.nt .paging1{padding-top:10px;margin-top:0;border:0 none}
/* 공지 뉴스 상세페이지 */
.nt-view .doc{border-top:2px solid #000;border-bottom:1px solid #000;color:#666;font-size:14px}
.nt-view .info{position:relative;padding:20px 0 20px 102px;border-bottom:1px solid #ddd}
.nt-view p:first-child span{display:block;position:absolute;margin-top:-12px;top:50%;left:47px;width:34px;height:23px;border:1px solid #394f81;text-align:center;line-height:23px;color:#394f81}
.nt-view h1{color:#000;font-size:20px}
.nt-view h1+p{position:absolute;margin-top:-9px;top:50%;right:24px}
.nt-view .inner{padding:60px 0 70px 0}
.nt-view .btn_area{padding-top:30px;text-align:right}
.nt-view .btn_area a{display:inline-block;width:100px;height:40px;border:1px solid #bbb;line-height:40px;text-align:center;color:#333;font-size:16px}
/* 견적문의 */
.estim .t1{color:#666;font-size:14px}
.estim h3{margin-bottom:5px;color:#000;font-size:30px;font-family:NsB}
.estim th, .estim td{border-top:1px solid #333;border-bottom:1px solid #ddd;vertical-align:top}
.estim tr:first-child th, .estim tr:first-child td{border-top:1px solid #333}
.estim th{padding:13px 0 13px 25px;color:#000;border-right:1px solid #ddd;background:#f7f7f7;text-align:left;font-weight:normal}
.estim th:before{display:inline-block;margin-right:12px;width:10px;height:8px;background:url(/images/chk_red.gif) no-repeat;content:""}
.estim tr.thi+tr td{padding-left:0}
.estim td{padding:13px 0 13px 20px}
.estim input, .estim textarea{color:#666}
.estim input.title{text-indent:14px;width:100%;height:34px;border:1px solid #ddd;line-height:34px}
.estim label{display:inline-block;margin-left:10px;width:105px}
.estim textarea{padding:14px; width:100%;height:170px}
.estim input.file{text-indent:14px;width:270px;height:34px;background:#dddddd}
.estim button.add{margin-left:16px;width:79px;height:34px;background:#afafaf;color:#fff}
.estim .submit-btn{padding-top:49px;text-align:center}
.estim .submit-btn button{width:170px;height:43px;background:#0c4da1;color:#fff;font-size:18px}
/* 카탈로그 */
.cata-f{overflow:hidden}
.cata-l{position:relative;width:1121px;border-top:1px solid #666}
/*.cata-l:before{display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:#fff;content:""}*/
.cata-l li{padding:36px 0 36px 40px;width:50%;height:276px;float:left;border:1px solid #ccc;border-left:0 none;border-top:0 none}
.cata-l img{float:left}
.cata-l .fcap{padding:20px 40px 10px 30px;overflow:hidden;color:#666;font-size:14px}
.cata-l h3{margin-bottom:14px;color:#000;font-size:24px}
.cata-l .conts{margin-bottom:17px}
/* 농산물 저장온도 조건표 */
.condit-f .t1{color:#666;font-size:14px}
.condit-f th{padding:8px 0;color:#333;font-weight:normal;border:1px solid #333;border-top:2px solid #000;border-bottom:0 none;background:#666;color:#fff}
.condit-f td{padding:8px 0;border:1px solid #666;text-align:center}
.condit-f .mark{background:#dfdfdf}
/* 대리점 */
.agency-f{padding:24px 0 0 0; border-top:1px solid #333}
.agency-f>div:first-child{float:left;width:561px}
.agency-f>div:first-child+div{float:right}
.agency-l{padding:0 29px 0 0;color:#666;font-size:14px;border-right:1px solid #e8e8e8}
.agency-l h3{color:#000;font-size:18px}
.agency-l li{padding:34px 0 30px 24px;border-top:1px solid #dcdcdc;cursor:pointer}
.agency-l li:first-child{padding-top:12px;border-top:0 none}
.agency-l li.on{position:relative;border-color:#b6c6d5;background:#eff6fc}
.agency-l li.on:after{position:absolute;top:39px;right:25px; width:31px;height:60px;background:url(/images/roll_arr.png) no-repeat; content:""}
.agency-l li.on.first:after{top:24px}
.agency-f .map{width:530px;height:653px;border:1px solid #000} 
/** footer **/
.footer{border-top:1px solid #ccc;background:#ececec;font-family:Ns}
.inner-footer{position:relative;padding-left:169px;height:230px;color:#666;font-size:12px}
address{padding:28px 0 8px 0;border-bottom:1px solid #cccccc}
address>span{display:block}
.owner span{margin-right:14}
.org span{margin:0 14px 0 14px}
address .site a{color:#666}
.footer .copyright{padding:8px 0 0 0;font-family:NsB}
.owner-tel{position:absolute;top:27px;right:320px;font-size:16px}
.owner-tel span{display:block}
.owner-tel span:first-child{margin:0 0 -8px 1px}
.owner-tel span:first-child+span{color:#003366;font-size:30px;font-family: '나눔고딕 bold', NanumBold}
.rel-site{position:absolute;top:23px;right:51px}
.footer-logo{position:absolute;top:33px;left:40px}
.mtop{position: absolute;width: 100%;top:-112px;left:0px;text-align:right}
.mtop a{margin-right:-20px}