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

/* ==== All Device(Default) ==== */
/* Contents Layout(Common) */
#wrap{background:#f6f6f4}
.row_wrap{display:block;margin:0 auto;position:relative;width:auto;max-width:1198px;min-width:320px;padding:0 20px;box-sizing:border-box}
.row_wrap:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.row_fulid{clear:both;display:block;width:100%}
.container{position:relative;display:block;width:100%;min-height:768px;background:#f6f6f4}
/* Header */
#header{display:block;width:100%;background:#fff}
.header{clear:both;display:block;width:100%}
.header-row-one.row_wrap{padding:10px 20px}

/* .header-row-two{position:relative;height:60px;background:#000}
.header-row-two.row_fulid .row_wrap{background:url(/images/gtrade/bg-header-category.jpg) no-repeat 100% 100%/100% 100%} */

.header-row-two{position:relative;height:60px;background:url(/images/gtrade/bg-header-category.png) no-repeat 100% 100%/100% 100%}

/* top logo box */
.logo_box{float:left;display:block;margin:8px 20px 0 0}
.logo_box a.logo-txt{display:inline-block;width:150px;height:50px;text-indent:-999em;vertical-align:middle;background:url(/images/gtrade/logo-gtrade.png) no-repeat 50% 50%/contain}
/* top-scroll-fixed(Add Class) */
#header.sticky{position:fixed;top:0;z-index:101}
#header.sticky + .container{padding-top:144px}
/* top search box */
.search_box{display:inline-block;width:calc(100% - 200px - 320px - 20px);margin:12px 0 7px;padding:2px;background:#3166b9;box-sizing:border-box}
.search_box > select{width:120px;color:#555;font-size:15px;height:40px;margin-right:-3px;border:0;border-radius:0}
.search_box > input[type=text]{width:calc(100% - 108px - 60px);padding:0 15px;color:#555;font-size:15px;line-height:40px;border:0;border-radius:0}
.search_box > a.icon-sch{float:right;width:44px;height:auto;color:#fff;font-size:16px;line-height:39px;text-align:center;background:#3166b9;box-sizing:border-box}
.search_box> input::-ms-input-placeholder, .search_box > input::-webkit-input-placeholder, .search_box > input::-moz-placeholder{color:#3166b9;opacity:1}
/* header_sign_box */
.header_sign_box{float:right}
.util{display:inline-block;margin:22px 0 17px}
.util ul{display:inline-block;vertical-align:top}
.util ul li{display:inline-block;vertical-align:top}
.util ul li a{display:inline-block;padding:3px 9px 3px 0}
.util ul li a:hover{text-decoration:underline}
.util ul li a:first-of-type{padding-left:5px}
.util > ul > li + li > a:before{content:'';display:inline-block;width:1px;height:10px;margin-right:12px;background:#ddd}
.util > ul:after{content:'';display:inline-block;width:1px;height:10px;margin-top:7px;background:#ddd}
.util ul li.logout a{color:#3166b9}
.main-move-btn{position:absolute;left:-100px;top:50%;transform:translateY(-50%);}

.mypage_box > a{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mypage_box a:hover, .mypage_box.active a{text-decoration:none}
.mypage_box:hover .mypage_sub, .mypage_box.active .mypage_sub{display:block}
.mypage_box .mypage_sub{display:none}
.mypage_sub{clear:both;position:absolute;z-index:999;margin-top:-1px;background:#fff;border:solid 3px #eee;border-top:1px solid #3166b9}
.mypage_sub .mypage_smenu{padding:5px}
.mypage_sub .mypage_smenu li{display:block}
.mypage_sub .mypage_smenu li a{display:inline-block;width:80px;padding:5px}
.mypage_sub .mypage_smenu li .mess_counter{display:inline-block;margin-right:5px;padding:0 7px 2px;color:#c2170f;text-align:center;vertical-align:text-top;background-color:#eee;border-radius:10px}

.mem_part_box a:hover, .mem_part_box.active a{text-decoration:none}
.mem_part_box .mem_part{display:none}
.mem_part_box:hover .mem_part, .mem_part_box.active .mem_part{display:block}
.mem_part{clear:both;position:absolute;z-index:999;margin-top:5px;background:#fff;border:solid 3px #eee;border-top:1px solid #3166b9}
.mem_part .men_part_item{padding:5px}
.mem_part .men_part_item li{display:block}
.mem_part .men_part_item li a{display:inline-block;padding:5px 10px}

.util .lang{display:inline-block;vertical-align:middle}
.util .lang a{padding:3px 3px 3px 9px}
.util .lang .lang_down{width:8px;height:4px;}
.util .lang .lang_down:before{content:'';display:inline-block;width:16px;height:16px;margin:-2px 5px 0 0;vertical-align:middle;background:url(/images/gtrade/icon_earth.png) no-repeat 0 0/contain}
.util .lang .lang_down:after{content:'';display:inline-block;width:5px;height:5px;margin-left:10px;margin-bottom:4px;border:1px solid;border-width:0 0 1px 1px;transform:rotate(315deg)}
.util .lang:hover .lang_down:after, .util .lang.active .lang_down:after{margin-bottom:1px;transform:rotate(135deg)}
.util .lang .lang_list{display:none}
.util .lang:hover > .lang_list, .util .lang.active > .lang_list{display:block}
.lang_list{clear:both;position:absolute;z-index:999;margin-top:5px;background:#fff;border:solid 3px #eee;border-top:1px solid #3166b9}
.lang_list .lang_item{padding:5px}
.lang_list .lang_item li{display:block}
.lang_list .lang_item li a{display:inline-block;padding:5px 15px}

/* logo_category line*/
.header-message{ position: relative; float:right; display:inline-block; margin:15px 0 15px 10px}
.header-message > ul{float:left;line-height:30px}
.header-message > ul li{display:inline-block}
.header-message > ul li a{padding:0 7px;color:#fff;letter-spacing:-.4px}
.header-message > ul li a:hover{text-decoration:underline}
:lang(en) .header-message > ul li:first-child a{font-size: 1.1rem; font-weight: 700;}
:lang(ko) .header-message > ul li:first-child a{font-size: 0.9rem; font-weight: 600;}
.header-message > ul li a i{margin-top:-2px;margin-right:5px;font-size:14px !important;color:#a0a0a0;vertical-align:middle}
.header-message > ul li + li:before{content:'';display:inline-block;width:1px;height:10px;margin-right:4px;vertical-align:middle;background:#ddd}
.header-message > dl{float:left;line-height:30px}
.header-message > dl dt{display:inline-block;margin:0 5px 0 0;color:#fff;letter-spacing:-.4px}
.header-message > dl dd{display:inline-block}
.header-message > dl dd span a:hover{text-decoration:underline}
.header-message > dl dd > a{display:inline-block;min-width:23px;padding:0 5px;color:#fff;font-size:12px;line-height:22px;text-align:center;background:#c2170f;border-radius:3px}
.header-message > dl dd > a:hover{text-decoration:underline}
.header-message > dl dt{padding-left:7px}
.header-message > dl dt:before{content:'';display:inline-block;width:1px;height:10px;margin-right:10px;vertical-align:middle;background:#ddd}
.link-manaual{ position: absolute; right: -130px; display: inline-block; margin-top: -3px; min-width: 23px; padding: 7px 18px; color: #fff; font-size: 13px; letter-spacing: 0.5px; font-weight: 600;
    line-height: 22px; text-align: center; background: #3872e0; border-radius: 3px; border: 1px dotted rgb(127 198 253 / 80%); box-shadow: inset 1px 1px 4px 2px #2d43b3;}
.link-manaual:hover {background: #8b09cb9c; text-decoration:underline}


/* header category */
.header-category{float:left;display:inline-block;margin:15px 10px 15px 0;width:135px}
.cd-dropdown-wrapper{position:relative;z-index:300}
.cd-dropdown-trigger{display:block;position:relative;padding:6px 35px 5px 0;color:#fff}
.cd-dropdown-trigger > i {margin-right:10px;font-size:16px}
.cd-dropdown-trigger::before,.cd-dropdown-trigger::after{content:'';position:absolute;top:50%;width:9px;height:2px;margin-top:-1px;margin-right:-10px;background:#aaa;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:width 0.3s,-webkit-transform 0.3s;-moz-transition:width 0.3s,-moz-transform 0.3s;transition:width 0.3s,transform 0.3s}
.cd-dropdown-trigger::before{right:22px;transform:rotate(45deg)}
.cd-dropdown-trigger::after{right:17px;transform:rotate(-45deg)}
.cd-dropdown-trigger.dropdown-is-active::before{transform:rotate(-45deg)}
.cd-dropdown-trigger.dropdown-is-active::after{transform:rotate(45deg)}
.cd-dropdown{opacity:0;visibility:hidden;position:absolute;top:45px}
.cd-dropdown.dropdown-is-active{padding-bottom: 20px;opacity:1;visibility:visible;transform:translateY(0);transition:transform 0.5s 0s,visibility 0s 0s;box-shadow: 0 4px 12px rgb(0 0 0 / 10%);border: 1px solid #eee;border-radius: 0 0 8px 8px;background:#fff;}
.cd-dropdown-content,.cd-dropdown-content .cd-secondary-dropdown{position:absolute;top:0;left:0;margin-bottom:20px;padding:10px 5px;overflow-x:hidden;overflow-y:auto;background:#fff;border-top:0;transition:transform .3s}
.cd-dropdown-content a,.cd-dropdown-content ul a{display:block;overflow:hidden;padding:.5em;text-overflow:ellipsis;white-space:nowrap;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity 0.3s,transform 0.3s}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden{transform:translateX(100%)}
.cd-dropdown-content.is-hidden > li > a,.cd-dropdown-content ul.is-hidden > li > a{opacity:1}
.dropdown-is-active .cd-dropdown-content,.dropdown-is-active .cd-dropdown-content ul{-webkit-overflow-scrolling:touch}
.cd-dropdown-content{position:static;width:370px}
.cd-dropdown-content .cd-secondary-dropdown{left:100%}
.cd-dropdown-content .cd-secondary-dropdown{width:450px;height:500px}
.cd-dropdown-content .cd-secondary-dropdown::after{clear:both;content:'';display:table}
.cd-dropdown-content .cd-secondary-dropdown.is-hidden{transform:translateX(0)}
.cd-dropdown-content .cd-secondary-dropdown.fade-in{-webkit-animation:cd-fade-in 0.2s;-moz-animation:cd-fade-in 0.2s;animation:cd-fade-in 0.2s}
.cd-dropdown-content .cd-secondary-dropdown.fade-out{-webkit-animation:cd-fade-out 0.2s;-moz-animation:cd-fade-out 0.2s;animation:cd-fade-out 0.2s}
.cd-dropdown-content .cd-secondary-dropdown a{height:auto;font-size:13px;word-break:break-all;white-space:initial;overflow:visible}
.cd-dropdown-content .cd-secondary-dropdown > li{padding:0 5px}
.cd-dropdown-content .cd-secondary-dropdown > li > ul{transform:translate(0)}
.cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(n+2){border-top:1px solid #eee}
.cd-dropdown-content .cd-secondary-dropdown > li .see-all{display:block;bottom:0;left:0;width:100%}
.cd-dropdown-content .cd-secondary-dropdown > li .see-all button{position:absolute;top:12px;right:10px;height:25px;text-align:right}
.cd-dropdown-content .cd-secondary-dropdown > li .see-all a{display:inline-block;margin:0;height:100%;line-height:25px;color:#3166b9}
.cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item,.cd-dropdown-content .cd-secondary-dropdown a{border:0}
.cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item,.cd-dropdown-content .cd-secondary-dropdown a:hover{text-decoration:underline;color:#0c75c3}
.cd-dropdown-content .cd-secondary-dropdown > li > a{color:#3166b9;font-size:15px;}
.cd-dropdown-content .cd-secondary-dropdown > li > a:hover{text-decoration:underline}
.cd-dropdown-content .cd-secondary-dropdown > li > a::after,.cd-dropdown-content .cd-secondary-dropdown > li > a::before{display:none}
.cd-dropdown-content > .has-children > ul{visibility:hidden}
.cd-dropdown-content > .has-children > ul.is-active{visibility:visible}
.cd-dropdown-content > .has-children > a.is-active{color:#255091;font-weight:600;box-shadow:0 1px 4px #bbb}
.cd-dropdown-content > .has-children > a.is-active::before,.cd-dropdown-content > .has-children > a.is-active::after{background:#007ab8}
.cate-map-btn{padding: 10px 30px;color: #fff;background: #275bb3;margin-left: 10px;margin-top: 10px;border-radius: 6px;}
.cate-map-wrap{display:none;}
.cate-map-wrap .cate-map-dim{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}
.cate-map-wrap .cate-map-con{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(55% - 60px);height:calc(65% - 35px);padding:35px 60px;border-radius:8px;box-shadow: 0 0 25px rgb(0 0 0 / 25%);background:#fff;overflow-y:scroll;}
.cate-map-wrap .cate-map-con .cate-map-tit{margin-bottom:50px;padding-bottom:15px;font-size:22px;font-weight:700;border-bottom:1px solid #a5a5a5;color:#4d5156;}
/* .cate-map-wrap .cate-map-con .cate-map-tit::before{content:"";display:inline-block;width:6px;height:14px;border-radius:50px;vertical-align:top;background:#4d5156;} */
.cate-map-wrap .cate-map-con .cate-map-tit .fas{font-size:25px;margin-right:12px;}
.cate-map-wrap .cate-map-con .cate-list-wrap{width:calc(100% - 40px);padding:0 20px;margin-top:25px;}
.cate-list-wrap .list-tit-wrap{position:relative;border-bottom:1px solid #8daad8;}
.cate-map-wrap .cate-map-con .cate-list-wrap .cate-list-tit{margin-bottom:15px;font-size:22px;font-weight:600;color:#163e7d;letter-spacing:-0.5px;}
.cate-map-wrap .cate-map-con .cate-list-wrap ul{display:none;width:calc(100% - 20px);margin:20px 0 40px;}
.cate-map-wrap .cate-map-con .cate-list-wrap ul::after{content:"";display:block;clear:both;}
.cate-map-wrap .cate-map-con .cate-list-wrap ul li{float:left;width:calc(33.33% - 25px);padding-right:25px;}
.cate-map-wrap .cate-map-con .cate-list-wrap ul li a{display:block;width:100%;padding:4px;font-size:14px;color:#5c5c5c;}
.cate-map-wrap .cate-map-con .cate-list-wrap ul li a:hover{color:#255091;font-weight:600;}
.cate-map-wrap .cate-map-con .cate-list-wrap ul li a::before{content:"";display:inline-block;width:5px;height:5px;margin-right:10px;border-radius:50px;vertical-align:middle;background:#5c5c5c;}
.cate-map-wrap .cate-map-con .cate-list-wrap .cate-list-toggle{position: absolute;width: 13px;height: 13px;border-top: 3px solid #163e7d;border-right: 3px solid #163e7d;top: 50%;right: 10px;transform: translateY(-78%) rotate(135deg);transition:0.2s;}
.cate-map-wrap .cate-map-con .cate-list-wrap .cate-list-toggle.open{transform: translateY(-55%) rotate(-45deg);}

/* .cate-map-wrap ul li    edit ver in 2022/08/25*/
.cate-map-wrap .cate-map-con ul{display:block;width:calc(100% - 20px);margin:20px 0 40px;}
.cate-map-wrap .cate-map-con ul::after{content:"";display:block;clear:both;}
.cate-map-wrap .cate-map-con ul li{float:left;width:calc(33.33% - 25px);padding-right:25px;}
.cate-map-wrap .cate-map-con ul li a{display:block;width:100%;padding:4px;font-size:14px;color:#5c5c5c;}
.cate-map-wrap .cate-map-con ul li a:hover{color:#255091;font-weight:600;}
.cate-map-wrap .cate-map-con ul li a::before{content:"";display:inline-block;width:5px;height:5px;margin-right:10px;border-radius:50px;vertical-align:middle;background:#5c5c5c;}


@-webkit-keyframes cd-fade-in{0%{opacity:0;visibility:visible} 100%{opacity:1;visibility:visible}}
@keyframes cd-fade-in{0%{opacity:0;visibility:visible} 100%{opacity:1;visibility:visible}}
@-webkit-keyframes cd-fade-out{0%{opacity:1;visibility:visible} 100%{opacity:0;visibility:visible}}
@keyframes cd-fade-out{0%{opacity:1;visibility:visible} 100%{opacity:0;visibility:visible}}

.has-children > a{position:relative;padding-right:20px}
.no-js .cd-dropdown-wrapper:hover .cd-dropdown{visibility:visible;opacity:1;transform:translateY(0)}

/* Mobile(Additional) */
.btn-mobile{display:none;position:absolute;top:0;right:0;width:30px;height:40px;padding:10px}
.btn-mobile i{display:block;margin-top:8px;text-indent:-9990em}
.btn-mobile i, .btn-mobile i:before, .btn-mobile i:after{content:'';display:inline-block;position:absolute;top:0;right:0;width:100%;height:3px;background:#000}
.btn-mobile i:before{top:10px}
.btn-mobile i:after{top:20px}
.side-menu{display:none;position:fixed;right:0;top:0; width:100%;height:100%;background-color:#fff;z-index:999;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .4s;transition:all .4s;}
.side-menu.on{-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
.side-top, .side-menu-inner, .btm-fixed{display:none}
.side-menu.on .side-top, .side-menu.on .side-menu-inner, .side-menu.on .btm-fixed{display:block}
.btn-side-close{position:absolute;top:17px;right:20px;width:30px;height:30px;text-indent:-9999em}
.btn-side-close:before, .btn-side-close:after{content:'';display:inline-block;position:absolute;top:13px;right:0;width:100%;height:2px;background:#000}
.btn-side-close:before{transform:rotate(45deg)}
.btn-side-close:after{transform:rotate(-45deg)}
.btm-fixed{position:absolute;right:0;bottom:0;width:100%;border-top:1px solid #ddd;background: #fff}
.side-menu .btm-fixed > ul{display:table;width:100%;table-layout:fixed}
.side-menu .btm-fixed > ul > li{display:table-cell;position:relative;width:100%;text-align:center}
.side-menu .btm-fixed > ul > li > a{display:block;height:55px;line-height:55px;color:#000}
.side-menu .btm-fixed > ul > li + li:before{content:'';display:block;position: absolute;left:0;top:50%;margin-top:-5px; width:1px;height:15px;background:#ccc}
.side-menu-inner{height:calc(100% - 65px - 55px - 55px);padding-bottom:55px;overflow-y:auto}
.btm-fixed-lang{display:flex;position:absolute;right:0;bottom:56px;z-index:99;width:100%;padding:10px;background: #fff;border-top:1px solid #ddd;box-sizing:border-box}
.btm-fixed-lang label{font-size:12px}
.btm-fixed-lang select{width:-webkit-fill-available;margin:0 5px;border-color:#ddd}
.nav-toggle li{position:relative}
.side-menu-inner.nav-toggle>li>ul{padding-left: 20px;}
.nav-toggle li a{display:block;position:relative;width:calc(100% - 60px);padding:18px 40px 17px 20px;color:#000;font-size:15px;line-height:1;word-break:break-all}
.nav-toggle .cd-secondary-dropdown > li .see-all{display:block;bottom:0;left:0;width:100%}
.nav-toggle .cd-secondary-dropdown > li .see-all a{display:inline-block;margin:0;height:100%;line-height:25px;color:#3166b9}
.nav-toggle ul li > ul{padding-left:20px}
.btn-nav-toggle{position:absolute;top:10px;right:10px;width:30px;height:30px;font-size:0}
.btn-nav-toggle:after{content:'';display:inline-block;width:10px;height:10px;border:solid #999;border-width:0 0 2px 2px;transition:.25s ease-in}
.btn-nav-toggle.open:after{transform:rotate(-45deg)}
.btn-nav-toggle.close:after{transform:rotate(135deg)}
.side-top{position:relative;height:65px;padding:15px 20px;border-bottom:1px solid #075eb7;box-sizing:border-box}
.side-top .name{display:inline-block;max-width:50%;margin-right:5px;vertical-align:text-top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn-mobile-side{display:inline-block;height:32px;padding:0 10px;min-width:50px;font-size:14px;line-height:32px;text-align:center;border:1px solid #ddd;border-radius:4px}
.btn-mobile-side + .btn-mobile-side{margin-left:3px}
.btn-mobile-side.login{}
.btn-mobile-side.join{color:#fff;background:#e60e11;border-color:#e60e11}
.join-side-menu{position:fixed;left:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;-webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); -webkit-transition:all .4s; transition:all .4s;}
.join-side-menu.on{-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
.join-item{position:fixed;left:0;bottom:0;width:100%;background-color:#eee}
.join-item li:nth-child(2){border-top:1px solid #ddd}
.join-item a{display:block;width:calc(100% - 60px);padding:18px 40px 17px 20px;color:#000;font-size:15px;line-height:1;word-break:break-all}
.btn-join-item-close{position:absolute;bottom:120px;right:20px;width:20px;height:20px;text-indent:-9999em;background:transparent}
.btn-join-item-close:before, .btn-join-item-close:after{content:'';display:inline-block;position:absolute;top:10px;right:0;width:100%;height:2px;background:#eee}
.btn-join-item-close:before{transform:rotate(45deg)}
.btn-join-item-close:after{transform:rotate(-45deg)}

/*state */
.state { display: inline-block; min-width: 64px; padding: .1em .9em .2em; color: #fff; font-size: 14px;border-radius: .90rem; }
.state.waiting{ color: #333; background-color: #ececec; border: 1px solid #ccc;}
.state.complete{ color: #fff; background-color: #36b9cc; border:1px solid transparent;}
#en .state{ min-width: 120px!important; width: 120px!important;}

/* s:Footer */
#footer{display:block;width:100%;background:#414141}
/*.footer-top-area{padding:2em 0;border-bottom:1px solid rgba(90,90,90,.5)}
.footer-top-area .footer-nav{display:table;width:100%}
.footer-top-area .footer-nav a{display:table-cell;position:relative;width:calc(100% / 7);padding:1em;color:#fff;text-align:center;vertical-align:middle}
.footer-top-area .footer-nav a + a:before{content:'';display:inline-block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#555}
.footer-top-area .footer-nav a[href*=buykorea]{background:url(/images/gtrade/logo-buykorea.png) no-repeat 50% 50%/auto 18px}
.footer-btm-area{height:94px;padding:40px 0 100px;}
.footer-btm-area .logo{position:absolute; top:0; left:20px; width:160px; height:152px; text-indent:-999em; background:url(/images/gtrade/logo-gtrade-footer.png) no-repeat 50% 50%/contain; border:1px solid yellow}
.footer-btm-area .info{display:inline-block;width:50%;margin-top:10px;margin-left:99px;padding-left:40px;color:#a7a7a7}
.footer-btm-area .info:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.footer-btm-area .info dt{clear:both;float:left; margin-bottom:4px; font-weight:500;text-transform:uppercase}
.footer-btm-area .info dd{float:left; margin-left:10px; margin-bottom:4px}
.footer-btm-area .info dd address{display:inline;padding-left:6px}
.footer-btm-area .info dd abbr{text-decoration:none}
.footer-btm-area .info dd abbr + abbr{margin-left:8px}
.footer-btm-area .info dd abbr span{padding-left:4px}
.footer-btm-area .copyright{display:inline-block;width:50%;margin-left:99px;padding:3px 0 3px 40px;color:#a7a7a7}
.footer-btm-area .r-cont{position:absolute;top:5px;right:20px}
*/
.footer-top-area{padding:2em 0;border-bottom:1px solid rgba(90,90,90,.5)}
.footer-top-area .footer-nav{display:table;width:100%}
.footer-top-area .footer-nav a{display:table-cell;position:relative;width:calc(100% / 7);padding:1em;color:#fff;text-align:center;vertical-align:middle}
.footer-top-area .footer-nav a + a:before{content:'';display:inline-block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:12px;background:#555}
.footer-top-area .footer-nav a[href*=buykorea]{background:url(/images/gtrade/logo-buykorea.png) no-repeat 50% 50%/auto 18px}
.footer-btm-area{ height:94px;padding:40px 0 100px;}
.footer-btm-area .logo{position:absolute; top:0; left:20px; width:160px; height:40px; text-indent:-999em; background:url(/images/gtrade/logo-gtrade-footer.png) no-repeat 50% 50%/contain;}

.footer-btm-area .info{display:inline-block;width: calc(100% - 210px - 198px);margin-top:0px;margin-left:160px;padding: 0 20px;color:#a7a7a7;}
.footer-btm-area .info:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.footer-btm-area .info dt{clear:both;float:left; margin-right:10px; margin-bottom:4px; font-weight:500;text-transform:uppercase}
.footer-btm-area .info dd{float:left; margin-bottom:4px}
.footer-btm-area .info dd address{display:inline;padding-left:0px; word-break: break-all;}
.footer-btm-area .info dd abbr{text-decoration:none; margin-right:8px}
.footer-btm-area .info dd abbr + abbr{margin-left:0px}
.footer-btm-area .info dd abbr span{padding-left:4px}
.footer-btm-area .copyright{display:inline-block;width:calc(100% - 210px - 198px);margin-left:160px;padding:3px 20px 3px 20px;color:#a7a7a7;}
.footer-btm-area .r-cont{position:absolute;top:0px;right:20px;}

.dropdown-list{display:inline-block;width:200px;vertical-align:top}
.dropdown-list .dropdown-value{position:relative;border:1px solid #999}
.dropdown-list .dropdown-value input[type='text']{width:100%;padding:12px;height:42px;color:#babac4;font-weight:500;text-transform:uppercase;background:#414141;border:0;box-sizing:border-box}
.dropdown-list .btn-opener{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;color:#a7a7a7;background:transparent;border:0}
.dropdown-list .btn-opener:after{content:'';float:right;width:6px;height:6px;margin-top:3px;margin-right:10px;transform: translate(-50%, -50%) rotate(45deg);border-right: 2px solid #999;border-bottom: 2px solid #999}
.dropdown-list .item-list{display:none;position:absolute;bottom:44px;right:0;z-index:10;width:200px;padding:12px 0;border:1px solid #999;background:#414141;box-sizing:border-box}
.dropdown-list .item-list:after{display:none}
.dropdown-list .item-list a{display:block;padding:10px 16px;color:#babac4;font-size:12px;line-height:1;text-align:left;border:0}
.dropdown-list.active .btn-opener i{position:relative;display:inline-block;width:18px;height:9px;overflow:hidden}
.dropdown-list.active .btn-opener:after{margin-top:9px;transform: translate(-50%, -50%) rotate(-135deg)}
.dropdown-list.active .item-list{display:block}

/* s:Container(Common) */
.container .page_top{ margin-right: 5px; opacity:0; transition:opacity 0.4s linear; position:fixed;bottom:34px ;right:80px;z-index:990}
.container .page_top1{opacity:1;transition:opacity 0.4s linear;position:fixed; bottom:90px;right:20px;z-index:990}
/* .container .page_top1 button{ margin-left: 5px; width:60px; height:60px; background:#00ffff; color:#fff;font-size:12px;border-radius:50%; }
.container .page_top1 button i {font-size: 1.0rem;} */
.container .page_top1 a { display: inline-block; margin-left: 5px; padding-top: 15px; width: 60px; height: 60px; background:#284cb3; border: 1px solid transparent; color:#fff; font-size:12px; font-weight: 400; text-align:center; border-top-left-radius: 50%;
    border-top-right-radius: 50%; box-sizing: border-box;}
.container .page_top1 a i {font-size: 0.95rem;}
.container .page_top1 a:hover { background:#2893b3; border:1px dashed #fff; box-sizing: border-box;}

.container .page_top2{opacity:1;transition:opacity 0.4s linear;position:fixed;bottom:30px;right:20px;z-index:990}
.container .page_top.is-visible{opacity:1}
.container .page_top button{padding:13px; width:60px; height:60px; background:#333;color:#fff;font-size:12px;border-radius:50%; border: 1px solid transparent; text-transform:uppercase; box-sizing: border-box;}
.container .page_top button:before{content:'';display:block;width:6px;height:6px; margin: 0 auto 5px auto; border:solid #fff;border-width:0 0 2px 2px;transform:rotate(135deg)}
.container .page_top button:hover{border:1px dashed #fff; box-sizing: border-box;}
.container .page_top2 button{ margin-left: 5px; width:60px; height:60px; background:#c2170f; color:#fff;font-size:12px;border-radius:50%; }
.container .page_top2 button i {font-size: 1.0rem;}
.container .page_top2 a { display: inline-block; margin-left: 5px; padding-top: 15px; width: 60px; height: 60px; background:#c2170f; border: 1px solid transparent; color:#fff; font-size:12px; font-weight: 400; text-align:center; border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%; box-sizing: border-box;}
.container .page_top2 a i {font-size: 0.95rem;}
.container .page_top2 a:hover { background:#d37804; border:1px dashed #fff; box-sizing: border-box;}
/*Fixed script to be deleted below-Deleted after checking screen*/
.swiper-button-next{left:10px;right:auto;width:25px;height:46px;background-image:url(/images/gtrade/slide_next.png)!important;background-repeat:no-repeat;color:#555}
.swiper-button-prev{background-image:url(/images/gtrade/slide_prev.png)!important;background-repeat:no-repeat;right:10px;left:auto;width:25px;height:46px}
.swiper-pagination-bullet{margin:0 5px}
.swiper-pagination-bullet-active{background-color:#FFB1B7 !important}

/* tab_box */
.tab_box{clear:both;display:block;width:100%;margin-bottom:40px}
.tab_box ul{display:block;width:100%;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
.tab_box ul li{float:left;margin:0 5%;padding:18px 0;color:#333;font-weight:500;font-size:16px}
.tab_box ul li a{display:block}
.tab_box ul li.on{padding:13px 0;color:#144ba0;font-size:24px;border-bottom:1px solid #144ba0}
.tab_box ul li.on a{color:#144ba0;font-size:24px}
.tab_box ul li:hover a{color:#075eb7}
.tab_box ul li h2{color:#144ba0;font-size:24px}
.tab_box ul:after{content:'';display:block;clear:both;height:0;visibility:hidden}

/* 게시판 tab */
.row_wrap  > .fixed-type03, .row_wrap  > .fixed-type02{padding-top:30px}
.fixed-type03.tab_box ul li{width:calc(33.33% - 10%);text-align:center}
.fixed-type03.tab_box ul:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.fixed-type02.tab_box ul li{width:calc(50% - 10%);text-align:center}
.fixed-type02.tab_box ul:after{content:'';display:block;clear:both;height:0;visibility:hidden}

/*FAQ*/
.faq { margin: 0 auto; width: 100%;}
.faq-inner {}
.faq-inner h1 { margin-top: 30px; text-align: center;}
.accordion {}
.accordion-item { background-color: #fff; margin-bottom: 17px; padding: 15px 25px; border-radius: 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.accordion-item .title { padding: 5px 20px 2px 20px;  /* padding-bottom: 15px; */}
.accordion-item .title p { font-size: 18px; }
.accordion-item .title::after{ content:'\f358';  font-family:"Font Awesome 5 Free"; font-weight: 900; float:right; margin-top: 4px;}
.accordion-item .title.active::after{ transform: rotateX(180deg);}
.accordion-item .title.active { padding-bottom: 15px;}
.accordion-item .content { border-top: 1px dashed #ddd; font-size: 16px; padding: 15px 20px 2px 20px; display: none;}
.accordion-item .title span,
.accordion-item .content span{ display: inline-block; width: 2.8%; vertical-align: top; font-weight: 600;}
.accordion-item .title a{ display: inline-block; font-size: 17px; font-weight: 500; color: #555; padding: 0 10px; }
.accordion-item .title.active a { background-color: #faebd7d1; }
.accordion-item .title a:hover { background-color: #faebd7d1;}
.accordion-item .content p{ display: inline-block; font-size: 15px; line-height: 1.5rem; color: #777;}




/*tab_tit*/
.tab_tit{clear:both;display:block;width:100%}
.tab_tit h2{display:block;width:100%;height:40px;border-bottom:2px solid #144ba0;color:#144ba0;font-size:18px;font-weight:400;line-height:40px}
.tab_tit h2.ptitle{padding:0 0 10px 15px !important;font-size:20px;box-sizing:border-box}

/*Certificates*/
.certi_icon{display:inline-block;margin:4px auto;height:35px;text-align:center;vertical-align:middle;background-repeat:no-repeat;background-position:top center}/*width:40px;*/

/*mess_box*/
.mess_box{margin-bottom:80px;padding:80px 30px 95px;text-align:center;background:#fff;border-top:5px solid #d34045;box-shadow:1px 0 12.61px .39px rgba(9, 9, 9, .14)}
.mess_box .sch_no_ma .no_ma_img{display:inline-block;width:30%;margin-right:10px;vertical-align:top}
.mess_box .no_ma_mess{display:inline-block;width:65%;font-size:24px;line-height:1.5;word-break:break-all}
.mess_box .no_ma_mess > *{word-break:break-all}

/* File-Upload(통합) */
#gallery{display:block}
.up_one_view_box .up_img_box{width:100%;margin:10px 0;border:1px solid #eee}
.up_one_view_box .up_img_box + .remove{width:100%}

.up_multi_view_des .up_img_box{width:100%;margin:10px 0;border:1px solid #eee}
.up_multi_view_des .up_img_box img{margin-bottom:10px}
.up_multi_view_des .up_img_box + .remove{width:100%}

.up_multi_view_wrap + .up_multi_view_wrap{margin-top:15px;padding-top:10px;border-top:1px dashed #eee}
.up_multi_view_des > .up_multi_view_des{margin-top:10px}
.up_multi_view_des > .up_multi_view_des p{margin:0 0 10px 0;padding:4px 0;background:#eee;border:1px solid #ccc;text-align:center}
.up_multi_view_des > .up_multi_view_des li{position:relative;margin:5px 0}
.up_multi_view_des > .up_multi_view_des ul > li > label{padding:0;width:85px !important;font-size:13px;line-height:33px;text-align:center;background:#eee;border:1px solid #ccc}
.up_multi_view_des > .up_multi_view_des ul > li > input{vertical-align:top}

/* 대표이미지 */
.up_multi_view_des .up_img_box_se{position:relative;width:100%;margin:10px 0;border:1px solid #eee}
.up_multi_view_des .up_img_box_se + .remove{width:100%}
.up_img_box_se input[type=radio] + .img_selected_cover{display:none}
.up_img_box_se input[type=radio]{position:absolute;top:0;margin:10px}
.up_img_box_se input[type=radio]:checked + .img_selected_cover{display:table;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;border:4px solid #0176b1;background-color:#333;text-align:center;vertical-align:middle;color:#555;box-sizing:border-box;opacity:.7;z-index:99}
.up_img_box_se input[type=radio]:checked + .img_selected_cover span{display:table-cell;color:#fff;font-weight:400;text-align:center;vertical-align:middle}

.up_onefile_view_wrap{display:inline-block;margin-left:15px}
.up_onefile_view_wrap2{margin-left:0!important;}
.up_onefile_view_wrap > .up_onefile_des{display:inline-block}
.up_onefile_view_wrap > .up_onefile_des > .up_file_box{display:inline-block}
.up_onefile_view_wrap > .up_onefile_des > .up_file_box a{margin-left:5px}
.up_onefile_des2{display:block!important;margin-top:5px;}

/* jQuery.fileupload */
.fileinput-button{position:relative;overflow:hidden;display:inline-block}
.fileinput-button input{position:absolute;top:0;right:0;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';font-size:200px !important;direction:ltr;cursor:pointer}
.fileinput-button.disabled input{cursor:not-allowed}

.btn_upload:not(.disabled):hover{background:linear-gradient(to bottom,#fcfcfd,#f8f8f8)}
.btn_upload.disabled{color:#ccc;cursor:default}
.btn_upload:hover,.btn_upload:hover.disabled,.btn_upload:focus,.btn_upload:focus.disabled{text-decoration:none}

.btn_googletran{display:inline-block;width:55px;height:31px;padding:2px 0;background:url(/images/gtrade/btn-googletran.png) no-repeat 100% 50%}
.btn_googletran:hover{background-image:url(/images/gtrade/btn-googletran-on.png)}

/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#000;opacity:.65}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;min-width:360px}
.mfp-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;max-width:100%}
.mfp-container:before{content:'';display:inline-block;height:100%}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-container .mfp-content > div{position:relative;margin:0 auto;padding:25px 30px;background:#fff;border-radius:4px;box-shadow:0 0 8px rgba(0,0,0,.6)}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-iframe-scaler{height:440px;overflow:hidden}
.mfp-iframe-scaler iframe{width:580px;overflow-y:auto;position:static;height:100%}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-close,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none !important}
.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#ccc}
.mfp-preloader a:hover{color:#fff}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
.mfp-close{width:33px;height:33px;position:absolute;top:25px;right:30px;color:#7b7b7b;font-size:19px;border:1px solid #edeff1;touch-action:manipulation}
.mfp-close:hover,.mfp-close:focus{opacity:1;border:1px solid #aaa}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-gallery .mfp-image-holder .mfp-figure{background:transparent;box-shadow:none}
img.mfp-img{display:block;width:auto;max-width:100%;height:auto}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}

/*add product category*/
.category_area{margin-bottom:20px;background:#aab1b4}
.category_area p{padding:10px;color:#fff;background:#606e74}
.category_area p span{font-weight:500}
.category_area ul.category_box{display:table;width:97%;padding:1.5%;table-layout:fixed}
.category_area ul.category_box > li{display:table-cell;width:33.33%;vertical-align:top}
.category_area ul.category_box li ul.category-list{clear:both;display:block;height:295px;padding:4px 8px 4px 8px;line-height:1.5;background:#fff;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd}
.category_area ul.category_box li ul.category-list li{display:block;color:#747474;cursor:pointer}
.category_area ul.category_box li ul.category-list li.uselet{background-color:#f1f1f1}
.category_area ul.category_box li ul.category-list li:hover{color:#0176b1;background-color:#eee}

/* pagenation */
.pagination{clear:both;margin:40px 0;text-align:center}
.pagination > a{position:relative;display:inline-block;margin:0 2px;padding:7px 12px; font-weight: 400;background:#fafafa;border:1px solid #ddd}
.pagination > .active{display:inline-block; margin:0 2px ; padding:7px 12px; color:#fff; font-weight: 600; background:#337ab7;border-color:#337ab7; border:1px solid #337ab7}
/* .pagination > a + a{border-left:0} */

/*favorite*/
.item-favor{position:absolute;width:100%;right:0;bottom:0;padding:5px 10px;text-align:right;z-index:99;background:rgba(30,32,35,0.6);box-sizing:border-box}
.btn-favor{width:20px;height:21px;text-indent:-9999em; background: transparent url(/images/gtrade/baseline_favorite_border_white_24dp.png) no-repeat 0 0/contain}
.btn-favor.active{background-image:url(/images/gtrade/baseline_favorite_white_24dp.png)}
.btn-favor + em{color:#eee}
.item-favor .item-favor-click{position:absolute;left:10px;color:#fff;}

/*이용약관, 개인정보 보호정책*/
.ptitle-wrap {padding:50px 0}
.ptitle-wrap:after {content: ''; display: block; clear: both;}
.ptitle-wrap .ptitle {display: inline; vertical-align: top;}
.ptitle {margin-bottom: 28px; color: #000; font-size: 32px; font-weight: 600; letter-spacing: -0.05em;}
.agree-info {padding-top: 15px; border-top: 3px solid #0050a3;}
.agree-info-wrap.no-atitle { color: #444;}
.agree-info-wrap { padding: 0px 0 10px 0; color: #7e7e7e; font-size: 14px; line-height: 24px; letter-spacing: -0.05em;}
.agree-info-wrap .agree-tcopy { font-size: 17px; font-weight: 400; line-height: 24px;}
.agree-info-wrap .agree-tcopy li span{display: block; margin-top:10px;}
.agree-info-wrap h2.title { padding-left: 5px;}
h2.title {position: relative; margin: 35px 0 8px 0; padding-left: 24px; font-size: 22px; color: #333; font-weight: 700;}
.h_li { margin: 0 0 10px 7px; position: relative;}
/* .h_li li::before {position: absolute; top: 9px; left: 0; width: 4px; height: 4px; content: ''; background: #0071d9; overflow: hidden; border-radius: 50%;} */
.h_li li ul, .h_li li ol { margin: 8px 0 12px 0;}
.h_li li li { position: relative; padding-left: 10px;}
.h_li li li::before { position: absolute; top: 9px; left: 0; width: 4px; height: 5px; content: ''; background: url(../img/com_img.png) no-repeat -334px -30px;}


/*info-txt*/
.buyer-infotxt { display: flex; align-items: center; margin: 30px 0px 20px 0px; padding: 30px 26px; width: 100%; border-radius: 0; background: #fcfcfc; border: 1px solid #ddd; box-sizing: border-box;}
.buyer-infotxt > i {font-weight: 900; font-size: 38px; color:#bd07bd;/* color: #3e4dac; */}
.buyer-infotxt > .txt { padding: 0 0 0 20px; font-size: 15px; line-height: 150%; box-sizing: border-box;}

/* ==== PC Device(etc) ==== */
@media all and (max-width:1023px){
	.logo_box{position:relative;clear:both;width:100%;padding-bottom:10px}
	.logo_box a.logo-txt{width:120px;height:40px}
	.search_box{clear:both;display:block;width:100%;margin-top:0}
	.header_sign_box{position:absolute;top:10px;right:20px}
	.header .util{margin:18px 0}
	.link-manaual{display: none}
}
/* ==== Tablet Device ==== */
@media all and (max-width:799px){/* Tab */
	.header-message > dl{display:none}
	.header-message > ul li:last-child a:after{display:none}
	.up_multi_view_des > .up_multi_view_des ul > li > label{width:100% !important;margin:0 0 -1px}
	
	.footer-btm-area{height:auto}
	.footer-btm-area .logo{position:static;display:block}
	.footer-btm-area .info, .footer-btm-area .copyright{display:block;width:100%;margin:0;padding:3px 0;box-sizing:border-box}
	.footer-btm-area .info dd:first-of-type{ margin-bottom: 7px}
	.link-manaual {display:none}
}
/* ==== Mobile Device ==== */
@media all and (max-width:639px){
	/* Header */
	/* #header{border-bottom:1px solid #eee} */
	#header.sticky{box-shadow:0 1px 6px #bbb}
	#header.sticky + .container{padding-top:131px}
	.header_sign_box{display:none}
	.header-row-two.row_fulid{display:none}
	.btn-mobile{display:block}
	.side-menu{display:block}
	.search_box > select{display:none}
	.search_box > input[type=text]{width:calc(100% - 46px)}
	/* Footer */
	.footer-top-area .footer-nav a{display:inline-block;width:auto}
	.footer-top-area .footer-nav a strong{font-weight: 500; color: #ffcb87;}
	.footer-top-area .footer-nav a[href*=buykorea]{width:110px}
	
	/* Container */
	.container{min-height:auto}
	
	/* Tab */
	.fixed-type03.tab_box ul li{width:33.3333%;margin:0}
	.fixed-type02.tab_box ul li{width:50%;margin:0}
	.fixed-type03.tab_box ul li.on, .fixed-type02.tab_box ul li.on{padding:16px 0}
	.fixed-type03.tab_box ul li h2, .fixed-type02.tab_box ul li h2{font-size:.8em}
	
	.input_txt[role=group] .btn_re_gray + i.desc{display:inline-block;margin:10px 0}
	.up_multi_view_des > .up_multi_view_des li{position:relative}
	.up_multi_view_des > .up_multi_view_des ul > li > label{width:100% !important}
	.up_multi_view_des > .up_multi_view_des ul > li > input{display:inline-block;margin-top:-1px}
	.up_onefile_view_wrap{margin-left:0}
	.mess_box .sch_no_ma .no_ma_img{margin-right:0}
	.mess_box .no_ma_mess{width:90%}
	
	.mfp-iframe-scaler{height:546px}
	.mfp-iframe-scaler iframe{width:280px}
	
	.pagination{margin:20px 0 20px -2px}
	.pagination > a{padding:4px 7px}
	.main-move-btn{position:static;margin-top:13px;margin-right:10px;transform:translateY(-0);text-align:right;}
	
	.dropdown-list { width: 160px; }
}

@media all and (max-width:480px){
	.state { padding: .1em .3em .2em!important;}
	#en .state { min-width: auto!important; width: auto!important;}
	
}