@charset "utf-8";
/* ========================================
Website : 동해시()
File Name :include_style.css
Version : CSS2.1 (+ 3.0)
Maker : webdesign (webdesign@ecplaza.net)
Date : 2023 / January
Explanation : Sub Contents(RWD) - Layout/Contents Common(Integration Customizing)
Modify Date : 2023 / 01 / 09
======================================== */

/* ====  20230118 All Device(common) ==== */

.mtb-20 { margin: 20px 0 20px 0;!important}
.bg-eee{ background-color:#eee!important}
+add 2줄 작업
.ellipsis-oneline{overflow: hidden !important; text-overflow:ellipsis!important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important;}
.ellipsis-twoline{overflow: hidden !important; text-overflow:ellipsis!important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;}
.ellipsis-sevenline{overflow: hidden !important; text-overflow:ellipsis!important; display: -webkit-box !important; -webkit-line-clamp: 7 !important; -webkit-box-orient: vertical !important;}

/* 가는 스크롤바 */
::-webkit-scrollbar { width: 6px;  /* 세로축 스크롤바 길이 */  height: 4px;  scrollbar-width: thin; scrollbar-color: #e8e8e8 transparent; /* 가로축 스크롤바 길이 */}
::-webkit-scrollbar-track { background-color: lightblue;}
::-webkit-scrollbar-track-piece { background-color: #eee;}
::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #c9c9c9;}
::-webkit-scrollbar-button { background-color: transparent; width: 20px;  height: 10px;}
::-webkit-scrollbar-button:start { background-color: transpartent; /* Top, Left 방향의 이동버튼 */}
::-webkit-scrollbar-button:end { background-color: transpartent; /* Bottom, Right 방향의 이동버튼 */}
::-webkit-scrollbar-button:vertical:increment {}
::-webkit-scrollbar-button:vertical:decrement {}
::-webkit-scrollbar-corner { background-color: violet; /* 우측 하단의 코너 부분 */}
::-webkit-resizer { background-color: green;}
::-webkit-scrollbar-track { width: 6px; border-left: 3px solid transparent;border-right: 3px solid transparent; background-color: red; background-clip: content-box;}


/* Contents Layout(Common) */
.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.header_inner{max-width:1320px;}
.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%; padding-top: 140px; min-height:768px; background-image: url(/images/gtrade/sub-bg4-left-min.png), url(/images/gtrade/sub-bg4-right-min.png); background-repeat: no-repeat;  background-size: contain, contain; background-position:0% 0%, 100% 0%;}

/* Header */
#header{display:block; width:100%; background:transparent;}
.header{position:absolute; clear:both; display:flex; height: 165px; width:100%;  background: transparent; border-bottom:1px solid rgba(255,255,255,.3); z-index: 101; }
.header{ display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 120px; align-items: center; box-sizing: border-box; padding: 0 100px 10px 100px; border-bottom: 1px solid rgba(90,90,90,.5);
    z-index: 101; background-image: url(/images/gtrade/main-slide01-min.jpg),  repeating-linear-gradient(180deg, black, #4f4f4f57); background-repeat: no-repeat; background-position: left bottom;
    background-color: transparent; box-sizing: border-box;}
.header.row_fulid{}

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

/*header-layout*/
.header .logo_box{ margin:20px 0 0 0; padding: 0 0 0 10px; box-sizing: border-box; }
.header .logo_box .logo-txt{ padding: 5px; box-sizing: border-box;}
.header .logo_box .logo-txt .logo { margin-right: 40px; width: 200px;}
.header .gnb-box{ flex: 1; margin: 20px 10px 0 10px; padding: 0; box-sizing: border-box;}
.header .header_sign_box{ margin: 10px 0 0 0; width: auto}

/* top logo box */
/*.logo_box a.logo-txt{display:inline-block; width:227px; height:24px; text-indent:-999em; vertical-align:middle; background:url(/images/gtrade/logo.png) no-repeat 50% 50%/contain; }*/

/* top-scroll-fixed(Add Class) */
#header.sticky{position:fixed; top:0; background-color: rgba(0,0,0,.5); z-index:101}
/*#header.sticky + .container{padding-top:165px}*/
.search_box{ position: relative; display: flex; margin: 7px 0 0 0; width: 300px; border: 2px solid rgba(255,255,255,.6); border-radius: 50px; box-sizing: border-box;}
.search_box > select{ display: inline-block;margin-left: 10px; padding: 5px 10px; min-height: 33px;  color: #f1f7fd; background: transparent; border: 1px solid transparent;}
.search_box > select option{background: gray; color: #fff; border-radius: 30px}
.search_box > input[type=text] { display: inline-block; padding: 0 40px 0 20px; width: 100%; height: 34px; line-height: 34px; color: #f1f7fd; font-size: 15px; vertical-align: middle; background-color: #28292b00; border: 0px solid transparent;
    border-radius: 0px; box-sizing: border-box;}
.search_box > input::placeholder { color: #cecfd0; transition:0.1s;}
.search_box > select:focus,
.search_box > input:focus { outline: 0;}
.search_box a { position: absolute; top: 2px; right: 10px; text-align: center; padding: 5px;}
.search_box a > i { color:#f3922e; font-size: 18px; }
/*.search_box > a.icon-sch{float:right;width:104px;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:#f1f7fd; opacity:1}
.search_box > input:focus::placeholder{ color:transparent;}
.search_box > input:focus::-ms-input-placeholder{color:transparent;}
/* 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 - 120px);padding:0 15px;color:#555;font-size:15px;line-height:40px;border:0;border-radius:0}
.search_box > a.icon-sch{float:right;width:104px;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}
*/

.sitemap_box { display: none; }
.sitemap_box a { margin: 0 5px; padding: 5px; }
.sitemap_box a i{ font-size: 18px; color:#fafafa; }
/* header_sign_box */
.header_sign_box{}
.util{ display: block; margin-right: 15px; padding-left: 5px; text-align: right; }
.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: 1px 8px 0 0; color: #f1f1f1; font-size: 14px; }
.util ul li a:hover{text-decoration:underline}
.util ul li a:first-of-type{padding-left:5px}
.util ul li a i.fa-sign-in-alt {font-size: 0.8rem; margin-right: 5px;}
.util > ul > li + li > a:before{content:''; display:inline-block; width:1px; height:10px; margin-right:12px; background: rgba(255,255,255,0.4);}
.util > ul:after{content:''; display:inline-block; width:1px; height:10px; margin-top:7px; background: rgba(255,255,255,0.4);}
.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; text-align: left;}
.mypage_sub .mypage_smenu li a{ display:inline-block; width:80px; padding:5px; color:#555;}
.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; color:#555}

.util .lang{display:inline-block; vertical-align:middle}
.util .lang a{ padding:3px 3px 3px 9px; color:#fafafa;}
.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}
.header .header_sign_box > .rside-bottom {text-align: right;}

.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; text-align: left; }
.lang_list .lang_item li a{ display:inline-block; padding:5px 15px; color:#555 }

/* logo_category line*/
.header-message{ display:inline-block; padding-top: 1px; margin: 0px;}
.header-message > ul{float:left;line-height:30px}
.header-message > ul li{display:inline-block}
.header-message > ul li a{ padding: 5px 20px 7px 20px; color:#fafafa; font-size: 16px; letter-spacing:-.4px}
.header-message > ul li a:hover{text-decoration:underline}
.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 0px 0 5px; padding: 0 10px; color:#fafafa; 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;color:#fafafa;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:20px; vertical-align:middle; background:#ddd }

/* header category */
.header-category{float:left; display:inline-block; width:155px}
.cd-dropdown-wrapper{position:relative;z-index:300}
.cd-dropdown-trigger{display:block; position:relative; margin: 0 0 0 10px; padding:6px 35px 5px 0; color:#fafafa; font-size: 16px; font-weight: 400;}
.cd-dropdown-trigger > i {margin-right:10px;font-size:16px}
.cd-dropdown-trigger::before,.cd-dropdown-trigger::after{content:''; position:absolute; top:57%; 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{opacity:1;visibility:visible;transform:translateY(0);transition:transform 0.5s 0s,visibility 0s 0s}
.cd-dropdown-content,.cd-dropdown-content .cd-secondary-dropdown{position:absolute;top:0;left:0;padding:10px 5px;overflow-x:hidden;overflow-y:auto;background:#fff;border:1px solid #eee;border-top:0;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.1);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:275px;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:#3166b9;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}

@-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:17px; right:22px; 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:#fff}
.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)}

/*top slide */
.swiper-container.main_slide { position: relative;  } /*height: 100vh;*/
.swiper-container.main_slide:before{ content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
 /* height: 100%;*/
  background-image: linear-gradient(rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.3));}

/* 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-bottom-area{ display: flex; padding: 50px 0 50px 0; color: rgba(255,255,255,.8);}
.footer-bottom-area .footer-logo { display: inline-block; width: 130px; filter: grayscale(1); opacity: 50%;}
.footer-bottom-area .footer-logo img { }
.footer-bottom-area .footer-info { display: inline-block; flex: 1; padding: 0 2rem; }
.footer-bottom-area .footer-info > p{ display: block; }
.footer-bottom-area .footer-info > p > strong { display: inline-block; color:#c2c2c2; font-size: 14px; font-weight: 400; /*min-width: 58px;*/ }
.footer-bottom-area .footer-info > p > span { font-weight: 300; color: rgba(255,255,255,.6);}
.footer-bottom-area .footer-info > p > span::before { content: ':'; margin: 0 5px 0 0px; font-weight: 300;}

.footer-bottom-area .footer-info > ul ul { display: inline-block; }
.footer-bottom-area .footer-info > ul ul li { display: inline-block; padding: 0 8px 0 0}
.footer-bottom-area .footer-info > ul ul li::after { content: '/'; margin: 0 5px; font-size: 6px; color: rgba(255,255,255,.2) }
.footer-bottom-area .footer-info > ul ul li:last-child::after { display: none;}
.footer-bottom-area .footer-info > ul ul li:last-child { padding: 0 0px 0 0}
.footer-bottom-area .footer-info > ul ul li em::after { content: '.'; margin: 0 3px 0 0; }
.footer-bottom-area .footer-familysite { display: inline-block; width: 198px;}
.footer-copy{ position: absolute; top: 72px; left: 180px; display: block; padding: 0px 0 50px 0; font-size: 14px; font-weight: 300; color:#a7a7a7; text-align:center; }








/*.footer-btm-area{height:94px;padding:40px 0 100px}
.footer-btm-area .logo{position:absolute; top:0; left:20px; width:227px; height:24px; text-indent:-999em; background:url(/images/gtrade/logo.png) no-repeat 50% 50%/contain}
.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}
*/
.dropdown-list{ position:relative; display:inline-block; width:200px;vertical-align:top}
.dropdown-list .dropdown-value{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:0px; 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{opacity:0;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;background:#333;color:#fff;font-size:12px;border-radius:50%;text-transform:uppercase	}
.container .page_top button:before{content:'';display:block;width:6px;height:6px;margin:0 auto;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(135deg)}

/*Fixed script to be deleted below-Deleted after checking screen*/
.swiper-container.main_slide .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-container.main_slide .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-container.main_slide .swiper-pagination-bullet{margin:0 5px}
.swiper-container.main_slide .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}

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


/* information*/
.diagonal-stripe-1 { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScxMCc+CiAgPHJlY3Qgd2lkdGg9JzEwJyBoZWlnaHQ9JzEwJyBmaWxsPSd3aGl0ZScvPgogIDxwYXRoIGQ9J00tMSwxIGwyLC0yCiAgICAgICAgICAgTTAsMTAgbDEwLC0xMAogICAgICAgICAgIE05LDExIGwyLC0yJyBzdHJva2U9J2JsYWNrJyBzdHJva2Utd2lkdGg9JzEnLz4KPC9zdmc+Cg=="); background-repeat: repeat; }
.lightstripe { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzUnPgogIDxyZWN0IHdpZHRoPSc1JyBoZWlnaHQ9JzUnIGZpbGw9J3doaXRlJy8+CiAgPHBhdGggZD0nTTAgNUw1IDBaTTYgNEw0IDZaTS0xIDFMMSAtMVonIHN0cm9rZT0nIzg4OCcgc3Ryb2tlLXdpZHRoPScxJy8+Cjwvc3ZnPg=="); background-repeat: repeat; }
.info-page .ptitle { font-size: 29px; font-weight: 700; color:#333}
.info-page .info-head { margin: 20px 0 58px 0; }
.info-page .info-head > span:first-child{ display: block; height: 44px; border-top: 3px solid #767990; border-right: 3px solid #767990}
.info-page .info-head div { display: flex; margin-top: -5px;}
.info-page .info-head div > span {  display: inline-block; padding: 0px 20px; width: 120px;}
.info-page .info-head div > span > img { margin-left: 10px; }
.info-page .info-head div > p{ display: inline-block; padding: 0px 20px; width: calc(100% - 120px); font-size: 18px; line-height: 26px;}
.info-page .info-head div > p strong { display: block; font-size: 22px; color:#343a56;}
.info-page .info-head div > p strong span { display: inline-block; margin: 0 3px; font-size: 16px; }
.info-page .info-head div > p em { display: block; margin: 10px 0; font-size: 18px; color: #5f5f60; line-height: 1.8rem;}

.info-page .info-head > span:last-child { position: relative; display:block; margin: 30px 0; height: 3px; }
.info-page .info-head > span:last-child::after { position: absolute; content: ''; top: 0; left: 120px; width: calc(100% - 120px); height: 3px; box-sizing: border-box; background: #bec2cd; }

.info-page .info-body { padding: 30px; background: #eee; }
.info-page .info-body > .part-tit { position:relative; padding: 10px 0 15px 20px; font-size: 20px; color: #333;}
.info-page .info-body > .part-tit::before{ position: absolute; content: ''; display: inline-block; top: 25%; left: 5px; width: 5px; height: 20px; border-radius: 3px; background-color: #3d92b7;}
.info-page .info-body > .info-guide { display: block; padding: 0 15px;}
.info-page .info-body > .info-guide li { display: block; line-height: 40px; font-size: 18px; }
.info-page .info-body > .info-guide li strong { position: relative; display: inline-block; padding: 0 20px; vertical-align: top;}
.info-page .info-body > .info-guide li strong::before{ position: absolute; content: ''; display: inline-block; top: 50%; left: 5px; width: 3px; height: 3px; border-radius: 30px; background-color: #555;}
.info-page .info-body > .info-guide li strong::after { position: absolute; content: ':'; top: 0; right: 0px; margin: 0 5px 0 0px; padding: 0 0px; font-weight: 300;}
.info-page .info-body > .info-guide li span { display: inline-block;}
/*.info-page .info-body > .info-guide li span::before{ content: ':'; top: 0; left: 0px; margin: 0 5px 0 0px; padding: 0 0px; font-weight: 300;}*/
.info-page .info-body > .info-guide li span em{ margin-left: 0px; padding: 0.1em 1.8em; color: #fff; font-weight: 500; font-size: 14px; background: #e82929; border-radius: 50px; box-sizing: border-box; text-align: center;}
.info-page .info-body > .info-guide li span em i {margin-left: 5px; }


.info-page .rel-box { margin: 30px auto 20px auto; padding: 15px 20px; width: 100%; border-radius: 15px; text-align: center; background-color: #cbccce; box-sizing: border-box;}
.info-page .rel-box img { display: inline-block; margin: 0 45px 0 0; vertical-align: middle;}
.info-page .rel-box img:last-child {margin: 0 0 0 0;}

.info-page .info-video{margin: 60px auto 0px auto; padding: 30px; background: #fff; border: 1px solid #eee; border-radius: 10px; overflow: hidden; box-shadow: 1px 0 12.61px 0.39px rgb(9 9 9 / 14%);}


.info-business-wrap { position: relative; clear: both; background-image: url(/images/gtrade/main-slide01-min.jpg), repeating-linear-gradient(180deg, black, #4f4f4f57); background-size: cover; filter: grayscale(1);
    background-position: center 60%; width: 100%; height: 430px; opacity: 1;}
.info-business-wrap:before { content: ''; background: linear-gradient(180deg, black, #4f4f4f57,transparent); position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.info-business { margin-top: -130px; background: transparent;}
.info-business ol { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 90px; }
.info-business ol li { flex: 1; margin-right: 10px; height: 240px; background-color:#fff; border-radius: 10px; box-shadow: 1px 0 12.61px 0.39px rgb(9 9 9 / 14%)}
.info-business ol li span { position: relative; display: block; margin: 30px auto; width: 100px; height: 100px; text-align:center; border-radius: 50%; background-color:#eee;}
.info-business ol li span i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 56px; text-align:center; color:#3d92b7;}
.info-business ol li p { display: block; padding: 0 10px; text-align: center; font-weight: 18px; letter-spacing: 0.5px; font-size: 16px; line-height: 1.5rem; font-weight: 600; color: #333;}

.info-business .col-two { display: block}
.info-business .col-two .col-block { display: inline-block;  padding: 0 20px; width: calc( 100% / 2 - 42px ); vertical-align: top;}
.info-business .col-two .col-block > ul { clear:both; display: block; padding-bottom: 100px; }
.info-business .col-two .col-block > ul li { display: block;}
.info-business .col-two .col-block > ul li span { display: none;/*position: relative; display: block; margin: 30px auto; width: 100px; height: 100px; text-align:center; border-radius: 50%; background-color:#eee;*/}
.info-business .col-two .col-block > ul li span i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 56px; text-align:center; color:#3d92b7;}
.info-business .col-two .col-block > ul li div > p { display: block; margin-top: 10px; color:#343a56; font-size: 22px; font-weight: 500}
.info-business .col-two .col-block > ul li div > ul { display: block; margin-bottom: 20px; padding: 10px 20px; min-height: 100px; }
.info-business .col-two .col-block > ul li div > ul li { display: block; color:#414141; font-size: 17px; line-height: 1.7rem;}


.aitrade { background-color: #fff; padding: 120px 0; text-align: center;}
.aitrade h2 { text-align:center; font-size: 30px; color: #e82929; font-weight: 700}
.aitrade p { padding: 45px; text-align:center; font-size: 20px; font-weight: 400; color:#8f510d; line-height: 1.8rem;}
.aitrade p span { display: block;}
.aitrade div { }
.aitrade div img {position:relative; }
.aitrade div p{ position: absolute; top: 34%; left: 50%; transform: translatex(-50%); font-size: 36px; color:#3e3e3f; font-weight: 700; letter-spacing: -1px;}
.aitrade div > div { display: inline-block; width: calc( ( 100% / 3 ) - 5px ); }
.aitrade div > div > div { position:relative; margin: 0 auto; width: 135px; height: 135px; background-color:#F40348; border-radius: 50%; transition:transform .3s}
.aitrade div > div > div > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; border-radius: 50%; background-color:#f1f1f1; box-shadow: 1px 0 12.61px 0.39px rgb(9 9 9 / 14%)}
.aitrade div > div > div > span i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color:#747474; font-size: 40px; transition:transform .3s}
.aitrade div > div > div:hover > span i{ font-size: 48px;}
.aitrade div > div > h3 {display: block; margin: 25px 0 20px 0; color:#282828; font-size: 24px}
.aitrade div > div > ul {display: block; width: 80%; margin: 0 auto;}
.aitrade div > div > ul > li { position:relative; display: block; margin: 2px 0; padding: 0 0 0 14px; text-align: left; font-size: 16px; color:#555;}
.aitrade div > div > ul > li::before{ position: absolute; content: ''; display: inline-block; top: 50%; left: 5px; width: 3px; height: 3px; border-radius: 30px; background-color: #555;}
.aitrade div .part-seller { position: absolute; top: 40%; left: 8%; }
.aitrade div .part-buyer { position: absolute; top: 40%; left: 60%;}
.aitrade div .part-matching { position: absolute;  top: 57%; left: 33%;}


/*.page_subpage_area*/
/* mypage > Matching Calendar */
.wrapper { margin: 15px auto; max-width: 770px;}

/* calendar */
.container-calendar { position: relative; margin: 0 auto; padding: 100px 60px 60px 60px; overflow: auto; border-radius: 30px; background: #ededed;}
.button-container-calendar { position: absolute; top: 104px; right: 60px; margin-bottom: 1em; overflow: hidden; clear: both; }
.button-container-calendar button { cursor: pointer; display: inline-block; zoom: 1; background: #fcc7c0; color: #8d696e; border: 1px solid transparent; border-radius: 4px; width: 40px; height: 40px; border-radius: 50%;}
.button-container-calendar button i { color:#856469; font-size:18px; }
.table-calendar { margin-top: 50px; border-collapse: collapse; width: 100%; background: transparent;}
.table-calendar td, .table-calendar th { padding: 5px; text-align: center; vertical-align: top; }
.table-calendar th { color: #111; font-size: 1.1rem;}
.table-calendar td { color: #747474; padding-bottom: 10px; font-size: 1rem; font-weight: 400; }
.table-calendar tbody tr {margin-bottom: 10px;}
.table-calendar tbody td {position:relative; height: 126px; box-sizing: border-box;}
.table-calendar tbody td .txt-long {display: none}
.table-calendar tbody td .txt-short {display: inline-block}
.table-calendar .date-picker.selected { font-weight: bold; outline: 0px dashed #00BCD4; color: #8d0000; font-weight: 500;}
.table-calendar .date-picker.selected span {/*border-bottom: 2px solid currentColor;*/}
.table-calendar .date-picker > span:nth-child(1) { position: absolute; top: 0%; left: 50%; transform: translateX(-50%); width: 40px; height: 30px; background-color: #e543433d; border-radius: 15px;}
.table-calendar .date-picker > span:nth-child(2),
.table-calendar .date-picker > span:nth-child(3),
.table-calendar .date-picker > span:nth-child(4) { display: none;}
.table-calendar .date-picker:hover {outline: 1px dashed #00BCD4;}

/*.table-calendar .date-picker > .memo { display: block; border: 1px solid transparent; background-color: #e54343; font-weight: 300; color: #fff; padding: 0px 12px; border-radius: 30px; margin-bottom: 3px;}
.table-calendar td span + a:first-child {margin-top: 15px; }*/
.table-calendar .date-picker a {position:relative; display: block; margin: 2px auto; padding: 0 4px; font-size: 13px; width: 60%;}
.table-calendar .date-picker a:first-of-type{ margin-top: 10px!important;}
.table-calendar .date-picker a.app {position:relative; }
.table-calendar .date-picker a.req {position:relative; }
.table-calendar .date-picker a.ai {position:relative; }
.table-calendar .date-picker a.cfm{position:relative; }
.table-calendar .date-picker a::before {content: ''; position: absolute; top: 7px; left: 0%; width: 5px; height: 5px; border-radius: 50%;}
.table-calendar .date-picker a.app::before { background-color: #E4C441; }
.table-calendar .date-picker a.req::before { background-color: #3F51B5; }
.table-calendar .date-picker a.ai::before { background-color: #33B679; }
.table-calendar .date-picker a.cfm::before { background-color: #4285F4; }


.table-calendar .date-picker a .tit{ display: inline-block; color: #333; min-width: 35px; text-align: right;}
.table-calendar .date-picker a .tit::after { content:':'; display: inline-block; padding: 0 2px; }
.table-calendar .date-picker a .num{display: inline-block; color:#747474;}



/*.table-calendar .date-picker.selected a {display:block; width: 100%; }*/
/*.date-picker.selected a.yellow{border:1px solid yellow}
.date-picker.selected a.blue{display: block; border:1px solid blue}
.date-picker.selected a.green{display: block; border:1px solid green}
.date-picker.selected a.black{display: block; border:1px solid black}*/
/* sunday */
.table-calendar .date-picker:nth-child(1) {color: red;}
/* friday */
.table-calendar .date-picker:nth-child(7) {color: green;}
#monthAndYear { margin-top: 0; font-size: 2.5rem; color: #3f272e; font-weight: 600; text-align: left;}
/* #monthAndYear.fancy_title::nth-last-letter(1),
#monthAndYear.fancy_title::nth-last-letter(2),
#monthAndYear.fancy_title::nth-last-letter(3),
#monthAndYear.fancy_title::nth-last-letter(4) { border:1px solid red; } */


#previous { float: right; margin-left: 10px;}
#next {float: right;}
.footer-container-calendar { position: absolute;  top: 10px; right: 30px; margin-top: 1em; padding: 2px 30px; background: #fff; border-radius: 30px; box-sizing: border-box; }
.footer-container-calendar label { vertical-align: middle; font-weight: 500; }
.footer-container-calendar select {  display: inline-block; zoom: 1; background: #ffffff; color: #585858; border: 0px solid #bfc5c5; border-radius: 3px; padding: 5px 1em; cursor: pointer;}



/*.page_exhibitioninfo_area 2025-06-04*/
.info-wrap { display: flex; flex-direction: column; width: 100%; background:url(/images/gtrade/info-bg.jpg) no-repeat left top /cover; box-sizing: border-box;box-shadow: 7px 6px 9px 0px rgb(0 0 0 / 5%);
    border-radius: 8px;
    border: 16px solid #f1f1f1; box-sizing: border-box;}
.info-wrap > .info-header { display: flex; width: inherit; flex-direction: column; padding: 40px; box-sizing: border-box;}
.info-header > .header__log { width: 158px; height:47px; }
.info-header > .header__log img {}
.info-header > .header__copy { display: flex; flex-direction: column; align-items: center;}
.info-header > .header__copy .copy__icon { display: flex; gap: 20px;}
.info-header > .header__copy .copy__icon span { display: inline-block; width: 14px; height: 14px; border-radius: 50%; color:#fff;}
.info-header > .header__copy .copy__icon span.on { color:#9ae2ff}
.info-header > .header__copy .copy__txt { display: flex; flex-direction: column; align-items: center;}
.info-header > .header__copy .copy__txt > em{ display: block; margin-bottom: 30px; font-size: 24px; color: #fff; letter-spacing: 4px; font-weight: 300;}
.info-header > .header__copy .copy__txt > strong { display: block; margin-bottom: 28px; color: #fff; font-size: 60px; font-weight: 700; }
.info-header > .header__copy .copy__txt p { padding:6px 30px; min-width: 440px; font-size: 21px; font-weight: 500; letter-spacing: -0.5px; background: #fff; border-radius: 30px; text-align: center; }
.info-header > .header__copy .copy__txt p > strong { color: #1f5eb5; font-weight: 500;}
.info-header > .header__copy .copy__txt p > span { color:#444;}

.info-wrap > .info-body{ display: flex; flex-direction: column; margin-top: 60px; }
.info-body > .body-section{ clear: both; padding: 0;}
.info-body > .sec01{ position: relative; overflow: hidden; z-index: 0; color: white; /* 텍스트 색 유지 */ }
.info-body > .sec01::before { content: ""; position: absolute; inset: 0; background:url(/images/gtrade/info-wave.png) no-repeat left bottom /cover; opacity: 0.8; /* 여기서 배경의 투명도 조절 */ z-index: -1;}
.info-body > .sec01 > .sec01-wrap { display: flex; justify-content: space-between; align-items: center; padding: 40px;}
.info-body > .sec01 > .sec01-wrap > .left{ display: flex; flex: 1; flex-direction: column;}
.info-body > .sec01 > .sec01-wrap > .left h2 { padding: 0 0 0 14px; color: #fff; font-size: 30px;}
.info-body > .sec01 > .sec01-wrap > .left ul { display: flex; flex-direction: column; margin: 20px 0 0 0;}
.info-body > .sec01 > .sec01-wrap > .left ul li { position: relative; margin: 0 0 10px 0; padding: 0 0 0 14px; color: #dee3fb; font-size: 22px; font-weight: 400; letter-spacing: -0.5px;}
.info-body > .sec01 > .sec01-wrap > .left ul li::before{ content:''; position: absolute; top: 12px; left: 0; margin-right: 8px; width: 4px; height: 4px; background:#dee3fb; border-radius: 50%; }
.info-body > .sec01 > .sec01-wrap > .right{ flex: 1;}
.info-body > .sec01 > .sec01-wrap > .right img { width: 100%; }
.info-body > .sec01 > .sec01-wrap > .right span { display: block; margin: 16px 0 0 0; color:#f1f1f1; font-size: 16px; text-align: center;  }
.info-body > .sec02 > .sec02{}
.info-body > .sec02 > .sec02-wrap { display: flex; justify-content: space-between; align-items: flex-end; padding: 40px; background:rgba(14,28,55,.8)}
.info-body > .sec02 > .sec02-wrap > .left { flex: 2;}
.info-body > .sec02 > .sec02-wrap > .left img { padding: 0 10px; width: 400px; box-sizing: border-box;}
.info-body > .sec02 > .sec02-wrap > .right { flex: 3; display: flex; justify-content: center;}
.info-body > .sec02 > .sec02-wrap > .right ul { display: flex; flex-direction: column; padding: 0 10px; box-sizing: border-box;}
.info-body > .sec02 > .sec02-wrap > .right ul li { display: flex; margin: 20px 0 0 0; line-height: 30px; color:#fff; font-size: 17px; letter-spacing: -0.5px;}
.info-body > .sec02 > .sec02-wrap > .right ul li strong { padding: 0; min-width: 170px; height: 30px; text-align: center; font-weight: 400; border-radius: 30px; background:#19243e; box-sizing: border-box;}
.info-body > .sec02 > .sec02-wrap > .right ul li:nth-child(1) strong { background : #00aac2}
.info-body > .sec02 > .sec02-wrap > .right ul li:nth-child(2) strong { background : #009eff}
.info-body > .sec02 > .sec02-wrap > .right ul li:nth-child(3) strong { background : #0065f8}
.info-body > .sec02 > .sec02-wrap > .right ul li:nth-child(4) strong { background : #5f00cd}
.info-body > .sec02 > .sec02-wrap > .right ul li span { padding: 0 0 0 20px; font-weight: 300; line-height: 130%; box-sizing: border-box;}
.info-body > .sec03 { clear:both;}
.info-body > .sec03 > .sec03-wrap { padding: 40px 50px 20px 50px; background:rgba(14,28,55,.8)}
.info-body > .sec03 > .sec03-wrap > .benefits { clear:both; }
.info-body > .sec03 > .sec03-wrap > .benefits h2 { color:#ccc; font-size: 30px;}
.info-body > .sec03 > .sec03-wrap > .benefits > ul { display: flex; gap: 40px; margin: 40px 0; }
.info-body > .sec03 > .sec03-wrap > .benefits > ul li { position: relative; display: flex; flex: 1; flex-direction: column; padding: 20px 20px 56px 30px; box-sizing: border-box; background-color:#d13e35;}
.info-body > .sec03 > .sec03-wrap > .benefits > ul li::after {content: ""; display: block; width: 0; height: 0; position: absolute; bottom: 0; right: 0; border-right: 50px solid rgba(24,33,61,1); /* 삼각형 색상 */
  border-top: 50px solid transparent;          /* 투명한 꼭지점 */}
.info-body > .sec03 > .sec03-wrap > .benefits > ul li strong { display: block; font-size: 36px; color:#fff; }
.info-body > .sec03 > .sec03-wrap > .benefits > ul li span { font-size: 19px; color:#f9f5f5; letter-spacing: -0.5px;}

.info-footer { display: flex; justify-content: flex-end; padding: 0px 50px 30px 50px; background: rgba(14, 28, 55, .8); }
.info-footer > ul {display: flex; color: #fff; font-size: 18px; font-weight: 300; letter-spacing: -0.5px;}
.info-footer > ul > li {}
.info-footer > ul > li > strong { }
.info-footer > ul > li > span {position: relative; margin-right: 10px; padding: 0 0 0 10px;}
.info-footer > ul > li > span::after {content: "/"; display: inline-block; width: 0; height: 0; font-size: 8px; padding:0 5px; color:#f1f1f1;}
.info-footer ul span:first-of-type::after,
.info-footer ul span:last-of-type::after { display: none;}
.info-footer img {}
/*btn*/

.btn { display: inline-block; padding: 1px 10px 3px 10px; min-width: 60px; text-align: center; color: #fff; border-radius: 4px; font-size: 13px;}
.green { background-color:#4CAF50;}
.blue { background-color:#008CBA;}
.red { background-color:#f44336;}
.red { background-color:#f44336;}
.gray{ background-color:#e7e7e7; color:#000}
.darkgray{ background-color:#555;}


/* ==== PC Device(etc) ==== */

@media all and (max-width:1600px){
/* 	.header{padding: 0 40px;} */
}


@media all and (max-width:1280px){
	/* 모바일 메뉴 변경 */
/* .header .gnb-box,
	.header .header_sign_box .rside-top,
	.header .header_sign_box .sitemap_box {display:none}
	.btn-mobile{display:block}
	.side-menu{display:block}

	.header{flex-direction: column; padding: 0 16px 20px 16px; height: auto; }
	.header .logo_box { margin: 10px 0 0 0; width: 100%; padding: 5px; box-sizing: border-box; }
	.header .logo_box .logo-txt .logo { width: 170px;}
	.header .header_sign_box { margin: 10px 0 0 0; width: 90%; }
	.header .header_sign_box > .rside-bottom .search_box{ display: flex; width:100%; } */
	/* 모바일 메뉴 변경 */
	
}

@media all and (max-width:1200px){
	/* 모바일 메뉴 변경
	.header .gnb-box,
	.header .header_sign_box .rside-top,
	.header .header_sign_box .sitemap_box {display:none}
	.btn-mobile{display:block}
	.side-menu{display:block}

	.header{flex-direction: column; padding: 0 16px 20px 16px; height: auto; }
	.header .logo_box { margin: 10px 0 0 0; width: 100%; padding: 5px; box-sizing: border-box; }
	.header .logo_box .logo-txt .logo { width: 170px;}
	.header .header_sign_box { margin: 10px 0 0 0; width: 90%; }
	.header .header_sign_box > .rside-bottom .search_box{ display: flex; width:100%; }
	/* 모바일 메뉴 변경 */

	/*.header-row-two.row_fulid{display:none}*/
	.footer-bottom-area .footer-info > ul > li > strong,
    .footer-bottom-area .footer-info > ul > li > span { display: block; }
    .footer-bottom-area .footer-info > ul > li > span::before { display: none;}   
    
    /* 전시회 소개 */
    .info-body > .sec03 > .sec03-wrap > .benefits > ul li span {margin-top: 10px;}
	.info-footer {flex-direction: column;}
	.info-footer ul { justify-content: center; font-size: 16px;}
    .info-footer div { margin: 30px 10px 20px 0; text-align: right;}
    .info-footer div img {width: 116px;} 

}

@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} */
	.footer-bottom-area{ flex-direction: column;}
	.footer-bottom-area .footer-info {padding: 1rem 0rem}

	.aitrade div p{ top: 28%; font-size: 27px;}
	.aitrade div > div { position: relative;  display: block;  width: 100%; }
	.aitrade div .part-seller {  position: relative!important;  top: auto; left: auto; margin-top: -520px;  margin-bottom: 50px; }
	.aitrade div .part-buyer { position: relative!important;  top: auto; left: auto;}
	.aitrade div .part-matching { position: relative!important; top: auto; left: auto;}
	.aitrade div > div > ul {width: 50%;}

	.footer-bottom-area .footer-familysite{ display: block; width: 100%;}
	.footer-bottom-area .footer-familysite .dropdown-list { display: block; width: 100%;}
	.footer-bottom-area{padding: 50px 0 20px 0;}
	.footer-copy { position: relative; top: inherit; left: inherit; text-align: left; }
	
	
}

@media all and (max-width:996px){
	.container-calendar.matchBuy #monthAndYear {font-size: 2rem;}
	.container-calendar.matchBuy{padding: 100px 30px 60px 30px;}
	.container-calendar.matchBuy colgroup,
	.container-calendar.matchBuy thead tr{ display: none; }
	.container-calendar.matchBuy td[data-date="0"] {display: none;}
	.container-calendar.matchBuy tbody td{ display: block; width: 100%; height: 45px; margin-top: 10px; padding: 5px 0 0 6px; box-sizing: border-box; text-align: left; border-top: 1px solid #eee;}
	.container-calendar.matchBuy tbody td a,
	.container-calendar.matchBuy tbody td span{display: inline-block; }
	.container-calendar.matchBuy tbody td .txt-long {display: inline-block;}
	.container-calendar.matchBuy tbody td .txt-short {display: none}
	.container-calendar.matchBuy .date-picker {border-bottom: 1px dashed #ccc;}
	.container-calendar.matchBuy .date-picker > span:nth-child(1) { top: 0px; left: 13px; width: 60px;}
	.container-calendar.matchBuy .date-picker a:first-of-type { margin: 0px 0 0px 50px!important}
	.container-calendar.matchBuy .date-picker a { width: auto; display: inline-block; padding: 0 10px 0 10px;}
	.container-calendar.matchBuy .date-picker:hover { outline: none; border-bottom: 1px dashed #00BCD4;}


	.info-business { margin-top: -280px;}
	.info-business ol { border: 1px solid red; display: none;}
	.info-business .col-two .col-block { display: block; padding: 0 20px; width: 100%; vertical-align: top;}
	.info-business .col-two .col-block > ul { display: flex; flex-direction: column; padding-bottom: 0px}
	.info-business .col-two .col-block > ul > li {flex: 1;display: flex;margin: 0 40px 20px 0;padding: 0px;background-color: #fff;border-radius: 10px;box-shadow: 1px 0 12.61px 0.39px rgb(9 9 9 / 14%);}
	.info-business .col-two .col-block > ul > li > span {flex: 1; display: inline-block!important; position: relative; margin: 20px 0px 20px 20px; text-align:center; vertical-align: top; border-radius: 50%;background-color:#eee;}
	.info-business .col-two .col-block > ul > li > div { flex: 4; display: inline-block!important; padding: 20px; }
	.info-business .col-two .col-block > ul > li > div > ul {margin-bottom: 0px; width: 100%; padding: 10px 20px 10px 0px;}

	.aitrade > div img,
	.aitrade > div p { display: none;}
	.aitrade p {font-size: 18px;}
	.aitrade div .part-seller {margin-top: 0!important;}
	.aitrade div .part-matching {margin-top: 50px!important;}
	.aitrade div > div > ul { width: 70%; }
	
	.info-header > .header__copy .copy__txt p {padding: 6px 40px;}
	
}


/* ==== 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}	
	
	/* 전시관 소개 */
	.info-header > .header__copy .copy__txt > strong { font-size: 40px;}		
	.info-body > .sec01 > .sec01-wrap {  flex-direction: column; gap: 20px; padding: 20px;}
	.info-body > .sec01 > .sec01-wrap > .right { text-align: center;}
	.info-body > .sec01 > .sec01-wrap > .right img { margin-top: 10px; width: 70%;}
	.info-body > .sec02 > .sec02-wrap { flex-direction: column-reverse; justify-content: center; align-items: center; padding: 20px;}
	.info-body > .sec02 > .sec02-wrap > .left img { margin: 50px 0 0 0;}	
	.info-body > .sec03 > .sec03-wrap > .benefits > ul {flex-wrap: wrap; justify-content: space-between;}
	.info-body > .sec03 > .sec03-wrap > .benefits > ul li {flex: none; flex-direction: column; width: calc(100% / 2 - 20px); box-sizing: border-box;}	
	.info-footer > ul {flex-wrap: wrap; justify-content: left;}
	.info-footer > ul li { margin-bottom: 10px;}	
	
	   
}
/* ==== 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}*/
	/*.search_box > input[type=text]{width:calc(100% - 108px)}*/
	/* 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}
	.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-bottom-area .footer-familysite { display: block; width: 100%;}*/
	.dropdown-list { display: block; width: 100%;}
	.dropdown-list .item-list {width: 100%;}
	/* 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;}


	.info-page .info-body > .info-guide li span em {display: block; line-height: initial;}
	
	
	 /*전시관 소개*/
	.ptitle-wrap { padding: 10px 0 30px 0;}
    .info-wrap{border-radius: 8px;}
    .info-wrap > .info-header { padding: 15px;}
    .info-header > .header__log img { margin-top: 10px; width: 70%;}
    .info-header > .header__copy .copy__txt > em { margin-bottom: 10px; font-size: 13px; letter-spacing: 2px;}
    .info-header > .header__copy .copy__txt > strong { margin-bottom: 20px; font-size: 25px; font-weight: 600; text-align:center;}
	.info-header > .header__copy .copy__txt p { padding: 6px auto; min-width: 200px!important; font-size: 14px; text-align:center;}	
	.info-wrap > .info-body { margin-top: 0px;}
	.info-body > .sec01 > .sec01-wrap {flex-direction: column; padding: 20px;}
	.info-body > .sec01 > .sec01-wrap > .left h2 { font-size: 22px;}
	.info-body > .sec01 > .sec01-wrap > .left ul li {font-size: 18px;}
	.info-body > .sec01 > .sec01-wrap > .right { display: flex; padding: 20px 0; flex-direction: column; align-items: center;}
	.info-body > .sec01 > .sec01-wrap > .right img {width: 100%;}	
	.info-body > .sec02 > .sec02-wrap { flex-direction: column-reverse; align-items: center; padding: 20px;}
	.info-body > .sec02 > .sec02-wrap > .right ul {display: flex; flex-direction: column; padding: 0 10px; box-sizing: border-box;}
	.info-body > .sec02 > .sec02-wrap > .right ul li {display: flex; flex-direction: row; align-items: center; margin: 0px 0 10px 0; height: auto; line-height: 30px; color: #fff; font-size: 17px; letter-spacing: -0.5px; } 
	.info-body > .sec02 > .sec02-wrap > .right ul li strong {display: flex; flex: 1; justify-content: center; align-items: center; padding: 10px; min-width: 100px; height: 60px; line-height: 130%; font-size: 16px; text-align: center; font-weight: 400; border-radius: 6px; border: 4px solid rgba(255, 255, 255, .3); background: #19243e; box-sizing: border-box;}
    .info-body > .sec02 > .sec02-wrap > .right ul li span { flex: 3;}
    .info-body > .sec02 > .sec02-wrap > .left img { margin-top: 10px; padding: 10px; width: 100%;}	
	.info-body > .sec03 > .sec03-wrap { padding: 20px 25px 10px 25px;}
	.info-body > .sec03 > .sec03-wrap > .benefits h2 { font-size: 22px;}
	.info-body > .sec03 > .sec03-wrap > .benefits > ul { gap: 20px; margin: 20px 0; flex-direction: column;}
	.info-body > .sec03 > .sec03-wrap > .benefits > ul li {flex-direction: row; align-items: center; padding: 16px 16px 16px 16px; width: 100%; }
	.info-body > .sec03 > .sec03-wrap > .benefits > ul li strong {display: inline-flex; margin-right: 16px; font-size: 26px;}
	.info-body > .sec03 > .sec03-wrap > .benefits > ul li span {font-size: 16px;}
	.info-body > .sec03 > .sec03-wrap > .benefits > ul li::after { border-right: 25px solid rgba(24, 33, 61, 1); border-top: 30px solid transparent;}
	.info-footer { flex-direction: column; justify-content: flex-start; padding: 0px 30px 30px 30px;}
	.info-footer > ul { flex-direction: column; gap: 10px; font-size: 16px;}
	.info-footer > ul > li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
	.info-footer > ul > li > strong { flex: 1}
	.info-footer > ul > li > span { margin-right: 0px; padding: 0px; flex: 5;}
	.info-footer div { display: flex; justify-content: flex-end; margin-right: 30px;}
	.info-footer div img { margin-top: 20px; width: 120px; }

}

	@media all and (max-width:414px){
	.container-calendar.matchBuy { padding: 100px 30px 60px 30px; }

	.container-calendar.matchBuy #previous { margin-left: 5px!important;}
	.container-calendar.matchBuy .button-container-calendar {top: 144px!important; right: 20px;}
	.container-calendar.matchBuy button{ width: 30px!important; height: 30px!important;}

	.container-calendar.matchBuy .table-calendar tbody td { margin-top: 0px; padding: 10px 0 10px 6px; height: auto;}
	.container-calendar.matchBuy .table-calendar .date-picker > span:nth-child(1) { top: 8px!important; height: 24px; }
	.container-calendar.matchBuy .table-calendar .date-picker a:first-of-type { margin: -18px 0 0px 50px!important}
	.container-calendar.matchBuy .table-calendar .date-picker a { display: block; margin: 0px 0 0px 50px!important;}

	.info-page .info-head div { display: flex; flex-direction: column; text-align: center; }
	.info-page .info-head div > span { display: inline-block; padding: 0px 20px; text-align: center; width: 100%; box-sizing: border-box;}
	.info-page .info-head div > p { display: inline-block; padding: 0px 20px; width: calc(100%); font-size: 18px; line-height: 26px; box-sizing: border-box;}
	.info-page .info-head div > p em {font-size: 16px; line-height: 1.6rem;}
	.info-page .info-body > .info-guide li {line-height: 30px; font-size: 16px;}
	.info-page .info-body > .info-guide li strong { min-width: auto;}
	.info-page .info-body > .info-guide li strong::after{position: relative; right: auto; padding: 0 3px 0 3px;}
	.info-page .rel-box img,
	.info-page .rel-box img:last-child { display: block; margin: 0 auto; vertical-align: middle; width: 50%;}

	.info-business { margin-top: -260px!important;; background: transparent;}
	.info-business .col-two .col-block > ul li div > ul{padding: 10px 5px 10px 5px;}
	.info-business .col-two .col-block > ul > li > span {margin: 20px 0px 0px 20px;}

	.info-business .col-two .col-block > ul > li {flex-direction: column;}
	.info-business .col-two .col-block > ul > li > span { flex: 1; }
	.info-business .col-two .col-block > ul > li > div { flex: 1; }
	.info-business .col-two .col-block > ul li div > p { font-size: 18px;}
	.info-business .col-two .col-block > ul li div > ul li {font-size: 15px;}
	.aitrade p{ {padding: 25px; font-size: 16px; }
	.aitrade p span{ display: inline;}
	.aitrade div p { top: 26.5%; font-size: 24px;}
	.aitrade div .part-seller { margin-top: -320px; }
	.aitrade div > div > ul{width: 70%; margin-bottom: 20px!important;}
	
		 /*전시관 소개*/
	.ptitle-wrap { padding: 10px 0 30px 0;}
    .info-wrap{border-radius: 8px;}
    .info-wrap > .info-header { padding: 15px;}
    .info-header > .header__log img { margin-top: 10px; width: 70%;}
    .info-header > .header__copy .copy__txt > em { margin-bottom: 10px; font-size: 14px; letter-spacing: 2px;}
    .info-header > .header__copy .copy__txt > strong { margin-bottom: 20px; font-size: 40px; font-weight: 600;}
	.info-header > .header__copy .copy__txt p { padding: 6px 26px; min-width: 200px; font-size: 14px;}	
	.info-wrap > .info-body { margin-top: 0px;}
	.info-body > .sec01 > .sec01-wrap {flex-direction: column; padding: 20px;}
	.info-body > .sec01 > .sec01-wrap > .left h2 { font-size: 22px;}
	.info-body > .sec01 > .sec01-wrap > .left ul li {font-size: 18px;}
	.info-body > .sec01 > .sec01-wrap > .right { display: flex; padding: 20px 0; flex-direction: column; align-items: center;}
	.info-body > .sec01 > .sec01-wrap > .right img {width: 100%;}	
	.info-body > .sec02 > .sec02-wrap { flex-direction: column-reverse; align-items: center; padding: 20px;}
	.info-body > .sec02 > .sec02-wrap > .right ul {display: flex; flex-direction: column; padding: 0 10px; box-sizing: border-box;}
	.info-body > .sec02 > .sec02-wrap > .right ul li {display: flex; flex-direction: row; align-items: center; margin: 0px 0 10px 0; height: auto; line-height: 30px; color: #fff; font-size: 17px; letter-spacing: -0.5px; } 
	.info-body > .sec02 > .sec02-wrap > .right ul li strong {display: flex; flex: 1; justify-content: center; align-items: center; padding: 10px; min-width: 100px; height: 60px; line-height: 130%; font-size: 16px; text-align: center; font-weight: 400; border-radius: 6px; border: 4px solid rgba(255, 255, 255, .3); background: #19243e; box-sizing: border-box;}
    .info-body > .sec02 > .sec02-wrap > .right ul li span { flex: 3;}
    .info-body > .sec02 > .sec02-wrap > .left img { margin-top: 10px; padding: 10px; width: 100%;}	
	.info-body > .sec03 > .sec03-wrap { padding: 20px 25px 10px 25px;}
	.info-body > .sec03 > .sec03-wrap > .benefits h2 { font-size: 22px;}
	.info-body > .sec03 > .sec03-wrap > .benefits > ul { gap: 20px; margin: 20px 0; flex-direction: column;}
	.info-body > .sec03 > .sec03-wrap > .benefits > ul li {flex-direction: row; align-items: center; padding: 16px 16px 16px 16px; width: 100%; }
	.info-body > .sec03 > .sec03-wrap > .benefits > ul li strong {display: inline-flex; margin-right: 16px; font-size: 26px;}
	.info-body > .sec03 > .sec03-wrap > .benefits > ul li span {font-size: 16px;}
	.info-body > .sec03 > .sec03-wrap > .benefits > ul li::after { border-right: 25px solid rgba(24, 33, 61, 1); border-top: 30px solid transparent;}
	.info-footer { flex-direction: column; justify-content: flex-start; padding: 0px 30px 30px 30px;}
	.info-footer > ul { flex-direction: column; gap: 10px; font-size: 16px;}
	.info-footer > ul > li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
	.info-footer > ul > li > strong { flex: 1}
	.info-footer > ul > li > span { margin-right: 0px; padding: 0px; flex: 5;}
	.info-footer div { display: flex; justify-content: flex-end; margin-right: 30px;}
	.info-footer div img { margin-top: 20px; width: 120px; }
}