@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
======================================== */

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

/*showMain2*/
.showroom-biz-type {position:absolute;top:20px;right:20px;padding:6px 10px;}
.showroom-biz-type button{width: 168px;font-size: 13px;border-radius: 3px;padding: 4px;border: none;}
.showroom-biz-type .btn-apply.import-comp{background:#cd2a2a;pointer-events: none;} /* 수입업체 */
.showroom-biz-type .btn-apply.manufc-comp{background:#3b7bbd;pointer-events: none;} /* 제조첩체 */
/* .prod-result */
.prod-list-wrap .prod-result + .prod-result{margin-top:0px}
.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}

.prod-result .result.sub-result {padding: 0px 0 12px 0; width: 100%; max-width: 100%; font-weight: 500; border-bottom: 1px dashed #ddd; }
.prod-result .result.sub-result + .prod-result{margin-top: 5px!important;}

.prod-result .tab-link{ position: absolute; top: 16px; right: 0; display: block; box-sizing: border-box;}
.prod-result .tab-link li { display: inline-block; border: 1px dashed #ddd; background-color: transparent;}
.prod-result .tab-link li a { display: inline-block; padding: 10px 15px; min-width: 104px; text-align:center; color: #555; font-weight: 500; font-size: 16px;}
.prod-result .tab-link li strong { display: inline-block; padding: 10px 15px; min-width: 104px; text-align:center; color: #555; font-weight: 500; font-size: 16px; box-sizing: border-box;}
.prod-result .tab-link li.active { border: 1px dashed #114BA0; border-bottom: 0px dashed transparent; background-color: rgba(255,255,255,.7)}
.prod-result .tab-link li.active:hover { border: 1px dashed #114BA0; border-bottom: 1px dashed transparent; }
.prod-result .tab-link li.active strong { color: #144ba0;}
.prod-result .tab-link li:hover { border: 1px dashed #ddd; border-bottom: 1px dashed transparent; background-color: rgba(255,255,255,.7)}
.prod-result .tab-link li:hover a{ color: #144ba0;}

.prod-result .tab-link.tab-buyer{ display: flex; width: 100%; border-bottom: 4px solid #ddd;}
.prod-result .tab-link.tab-buyer li{flex: 1; text-align:center}


/* .tab{text-align:center;border-top:1px solid #dedede;border-bottom:1px solid #dedede} */


/* 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{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 .cont .bizType{position:absolute;bottom:-13px;} 2023.09.25 */
.prod-list .cont .bizType{ margin-top: 10px; border:0px solid green}
.prod-list .cont .bizType button{min-width:168px;}
.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:after{ content: ':'; position: absolute; top: 0px; margin: 0 0 0 4px; color: #333;  padding: 0 0 0 0; min-width: 65px;}
/*.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% - 88px);color:#555;word-break:break-all}
/*#en .prod-list .txt dd{width:calc(100% - 85px)}*/
#en .prod-list .txt dd{width:calc(100% - 130px)}
.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 .import-com{color:#cd2a2a}
.prod-list .sub-cont .info li .manufc-com{color:#3b7bbd}
.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:122px;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.import-comp{background:#cd2a2a;    pointer-events: none} /* 수입업체 */
.prod-list .btn-apply.manufc-comp{background:#3b7bbd;    pointer-events: none} /* 제조첩체 */
.prod-list .btn-apply.chat{background:#4475c1} /* 채팅 */
.prod-list .btn-apply.consult{background:#d06e34} /* 화상채팅 */
.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}
/* 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;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; 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; border:0px solid red;}
.prod-list.gallery-type .cont .bizType{ margin-top: 10px; min-height: 29px; text-align: center; border:0px solid green}
.prod-list.gallery-type .cont .bizType button { min-width:168px; }
.prod-list.comp-list.gallery-type .sub-cont .btn-area button { min-width:168px; }
/*.prod-list .thum + .cont{width:69%;padding:2px 20px}*/
.prod-list.gallery-type .cont{min-height:123px}
.prod-list.gallery-type .cont .tit{margin-top:20px; border:0px solid pink; font-size: 14px; 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 .tit a{font-size:14px;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:60px;margin-bottom:0}
.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 0px 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);height:100%;}
.prod-list.comp-list .sub-cont{position:static;display:block;float:right;min-height:136px}
.prod-list.comp-list .txt dd{width:calc(100% - 114px)}
/* Product 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 .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 .btn-area{margin-top:0px; margin-bottom:12px; padding:0; border-top:0px dashed #ececec}
.prod-list.comp-list.gallery-type .cont .bizType{ border:0px solid cyan}

/* buyer list */
.prod-list.buy-list .cont .bizType { text-align: right;}
.prod-list.sch-buyer { clear:both; }
.prod-list.sch-buyer .list-item .list-info .cont .tit { display: block;}
/* .prod-list.sch-buyer .list-item .list-info .cont .tit .nation-code{ display: inline-block; margin-right: 5px; width: 28px;} */
.prod-list.sch-buyer .list-item .list-info .cont .tit a { display: inline-block; width: calc(100% - 28px); }
.prod-list.sch-buyer .list-item .list-info .cont .tit-nation{  display:block; margin-bottom: 12px;}
.prod-list.sch-buyer .list-item .list-info .cont .tit-nation .flag { display: inline-block; margin-right: 5px; width: 28px;  height: 18px;}
.prod-list.sch-buyer .list-item .list-info .cont .tit-nation .flag-name {  color: #333; font-size: 15px; font-weight: 500; }
.prod-list.sch-buyer .list-item .list-info .cont .txt { clear: both; margin-top: 0px;}
.prod-list.sch-buyer .list-item .list-info .cont .txt dt{ display: inline-block;}
.prod-list.sch-buyer .list-item .list-info .cont .txt dd{ display: inline-block;}
.prod-list.sch-buyer .list-item .list-info .cont .txt dd span{ display: inline-block; font-weight: 500; font-size: 15px;}
.prod-list.sch-buyer .list-item .list-info .cont .txt dd .num{ margin-right: 5px; color: #fd8100;}
.prod-list.sch-buyer .list-item .list-info .cont .txt dd .unit { color:#111}
.prod-list.sch-buyer .list-item .list-info .cont .desc { display: flex; gap: 6px; }
.prod-list.sch-buyer .list-item .list-info .cont .desc .desc-tit{ width: 80px;}
.prod-list.sch-buyer .list-item .list-info .cont .desc .desc-tit span {  padding: 3px 10px; border-radius: 6px; background-color: #e1e1e1; border: 1px solid #eee; font-size: 14px; font-weight: 500; color: #333;}
.prod-list.sch-buyer .list-item .list-info .cont .desc .desc-txt{ flex: 1}
.prod-list.sch-buyer .list-item .list-info .sub-cont .comp-info .info li{ clear:both; position: relative; padding: 0 0 0 10px}
.prod-list.sch-buyer .list-item .list-info .sub-cont .comp-info .info li::before{ content: '';  position: absolute; top: 6px; left: 0; display: inline-block; width: 4px; height: 4px; background-color: #999; margin-right: 4px; vertical-align: middle;}

/* ### buyer quick search  통관정보기반 바이어 검색 ###*/
.proPage-wrap { clear:both;}
.proPage-wrap .proPage-quick { position: absolute; top: 173px; right: -120px; display: flex; flex-direction: column; align-items: center; padding: 10px 11px; text-align: center; border: 1px dotted rgba(20, 75, 160, 0.8); border-bottom: 4px solid rgba(20, 75, 160, 0.8); border-radius: 6px; box-sizing: border-box; box-shadow: rgba(9, 9, 9, 0.14) 1px 0px 12.61px 0.39px; background: #fff; z-index: 9; transition: right 3s; /* 부드러운 전환을 위한 설정 */}
.proPage-wrap .proPage-quick:hover{background: rgba(20, 75, 160, 0.8);  border-bottom: 4px solid #144ba0;}
.proPage-wrap .proPage-quick i{ display: block; margin: 3px 0px 10px 0px; font-size: 26px; color: rgba(24,49,83,1) }
.proPage-wrap .proPage-quick:hover i { color:#fff;}
.proPage-wrap .proPage-quick span { color:#555; font-size: 14px; text-align:center;}
.proPage-wrap .proPage-quick:hover span{ display: block; color: #fff;}
.proPage-wrap .proPage-quick span strong { display: block; }
.proPage-wrap .proPage-quick:hover span strong{ text-decoration: underline; }

/*통관 메인 quick*/
.proPage-wrap.pagePage-main .proPage-quick { right: 20px; top: 651px;}




/* 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}
.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 .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 .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:40px;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{width:100%;padding:50px 0 30px;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 .txt dd{float:left;color:#555;display:block;width:calc(100% - 123px)}
.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}

/*tdi-detail*/
.tab-link.four-tab{ top: 6px; }
.prod-item-view.tdi-detail{ width: 100%;  padding-right: 0%;}
.prod-item-view.tdi-detail .item-cont .tit { margin-bottom: 10px; font-weight: 500;}
/* .prod-item-view.tdi-detail .item-cont .tit .nation-code { display: inline-block; margin-right: 5px; width: 28px;} */
.prod-item-view.tdi-detail .item-cont .tit-nation{  display:block; margin-bottom: 12px;}
.prod-item-view.tdi-detail .item-cont .tit-nation .flag { display: inline-block; margin-right: 5px; width: 28px;  height: 18px;}
.prod-item-view.tdi-detail .item-cont .tit-nation .flag-name {  color: #333; font-size: 15px; font-weight: 500; }
.prod-item-view.tdi-detail .item-cont .txt { padding: 25px 0px 0px 0px; }
.prod-item-view.tdi-detail .item-cont .txt li { display: flex; margin-bottom: 15px;}
.prod-item-view.tdi-detail .item-cont .txt li strong { width: 25px;}
.prod-item-view.tdi-detail .item-cont .txt li strong i { font-size: 20px; }
.prod-item-view.tdi-detail .item-cont .txt li strong i.fa-facebook-square { color: #4267B2;}
.prod-item-view.tdi-detail .item-cont .txt li strong i.fa-linkedin { color: #0A66C2;}
.prod-item-view.tdi-detail .item-cont .txt li strong i.fa-twitter-square { color: #1DA1F2;}

.prod-item-view.tdi-detail .item-cont .txt li span { flex: 1; word-break: break-word; line-height: 150%;}
.prod-item-view.tdi-detail .item-cont .txt li span a { word-break: break-word; line-height: 120%;}
.prod-item-view.tdi-detail .item-cont .txt li span a:hover { color:#144ba0; text-decoration: underline}


/*.prod-item-view.tdi-detail .item-cont .txt dt { margin-right: 8px;  margin-bottom: 30px; padding-right: 6px; width: 20px; }
.prod-item-view.tdi-detail .item-cont .txt dt i { font-size: 20px; }
.prod-item-view.tdi-detail .item-cont .txt dt i.fa-facebook-square { color: #4267B2;}
.prod-item-view.tdi-detail .item-cont .txt dt i.fa-linkedin { color: #0A66C2;}
.prod-item-view.tdi-detail .item-cont .txt dt i.fa-twitter-square { color: #1DA1F2;}
.prod-item-view.tdi-detail .item-cont .txt dt:before,
.prod-item-view.tdi-detail .item-cont .txt dt:after {display: none; }
.prod-item-view.tdi-detail .item-cont .txt dd {margin-bottom: 10px; }
.prod-item-view.tdi-detail .item-cont .txt dd a:hover {text-decoration: underline}*/
/* .prod-item-view.tdi-detail .item-cont .txt { padding: 25px 0 0px; }
.prod-item-view.tdi-detail .item-cont .txt dt { margin-right: 8px;  margin-bottom: 30px; padding-right: 6px; width: 20px; }
.prod-item-view.tdi-detail .item-cont .txt dt i { font-size: 20px; }
.prod-item-view.tdi-detail .item-cont .txt dt i.fa-facebook-square { color: #4267B2;}
.prod-item-view.tdi-detail .item-cont .txt dt i.fa-linkedin { color: #0A66C2;}
.prod-item-view.tdi-detail .item-cont .txt dt i.fa-twitter-square { color: #1DA1F2;}
.prod-item-view.tdi-detail .item-cont .txt dt:before,
.prod-item-view.tdi-detail .item-cont .txt dt:after {display: none; }
.prod-item-view.tdi-detail .item-cont .txt dd {margin-bottom: 10px; }
.prod-item-view.tdi-detail .item-cont .txt dd a:hover {text-decoration: underline} */
.prod-item-view.tdi-detail .item-detail .tit { margin-bottom: 10px; color: #111;  font-weight: 600;  font-size: 18px;}
.prod-item-view.tdi-detail .item-detail .tit span{ color: #fff; font-weight: 400; font-size: 14px; background-color: #144ba0; border-radius: 30px; padding: 2px 14px;}
/* .prod-item-view.tdi-detail .item-detail .tit span::before { content:'/'; margin: 0 7px 0 3px;  color:#ccc; font-size: 12px; } */
.prod-item-view.tdi-detail .item-detail {  margin: 50px 15px 0px 0; width: 100%; }
.prod-item-view.tdi-detail .item-detail .chart {  margin: 0 auto; width: 90%; border-bottom: 1px dashed #ddd;}
.prod-item-view.tdi-detail .item-cont .txt dt i.fa-twitter-square { color: #1DA1F2;}
.prod-item-view.tdi-detail .t_type03 tbody td  i.fa-linkedin { font-size:20px}

.prod-item-view.tdi-detail iframe{ width: 100%;  max-width: 558px;  min-width: 300px; height: auto;  min-height: 298px; borde: 1px solid #dedede; box-sizing: border-box; }

/* .prod-list.list-type.sch-buyer .list-item { padding-top: 20px; } */
.prod-list.list-type.sch-buyer .list-item .mess_box { display: inline-flex; margin-top: 20px; width: 100%; text-align: center; margin-bottom: 0px; padding: 0px; background: transparent; border-top: 0px solid #d34045; box-shadow: none; flex-direction: row; justify-content: center;}
.prod-list.list-type.sch-buyer .list-item .mess_box .no_ma_mess {display: block; width: 100%; margin-top: 15px; font-size: 20px;}
.prod-list.list-type.sch-buyer .list-item .mess_box .sch_no_ma .no_ma_img {display: block; width: 100%; margin-right: 0px;}

.no-scroll-x { overflow-x: visible !important; }

/* tdi-popup */
.popup-layer.tdi-pop { display: none; /* 기본적으로 팝업을 숨깁니다 */   position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.5);  z-index: 1000;}
.popup-content.tid-pop { position: relative; width: 80%; max-width: 700px; min-width: 400px; margin: 10% auto; padding: 20px; background: #fff; max-height: 560px; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box}
.popup-content.tid-pop .tit{ margin-top: 20px; color: #144ba0; font-size: 18px; }
.tdi-flow-wrap{ display: flex; gap: 6px; margin-top: 20px;}
.tdi-flow-wrap .flow-item { flex: 1;  padding: 10px; border: 2px solid transparent;  background-color: #f5f5f5;}
.tdi-flow-wrap .flow-item.active { border: 2px dashed #ddd;}
.tdi-flow-wrap .flow-item p{ margin-bottom: 10px; }
.tdi-flow-wrap .flow-item p .com-type { display: block; font-size: 16px; color: #767676; }
.tdi-flow-wrap .flow-item p .com-name { display: block; width: inhert;  color: #111; font-size: 13px; font-weight: 600;  line-height: 17px; height: 17px; text-overflow: ellipsis;  overflow: hidden;} 
.tdi-flow-wrap .flow-item dl{ display: flex; }
.tdi-flow-wrap .flow-item dl dt { flex: 1; }
.tdi-flow-wrap .flow-item dl dt i  { font-size: 16px; }
.tdi-flow-wrap .flow-item dl dd { font-size: 13px; flex: 9; }
.tdi-flow-wrap .icon-right {  position: relative;  width: 10px; }
.tdi-flow-wrap .icon-right i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #ccc;}
.prod-item-view.tdi-detail .item-detail .info-item-wrap { display: flex;  flex-wrap: wrap; width: 100%;  margin-bottom: 20px; border-top: 2px solid #3e4452}
.prod-item-view.tdi-detail .item-detail .info-item-wrap > .item { flex: 1 1 50%; /* flex-grow, flex-shrink, flex-basis 설정 */  padding: 10px;  box-sizing: border-box; }    
.prod-item-view.tdi-detail .item-detail .info-item-wrap > .item strong { display: block;  color: #333; }
.prod-item-view.tdi-detail .item-detail .info-item-wrap > .item span {  display: block;  padding: 8px 0 5px 0;  color: #555;  border-bottom: 1px solid #d5d5d5; box-sizing: border-box; }    
.popup-content.tid-pop .closePopup{ position: absolute;  top: 10px;  right: 40px;}
.popup-content.tid-pop .closePopup i { position: fixed; font-size: 24px;}
.popup-content.tid-pop .closePopup:hover { top: 9px}
.popup-content.tid-pop .closePopup:hover i { font-size: 24px; color: #c2170f; }

/* buyerview*/
.prod-item-view.buyer{display:block; width:69%; min-height:980px; padding-right:31%;}
.prod-item-view.buyer .item-cont .tit { margin-bottom: 20px!important; font-weight: 600;}
.prod-item-view.buyer .item-cont strong { font-size: 18px; font-weight: 500; color: #111;}
.prod-item-view.buyer .item-cont{ display: block; width:calc(100% - 50px); margin-left:20px; padding:15px; box-sizing:border-box;}
.prod-item-view.buyer .item-cont .txt { margin-top: 5px; padding: 25px 0; border-bottom: 0px dashed #dedede; }
 :lang(en) .prod-item-view.buyer .item-cont:nth-child(1) .txt dt { width: 130px; background-color: #f7e2d257; padding: 1px;}
 :lang(en) .prod-item-view.buyer .item-cont:nth-child(1) .txt dd { width: calc(100% - 150px); padding: 1px;}
 :lang(en) .prod-item-view.buyer .item-cont:nth-child(2) .txt dt { width: 190px; background-color: #d2ddef57; padding: 1px;}
 :lang(en) .prod-item-view.buyer .item-cont:nth-child(2) .txt dd { width: calc(100% - 210px); padding: 1px;}

 :lang(ko) .prod-item-view.buyer .item-cont:nth-child(1) .txt dt { width: 60px; background-color: #f7e2d257; padding: 1px;}
 :lang(ko) .prod-item-view.buyer .item-cont:nth-child(1) .txt dd { width: calc(100% - 78px); padding: 1px;}
 :lang(ko) .prod-item-view.buyer .item-cont:nth-child(2) .txt dt { width: 90px; background-color: #d2ddef57; padding: 1px;}
 :lang(ko) .prod-item-view.buyer .item-cont:nth-child(2) .txt dd { width: calc(100% - 110px); padding: 1px;}
 

.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{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}
/* 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}

/* pulpdent corporation  */
.add-info-sch { position: relative;  top: 90px;  margin: 0 auto;  padding: 0 auto;  text-align: center; }
.add-info-sch a { background: #4b9f31;  transition:0.3s}
.add-info-sch a:hover { padding: 0 4em; }


/* 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}

/* ===== 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)}

/* === sch-box page ===*/
.search-board-default { position: relative; padding: 10px 65px 10px 15px; background: #f6f6f4; border: solid 1px #ccc; margin-bottom: 20px; box-sizing: border-box; box-shadow: 1px 0 10px 0.2px rgba(9, 9, 9, .10);}
.new-sch-box.op-inp { display: block;}
.new-sch-box { display: inline-block; margin: 5px;}
.new-sch-box label { display: inline-block; width: 80px; padding: 5px 4px 4px 4px; color:#555}
.new-sch-box select { display: inline-block; min-height: 33px; width: 123px; padding: 5px 10px 4px 4px; color: #555; border: 1px solid #d2d6de;}
.new-sch-box.op-inp label ~ input {width: calc(100% - 120px);}
.new-sch-box label ~ input { margin-left: 3px;}
.search-board-default .btn-primary { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); padding: 5px 12px 7px; border: 0;}
.btn-primary { background-color: #0050a3;}
.btn { display: inline-block; color: #fff; font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation;
    cursor: pointer; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 2px;}

/* ===== Chatting(단독 Layer) ===== */

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

@media all and (max-width:1430px){
	.proPage-wrap .proPage-quick { right: -2%; }/*right: -19%;*/
	.proPage-wrap.pagePage-main .proPage-quick { right: 20px;}
	/*.proPage-wrap .proPage-quick:hover { animation: quick-move 3s forwards;  forwards 키워드를 추가해 애니메이션 종료 후 마지막 상태를 유지 }
		@keyframes quick-move {
		  0% {right: -19%;}
		  100% {right: -3%;}	*/
}

@media all and (max-width:1270px){
	.prod-list.gallery-type .list-item{width:calc(33.3333% - 15px)}
	
	/*통관 메인 quick*/
	.proPage-wrap.pagePage-main .proPage-quick { right: 1%;}
}
@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; text-align: center;}
	.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}
	
	.tab-link.four-tab { position: relative;  top: 6px;  right: 0; left: 1px; display: block; }
	.prod-item-view.tdi-detail .prod-item-view .item-gallery-wrap { float:none; width: 100%;}
	.prod-item-view.tdi-detail .prod-item-view .item-gallery-wrap iframe { display: block; border: 2px solid red;  width: 96% !important;  margin: 0 auto;  text-align: center;}
		
}
@media all and (max-width:799px){  /* Tab */ 
	.webinar .list-item{width:calc(50% - 30px)}
	.prod-list-wrap{padding:20px 0 40px}
	
	.tab-link.two-tab {  position: relative!important;  top: 11px;  right: 1px; text-align:right;  display: block; }
	
	.w-overflow{ overflow-x: auto}
	.w-scroll{ min-width: 800px;}
	.w-scroll01{ min-width: 1000px;}
	
	/*chart */
	 .dash_table_area.no-scroll-x { overflow-x: hidden !important;}
	.dash_table_area.no-scroll-chart {overflow-x: scroll !important; overflow-y: hidden !important;}
	.dash_table_area .chart-ship { clear:both; width: 798px!important;}
	.dash_table_area .chart-ship .shpimentChart  { clear:both; width: 798px}
	
	.dash_table_area .chart-shipmentVolumeChart { clear:both; width: 798px!important;}
	.dash_table_area .shipmentVolumeChart { clear:both; width: 798px!important;}
		
	.dash_table_area .chart-bolChart { clear:both; width: 798px!important; }
	.dash_table_area .chart-bolChart .bolChart { clear:both; width: 798px!important;}
	
    .apexcharts-slices{ display: block;}
    .apexcharts-legend{ flex-direction: column!important;}	
}
@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; margin-left: 25%; width:auto; padding:0; text-align:center; border:0}
	.prod-list .sub-cont .btn-area{padding:0}
	.prod-list.gallery-type .list-item{width:calc(50% - 15px)}
	.prod-list.comp-list.gallery-type .list-info{ padding: 12px;}
	.prod-list.gallery-type .btn-area { margin-left: 0px; padding: 12px 0!important;}
	.prod-list.gallery-type .sub-cont{ margin-left: 0%;}
	
	.prod-list.comp-list .thum ~ .sub-cont { width: 75%; padding: 0px;}
	.prod-list.comp-list .thum ~ .sub-cont > .btn-area{ padding-left: 20px; text-align: left; }
	.prod-list.comp-list .thum ~ .sub-cont > .btn-area button{ margin: 0px 0 12px 0; min-width: 168px;}
	
	
	.prod-list.comp-list.gallery-type .cont { width: 100%!important;}
	.prod-list.comp-list.gallery-type .sub-cont { margin-left: 0%; padding: 0; width: 100%; text-align: center; border:0px solid pink} 
	.prod-list.comp-list.gallery-type .sub-cont > .btn-area { margin-top: 0px; text-align: center; width: 100%; border-top: 0px dashed #ececec;}
	.prod-list.comp-list.gallery-type .sub-cont > .btn-area button{ margin: 0px; min-width: 168px;}
	.prod-list.comp-list.gallery-type .btn-area {padding: 0px 0!important; border:0px solid green}
	
	.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-item-Wrap{min-height: auto;}
	.prod-item-view.buyer{ width:100%; padding-right: 0%; min-height: auto;}
	.prod-item-view.buyer .item-cont { margin-left: 0px; margin-bottom: 20px; padding: 0px; width: 100%; box-sizing: border-box;}
	
	.prod-list.buy-list .cont { padding: 2px 0px 2px 0;}
	.prod-list.buy-list .cont .bizType { text-align: center;}
	.prod-list.buy-list .cont .bizType button { width: 168px; }
	.prod-list.buy-list .sub-cont { margin-left: 0px;}
	.prod-list.buy-list .sub-cont .comp-info { display: none; border: 0px solid red;}
	.prod-list.buy-list .sub-cont .btn-farea{  display: block; padding: 0; width: 100%; border: 0px solid red;}
	.prod-list.buy-list .sub-cont .btn-area button{ width: 168px;}
	.comp-desk li { text-align: left; }
	
    /*tdi add*/
    .prod-list.sch-buyer .list-item .list-info .sub-cont { margin-top: 10px; margin-left: 0%; border-top:1px dashed #eee; }
	.prod-list.sch-buyer .list-item .list-info .sub-cont .comp-info { display: block; margin-top: 15px;}
	.prod-list.sch-buyer .list-item .list-info .sub-cont .comp-info li { text-align: left; }
	.popup-content.tid-pop .tdi-flow-wrap { flex-direction: column;} 
    .popup-content.tid-pop .tdi-flow-wrap .flow-item dl dt { flex: none; margin-right: 8px; }
    .popup-content.tid-pop .tdi-flow-wrap .icon-right { display: block; margin: 5px auto; transform: rotate(90deg); }
    .popup-content.tid-pop .item-detail .info-item-wrap {flex-direction: column;}
    .popup-content.tid-pop .item-detail {margin: 10px 0px 0px 0;}
    
    /*add-info-sch*/
    .add-info-sch{  top: 105px;}
    
    /*  통관정보*/
    .proPage-wrap .proPage-quick {right: -20px; }
    /*.prod-item-view.tdi-detail .item-detail .chart {width: 100%;}*/
    
	 /*chart */
    /*.dash_table_area .chart-bolChart { clear:both; width: 767px!important;}
    .dash_table_area .chart-bolChart .bolChart { clear:both; width: 767px!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 0px 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}
	
	.prod-list.gallery-type .btn-area .btn-apply.inquiry { min-width: 168px;}
	
	 :lang(en) .prod-item-view.buyer .item-cont:nth-child(1) .txt dt { width: 130px; background-color: #f7e2d257; padding: 1px;}
 	 :lang(en) .prod-item-view.buyer .item-cont:nth-child(1) .txt dd { width: calc(100% - 150px); padding: 1px;}
 
	 :lang(en) .prod-item-view.buyer .item-cont:nth-child(2) .txt dt { display: block; margin-bottom: 0px; padding: 5px; width: 100%!important;}
	 :lang(en) .prod-item-view.buyer .item-cont:nth-child(2) .txt dd { display: block; margin: 5px 0 10px 0; width: 100%!important;}
	 :lang(en) .prod-item-view.buyer .item-cont:nth-child(2) .txt dt:before,
	 :lang(en) .prod-item-view.buyer .item-cont:nth-child(2) .txt dt:after { display: none;}
	 
	.tab-link.two-tab { top: 11px; }
	.prod-list.sch-buyer .list-item .list-info .cont .desc {  gap: 10px;  flex-direction: column;}
	
	/* .dash_table_area {  overflow-x: scroll; }
	.dash_table_area .t_type02 {  width: 700px;} */
	
	.prod-result .tab-link.four-tab li strong,
	.prod-result .tab-link.four-tab li a { padding: 6px 12px 10px 12px;  font-size: 14px; min-width: fit-content;}
	
	/*chart */
	.dash_table_area .chart-bolChart { clear:both; width: 479px!important;}
	.dash_table_area .chart-bolChart .bolChart { clear:both; width: 479px!important; }	

}

@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}
	
	.tab-link.four-tab{top: 4px;}
    .prod-result .tab-link.four-tab li strong, .prod-result .tab-link.four-tab li a { padding: 6px 8px 8px 8px; font-size: 14px; min-width: fit-content; }
    .t_type03{ min-width: 400px; }   
    .prod-item-view.tdi-detail .item-detail {margin: 50px 0px 0px 0;}
    /* .prod-item-view.tdi-detail .dash_table_area { overflow-x: scroll!important; border:2px solid green;}
    .prod-item-view.tdi-detail .dash_table_area .chart {border:2px dashed blue}
    .prod-item-view.tdi-detail .dash_table_area #shpimentChart { min-height: 100%!important; width: 500px; height: 300px; border:2px dashed yellow}
    .prod-item-view.tdi-detail .dash_table_area #shpimentChart > div {border:1px solid red;} */

    .prod-item-view.tdi-detail .dash_table_area .t_type03 thead th { box-sizing: border-box; }
    .prod-item-view.tdi-detail {min-height: autopx;}
    
    /*chart */
    .dash_table_area.no-scroll-x { overflow-x: scroll !important; }
	.dash_table_area.no-scroll-chart {overflow-x: scroll !important;}
	.dash_table_area .chart-ship { clear:both; width: 479px!important;}
	.dash_table_area .chart-ship .shpimentChart  { clear:both; width: 479px!important;}
	
	.dash_table_area .chart-shipmentVolumeChart { clear:both; width: 760px!important;}
	.dash_table_area .shipmentVolumeChart { clear:both; width: 760px!important;}
		
	.dash_table_area .chart-bolChart { clear:both; width: 479px!important;}
	.dash_table_area .chart-bolChart .bolChart { clear:both; width: 479px!important; }
	
    .apexcharts-slices{ display: block;}
    .apexcharts-legend{ flex-direction: column!important;}	 

}
@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}
}