@charset "utf-8";
/* ========================================
Website :  K-pars(O2O)
File Name : add_style.css
Version : CSS2.1 (+ 3.0)
Maker : amoo (minuya@gmail.com)
Date : 2021 / MAY
Explanation : add_style(RWD)
Modify Date : 2021 / 07 / 29
======================================== */

/* common*/
.w-auto{width: auto!important;}

/* === All Device(Default) === */

/* .prod-result */
.prod-list-wrap .prod-result + .prod-result{margin-top:-15px}
.prod-result{position:relative;margin:0 0 10px}
.prod-result .result{max-width:95%;font-weight:300;font-size:16px;padding:12px 0}
.prod-result .result em{color:#144ba0;font-weight:500;font-size:18px}
.prod-result .result a{padding-right:6px;font-size:14px}
.prod-result .result a:after{content:'\003E';display:inline-block;padding-left:6px;color:#868585;line-height:1}
.prod-result .result span + span{margin-left:6px}
.prod-result .result span > em{margin-left:6px}
.prod-result .result span > em:before{content:'\201C'}
.prod-result .result span > em:after{content:'\201D'}
.prod-result .view-type{position:absolute;top:13px;right:0}
.prod-result .view-type button{position:relative;display:inline-block;width:25px;height:21px;padding:2px;text-indent:-9999em}
.prod-result .view-type button:after{content:'';position:absolute;top:3px;left:3px;width:17px;height:13px;background:url(/images/gtrade/ico-list-view-type.png) no-repeat}
.prod-result .view-type button.list:after{background-position:0 0}
.prod-result .view-type button.list.active:after{background-position:0 -15px}
.prod-result .view-type button.gallery:after{background-position:-24px 0}
.prod-result .view-type button.gallery.active:after{background-position:-24px -15px}
.prod-result .sorting-group{position:absolute;top:7px;right:60px}
/* Webinar */
.webinar{padding:30px 0 60px}
.webinar + .align-center{margin:-50px 0 60px}
.webinar:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.webinar .page-title{margin:0 0 34px;color:#fff;font-weight:400;font-size:30px;line-height:56px;text-align:center;background:#144ba0}
.webinar .list-order-Wrap{margin:0 -15px}
.webinar .list-order-Wrap:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.webinar .list-item{position:relative;float:left;width:calc(100% / 3 - 30px);margin:0 15px 30px;padding-bottom:56px;vertical-align:top;box-shadow:1px 0 12.61px .39px rgba(9, 9, 9, .14);border-radius:4px}
.webinar .list-item a{display:block;width:100%;background:#fff;border-bottom:1px solid #dadada}
.webinar .list-item a:hover, .webinar .list-item a:focus{text-decoration:none}
.webinar .thum{display:block;width:100%;overflow:hidden;height:197px;background:#f7f7f7}
.webinar .thum img{max-width:100%;height:auto;width:100%;vertical-align:bottom}
.webinar .cont{padding:9.3%}
.webinar .region{position:relative;padding-bottom:5px;color:#25282d;font-weight:500}
.webinar .region:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#25282d}
.webinar .tit{margin-top:8%;color:#25282d;font-weight:300;font-size:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;height:56px;overflow:hidden}
.webinar .txt{width:100%;margin-top:4.2%;font-weight:400;font-size:15px}
.webinar .txt:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.webinar .txt dt{position:relative;clear:both;float:left;width:auto;padding-right:12px;font-weight:500;margin-bottom:6px;color:#333}
.webinar .txt dt:before{content:'';position:absolute;top:7px;right:5px;width:2px;height:2px;background:#333}
.webinar .txt dt:after{content:'';position:absolute;top:13px;right:5px;width:2px;height:2px;background:#333}
.webinar .txt dd{float:left;color:#555;margin-bottom:6px}
.webinar .state{position:absolute;top:0;right:0;min-width:55px;padding:1.2em .6em;color:#fff;font-weight:500;text-align:center;box-sizing:border-box}
.webinar .state.ing{background:#02c3a6} /* 신청중 */
.webinar .state.end{background:#c2170f} /* 종료 */
.webinar .state.deadline{background:#828282} /* 신청마감 */
.webinar .state.ready{background:#4f5e77} /* 신청대기 */
.webinar .btn-apply{position:absolute;bottom:0;display:block;width:100%;color:#333;font-weight:500;font-size:14px;line-height:54px;text-align:center;background:#fff}
.webinar .btn-apply > span{position:relative;padding-right:25px}
.webinar .btn-apply > span:before{content:'';position:absolute;right:0;top:50%;width:11px;height:1px;background:#ccc}
.webinar .btn-apply > span:after{content:'';position:absolute;right:0;top:50%;width:5.36px;height:5px;margin-right:-3px;border:solid #999;border-width:0 1px 1px 0;transform:rotate(-45deg) translateY(-50%)}
/* webinar-view */
.webinar-view{margin-bottom:80px;padding:35px 0}
.webinar-view .page-title{color:#fff;font-weight:400;font-size:30px;line-height:56px;text-align:center;background:#144ba0}
.webinar-view .webinar{padding:20px}
.webinar-view .webinar-desc{clear:both;padding:35px 20px 0;font-size:1.2em;line-height:1.5;border-top:1px dashed #dedede}
.webinar-view .webinar .list-item{width:100%;margin:0;padding-bottom:35px;box-shadow:none}
.webinar-view .webinar .list-item:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.webinar-view .webinar .thum{float:left;width:calc(68% - 25px);height:400px;margin-right:25px}
.webinar-view .webinar .thum img{height:400px}
.webinar-view .webinar .cont{float:right;width:32%;height:400px;padding:35px 20px 20px;background:#f4f6f6;border-radius:10px;box-sizing:border-box}
.webinar-view .webinar .txt{margin-top:10px}
.webinar-view .webinar .state{top:20px}
.webinar-view .webinar .btn-area{margin-top:20px}
.webinar-view .btn-webinar{width:100%;padding:0 8px;color:#fff;font-size:16px;line-height:41px;border-radius:4px}
.webinar-view .btn-webinar.apply{margin-bottom:10px;color:#144ba0;background:#fdfdfd;border:1px solid #4a7bbc}
.webinar-view .btn-webinar.access{background:#144ba0}
/* product List, company List top tab menu */
.list-tap-menu{width:100%;margin-bottom:20px;}
.list-tap-menu ul{display:flex;flex-wrap:wrap;box-shadow:1px 0 12.61px 0.39px rgb(9 9 9 / 14%);}
.list-tap-menu ul li{width:25%;height:42px;border:1px solid #e0e0e0;box-sizing:border-box;}
.list-tap-menu ul li a{display:block;width:100%;height:100%;text-align:center;background:#fff;transition:0.1s;}
.list-tap-menu ul li a:hover{background:#1f5ea0;}
.list-tap-menu ul li a span{position:relative;display:block;width:80%;margin:0 auto;font-size:15px;font-weight:500;line-height:39px;color:#455a7b;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list-tap-menu ul li a span:hover{color:#fff;}
.list-tap-menu ul li a.active span{color:#fff;}
.list-tap-menu ul li a span::after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:1px;background:#fff;transition:0.3s}
.list-tap-menu ul li a:hover span::after{width:120%;}
.list-tap-menu ul li a.active{color:#fff;background:#1f5ea0;}


/* Product List */
.prod-list-wrap{display:block; padding:30px 0 60px 265px}
.prod-list-wrap:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.prod-list{margin:0 0 60px;padding:0 20px 30px;background:#fff;border:1px solid #f1f6f8;box-shadow:1px 0 12.61px .39px rgba(9, 9, 9, .14)}
.prod-list + .align-center{margin:-20px 0 60px}
.prod-list .list-item{position:relative;margin-top:20px;padding-top:20px;border-top:1px solid #f2f2f2}
.prod-list .list-item:first-of-type{margin:0;border:0}
/*.prod-list.comp-list .list-item .cont:before{content:"";position:absolute;top:0;right:20px;width:40px;height:28px; background:url(/images/gtrade/2d.png)100%/cover no-repeat;}*/
.prod-list.comp-list .list-item2 .cont:before{ display: none; /*content:"";position:absolute;top:0;right:20px;width:40px;height:28px;background:url(/images/gtrade/3d.png)100%/cover no-repeat;*/}
.prod-list.comp-list .list-item .cont .move-home-btn{position:absolute;top:0;width:40px;height:28px;text-align:center;line-height:26px;}
.prod-list.comp-list .list-item .cont .move-home-btn i.fas{font-size:17px;}
.prod-list.comp-list .list-item .cont .move-home-btn.home-btn-4{right:95px;}
.prod-list.comp-list .list-item .cont .move-home-btn.home-btn-4 i.fas{color:#1C4467}.prod-list.comp-list .list-item .cont .move-home-btn.home-btn-3{right:65px;}
.prod-list.comp-list .list-item .cont .move-home-btn.home-btn-3 i.fas{color:#8d2b2c}
.prod-list.comp-list .list-item .cont .move-home-btn.home-btn-2{right:0;}
.prod-list.comp-list .list-item .cont .move-home-btn.home-btn-2 i.fas{color:#1C4467}

.prod-list .list-info{margin-right:220px;min-height:165px}
.prod-list .list-info:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.prod-list .thum{position:relative;float:left;width:31%;min-height:150px;border:1px solid #eee;box-sizing:border-box;overflow:hidden}
.prod-list .thum a{display:block;text-align:center;height:100%;}
.prod-list .thum img{max-width:80%;height:auto;vertical-align:top;width:100%}
.prod-list .cont{position:relative;display:inline-block;width:100%;padding:2px 20px 2px 0;box-sizing:border-box;}
.prod-list .thum + .cont{width:69%;padding:2px 20px}
.prod-list .tit > a{display:block;width:70%;padding:1px;color:#144ba0;font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.prod-list .tit > a:hover, .prod-list .tit > a:focus{text-decoration:underline}
.prod-list .txt{width:100%; margin-top:10px}
.prod-list .txt:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.prod-list .txt dt{position:relative;clear:both;float:left;margin-right:8px;padding-right:8px;color:#333;font-weight:500}
.prod-list .txt dt:before{content:'';position:absolute;top:6px;right:-2px;width:2px;height:2px;background:#333}
.prod-list .txt dt:after{content:'';position:absolute;top:11px;right:-2px;width:2px;height:2px;background:#333}
.prod-list .txt dd{float:left; width:calc(100%);color:#555;word-break:break-all}



.prod-list .txt.col-block {}
.prod-list .txt.col-block dt:before{display: none;}
.prod-list .txt.col-block dt:after{display: none;}
.prod-list .txt.col-block dd{}

/* #en .prod-list .txt dd{width:calc(100% - 85px)} 20230213- 수정 */
.prod-list .desc{margin-top:10px;height:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}
.prod-list .sub-cont{position:absolute;top:20px;bottom:0;right:0;display:inline-block;width:220px;padding:8px 0 8px 20px;border-left:1px solid #f2f2f2;box-sizing:border-box}
.prod-list .sub-cont .comp-info{margin-bottom:15px;padding:0}
.prod-list .sub-cont .comp-info .comp-thum img{display:inline-block;width:44px;height:44px;border-radius:3px;overflow:hidden}
.prod-list .sub-cont .comp{diplay:block;margin-left:25px;font-size:14px;color:#333}
.prod-list .sub-cont .comp:hover, .prod-list .sub-cont .comp:focus{text-decoration:underline}
.prod-list .sub-cont .comp-info .pro-com-move{position:absolute;width:25px;top:6px;font-size:16px;vertical-align:top;text-align:left;color:#033959}
.prod-list .sub-cont .comp-info .pro-com-move2{position:absolute;width:25px;top:6px;font-size:16px;vertical-align:top;text-align:left;color:#8d2b2c}
.prod-list .sub-cont .info{font-size:13px}
.prod-list .sub-cont .info:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.prod-list .sub-cont .info li{margin-top:3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.prod-list .sub-cont .info li.markets{white-space:inherit}
.prod-list .sub-cont .info em{clear:both;float:left;margin-right:3px}
.prod-list .btn-apply{min-width:61px;margin:2px 1px;padding:0 7px;color:#fff;font-size:13px;line-height:23px;border-radius:3px;}
.prod-list .btn-apply.inquiry{background:#144ba0} /* 인콰이어리 */
.prod-list .btn-apply.chat{background:#4475c1} /* 채팅 */
.prod-list .btn-apply.consult{background:#d06e34} /* 화상채팅 */
.prod-list .btn-apply.comDetail{background:#d03434} /* 기업상세 */
.comp-info-area .btn-apply.comDetail{background:#d03434; width: 99%!important; } /* 기업상세 */
.prod-list .btn-apply.contact{width:100%;line-height:28px;background:#4475c1} /* ContactNow */
.prod-list > .listDel{margin-top:20px}
.prod-list .check_item{position:absolute;top:20px;left:0;padding:.5em;z-index:99}
.pro_list_area + .align-center > .pagination{margin-top:0}
.prod-list .btn-area{margin-top:12px; padding:12px 0; border-top:0px dashed #ececec}



/* Product List(+gallery-type) */
.prod-list.gallery-type{width:calc(100% + 15px);margin:0 -15px 0 0;padding:0;background:transparent;border:0;box-shadow:none}
.prod-list.gallery-type:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.prod-list.gallery-type .list-item{ position:relative;float:left;width:calc(33.33% - 15px);margin:0 15px 30px 0;padding:0;vertical-align:top; background-color:#fff; border:1px solid #f1f6f8;box-sizing:border-box;box-shadow:1px 0 12.61px .39px rgba(9, 9, 9, .14)}
.prod-list.gallery-type .list-info{display:block;width:100%;padding:12px 12px;background:#fff;box-sizing:border-box}
.prod-list.gallery-type .thum{float:none;display:block;width:100%;height:250px;min-height:184px}
.prod-list.gallery-type .thum img{width:100%; max-width:100%!important; height:100%;vertical-align:bottom}
.prod-list.gallery-type .thum + .cont{width:100%;padding:0}
.prod-list.gallery-type .cont{ min-height:95px}/*min-height:123px*/
.prod-list.gallery-type .cont .tit{margin-top:20px}
.prod-list.gallery-type .cont .tit a{font-size:14px; width: 100%; height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;word-wrap:break-word;white-space:normal;overflow:hidden}
.prod-list.gallery-type .cont .txt{display:none;height:48px;margin:0;overflow:hidden}
.prod-list.gallery-type .cont .txt dt{width:0;font-size:0}
.prod-list.gallery-type .cont .txt dt:before, .prod-list.gallery-type .cont .txt dt:after{display:none}
.prod-list.gallery-type .cont .txt dd{width:100% !important;margin:4px 0 2px}
.prod-list.gallery-type .cont .desc{ height:auto; margin-bottom:0} /*height:60px;*/
.prod-list.gallery-type .frm{display:none}
.prod-list.gallery-type .cont .frm label{line-height:1.5}
.prod-list.gallery-type .sub-cont{position:static;width:100%;padding:0;text-align:center;border:0}
.prod-list.gallery-type .comp-info{display:none}
.prod-list.gallery-type .btn-area{margin-top:12px;padding:12px 0;border-top:1px dashed #ececec}
/* Product List(+.comp-list) */
.prod-list.comp-list .list-info{margin-right:0}
.prod-list.comp-list .thum{width:20%;display:flex;align-content:center;justify-content:center;align-items:center}
.prod-list.comp-list .thum + .cont{width:calc(100% - 20% - 220px)}
.prod-list.comp-list .sub-cont{position:static;display:block;float:right;min-height:136px}
.prod-list.comp-list .sub-cont .txt dt,
.prod-list.comp-list .sub-cont .txt dd { display: block; width: 100%; text-align: left; }
/*.prod-list.comp-list .txt dd{width:calc(100% - 114px)}*/


/* Product List(+.buylist) - buyerlist */
.prod-list.buyerlist .list-item {padding: 20px 0px;}
.prod-list.buyerlist .list-info { min-height: auto;}
.prod-list.buyerlist .cont { width: 100%;}
.prod-list.buyerlist .cont .tit {color: #144ba0!important; font-size: 18px;}
.prod-list.buyerlist .sub-cont { margin-top: 0px; }
.prod-list.buyerlist .txt dt{ display: inline-flex;}
.prod-list.buyerlist .txt dd{ float: inherit; line-height: 20px; width: auto;}


/* Product List(+.comp-list)(+gallery-type) */
.prod-list.comp-list.gallery-type {}
.prod-list.comp-list.gallery-type .thum{width:100%;height:110px;min-height:initial}
.prod-list.comp-list.gallery-type .thum img{width:100%; max-width:min-content!important;}
.prod-list.comp-list.gallery-type .cont{width:100%;min-height:initial}
.prod-list.comp-list.gallery-type .cont .txt{height:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.prod-list.comp-list.gallery-type .desc{display:none}
.prod-list.comp-list.gallery-type .sub-cont{min-height:auto}
.prod-list.comp-list.gallery-type .sub-cont .txt.col-block{}
.prod-list.comp-list.gallery-type .sub-cont .txt dt { display: block; text-align: left; width: 100%; }
.prod-list.comp-list.gallery-type .sub-cont .txt dd { display: block; text-align: left; width: 100%; }
.prod-list.comp-list.gallery-type .sub-cont  dl:first-of-type > dd{ height: 20px; overflow: hidden !important; text-overflow:ellipsis!important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important;}
.prod-list.comp-list.gallery-type .sub-cont  dl:last-of-type > dd{ height: 40px; line-height: 20px; overflow: hidden !important; text-overflow:ellipsis!important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;}

/* comp-info */
.comp-thum img + img{margin-left:4px}
.comp-desk{font-size:13px}
.comp-desk li{position:relative;margin:5px 0;padding-left:27px;max-height:38px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;overflow:hidden}
.comp-desk li:before{content:'';position:absolute;top:0;left:0;display:inline-block;width:19px;height:19px;margin-right:4px;vertical-align:middle;background:url(/images/gtrade/ico-comp-info.png) no-repeat}
.comp-desk .region:before{background-position:0 0;padding-bottom:5px}
.comp-desk .contact:before{background-position:0 -30px}
.comp-desk .email:before{background-position:0 -60px}



/* .prod-list-side */

/*.prod-list-side{position:absolute;top:0;left:0;margin-left:20px;width:198px;padding-top:30px;padding-bottom:15px;border-bottom:1px solid #4a7bbc}*/
*.prod-list-side{position:absolute; top:20px; left:0;margin-left:20px;width:198px;padding-top:30px;padding-bottom:0px;border-bottom: 2px solid #31567c;border-radius: 8px;}
.related-list-area { display: none!important;} /* product list 하나만 나오게 */
.related-list-area > .tit{ font-weight:500;font-size:15px;line-height:41px;color:#050505;text-align:center;border:solid #4a7bbc;border-width:4px 0 2px;}
.related-list{padding:20px 5px;max-height:352px}
.related-list .list-tit a{font-weight:500;font-size:14px;color:#2d66b3;letter-spacing:-.05em}
.related-list ul{margin:12px 0 0}
.related-list ul li{position:relative;padding:4px 0 0 8px;font-weight:300;font-size:13px;color:#555;overflow:hidden;height:18px;word-break:break-all}
.related-list ul li:before{content:'';display:inline-block;position:absolute;left:0;top:50%;width:4px;height:1px;background:#555}
.related-list ul li a{display:inline-block}
.related-list li a.on{font-weight:bold;color:#075eb7}
.related-list .more{display:inline-block;font-weight:500;font-size:12px;line-height:2.2em;color:#2d66b3}
.related-list .more:after{content:'';display:inline-block;margin-left:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #4e7ebd}
.related-list ul li:nth-child(n+6){display:none}


.recent-list-area { display: block!important; background: #fff; border-radius: 8px; box-shadow: 1px 0 12.61px 0.39px rgb(9 9 9 / 12%);}
/*.recent-list-area .tit{font-weight:500;font-size:15px;line-height:41px;color:#050505;text-align:center;border:solid #4a7bbc;border-width:4px 0 2px}*/
.recent-list-area .tit {font-weight: 500; font-size: 14px; line-height: 41px; color: #fff; text-align: center; background: #31567c; border-radius: 8px 8px 0 0;}
.recent-list-area .recent-btn{position:relative;display:inline-block;width:100%;height:27px;text-indent:-999em}
.recent-list-area .recent-btn:after{content:'';position:absolute;top:50%;left:47.5%;display:inline-block;border-left:5px solid transparent;border-right:5px solid transparent}
.recent-list-area .recent-btn.prev:after{border-bottom:5px solid #4e7ebd}
.recent-list-area .recent-btn.next:after{border-top:5px solid #4e7ebd}
.recent_view_sliding{max-height:352px}
.recent_view_sliding .swiper-container{height:284px;margin:0 10px}
.recent_view_list li{padding:4px 0 3px;box-sizing:border-box}
.recent_view_list li > a{position:relative;display:block;height:64px}
.recent_view_list .thum{position:absolute;top:0;left:0;display:inline-block;width:62px;height:62px;border:1px solid #ddd;box-sizing:border-box}
.recent_view_list .thum img{max-width:100%;height:auto}
.recent_view_list .prod-info{display:inline-block;width:calc(100% - 62px - 10px);height:62px;padding:2px 0 2px 72px;font-weight:300;font-size:13px}
.recent_view_list .prod-info > *{display:inline-block;width:100%;max-height:32px;overflow:hidden;margin-top:-4px}
.recent_view_list .prod-name{font-weight:300}
.recent_view_list a:hover .prod-name, .recent_view_list a:focus .prod-name{text-decoration:underline}
.recent_view_list .prod-price em{font-weight:400}
/* Product Item(Detail) */
.prod-item{padding-top:30px}
.prod-item-Wrap{position:relative;/*min-height:980px;*/margin:0 0 80px;padding:25px 20px;background:#fff;border:1px solid #f1f6f8;box-shadow:1px 0 12.61px .39px rgba(9, 9, 9, .14)}
.prod-item-Wrap:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.prod-item-view{display:block;width:69%;/*min-height:980px;*/padding-right:31%}
.prod-item-view:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.prod-item-view .item-gallery-wrap{float:left;width:50%}
.prod-item-view .item-thum-area{position:relative;min-height:300px;padding-top:15px;}
.prod-item-view .item-thum{display:block;width:100%;min-height:300px;text-align:center;border:1px solid #eee;box-sizing:border-box}
.prod-item-view .item-thum img{max-width:100%;max-height:100%}
.prod-item-view .item-gallery-thum{position:relative;margin-left:1px;padding:10px 30px}
.item-gallery-thum .swiper-slide{width:33.33%;text-align:center}
.item-gallery-thum .swiper-slide a{display:inline-block;width:80px;height:80px;border:1px solid #eee;box-sizing:border-box;overflow:hidden}
.item-gallery-thum .swiper-slide img{width:80px;height:80px}
.item-gallery-thum .swiper-button-prev, .item-gallery-thum .swiper-button-next{position:absolute;width:16px;height:28px;top:50%;margin-top:-14px;left:10px;right:auto;background-size:16px 28px}
.item-gallery-thum .swiper-button-prev{left:10px;right:auto}
.item-gallery-thum .swiper-button-next{right:10px;left:auto}

.prod-item-view .item-cont{float:left;width:calc(50% - 20px);margin-left:20px;padding:15px;box-sizing:border-box}
.prod-item-view .item-cont .tit{margin-bottom:20px;color:#144ba0;font-weight:400;font-size:18px;max-height:56px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;overflow:hidden}
.prod-item-view .item-cont .txt{ padding:20px 0; width:100%; line-height: 1.2rem; border-top:1px dashed #dedede; border-bottom:1px dashed #dedede } /* f2f2f2 */
.prod-item-view .item-cont .txt:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.prod-item-view .item-cont .txt dt{position:relative;clear:both;float:left;width:110px;margin-bottom:23px;margin-right:10px;padding-right:3px;color:#111;font-weight:500}
.prod-item-view .item-cont .txt dt:before{content:'';position:absolute;top:6px;right:-2px;width:2px;height:2px;background:#111}
.prod-item-view .item-cont .txt dt:after{content:'';position:absolute;top:11px;right:-2px;width:2px;height:2px;background:#111}
.prod-item-view .item-cont .txt dd{float:left;margin-bottom:23px;color:#555}
.prod-item-view .item-cont .btn-area{text-align:center}
.prod-item-view .item-cont .btn-inquiry{display:inline-block;min-width:162px;padding:0 7px;color:#fff;font-size:14px;line-height:34px;background:#144ba0;border-radius:4px}

.sns-list{float:right;margin:15px 0}
.sns-list li{display:inline-block;width:30px;height:30px}
.sns-list li > a{display:inline-block;width:30px;height:30px;text-indent:-9999em;vertical-align:top;background:url(/images/gtrade/ico-sns.png) no-repeat}
.sns-list .sns-fb{background-position:0 0}
.sns-list .sns-kakao{background-position:-30px 0}

.prod-item-view .item-detail{clear:both;float:left;width:calc(100% - 15px);margin:50px 15px 20px 0}
.tab{ margin-bottom: 20px; text-align:center; border-top:1px solid #dedede; border-bottom:1px solid #dedede}
.tab button{position:relative;cursor:pointer;min-width:33%;padding:1em;font-weight:500;font-size:16px;color:#555;background-color:inherit;transition:0.3s}
.tab button.active{font-weight:600;color:#3c68ad}
.tab button.active:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#3c68ad}
.tabcontent{display:none;padding:25px 15px;overflow:hidden}
.tabcontent *{word-break:break-all}
.tabcontent img{max-width:100% !important}


/*제품상세 img test /cmm/*/
#godsDesc { border:3px solid red;}
#godsDesc img {border:2px solid yellow}
#godsDesc img [src~='cmm'] {border: 1px solid blue}
#godsDesc img[src ~= "cmm"] {border: 1px solid green}

/* Buying Requests */
.tab h3{position:relative;min-width:33%;padding:1em;font-weight:300;font-size:16px;background-color:inherit;color:#144ba0}
.tab h3:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#144ba0}
/* .prod-item-side  */
.prod-item-side{position:absolute;top:30px;right:20px;z-index:10;width:30%;padding:15px;background:#fdfdfd;border:3px solid #efefef;border-radius:4px;box-sizing:border-box}
.comp-info-area{position:relative}
.comp-info{padding:2px 0 0 5px}
.comp-info .comp{display:block;font-weight:500;font-size:16px;color:#555;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.comp-info .txt{margin-top:10px}
.comp-info .txt:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.comp-info dt{position:relative;clear:both;float:left;width:65px;margin-right:8px;padding-bottom:5px;color:#5a5a5a;font-weight:500}
.comp-info dt:before{content:'';position:absolute;top:6px;right:-2px;width:2px;height:2px;background:#5a5a5a}
.comp-info dt:after{content:'';position:absolute;top:11px;right:-2px;width:2px;height:2px;background:#5a5a5a}
.comp-info dd{float:left;width:calc(100% - 100px);margin-bottom:5px;color:#777;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;white-space:normal;overflow:hidden}
.comp-info dt{padding-left:25px;background:url(/images/gtrade/ico-comp-info.png) no-repeat}
.comp-info dt.region{background-position:0 0}
.comp-info dt.contact{background-position:0 -30px}
.comp-info dt.email{background-position:0 -60px}
.comp-info-area .comp-thum{display:inline-block;margin-top:10px}
.comp-info-area .comp-contact{clear:both;position:relative;margin-top:10px;padding:10px;background:#f7f7f7;border-radius:6px}
.comp-info-area .comp-thum img + img{margin-left:0}
.comp-info-area .comp-thum img{display:inline-block;width:44px;height:44px;overflow:hidden;border:1px solid #eee}
.comp-contact .tit{width:35%;text-align:center}
.comp-contact .tit > img{width:42px;height:42px}
.comp-contact .tit span{display:block;width:100%;color:#555;font-size:13px}
.comp-contact .txt{position:absolute;width:calc(65% - 28px);top:10px;right:10px;margin:5px 0;padding-left:8px;font-size:13px;border-left:1px solid #e8e8e8}
.comp-contact .txt:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.comp-contact .txt dt{position:relative;clear:both;float:left;width:64px;color:#5a5a5a;letter-spacing:-.05em}
.comp-contact .txt dt:before{content:'';position:absolute;top:7px;right:6px;width:2px;height:2px;background:#5a5a5a}
.comp-contact .txt dt:after{content:'';position:absolute;top:13px;right:6px;width:2px;height:2px;background:#5a5a5a}
.comp-contact .txt dd{float:left;width:calc(100% - 64px);color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.comp-info-area .certificate{position:absolute;top:-20px;right:-8px;width:24px;height:28px;text-indent:-999em;background:url(/images/gtrade/ico-certificate.png) no-repeat}
.comp-info-area .btn-area{margin:0 -2px; margin-top:15px}
.comp-info-area .btn-apply{display:inline-block;width:150px;margin:3px 2px;padding:10px 0;color:#fff;font-size:15px;border:1px solid;border-radius:4px}
.comp-info-area .btn-apply.inquiry, .comp-info-area .btn-apply.consult{color:#144ba0;font-weight:700;background:#fdfdfd;border-color:#4a7bbc} /* 화상채팅 */
.comp-info-area .btn-apply.chat{background:#4475c1;border-color:transparent} /* 채팅 */
.comp-info-area .btn-apply.buykorea{height:41px;vertical-align:middle;background:#d06e34 url(/images/gtrade/logo-buykorea.png) no-repeat 50% 50%/auto 15px;border-color:transparent;box-sizing:border-box} /* buykorea */
.comp-info-area .btn-apply.quot{background:#4caf50} /* Quotation */
.comp-info-area .btn-apply.rfq{background:#4caf50} /* RFQ */
.comp-info-area .btn-apply.inquiry, .comp-info-area .btn-apply.chat{width:calc(100% - 150px - 12px)}
/* Product List(+.new-list) Buying/Selling */
.new-cont-Tit{padding-bottom:11px;color:#144ba0;font-weight:400;font-size:24px;border-bottom:1px solid #4a7bbc}
.new-result{position:relative;z-index:1;padding-left:10px;color:#555;font-weight:300;font-size:14px;line-height:40px;background:#fff;border-bottom:1px solid #dfdfdd;box-shadow:5px 2px 14.25px .75px rgba(9,9,9,.15)}

.prod-list .sub-cont .national{margin-bottom:12px;color:#555;font-weight:300;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.prod-list .sub-cont .national img{width:22px;height:15px;margin-right:8px}
.prod-item-view .item-cont .ico-request{display:inline-block;width:44px;margin:5px 0;color:#fff;font-weight:500;font-size:12px;line-height:20px;text-align:center}
.prod-item-view .item-cont .ico-request.buy{background:#ed242c}
.prod-item-view .item-cont .ico-request.sell{background:#4caf50}

.comp-info .txt-cate{display:block;margin:10px 0 -5px}
.comp-info .txt-cate em{position:relative;margin-right:8px;padding-right:8px;color:#5a5a5a;font-weight:500}
.comp-info .txt-cate em:before{content:'';position:absolute;top:6px;right:-2px;width:2px;height:2px;background:#5a5a5a}
.comp-info .txt-cate em:after{content:'';position:absolute;top:11px;right:-2px;width:2px;height:2px;background:#5a5a5a}
.comp-info .txt-cate + .txt dt{width:97px;padding-left:0;background:none}
.comp-info .txt-cate + .txt dd{width:calc(100% - 107px)}
/* layer */
.dimmed{position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background:rgba(0,0,0,.7);z-index:310}
.btn-layer-close{position:absolute;top:0;right:0;width:33px;height:33px;border:1px solid #edeff1;box-sizing:border-box;font-size:0;text-indent:-999em}
.btn-layer-close:before, .btn-layer-close:after{content:'';display:inline-block;position:absolute;top:15px;left:8px;width:15px;height:1px;background:#7b7b7b}
.btn-layer-close:before{transform:rotate(45deg)}
.btn-layer-close:after{transform:rotate(-45deg)}

.new-layer-wrap{position:absolute;top:50%;left:50%;max-height:calc(100vh);transform:translate(-50%, -50%);background:#fff;z-index:320;border-radius:4px}
.new-layer{position:relative;margin:25px 30px}
.new-layer-tit{color:#144ba0;font-weight:400;font-size:18px;line-height:40px;border-bottom:2px solid #144ba0}
.new-layer-cont{width:540px;max-height:62vh;overflow-y:auto}
.new-layer-cont + .btn-area{padding-top:25px;border-top:1px solid #e7e7e7}
.btn-area{text-align:center}
.btn-layer{padding:5px 3.3em;color:#fff;background:#0061af}
.frm-area{margin-bottom:20px}
.frm-area li{padding:6px 0}
.frm-area label, .frm-area .inp-tit{display:inline-block;width:27%;padding:3px 3% 2px 0;color:#333;font-size:14px;text-align:right;vertical-align:top}
.frm-area label > i, .frm-area .inp-tit > i{padding-left:3px;color:#c70f0f;font-style:normal;vertical-align:middle}
.frm-area .default-txt{display:inline-block;max-width:calc(65% - 8px);padding:3px 4px 2px;word-break:break-all;background:#eee}
.frm-area .inp-txt{display:inline-block;width:65%;padding:3px 0 2px;word-break:break-all}
.frm-area .inp-txt[role=group]{display:inline-block;width:69%}
.frm-area .inp-txt[role=group] > input[type=text]{width:100%}
.frm-area .inp-txt[role=group] > input[type=text] + input[type=text]{margin-top:6px}
.frm-area input[type=text], .frm-area input[type=date], .frm-area input[type=tel], .frm-area select{width:65%}
.frm-area .chat-app-width{width:32%;margin-right:1.5%;}
.frm-area .chat-app-width2{width:31%!important;}
.frm-area input[type=date]{height:31px;background:#fff}
.frm-area .frm > label{width:auto;padding:initial}
.frm-area textarea{width:65%;height:68px}
.frm-agree{padding:1em 0}
.new-layer-cont .sign_area{padding:0}
.new-layer-cont .frm-box.login-frm{margin-top:40px}

/* button */
.btnL{display:inline;min-width:90px;height:58px;padding:0 .4em;padding-bottom:1px;color:#fff;font-size:18px;border:1px solid #ddd;border-radius:4px;background:#ddd}
.btnL:hover,.btnL:focus{background:#1f3b82}

.btn-outline { display: block; margin: 3px 2px; padding: 10px 0; width: 100%; font-size: 15px; font-weight: 700;  background:#fff; border-radius: 3px; border: 1px solid; box-sizing: border-box;}
.btn-outline.blue {color: #144ba0; border-color: #144ba0; }
.btn-outline.orange {color: #d06e34; border-color: #d06e34; }


/*.btn-fill { display: block; margin: 3px 2px; padding: 10px 0; width: 100%; font-size: 15px; color:#fff; border-radius: 3px; box-sizing: border-box;}*/
.btn-fill-blue{ display: inline-block!important; width: calc((100% / 2) - 6px)!important; margin: 3px 2px!important; padding: 10px 0!important; width: 100%; font-size: 15px; color:#fff!important; border-radius: 3px; box-sizing: border-box; background: #144ba0!important; border: 1px solid!important; }
.btn-fill-blue:hover{color: #144ba0!important; border-color: #144ba0!important; background:#fff!important; border: 1px solid!important; }
.btn-fill-orange {display: inline-block!important; width: calc((100% / 2) - 6px)!important; margin: 3px 2px!important; padding: 10px 0!important; width: 100%; font-size: 15px; color:#fff!important; border-radius: 3px; box-sizing: border-box;background: #d06e34!important; border: 1px solid!important; }
.btn-fill-orange:hover {color: #d06e34!important; border-color: #d06e34!important; background:#fff!important; border: 1px solid!important; }
/*.btn-half { display: inline-block!important; width: calc((100% / 2) - 6px)!important;}*/


/* ===== Chatting(단독 Layer) ===== */
.chatt-layer-wrap{width:360px;position:absolute;top:50%;left:50%;max-height:calc(80vh);transform:translate(-50%, -50%);background:-webkit-linear-gradient(top,#454545,#212121,#121212);border-radius:16px 0;
box-shadow:0 8px 16px 0 rgb(255 255 255 / 20%), 0 6px 20px 0 rgb(255 255 255 / 19%);border:6px inset #eee}
.chatt-layer{position:relative;margin:15px 10px}
.chatt-layer-tit{color:#144ba0;font-weight:400;font-size:18px;line-height:40px;border-bottom:2px solid #144ba0}
.chatt-layer-cont{max-height:60vh;overflow-y:auto;margin-bottom:25px;border-bottom:1px solid #e7e7e7}
.btn-chatt-close{position:absolute;top:0;right:0;width:33px;height:33px;border:1px solid #999;font-size:0;text-indent:-999em}
.btn-chatt-close:before, .btn-chatt-close:after{content:'';display:inline-block;position:absolute;top:15px;left:8px;width:16px;height:1px;background:#aaa}
.btn-chatt-close:before{transform:rotate(45deg)}
.btn-chatt-close:after{transform:rotate(-45deg)}
.chatt-man{max-width:90%;padding-bottom:10px}
.chatt-man .photo{width:70px;height:70px;margin:0 10px;vertical-align:middle;background-color:#fff;border-radius:50px}
.chatt-man .name{display:inline-block;width:calc(100% - 100px);color:#eee;font-weight:600;vertical-align:middle}
.chatt-area{height:calc(80vh - 280px);overflow-y:auto;margin-bottom:15px;background:#d6d6d6;border-radius:12px 0 0 12px}
/* .chatt-area{height:calc(80vh - 180px);overflow-y:auto;margin-bottom:15px;background:#d6d6d6;border-radius:12px 0 0 12px} */
.chatt-area::-webkit-scrollbar{width:10px}
.chatt-area::-webkit-scrollbar-track{background:#dcdcdc}
.chatt-area::-webkit-scrollbar-thumb{background:#bebebe}
.chatt-area::-webkit-scrollbar-thumb:hover{background:#bbb}

.chatt-box{clear:both;display:block;width:60%;margin:10px}
.chatt-box:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.chatt-box .date{display:block;color:#777;font-size:12px;margin-bottom:8px}
.chatt-box .chatt{position:relative;display:table;padding:1em;border-radius:12px}
.chatt-box.me{float:right;text-align:right;padding-right:10px}
.chatt-box.you{float:left;text-align:left;padding-left:10px}
.chatt-box.me .chatt{float:right;text-align:right;background:#fff4bf}
.chatt-box.me .chatt:after{content:'';width:10px;height:10px;display:block;position:absolute;right:-10px;border-left:12px solid transparent;border-right:12px solid transparent;border-top:9px solid #fff4bf}
.chatt-box.you .chatt{float:left;text-align:left;background:#ebf8ff}
.chatt-box.you .chatt:after{content:'';width:10px;height:10px;display:block;position:absolute;left:-10px;border-left:12px solid transparent;border-right:12px solid transparent;border-top:9px solid #ebf8ff}
.chatt-write{position:relative;display:block;width:100%;table-layout:fixed;vertical-align:middle;background:#5c5555;border-radius:0 6px 6px 0;overflow:hidden}
.chatt-write textarea{display:inline-block;width:78%;background:#d6d6d6}
.chatt-write textarea::-webkit-scrollbar{width:5px}
.chatt-write textarea::-webkit-scrollbar-track{background:#dcdcdc}
.chatt-write textarea::-webkit-scrollbar-thumb{background:#bebebe}
.chatt-write .btn-send{position:absolute;top:0;right:0;width:22%;height:100%;color:#eee;background:-webkit-linear-gradient(top,#555,#333,#494545)}
/* ===== Chatting(단독 Layer) ===== */

.picker__input{ width:130px !important; padding-right:20px !important; background:url(/images/gtrade/gdm/btn_cal.gif) no-repeat 96% 50%/15px}


/*btn*/
.btn-frm-area{ padding-top: 40px; border-top: 1px dashed #ddd; }
.btn-frm-area.btn-flex { display: flex; padding: 40px 100px 0px 100px; box-sizing: border-box;}
.btn-frm-area.btn-flex .inquiry{ flex: 1; margin: 0 20px; color: #075eb7; background: #fff; border:1px solid #075eb7; border-radius: 4px;}


@media all and (max-width:1270px){
	.prod-list.gallery-type .list-item{width:calc(33.3333% - 15px)}
	.main-visual-slide {height: 100%;}
}
@media all and (max-width:1023px){
	.prod-list .thum{width:27%}
	.prod-list-wrap{padding-left:0}
	.prod-item-view .item-thum-area, .prod-item-view .item-thum{min-height:250px}
	.prod-list-side{display:none}
	.comp-contact .tit{width:100%}
	.comp-contact .txt{position:static;display:block;width:100%;padding-right:8px;border:0;box-sizing:border-box}
	.comp-info-area .btn-apply.inquiry, .comp-info-area .btn-apply.consult,.comp-info-area .btn-apply.buykorea,
	.comp-info-area .btn-apply.chat, .comp-info-area .btn-apply.quot, .comp-info-area .btn-apply.rfq{width:100%}
	.webinar-view .webinar .thum{width:100%;height:auto;margin:0 0 20px}
	.webinar-view .webinar .thum > img{height:auto}
	.webinar-view .webinar .cont{width:100%;height:auto}
}
@media all and (max-width:799px){  /* Tab */
	.webinar .list-item{width:calc(50% - 30px)}
	.prod-list-wrap{padding:20px 0 40px}
}
@media all and (max-width:767px){  /* Pad */
	.prod-list .list-info{margin-right:0}
	.prod-list .thum + .cont{width:73%;min-height:123px;padding-right:0}
	.prod-list .desc{margin-bottom:0}
	.prod-list .sub-cont{display:inherit;position:static;width:auto;padding:0;text-align:center;border:0}
	.prod-list .sub-cont .btn-area{padding:15px 0 0}
	.prod-list.gallery-type .list-item{width:calc(50% - 15px)}
	.prod-list.gallery-type .sub-cont .btn-area{padding:20px 10px}
	.prod-list .sub-cont .comp-info{display:none}
	.prod-item-view{width:100%;padding-right:0}
	.prod-item-side{clear:both;display:block;position:static !important;width:100%}
	.comp-info{padding-left:0}
	.prod-item-view .item-gallery-wrap{width:100%}
	.prod-item-view .item-thum{width:100%}
	.prod-item-view .item-cont{width:100%;margin-left:0}
	.prod-item-view .item-gallery-thum{text-align:center}
	.prod-list.comp-list .thum{width:25%}
	.prod-list.comp-list .thum + .cont{width:75%;min-height:83px;padding-right:0}
	.prod-list.comp-list .sub-cont{float:none;min-height:initial}
	.prod-list.comp-list.gallery-type .thum + .cont{min-height:initial}
	.list-tap-menu ul li{width:33.3%;}
	.list-tap-menu ul li a{font-size:14px;}

	.prod-list.comp-list.buyerlist .cont { with: 100%!important;}
	.prod-list.comp-list .sub-cont .txt {display: flex; flex-direction: row;}
	.prod-list.comp-list .sub-cont .txt dt{ flex: 3; margin-right: 0px; padding-right: 0px; }
	.prod-list.comp-list .sub-cont .txt dd{ flex: 7;}

	.prod-list.comp-list.gallery-type .sub-cont { margin-top: 10px;}
	.prod-list.comp-list.gallery-type .sub-cont .txt { display: flex; flex-direction: column;}
	.prod-list.comp-list.gallery-type .sub-cont .txt dt { flex: 1 }
	.prod-list.comp-list.gallery-type .sub-cont .txt dd { flex: none!important }

}
@media all and (max-width:639px) {
	.prod-result:first-of-type .result{padding-top:0}
	.prod-result .view-type{top:2px}
	.prod-result + .prod-result .view-type{top:13px}
	.webinar .list-item{width:calc(100% - 30px)}
	/*.prod-list{margin:0 -20px 60px}*/
	.new-result + .prod-list{margin:0 0 60px}
	.prod-list .list-info{min-height:auto}
	.prod-list .thum, .prod-list .thum a, .prod-list .thum a > img{min-height:90px}
	.prod-list .thum{padding-bottom:30px}
	.prod-list .thum + .cont{min-height:115px}
	.prod-list.comp-list .sub-cont{min-height:auto}
	.prod-list.comp-list .thum{padding-bottom:0}
	.tab button{min-width:49%;padding:1em 0}
	.new-layer-wrap{width:90%}
	.new-layer-cont{width:270px;max-height:74vh}
	.frm-area label, .frm-area .inp-tit{display:block;width:auto;padding:3px 0 6px;text-align:left}
	.frm-area .inp-txt[role=group]{width:100%}
	.frm-area input[type=text], .frm-area input[type=password], .frm-area input[type=date], .frm-area textarea, .frm-area select{width:100%}
	.frm-area .chat-app-width{width:100%;margin-bottom:6px;}
	.frm-area .chat-app-width2{width:100%!important;}
	.frm-area .default-txt{max-width:inherit}
	.chatt-layer-wrap{width:345px}
	.chatt-area{height:calc(80vh - 175px)}
	.webinar{padding:30px 0}
	.prod-result .sorting-group{position:static;display:block;padding-bottom:10px;text-align:right}
}
@media all and (max-width:479px) {
	.prod-list .thum{width:30.5%}
	.prod-list .thum + .cont{width:69.5%;padding-right:0}
	.prod-list.gallery-type .list-item{width:calc(100% - 15px)}
	.prod-list.gallery-type .cont .tit a{height:auto}
	.prod-list.gallery-type .cont .txt{height:auto}
	.prod-list.gallery-type .cont .desc{height:auto}
	.prod-list.comp-list.gallery-type .thum img { max-width: min-content; }

	.prod-list.comp-list .sub-cont .txt { display: flex; flex-direction: column;}
	.prod-list.comp-list .sub-cont .txt dt { flex: 1 }
	.prod-list.comp-list .sub-cont .txt dd { flex: 1 }

}
@media all and (max-width:413px) {
	.prod-list .thum ~ .txt dd{clear:both;width:100%}
	.prod-list .thum, .prod-list .thum a, .prod-list .thum a > img{min-height:83px}
	.prod-list.comp-list.gallery-type .sub-cont { margin-top: 10px;}


}