@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .txt-area{margin-top:55px;display:flex;justify-content:space-between;align-items:center;}
.greeting .txt-area .bland{font-size:35px;font-weight:700;color: #333;line-height:1.286em;padding-right:40px;}
.greeting .txt-area .txt-box .txt{font-size:18px;line-height:1.556em;}
.greeting .txt-area .txt-box .txt span{font-weight:600;color: #333;}
.greeting .txt-area .txt-box .txt:first-child{margin-bottom:24px;}

.location{display:flex;}
.location .info{width:42.0833%;border-top:1px solid #242424;}
.location .info li.active{border-bottom:1px solid #ddd;}
.location .info li.active .tit{background-color: #f8f8f8;}
.location .info .tit{color: #333;font-size:30px;font-weight:700;border-bottom:1px solid #ddd;}
.location .info .tit a{display:block;position:relative;height:80px;line-height:78px;padding:0 20px;}
.location .info .tit a:after{content:'';width:14px;height:9px;background:url('../images/sub/location_arrow.png')no-repeat 50% 50%/contain;right:25px;top:50%;position: absolute;margin-top:-4px;}
.location .info .cnt{padding:40px 20px 100px;display:none;}
.location .info .cnt p{font-size:18px;position:relative;padding-left:40px;margin-bottom:20px;}
.location .info .cnt p:last-child{margin-bottom:0;}
.location .info .cnt p:after{content:'';width:20px;height:20px;background:url('../images/sub/icon_location.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:3px;}
.location .info .cnt p.type2:after{background-image:url('../images/sub/icon_tel.png');}
.location .info .cnt p.type3:after{background-image:url('../images/sub/icon_fax.png');}
.location .info .cnt p.type4:after{background-image:url('../images/sub/icon_mail.png');}
.location .info li.active .cnt{display:block;}
.location .info li.active .tit a:after{transform:rotate(-180deg);}
.location .maps{width:57.9166%;padding-left:15px; position:relative;height:680px;}

.map-con {position:absolute; width:100%; height:680px; opacity:0;transition:.3s;}
.map-con .root_daum_roughmap {width:100% !important; height:100% !important;}
.map-con .root_daum_roughmap .wrap_map {height:100% !important;}

.location .maps .map-con.active {opacity:1;}

.product-list ul{display:flex;felx-wrap:wrap;margin:0 -11px -24px;}
.product-list ul li{width:33.3333%;padding:0 11px;margin-bottom:24px;}
.product-list ul li a{display:block;position:relative;transition:.3s;}
.product-list ul li a:hover{box-shadow:3px 3px 7px rgba(0,0,0,.35);}
.product-list ul li .pic {position:relative; height:0; padding-bottom:74.745%; overflow:hidden;}
.product-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.product-list ul li a:hover .hover{opacity:1;}
.product-list ul li .hover{background-color:rgba(0,0,0,.7);color: #fff;position: absolute;left:0;top:0;right:0;bottom: 0;padding:35px 30px;transition:.3s;opacity:0;}
.product-list ul li .hover:after{content:'';width:22px;height:22px;background:url('../images/sub/list_plus.png')no-repeat 50% 50%/contain;position: absolute;right:20px;top:20px;}
.product-list ul li .hover .tit{position:absolute;bottom:25px;color: #fff;font-size:20px;left:30px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;padding-right:30px;text-align:left;}

.product_detail .top-con{display:flex;margin-bottom:103px;}
.product_detail .txt-box{width:54.3333%;padding-right:62px;position:relative;padding-bottom:180px;}
.product_detail .txt-box .tit{font-size:24px;font-weight:600;color: #333;padding-bottom:20px;border-bottom:1px solid #242424;margin-bottom:37px;}
.product_detail .txt-box .tit span{font-size:18px;font-weight:500;color: #555;margin-left:24px;}
.product_detail .txt-box .info{margin-bottom:0;}
.product_detail .txt-box .info dl{display:flex;line-height:1.625em;margin-bottom:35px;}
.product_detail .txt-box .info dt{white-space:nowrap;color:#333;font-weight:500;}
.product_detail .txt-box .info dd{margin-left:4px;}
.product_detail .txt-box .info .imgs{display:flex;margin:0 -10px 30px;}
.product_detail .txt-box .info .imgs li{width:33.3333%;padding:0 10px;}
.product_detail .txt-box .info .imgs li .pic {position:relative; height:0; padding-bottom:74.74%; overflow:hidden;}
.product_detail .txt-box .info .imgs li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.product_detail .txt-box .notice{color: #e60518;font-weight:500;position: absolute;left:0;bottom:150px;}
.product_detail .list-back{display:flex;justify-content:center;align-items:center;max-width:130px;width:100%;height:50px;border:1px solid #ddd;font-size:18px;color: #333;position: absolute;bottom:0;left:0;}
.product_detail .img-box{width:45.6666%;}
.product_detail .img-box .viewr{width:100%;}
.product_detail .img-box .origin{position: relative;margin-bottom:15px;}
.product_detail .img-box .origin .pic {position:relative; height:0; padding-bottom:74.82%; overflow:hidden;}
.product_detail .img-box .origin .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.product_detail .img-box .origin .txt-wrap{font-weight:500;display:flex;justify-content:center;align-items:center;max-width:220px;height:40px;width:100%;position: absolute;left:50%;transform:translateX(-50%);bottom:0;background-color:rgba(0,0,0,.8);}
.product_detail .img-box .origin .txt-wrap span{padding-right:29px;position:relative;color: #fff;}
.product_detail .img-box .origin .txt-wrap span:after{content:'';width:15px;height:15px;background:url('../images/sub/icon_scale.png')no-repeat 50% 50%/contain;position: absolute;right:0;top:5px;}
.product_detail .thumb .items {margin:0 -3px;}
.product_detail .thumb .item {padding:0 3px;width:33.3333%;cursor:pointer;}

.zoomWindowContainer {position:absolute; top:0;left:-201%;}

.product_detail .btm-con{padding-top:40px;border-top:1px solid #ddd;}
.product_detail .list-back.type2{border-color:#e60518;background-color: #e60518;color: #fff;position:static;margin:58px auto 0;}