@charset "utf-8";

#sub_visual {background:url('../img/sub/sub_bg.jpg') center no-repeat; background-size:cover; height:180px; text-align:center;}
#sub_visual h3 {text-align:center; color:#fff; display:block; overflow:hidden; width:100%; font-size:40px; letter-spacing:0.1em; line-height:180px; text-shadow:0px 3px 3px rgba(0,0,0,0.3);}

#sub_menu {border-bottom:1px solid #eeeeee;}

#sub_menu ul {display:block; overflow:hidden; text-align:center; height:50px; line-height:50px;}
#sub_menu ul li {display:inline-block; /*width:160px;*/ width:144px; margin-left:-3px;}
#sub_menu ul li a {display:block; overflow:hidden; font-size:16px;}
#sub_menu ul li.on a {background:#002b76; color:#fff;}

.contents {padding:90px 0px;}
.contents .tit {position:relative; font-size:28px; padding:0px 0px 12px; margin-bottom:60px;}
.contents .tit:before {position:absolute; bottom:0; display:block; width:100%; height:1px; background:#d2d2d2; content:'';}
.contents .tit:after {position:absolute; bottom:1px; display:inline-block; width:250px; height:3px; background:#002b76; content:'';}


.sub_stab {position:relative; z-index:11; text-align:center; margin-bottom:40px; width:70%;height: auto; margin:0 auto;}
.sub_stab li {display:inline-block; width:calc(100%/3 - 5px); height:42px; line-height:42px; font-size:17px;}
/*.sub_stab.sub_stab2 li {width:calc(100%/2 - 100px);}*/
.sub_stab li a {display:block; overflow:hidden; background:#eeeeee;}
.sub_stab li.on a {background:#002b76; color:#fff;}

/*�غ���*/
.ing {text-align:center; border:1px solid #dedede;  padding:250px 0px 130px 0px; background:url('../img/logo.png') center 150px no-repeat; top:0;}
.ing h3 {font-size:24px; color:#777; margin:20px 0px;}
.ing p {font-size:16px; line-height:28px; color:#777; word-break:keep-all;}


/* ȸ�簳�� */
.company {}
.company .img {background:url('../img/sub/company_img.jpg') center no-repeat; height:700px; background-size:cover;}
.company .text {display:block; overflow:hidden; background:#fff; border-radius:15px; margin:5px 49px; margin-top:-134px; padding:51px 63px;}
.company .text ul.info {float:left; width:629px;}
.company .text ul.info li {font-size:16px; border-bottom:1px solid #d2d2d2; line-height:40px;}
.company .text ul.info li strong {display:inline-block; width:95px; margin-right:42px; letter-spacing:0.2em; text-align:center; color:#222222; font-weight:normal;}

.company .text ul.certi-bn {display:block; overflow:hidden; float:right; width:255px;}
.company .text ul.certi-bn li {clear:both; display:block; overflow:hidden; text-align:left; margin:11px 0px;}
.company .text ul.certi-bn li img {float:left; margin-right:28px;}
.company .text ul.certi-bn li span {display:inline-block; margin-top:29px; vertical-align:middle; font-size:14px; line-height:19px;}
.company .text ul.certi-bn li span strong {font-size:16px;}

.company .text ul.certi-bn li:last-child img {margin-right:17px;}


/* ���ô� �� */
.location {display:block; overflow:hidden; }
.location .lo01 {display:block; overflow:hidden; margin-bottom:94px;}
.location .lo01 .info {float:left; width:395px; margin-right:55px;}
.location .lo01 .info h4 {display:inline-block; width:100px; height:30px; line-height:30px; font-size:24px; background:#002b76; color:#fff; padding-left:8px; margin-bottom:14px;}
.location .lo01 .info ul {margin:0px 5px; display:block; overflow:hidden;}
.location .lo01 .info ul li {font-size:14px; border-bottom:1px solid #d2d2d2; line-height:50px;}
.location .lo01 .info ul li strong {display:inline-block; width:82px; margin-right:79px;}
.location .lo01 .map {float:left; width:850px; height:550px;}
.location .lo01 .map iframe {height:550px;}

.location .factory {float:left; width:613px;}
.location .factory h4 {font-size:20px; border-left:5px solid #002b76; padding-left:8px; height:20px; line-height:20px;}
.location .factory .map {width:100%; height:400px; margin:15px 0px 13px; overflow:hidden;}
.location .factory ul {margin:0px 5px; display:block; overflow:hidden;}
.location .factory ul li {font-size:14px; border-bottom:1px solid #d2d2d2; line-height:50px;}
.location .factory ul li strong {display:inline-block; width:82px; margin-right:79px;}

.location .lo03 {margin-left:73px;}


/*��ǰ*/
.product {display:block; overflow:hidden; margin:0px -30px;}
.product .pro-box {width:550px; float:left; display:block; overflow:hidden; margin:0px 65px 130px;}
.product .pro-box .img {text-align:center; margin-bottom:23px; height:271px;}
.product .pro-box .img img {vertical-align:middle;}
.product .pro-box .info {position:relative; display:block; overflow:hidden;}
.product .pro-box .info h4 {font-size:20px; border-left:5px solid #002b76; height:20px; line-height:20px; padding-left:15px; margin-bottom:27px;}
.product .pro-box .info a.btn {position:absolute; top:0; right:0; display:inline-block; width:118px; height:28px; line-height:28px; border:1px solid #050001;}
.product .pro-box .info a.btn:hover {background:#050001; color:#fff;}
.product .pro-box .info ul { line-height:42px;}
.product .pro-box .info ul li {display:block; overflow:hidden; font-size:14px; padding:0px 22px; border-bottom:1px solid #d2d2d2;}
.product .pro-box .info ul li strong {display:inline-block; width:90px; font-size:16px; margin-right:30px;}

.product .pro-box .info ul li.num {background:#002b76; color:#fff;}
/*.product .pro-box .info ul li.num strong {}*/
.product .pro-box .info ul li.num em {font-style:normal; margin-left:19px;}

.product .pro-box .info ul li.standard strong {float:left; text-align:center;}
.product .pro-box .info ul li.standard span {float:left; display:block; line-height:20px; padding:11px 0;}

.product .pro-box .info ul li.price {display:block; overflow:hidden; height:61px; line-height:79px; font-size:16px;}
.product .pro-box .info ul li.price .half {float:left; width:50%;}
.product .pro-box .info ul li.price strong {line-height:16px; width:auto; margin-right:15px;}
.product .pro-box .info ul li.price strong span {font-size:12px;}



.product-view {position:relative;}
.product-view .img {text-align:center; padding:50px 0px 150px 0px;}

.product-view .num {position:absolute; top:15px; right:0; background:#f9f9f9; width:300px; padding:28px 19px;}
.product-view .num span {margin-left:2px; display:inline-block; vertical-align:middle; line-height:24px; font-size:16px; text-transform: uppercase;}

.product-view .viewer {display:block; overflow:hidden; background:#f2f2f2; padding:15px; margin:0px 49px 25px;}
.product-view .viewer span {float:left; height:40px; line-height:40px; font-size:16px; padding-left:22px;}
.product-view .viewer ul.btn {float:right; height:40px; line-height:40px; padding:0;}
.product-view .viewer ul.btn li {display:inline-block; margin-left:10px;}
.product-view .viewer ul.btn li a {width:170px; font-size:16px; font-weight:normal;text-align:center; display:block; overflow:hidden; background:#002b76; color:#fff;}
.product-view .viewer ul.btn li a i {margin-left:2px;}
.product-view ol.info {display:block; overflow:hidden; margin:0px 49px; list-style:none;}
.product-view ol.info li {display:block; overflow:hidden; font-size:16px; border-bottom:1px solid #d2d2d2; line-height:15px; padding:24px 0px;}
.product-view ol.info li strong {clear:both; float:left; width:120px; border-left:5px solid #002b76; height:15px; font-size:16px; letter-spacing:0.15em; font-weight:bold; text-align:center;}
.product-view ol.info li strong.word2 {letter-spacing:0.15em;}
.product-view ol.info li strong.word3 {letter-spacing:0.21em;}
.product-view ol.info li dl {float:left; width:1028px; margin-top:5px;}
.product-view ol.info li dl dd {line-height:30px; }

.product-view ol.info li.gal {position:relative;}
.product-view ol.info li.gal img {margin-right:15px;}
.product-view ol.info li.gal img:last-child {margin-right:0;}
.product-view ol.info li.gal a.btn {position:absolute; left:24px; top:53px; display:inline-block; background:#002b76; color:#fff; font-size:14px; width:62px; height:30px; line-height:30px; text-align:center; padding:0; font-weight:normal;}



.product-view p.pro_ing {display:block; text-align:center; font-size:20px; margin-top:-40px; margin-bottom:40px;}
.product-view p.important {font-weight:bold; font-size:32px; line-height:42px; margin-top:-160px; margin-bottom:80px; color:#002b76;}
.product-view p.important:before {position:relative; display:inline-block; content:url('../img/tit_before.png'); top:8px; margin-right:40px;}
.product-view p.important:after {position:relative; display:inline-block; content:url('../img/tit_after.png');  top:8px; margin-left:40px;}


/* 211124 새광산업 영상추가 */
.product-view ol.info li div.video-wrap {width: calc(100% - 230px); text-align: center; background: #f9f9f9; padding: 15px; margin-left: 120px;}