/* 회사개요 */

/* 인사말 */
.greeting_content{ width: 100%; display: flex; flex-flow: row nowrap; }
.greeting_content.bg::before {content:''; position:absolute; right:-50px; top:-60px; width:124px; height:700px; background:url('/img/new/greeting03.png') no-repeat left top; background-size: 100%; z-index:-10;} 
.greeting_content>dt{ width: 480px; height: auto; margin-right: 30px; font-size: 16px; color: #666; font-weight: 200; word-break: keep-all; line-height: 25px; }
.greeting_content>dd{ width: 380px; height: 350px; background-position: center; background-repeat: no-repeat; background-size: cover; }

.greeting-top { font-size: 18px; color: #333; font-weight:600; position:relative;}
.txt_orange {color: #ef7d2d;}
.sing {color: #333;}
.sing > em {color: #000; font-weight:400;}
.greeting-top::before {content:''; position:absolute; left:-10px; top:-30px; width:55px; height:49px; background:url('/img/new/bg_quotes.png') no-repeat left top; background-size: contain; } 


/* 20220908 인증서 팝업 추가 */
.greeting-bottom {width: 100%; height: 500px; background-color: rgb(244,244,244); margin-top: 90px; margin-bottom: -80px; padding: 30px 0}
.greeting-bottom .awards{max-width: 1100px; margin: 0 auto;}
.greeting-bottom .awards_wrap  {max-width: 830px; margin-left: auto;}
.greeting-bottom .awards .awards-title h2 {padding-top: 40px; font-size: 24px; text-align: center;}
.greeting-bottom .awards .awards-container {width: 730px; margin: 0 auto;  padding-top: 40px;}


.greeting-bottom .awards .awards-container::after {display: block; content: ""; clear: both;}
.greeting-bottom .awards .awards-container div{float: left; margin-right: 20px; cursor: pointer;}
.greeting-bottom .awards .awards-container div:nth-child(5) {margin-right: 0px;}
.greeting-bottom .awards .awards-container .award {width: 130px; height: 180px;}
.greeting-bottom .awards .awards-container .awards1 img {width: 130px; height: 180px;}
.greeting-bottom .awards .awards-container .awards2 img {width: 130px; height: 180px;}
.greeting-bottom .awards .awards-container .awards3 img {width: 130px; height: 180px;}
.greeting-bottom .awards .awards-container .awards4 img {width: 130px; height: 180px;}
.greeting-bottom .awards .awards-container .awards5 img {width: 130px; height: 180px;}

.greeting-bottom .awards .awards-text {text-align: center; margin: 0 auto; font-size: 14px; padding-top: 20px;}
.greeting-bottom .awards .awards-text b {display: block; padding-top: 20px; padding-bottom: 10px;}

/* 인증서 영문 */
.greeting-bottom.en .awards_wrap {max-width: 840px;}

/* 인증서 중문 */
.greeting-bottom.cn .awards_wrap {max-width: 840px;}


/* 팝업시작 */
/* .modal {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; z-index: 1000;

} */

.modal {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); /* display: flex; justify-content: center; align-items: center; */ z-index: 1000; display: none;
}
.modal-contents {position: relative; left: 50%; margin-left: -250px; top: 50%; margin-top: -350px; width: 100%; max-width: 500px;}
/* .modal .btn {width: 30px; height: 30px; background: transparent; position: absolute; right: -30px; top: 0px; background: #ffffff;} */

.modal .btn {width: 50px; height: 50px; /* background: transparent; */
    position: absolute;  right: -50px; top: 0px; background: #ffffff; z-index: 100;}
.modal .btn img {filter: invert(1);}
/* .show {position: fixed; top: 0; width: 100%; height: 100%; left: 0;}
.show .box-wrap{position: absolute; top: 50%; margin-top: -350px; left: 50%; margin-left: -250px;} */
.modal .box-container .box-wrap {position: relative;}
.modal .box-container .box-wrap .box1 {position: absolute; display: none; top: 0; left: 0;}
.modal .box-container .box-wrap .box2 {position: absolute;  top: 0; left: 0; display: none;}
.modal .box-container .box-wrap .box3 {position: absolute;  top: 0; left: 0; display: none;}
.modal .box-container .box-wrap .box4 {position: absolute;  top: 0; left: 0; display: none;}
.modal .box-container .box-wrap .box5 {position: absolute;  top: 0; left: 0; display: none;}
.modal .box-container .box-wrap .box {width: 500px; height: 700px;}
.modal .box-container .box-wrap .box img {width: 500px; height: 700px;}




/* 사업소개 */
.business_content {width: 100%; height: auto; margin: auto;}
.business_content .text-center-box {text-align:center;}
.business-txt {padding:90px 0 70px;}
.business-tit {font-weight:600; font-size:36px; color:#000;}
.business-txt p {font-weight:500; font-size:22px; color:#333; padding-top:80px; }
.lineTit {position:relative;}
.lineTit:after { content:''; display:block; width:40px; height:3px; background:#ff9900; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%);}
.partner {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.partner img {border:1px solid #dbdbdb;/* width:23%; */ margin-bottom:4%; max-width: 100%;}


/* 오시는 길 */
.location_content{ width: 100%; height: auto; margin: auto; }
.location_content iframe {width: 100%;}
.location_content>ul{ width: 100%; max-width: 1200px; margin: 30px auto 0; border-top: 2px solid rgb(51,51,51); display: flex; flex-flow: row wrap; }
.location_content>ul>li{ width: 100%; border-bottom: 1px solid rgb(204,204,204); display: flex; flex-flow: row nowrap; justify-content: center; }
.location_content>ul>li>h4{ min-width: 120px; padding: 5px 20px; border-right: 1px solid rgb(204,204,204); color: rgb(51,51,51); font-size: 16px; font-weight: bold; }
.location_content>ul>li>p{ width: 100%; padding: 5px 20px; display: flex; flex-flow: row wrap; font-size: 16px; color: rgb(51,51,51); }
.location_content>ul>li>p>span{ margin-right: 5px; }



/* Contact Us */
.contact_con {display: flex; flex-direction: row; flex-wrap: nowrap; /* justify-content: space-between; */}
.contact_con:after {content:''; display:block; clear:both;}
.contact_con + .contact_con {padding-top:95px;}
.contact_con #map {float: left; width: calc(100% - 370px); height: 315px;}
.contact_con .contact_info {float: right; width: 370px; padding-left:29px; box-sizing:border-box;}

.contact_con .contact_info ul li {padding: 10px 0 10px 25px; background-repeat: no-repeat; background-position: 0 15px; font-weight: 300; color: #222; line-height: 25px;}
.contact_con .contact_info ul li.address {background-image: url('/img/new/icon_home.png');}
.contact_con .contact_info ul li.tel {background-image: url('/img/new/icon_tel.png');}
.contact_con .contact_info ul li.fax {background-image: url('/img/new/icon_fax.png');}
.contact_con .contact_info ul li.mail {background-image: url('/img/new/icon_mail.png');}
.contact_con .contact_info b {display: block; font-size: 16px; font-weight: 500; color:#000; }
.contact_con .contact_info p {color:#666; font-size: 16px; font-weight: 200; letter-spacing: -1px;}
.map-tit {font-size: 30px; font-weight: 500; color:#000; position:relative; padding-left:30px; top: -15px; letter-spacing: -2px;}
.map-tit:before {content:''; display: inline-block; width:23px; height:2px; background:#ef7d2d; position:absolute; top:50%; left:0;}
/* .line-orange {display: inline-block; width:23px; height:2px; background:#ef7d2d; vertical-align: super;} */



/* 온라인문의 */
.inquiry-top {font-size:18px; font-weight:300; color:#666; position:relative; margin-bottom:50px; display: flex; justify-content: space-between;}
/* .inquiry-top::before {content:''; position:absolute; left:-10px; top:-30px; width:55px; height:49px; background:url('/img/new/bg_quotes.png') no-repeat left top; background-size: contain; } */
.inquiry-txt-left {font-size: 24px; color: #000;  position:relative;}
.inquiry-txt-left .txt_orange {color: #ef7d2d; font-weight:600; }
.inquiry-top > div {display:inline-block; vertical-align: top; width: 100%;}
.inquiry-txt-right b {font-size:20px; color:#333; font-weight:600;}
.inquiry-txt-right li {display:inline-block; padding:0 35px; border-left:1px solid #ededed; width: 32%; }
.inquiry-txt-right li:nth-of-type(1) {border-left:none;}
.inquiry-txt-right .icon_img {margin-bottom:10px;}
.inquiry_form_bg {/* background:url('/img/new/inquiry_bg.jpg') no-repeat center top; background-size: cover; */ padding:35px 45px; border: 1px solid #cccccc; border-radius: 6px;}

.inquiry_form_bg .write_bg_txt {color:#fff;}
.inquiry_form_bg #captcha_info {color:#000000; font-weight:300; letter-spacing: normal;}

.inquiry_form_bg .bo_w_select select {background:#fff url("/img/new/select_arrow.png") no-repeat 95% 50%;}




.view-wrap {float:left;width:100%; margin-bottom:20px; padding-top: 20px;}
.view-left {float:left;width:50%; position:relative;}
.view-wrap:after {display:block; content:""; clear:both;}
.view-left img {width:100%;}
.view-right {float:left;width:50%; padding-left: 30px;}

/*제품 view.skin*/
#bo_v.view .type1 {width:100%; border-bottom:0; /* border-top:1px solid #333;  border-bottom:1px solid #d0d0d0;*/ overflow:hidden;}
#bo_v.view .type1 table {width:100%; border: 1px solid #ddd;}
#bo_v.view .type1 th { padding: 15px; background:#f9f9f9; border-right: 1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}
#bo_v.view .type1 td { padding: 15px; border-bottom: 1px solid #ddd; text-align: left;}

.inquiryBtnArea {text-align:right;}
.btn_inquiry {display: inline-block; width: 130px; height: 40px; line-height: 40px; background: #ec713f; text-align: center; color: #fff; font-size: 16px; font-weight: 500; font-weight: 600;}



.view-left .thumbBig div {vertical-align:top;}
.view-left .thumbBig .list {position:relative; width:100%; height:400px;border:1px solid #cccccc; background-color: #e6e6e6;}

.view-left .thumbBig .list img {position:absolute; width:100%;height:100%;}
.view-left .thumbBig .list img.lan {width:100%;height:auto;top:50%;left:0;transform:translateY(-50%);}
.view-left .thumbBig .list img.ver {width:auto;height:100%;top:0;left:50%;transform:translateX(-50%);}


.view-left .slick-dots {margin-top:10px; overflow:hidden;}
.view-left .slick-dots li {position:relative; float:left; width:17%; padding-bottom:17%; margin-right:2%; cursor:pointer; list-style:none;}
.view-left .slick-dots li:last-child {margin-right:0;}
.view-left .slick-dots li img {position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0.4; filter:alpha(opacity=40); -mox-opacity:0.4;}
.view-left .slick-dots li.slick-active img {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}

.view-left .slider-nav .list {margin:20px 10px;}
.view-left .slider-nav .list img { max-height: 105px;}
.slick-prev:before, .slick-next:before {color:#000;}

/*제품 이미지 슬라이드용*/
.slider-nav .slick-next:before, 
.slider-nav .slick-prev:before {color:#000000 !important;}
.slider-nav .slick-prev {background-color:#dddddd;height:calc(100% - 40px);width:25px;left:0;z-index:1;}
.slider-nav .slick-next {background-color:#dddddd;height:calc(100% - 40px);width:25px;right:0;}
.slider-nav .slick-next:hover, 
.slider-nav .slick-prev:hover {background-color:#cccccc;}
.slider-nav .slick-list {margin-left: 30px;margin-right: 30px;}
.slider-nav .slick-slide > img {height:90px}
/*제품 이미지 슬라이드용*/

/*제품 이미지 크게 슬라이드*/
.layer-continer { display:none;  z-index:200; position:fixed; left:0; top:0; width:100%; height:100%;z-index: 4000; overflow-y: auto;}
.layer-continer .l-blind { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.layer-continer .in-layer {
	position:absolute; left:50%; top:50%; width:100%;max-width:700px; background:#fff; transform:translate(-50%, -50%); 
	-webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); 
	-o-transform:translate(-50%, -50%); 
}
.btn-close {
	position:absolute; right:0; top:0; width:76px; height:76px; background:url("/img/btn_closeX_gray.png") no-repeat center; background-size:22px; 
	z-index:1000;background-color:rgba(255,255,255,0.7);
}
.layer-continer .in-layer .cont-area {box-sizing:border-box;}
.layer-continer .in-layer .cont-area p {text-align:center;}
.layer-continer .in-layer .cont-area p > img {width:100%;}
.layer-continer .slick-custom-prev {position: absolute;left: -40px;top: 50%;background-color: rgba(255,255,255,0.8);border-radius: 5px;padding: 10px 5px;cursor:pointer;}
.layer-continer .fas {font-size:48px;}
.layer-continer .slick-custom-next {position: absolute;right: -40px;top: 50%;background-color: rgba(255,255,255,0.8);border-radius: 5px;padding: 10px 5px;cursor:pointer;}
/*제품 이미지 크게 슬라이드*/