@charset "utf-8";
/* 메인페이지 
body.main {background:#f4f4f4;}
#header { position:relative; height:98px;  border-bottom:1px solid #dedede; background:#fff;z-index:5000;}
.header_con {width: 979px; margin:0 auto;}
.gnb_menu  {float:right; display:block;}
.gnb_menu li {float: left; position: relative; font-size:18px;}
.logo {float:left; padding: 20px 0 0;}
.gnb_menu li:hover>a { color: #ffa800; }
.gnb_menu a {color: #484848; display: block; padding:40px 25px;}
.gnb_menu ul {position: absolute; left: 0; top:100%;display:none; width: 180px; background: #eee; padding: 0;}
.gnb_menu ul >li { float: none; }
.gnb_menu ul > li:hover { background: #ddd; }
.gnb_menu ul > li:hover a { color: black; }
.gnb_menu ul > li >a { padding:10px 20px; color: black; font-size:14px; }
.gnb_menu li.etc { margin-top:33px; border:1px solid #777; overflow:hidden;}
.gnb_menu li.etc > div > p {float:left;}
.gnb_menu li.etc > div > p:first-child {background: url("../images/top_bar.gif") no-repeat right center;}
.gnb_menu li.etc  a {display:inline-block; font-size:12px; padding:6px 15px;}
#container {width: 979px; margin:0 auto;}
.con_area {overflow:hidden;}
.con_area > li { float:left; width:311px; text-align:center;}
.con_area > li  > p.tit {margin-top:20px;  font-size:20px; padding-bottom:20px; background: url("../images/deco_b_bar.gif") no-repeat center bottom;}
.con_area > li  > p.sub_txt {margin-top:20px; margin-bottom:35px; color:#929292;}
.con_area > li.area {margin-right:23px;}

.z_btn {width:126px; margin:0 auto;}
a.btn_org {
    display:block;
    padding: 10px;
    background-color: #ffa800;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
	text-align:center;
	font-size:14px;
}

a.btn_org:hover,
a.btn_org.active {
    background-color: #ff842a;
    color: #fff;
}

.visual_img {padding:30px 0 60px 0;}
.flexslider {position:relative;}
.flex-direction-nav {position:absolute;top:0;left:0;width:100%;}
.flex-prev {position:absolute;top:150px;left:30px;display:block;width:23px;height:42px;background: url(../images/arrow_left.png) no-repeat;text-indent:-9999px;}
.flex-next {position:absolute;top:150px;right:30px;display:block;width:23px;height:42px;background: url(../images/arrow_right.png) no-repeat;text-indent:-9999px;}


.flex-control-paging {display:inline-block;text-align:center;position:absolute;left:50%;bottom:20px;}
.flex-control-paging li {display:inline-block;text-align:center;}
.flex-control-paging li a {display:inline-block;text-align:center;width:11px;height:11px;background: url(../images/roll_off.png) no-repeat;text-indent:-9999px;margin:0 3px;cursor:pointer;}
.flex-control-paging li a.flex-active {background: url(../images/roll_on.png) no-repeat;}

.contents {padding-bottom:50px;}


#footer {clear:both;}
.bottomarea {background:#454545;height:160px;}
.bottominbox {width:979px;margin:0 auto;}
.bottom_inforlist {padding-top:30px;}
.bottom_inforlist li {float:left;width:33.3%;font-size:14px;}
.bottom_inforlist li h4 {color:#fff;}
.bottom_inforlist li h4 .btn-map {font-size:11px;font-weight:normal;text-align:center;width:78px;height:30px;line-height:30px;border-radius:6px;display:inline-block;color:#ffa800;border:1px solid #ffa800;margin-left:20px;}
.bottom_inforlist li p {margin-top:16px;color:#828282;line-height:140%;}
.bottom_inforlist li p img {margin-right:6px;}
.bottom_inforlist li h4 .tel1 {margin-left:15px;font-size:20px;}
.bottom_inforlist li h4 .tel2 {display:block;margin-left:87px;margin-top:8px;font-size:20px;}

.bottominbox .bottomlogo {float:left;padding-top:13px;}

.siteinfo {clear:both;height:80px;background:#2c2c2c;}
.siteinfo strong {color:#727171;margin-left:10px;font-size:12px;}
.siteinfo span {margin-left:20px;color:#727171;}
.siteinfo ul {float:right;padding-top:30px;}
.siteinfo ul li {float:left;background: url(../images/bg_footerline.jpg) no-repeat right center;margin-right:8px;padding-right:8px;}
.siteinfo ul li a {color:#727171;}
.siteinfo ul li.last {margin-right:0;padding-right:0;}

#subcontainer {width: 979px; margin:0 auto;background: url(../images/bg_sublnb.gif) repeat-y left top;padding-bottom:70px;} 
.lnbarea {float:left;width:222px;}
.sitetit {width:222px;height:108px;background: url(../images/bg_lnbtit.gif) no-repeat left top;}
.sitetit h3 {color:#fff;font-size:25px;margin-left:20px;padding-top:55px;}

.lnb {width:220px;margin:0 auto;}
.lnb > li {border-bottom:1px solid #ececec;background:#fff;}
.lnb > li a {margin-left:20px;padding:10px 0;display:block;font-size:14px;color:#5c5c5c;}
.lnb > li:hover {background: #fff url(../images/icon_arrow.gif) no-repeat 190px 15px;}
.lnb > li:hover a {color:#ffa309;}
.lnb > li.active {background: #fff url(../images/icon_arrow.gif) no-repeat 190px  15px;}
.lnb > li.active a {color:#ffa309;}

.lnb > li.drop ul {border-top:1px solid #ececec;background:#f3f3f3;}
.lnb > li.drop ul li {background: #f3f3f3 url(../images/icon_dot.jpg) no-repeat 24px center;}
.lnb > li.drop ul li a {margin-left:35px;color:#5c5c5c;font-size:12px;}

.lnb > li.drop {background: #fff url(../images/icon_arrow2.jpg) no-repeat 190px  15px;}
.lnb > li.drop a {color:#ffa309;}
.lnb > li.drop ul li:hover {background: #fff url(../images/icon_dot.jpg) no-repeat 24px center;}
.lnb > li.drop ul li:hover a {color:#ffa309;}

.subcont {float:right;width:718px;}
.pagetit .location {padding-top:20px;font-size:11px;color:#8b8b8b;font-family:dotum;}
.pagetit h4 {font-size:30px;color:#353535;clear:both;margin-top:27px;}
.pagetit p {color:#5e5e5e;clear:both;margin-top:10px;font-size:14px;}

.scont {clear:both;margin-top:50px;}
*/

@media all and (min-width:768px){
.companytabl {width:456px;float:right;}
.widdbox {clear:both;width:100%;margin-top:20px;}
.companytabl {border-top:2px solid #444444;}
.companytabl th, .companytabl td {border-bottom:1px solid #d9d9d9;padding:9px 0;}
.companytabl th {text-align:center;vertical-align:middle;font-size:14px;color:#5e5e5e;background:#fafafa;}
.companytabl td {padding:9px 0 9px 30px;color:#808080;font-size:14px;}

.companytabl th.tleft {text-align:left;padding-left:15px;}

.introducation {width:456px;float:right;font-size:14px;color:#808080;}
.introducation h4 {font-size:20px;color:#ff8f50;line-height:130%;}
.introducation h3 {font-size:16px;color:#ff8f50;line-height:110%;}
.introducation p {margin-top:25px;line-height:140%;}
.introducation .sign {text-align:right;margin-top:60px;color:#5e5e5e;}

.map-detaillist {clear:both;margin-top:30px;}
.map-detaillist > li {margin-bottom:20px;font-size:14px;}
.map-detaillist > li h4 {font-size:18px;color:#5e5e5e;}
.map-detaillist > li p {margin:10px 0 0 20px;color:#808080;}
.map-detaillist > li ul {margin:10px 0 0 20px;}
.map-detaillist > li li {background: url(../images/icon_dot.jpg) no-repeat left 5px;padding-left:8px;margin-bottom:10px;color:#808080;}
.map-detaillist > li li strong {display:block;float:left;}
.map-detaillist > li li span {float:left;margin-left:10px;}

.mt-10 {margin-top:10px !important;}
.tit-org {color:#ff8f50;margin:0 0 0px 0;font-size:18px;}

.txtform {border:1px solid #eaeaea;height:28px;}
.bttom-btn {text-align:center;padding-top:20px;clear:both;}
.btn-org {display:inline-block;width:126px;height:37px;color:#fff;background:#ffa800;font-size:14px;line-height:37px;border-radius:6px;}

/* sitemap */
.sitemap {}
.sitemap li {float:left;width:33.3%;}
.sitemap li dt.tit01 {color:#fff;background:#ffb136;text-align:center;height:51px;width:203px;font-size:16px;font-size:bold;line-height:51px;margin-bottom:5px;border-radius:6px;}
.sitemap li dt.tit02 {color:#fff;background:#35bba6;text-align:center;height:51px;width:203px;font-size:16px;font-size:bold;line-height:51px;margin-bottom:5px;border-radius:6px;}
.sitemap li dt.tit03 {color:#fff;background:#64ce65;text-align:center;height:51px;width:203px;font-size:16px;font-size:bold;line-height:51px;margin-bottom:5px;border-radius:6px;}
.sitemap li dd {border-bottom:1px solid #ebebeb;font-size:14px;padding:8px 0;width:203px;}
.sitemap li dd a {margin-left:30px;color:#5e5e5e;}
.sitemap li dd a:hover {text-decoration:underline;}

/* 제품소개 */
.product-cont {}
.product-cont h5 {font-size:20px;color:#ff8f50;margin-top:40px;line-height:145%;}
.product-cont p {margin-top:20px;color:#808080;font-size:14px;line-height:155%;margin-bottom:40px;}
.product-cont ul {margin-top:20px;}
.product-cont li {background: url(../images/icon_dot.jpg) no-repeat left 6px;padding-left:8px;margin-bottom:12px;color:#808080;font-size:14px;}

.product-tblbox {clear:both;margin-top:25px;}
.product-tblbox th {vertical-align:middle;text-align:center;color:#fff;background:#808080;border:1px solid #fff;height:40px;font-size:14px;}
.product-tblbox th.left,.product-tblbox th.right {border-right:0;}
.product-tblbox td {text-align:center;color:#808080;border:1px solid #e1e1e1;padding:20px 0;vertical-align:top;font-size:14px;line-height:160%;}
.product-tblbox td.left,.product-tblbox td.right {border-right:0;}



.board-type01 {clear:both; margin-top: 10px;}
.board-type01 th {border-top:2px solid #444444;text-align:center;font-weight:bold;color:#666666; font-size:14px;color:#5e5e5e;padding:9px 0;vertical-align:middle;border-bottom:1px solid #757376; word-break:keep-all;}
.board-type01 td {text-align:center;color:#808080;font-size:14px;padding:9px 0;vertical-align:middle;border-bottom:1px solid #d9d9d9; word-break:keep-all;    }
.board-type01 td a{color:#666666; font-size: 14px;  }
.board-type01 td a:hover{color: #ff9a1b; text-decoration: underline;}
.board-type01 .subject{text-align: left;  padding-left: 10px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.board-top {position:relative;display:block;width:380px; float:right; text-align:right; margin-bottom:10px;}
.board-top select {width:100px;height:30px;border:1px solid #d5d5d5;vertical-align: middle;}
.board-top input {width:250px;height:24px;color:#999999;font-size:12pt;letter-spacing:-0.05em;border:1px solid #d5d5d5;vertical-align: middle; padding:5px}
.board-top .btn-search {color:#333;font-size:12pt;color:#fff;text-align:center;background: #333;width:50px;height:35px;line-height: 30px;vertical-align: middle;}

.pageing{clear:both;text-align:center;font-size:14px; padding-top: 40px;  margin-bottom:100px; width:718px; float:right}
.pageing div{}
.pageing > a img{}
.pageing > a.prev{background:#ffffff;border: 1px solid #d2d6da;width:36px;text-align:center; }
.pageing > a.next{background:#ffffff;border: 1px solid #d2d6da;text-align:center;   }
.pageing > a.prev:hover, .pageing > a.next:hover{background:none;}
.pageing > a.prev2{background:#ffffff;border: 1px solid #d2d6da;width:36px;text-align:center; }
.pageing > a.next2{background:#ffffff;border: 1px solid #d2d6da;text-align:center; }
.pageing > a.prev2:hover, .pageing > a.next2:hover{background:none;}
.pageing >  a{  box-sizing: border-box;padding-top: 10px;display:inline; zoom:1; display:inline-block;width:36px;height:36px; line-height:15px;border:1px solid #dddddd;margin-right:1px;color:#333;}
.pageing >  a.current, .pageing > a:hover {background:#fff;color: #ff9a1b; border: 1px solid #ff9a1b;}
}
@media all and (max-width:767px){

.imgw{width:100%;}
.companytabl {width:456px;float:right;}
.widdbox {clear:both;width:100%;margin-top:20px;}
.companytabl {border-top:2px solid #444444;}
.companytabl th, .companytabl td {border-bottom:1px solid #d9d9d9;padding:9px 0;}
.companytabl th {text-align:center;vertical-align:middle;font-size:14px;color:#5e5e5e;background:#fafafa;}
.companytabl td {padding:9px 0 9px 30px;color:#808080;font-size:14px;}

.companytabl th.tleft {text-align:left;padding-left:15px;}

.introducation {width:100%;font-size:14px;color:#808080; clear:both}
.introducation h4 {font-size:20px;color:#ff8f50;line-height:130%;}
.introducation h3 {font-size:16px;color:#ff8f50;line-height:110%;}
.introducation p {margin-top:25px;line-height:140%;}
.introducation .sign {text-align:right;margin-top:60px;color:#5e5e5e;}

.map-detaillist {clear:both;margin-top:30px;}
.map-detaillist > li {margin-bottom:20px;font-size:14px;}
.map-detaillist > li h4 {font-size:18px;color:#5e5e5e;}
.map-detaillist > li p {margin:10px 0 0 20px;color:#808080;}
.map-detaillist > li ul {margin:10px 0 0 20px;}
.map-detaillist > li li {background: url(../images/icon_dot.jpg) no-repeat left 5px;padding-left:8px;margin-bottom:10px;color:#808080;}
.map-detaillist > li li strong {display:block;float:left;}
.map-detaillist > li li span {float:left;margin-left:10px;}

.mt-10 {margin-top:10px !important;}
.tit-org {color:#ff8f50;margin:0 0 0px 0;font-size:18px;}

.txtform {border:1px solid #eaeaea;height:28px;}
.bttom-btn {text-align:center;padding-top:20px;clear:both;}
.btn-org {display:inline-block;width:126px;height:37px;color:#fff;background:#ffa800;font-size:14px;line-height:37px;border-radius:6px;}

/* sitemap */
.sitemap {}
.sitemap li {float:left;width:33.3%;}
.sitemap li dt.tit01 {color:#fff;background:#ffb136;text-align:center;height:51px;width:203px;font-size:16px;font-size:bold;line-height:51px;margin-bottom:5px;border-radius:6px;}
.sitemap li dt.tit02 {color:#fff;background:#35bba6;text-align:center;height:51px;width:203px;font-size:16px;font-size:bold;line-height:51px;margin-bottom:5px;border-radius:6px;}
.sitemap li dt.tit03 {color:#fff;background:#64ce65;text-align:center;height:51px;width:203px;font-size:16px;font-size:bold;line-height:51px;margin-bottom:5px;border-radius:6px;}
.sitemap li dd {border-bottom:1px solid #ebebeb;font-size:14px;padding:8px 0;width:203px;}
.sitemap li dd a {margin-left:30px;color:#5e5e5e;}
.sitemap li dd a:hover {text-decoration:underline;}

/* 제품소개 */
.product-cont {}
.product-cont h5 {font-size:20px;color:#ff8f50;margin-top:40px;line-height:145%;}
.product-cont p {margin-top:20px;color:#808080;font-size:14px;line-height:155%;margin-bottom:40px;}
.product-cont ul {margin-top:20px;}
.product-cont li {background: url(../images/icon_dot.jpg) no-repeat left 6px;padding-left:8px;margin-bottom:12px;color:#808080;font-size:14px;}

.product-tblbox {clear:both;margin-top:25px;}
.product-tblbox th {vertical-align:middle;text-align:center;color:#fff;background:#808080;border:1px solid #fff;height:40px;font-size:14px;}
.product-tblbox th.left,.product-tblbox th.right {border-right:0;}
.product-tblbox td {text-align:center;color:#808080;border:1px solid #e1e1e1;padding:20px 0;vertical-align:top;font-size:14px;line-height:160%;}
.product-tblbox td.left,.product-tblbox td.right {border-right:0;}

.subtop_img img{ width:100%;}

.board-type01 {clear:both; margin-top: 10px;}
.board-type01 th {border-top:2px solid #444444;text-align:center;font-weight:bold;color:#666666; font-size:14px;color:#5e5e5e;padding:9px 0;vertical-align:middle;border-bottom:1px solid #757376; word-break:keep-all;}
.board-type01 td {text-align:center;color:#808080;font-size:14px;padding:9px 0;vertical-align:middle;border-bottom:1px solid #d9d9d9; word-break:keep-all;    }
.board-type01 td a{color:#666666; font-size: 14px;  }
.board-type01 td a:hover{color: #ff9a1b; text-decoration: underline;}
.board-type01 .subject{text-align: left;  padding-left: 10px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.board-top {position:relative;display:block;width:380px; float:right; text-align:right; margin-bottom:10px;}
.board-top select {width:100px;height:30px;border:1px solid #d5d5d5;vertical-align: middle;}
.board-top input {width:250px;height:24px;color:#999999;font-size:12pt;letter-spacing:-0.05em;border:1px solid #d5d5d5;vertical-align: middle; padding:5px}
.board-top .btn-search {color:#333;font-size:12pt;color:#fff;text-align:center;background: #333;width:50px;height:35px;line-height: 30px;vertical-align: middle;}

.pageing{clear:both;text-align:center;font-size:14px; padding-top: 40px;  margin-bottom:100px; width:718px; float:right}
.pageing div{}
.pageing > a img{}
.pageing > a.prev{background:#ffffff;border: 1px solid #d2d6da;width:36px;text-align:center; }
.pageing > a.next{background:#ffffff;border: 1px solid #d2d6da;text-align:center;   }
.pageing > a.prev:hover, .pageing > a.next:hover{background:none;}
.pageing > a.prev2{background:#ffffff;border: 1px solid #d2d6da;width:36px;text-align:center; }
.pageing > a.next2{background:#ffffff;border: 1px solid #d2d6da;text-align:center; }
.pageing > a.prev2:hover, .pageing > a.next2:hover{background:none;}
.pageing >  a{  box-sizing: border-box;padding-top: 10px;display:inline; zoom:1; display:inline-block;width:36px;height:36px; line-height:15px;border:1px solid #dddddd;margin-right:1px;color:#333;}
.pageing >  a.current, .pageing > a:hover {background:#fff;color: #ff9a1b; border: 1px solid #ff9a1b;}
}