@charset "utf-8";
/* ========================================
Website : East-Sea
File Name :new2024-eastsea.css
Version : CSS2.1 (+ 3.0)
Maker :
Date : 2024 / Aug
Explanation : Sub Contents(RWD) - Layout/Contents Common(Integration Customizing)
Modify Date : 2024 / 08 / 00
======================================== */
/*common*/
.blind {position: absolute; width: 1px; height: 1px; border: 0; clip:rect(1px, 1px, 1px); overflow: hidden; z-index: -1;}
#skip_navi {z-index: 150;}

/* Main-Header */
#header {display:block;width:100%;background:#fff;position:relative;}
#header #main.header.header-main{clear: both; box-sizing:border-box;height:120px;z-index:2;border-bottom: 0px;background: white;/* position:relative; */
/* box-shadow: 5px 0 15px rgba(0, 0, 0, 0.15); background: url(/images/gtrade/thum/main_title.png) no-repeat 100% 100% / 100% 100% !important; */}

#header #main.header{display:block;width:100%;background-color:#fff;margin:0;padding:30px 0px; z-index:1; height:120px;
background:url(/images/gtrade/thum/sub_title.png) no-repeat 100% 100% / 100% 100%; box-sizing: border-box;opacity: 0;transition: opacity 0.1s ease;background-size: cover;}

.container {padding-top: 120px;}
.row_wrap {border:0px solid orange;}


/* Sub-Header */
.header .logo_box a.logo-txt{display:inline-block;width:280px;text-indent:-999em;vertical-align:middle;background:url(/images/gtrade/dh_digital_logo_wh.png) no-repeat 50% 50%/contain;}
.header .header-row-one.row_wrap {padding-top:10px;}

.header .header-message > ul li a{padding:0 25px; letter-spacing:-.4px;font-size:18px;}
.header .cd-dropdown-trigger > i,
.header .cd-dropdown-trigger,
.header .cd-dropdown-trigger::before,
.header .cd-dropdown-trigger::after,
.header .header-message > ul li a,
.header .search_box > a.icon-sch,
.header .header_sign_box .util ul li a,
.header .header_sign_box .util .lang .lang_down,
.header .search_box > a i { color:#fff;}

.header .util {padding: 12px 0 5px 5px; display: flex; flex-direction: row; justify-content: flex-end;}
/* .header .util ul {padding-left:5px;color: #fff;font-size: 14px;} */
.header .util > a{padding-left:5px;color: #555;font-size: 14px;}
.header .util ul li a:first-of-type{padding-left:5px;font-size: 16px;}
.util > ul > li + li > a:before{width: 1.4px; height: 12px;margin-right: 12px; background: #fff;}
.util > ul:after {width: 1.4px; height: 12px;margin-right: 7px; background: #fff;}
.header .mem_part .men_part_item li a.go,
.header .lang_list .lang_item li a .lang_ko,
.header .lang_list .lang_item li a .lang_en,
.header .util ul li a {color:#555;}
.header .util .lang .lang_down:before{background:url(/images/gtrade/icon_earth_wh.png) no-repeat 0 0/contain}
.header .cd-dropdown-trigger > i{margin-right:10px;font-size:18px;}
.header .cd-dropdown-trigger{display:block;position:relative;padding:0 40px 5px 0;}
:lang(en) .cd-dropdown-trigger > i{font-size:14px;font-weight:700;margin-left:-20px;}
:lang(ko) .cd-dropdown-trigger > i{font-size:1px;font-weight:600;margin-left:-20px;}
.header .cd-dropdown-trigger::before,.header .cd-dropdown-trigger::after{content:'';position:absolute;top:50%;width:9px;height:2px;margin-top:-3px;margin-right:-5px;background:#fff;-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}

.header .header_sign_box .util ul li a

.header.header-main .cd-dropdown-trigger > i,
.header.header-main .cd-dropdown-trigger,
.header.header-main .cd-dropdown-trigger::before,
.header.header-main .cd-dropdown-trigger::after,
.header.header-main .header-message > ul li a,
.header.header-main .header_sign_box .util ul li a,
.header.header-main .header_sign_box .util .lang .lang_down{color:#555;}
.header.header-main .cd-dropdown-trigger {font-weight: 600;}
.header.header-main .header .cd-dropdown-trigger{display:block;position:relative;padding:0 40px 5px 0;color:#555;font-size:16px;}
.header.header-main .util ul li a:first-of-type{padding-left:5px;color:#555;font-size: 16px;margin-top:-1px;}
.header.header-main .header-row-one.row_wrap { }
.header.header-main .logo_box a.logo-txt{display:inline-block;width:280px;text-indent:-999em;vertical-align:middle;background:url(/images/gtrade/dh_digital_logo_color.png) no-repeat 50% 50%/contain;}
/* .header.header-main .logo_box a.logo-txt{display:inline-block;width:150px;height:50px;text-indent:-999em;vertical-align:middle;background:url(/images/gtrade/dh_logo_color.png) no-repeat 50% 50%/contain;} */
.header.header-main .cd-dropdown-trigger{display:block;position:relative;padding:0 40px 5px 0;color:#555;font-size:17px;}
.header.header-main .cd-dropdown-trigger > i {margin-right:10px;font-size:18px; color:#555; }
.header.header-main .header .cd-dropdown-trigger{display:block;position:relative;padding:0 40px 5px 0;color:#555;font-size:16px;}
.header.header-main .cd-dropdown-trigger::before,.header.header-main .cd-dropdown-trigger::after{content:'';position:absolute;top:50%;width:9px;height:2px;margin-top:-3px;margin-right:-5px;background:#555;-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}
.header.header-main .util .lang .lang_down:before {background: url(/images/gtrade/icon_earth_gy.png) no-repeat 0 0 / contain;}
#header #main.header.header-main .util > ul > li + li > a:before{width: 1.4px; height: 12px;margin-right: 12px; background: #555;}
#header #main.header.header-main .util > ul > li + li.logout > a:before {display:none;}
#header #main.header.header-main .util > ul:after {width: 1.4px; height: 12px;margin-right: 7px; background: #555;}


/* Mypage-Edit Contract */
.sub-cont .btn-frm-area .btn-frm-box.sum { margin-right: 10px; }
.sub-cont .btn-frm-area.btn-flex.sum { padding: 40px 300px 0 0;}
.sub-cont .btn-frm-area .sbtn.sgray.sum { min-width: 120px; font-size:14px; margin: 0 15px; }
.sr_sbm_btn { margin-left: 15px; background:linear-gradient(to bottom,#f7f8fa,#e8e9ea); color: black; min-width: 120px; font-size:14px; }
.sr_sbm_btn:hover {background:linear-gradient(to top,#f7f8fa,#e8e9ea); }


/* header category */
.header-category{margin:15px 10px 0 30px;}
.cate-map-wrap {display: none;}
.cd-dropdown-trigger {font-size: 17px;}
.cd-dropdown-trigger > i {margin-right:10px;font-size:18px; color:#555; }
.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-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}

/* top logo box */
#main.header.header-main .header-row-one row_wrap .logo_box{float:left;display:block;margin:20px 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/dh_logo_color.png) no-repeat 50% 50%/contain;margin:-5px;}


/* top logo box */
#header .logo_box{float:left;display:block;margin:5px 20px 0 0;}

/* Sub-Header */
.header.sub_header {border:1px solid blue; background:yellow;}

/* header_sign_box */
#header .header_sign_box{font-size: 16px;margin:0;}
util .lang {font-size: 17px; }
.mem_part, .lang_list{border-top:1px solid #ff8d00;}


/* top search box */
#header .search_box{right:-30px;position:absolute;margin:0;padding:0;background:rgba(255, 255, 255, 0);box-sizing:border-box;display:inline-block;top:0px;z-index:1111;width:0;transition: width 0.4s;border: 0px;}
#header .search_box > input[type=text] {padding: 0 0 0 10px; color: #f1f7fd; background-color: #28292b00; border: 0px solid transparent;}


#header .search_box.expanded {width:521px;height:40px;top:-2px; border: 1px solid #a1a1a161;border-radius:50px;background:#fff;}
#header .search_box > input[type=text].expanded {width:85%;height:35px;opacity:1; background:transparent; color:#333; font-size:17px; margin:0 10px 0 25px;}

#header .search_box > a {display:inline-block;top:-3px;margin:0;padding: 0 10px; right: 1px;}
#header .search_box > a i{color:#ababab;font-size:20px;padding:12px 8px;margin:0;}
#header .search_box.expanded > a {padding:0;display:inline-block;top:-7.3px;}
#header .search_box.expanded > a i{color:#666;font-size:20px;padding:10px;margin:7px 5px;display: inline-block;}









/* top search box */
/* #header .search_box{right:290px;position:absolute;margin:0 0 0;padding:0;background:rgba(255, 255, 255, 0);box-sizing:border-box;display:inline-block;top:5px;z-index:1111;width:0;transition: width 0.4s;border: 0px;}
#header .search_box > input[type=text] {padding: 0 0 0 10px; color: #f1f7fd; background-color: #28292b00; border: 0px solid transparent;}


#header .search_box.expanded {width: 580px; height:60px; top:-5px;border: 1px solid #a1a1a161;border-radius: 50px;background:#fff;}
#header .search_box > input[type=text].expanded {width: 90%; height:40px;opacity:1; background:#fff; color:#333; font-size:18px; margin:10px;padding: 0 0 0 20px;caret-color: #333;}

#header .search_box > a {display:inline-block;top:-17px;margin:0;padding: 15px 15px;}
#header .search_box > a i{color:#ababab;font-size:20px;padding:10px 0;margin:0;}
#header .search_box.expanded > a {padding:0;display:inline-block;top:0;}
#header .search_box.expanded > a i{color:#555;font-size:20px;padding:15px;margin:5px 10px 0 0;display: inline-block;}
 */









/* mypage-sub */
.header.header-main .mypage_sub{background:#fff;border:solid 3px #fff;border-top:1px solid #ff8d00;}
.header .mypage_sub{background:#bbb;border:0px solid #bbb;border-top:1px solid #ff8d00;}

/* page_subpage_area */
.page_left_area{padding-top:70px;}

.dash_icon_area ul li{padding:30px;}




/* logo_category line*/
.header-message{ position:absolute;display:inline-block;z-index:999;margin:9px 0 0 0;}
.header-message > ul{float:left;display:inline-flex;justify-content:space-evenly;width:max-contrent;}
.header-message > ul li{ }

:lang(en) .header-message > ul li:first-child a{font-size:18px;font-weight:400;margin-left:-20px;}
:lang(ko) .header-message > ul li:first-child a{font-size:18px;font-weight:400;margin-left:-20px;}
.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:1.2px;height:12px;vertical-align:inherit;background:#ddd}
.header-message > dl{float:left;line-height:30px}
.header-message > dl dt{display:none;}
.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{display:none;}
.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}

/* logo_category line*/
.header-message > dl dd > a{display:none;}
.header-message > dl dd > a:hover{display:none;}

/* main-title */
.main-area .main-title {text-align: center;background-color: #fff;font-weight: 500;margin-bottom:30px;}
.main-area .main-title span{font-size: 60px;display: inline-block;margin-bottom: 10px;}
.main-area .main-title p{font-size: 20px;}

/* Main(common) */
.main-area{background-color:#fff;background-image: none;}
.main-area .container {padding-top:0;cursor: default; background-image:none; }
.main-visual-slide {z-index:1;}



/* swiper-container */
.swiper-container{ height:460px; margin:0 auto; position:relative; overflow:hidden; padding:0; z-index:2; width:90%;border-radius:20px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);}
/* .swiper-container img{ display:block;width:130%;height:130%;object-fit:cover; }사이즈 조절 확인필요*/

.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:25px;background-color:#fff!important;/*opacity:0*/}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.swiper-pagination-bullet-active{cursor: pointer;width:40px;height:14px;border:0px solid #e4433b!important;border-radius: 25px;background-color:#ce0808!important;/*background: transparent;*/opacity:0.8!important;box-sizing:border-box;}

.main-visual-slide .js-shows-slider .visualtxt {position:absolute;display:inline-block;z-index:999;left: 50%; top: 40%; transform: translate(-50%, -50%); width: 100%; text-align: center;/* top:23%;left:60%; */}
.main-visual-slide .js-shows-slider .visualtxt p{font-size:40px;color:#fff;margin-bottom:20px;}
.main-visual-slide .js-shows-slider .visualtxt p br {display: none;}
/*
.main-visual-slide .js-shows-slider .visualtxt { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.main-visual-slide .js-shows-slider .visualtxt p br {display: none;}
.main-visual-slide .js-shows-slider .dot-slide { left: 50%; transform: translateX(-50%);}
*/



:lang(en) .main-visual-slide .js-shows-slider .visualtxt p {font-size: 2rem;}
:lang(en) .main-visual-slide .js-shows-slider .visualtxt span {font-size: 1.3rem;}
.main-visual-slide .js-shows-slider .visualtxt span{font-size:30px;color:#fff;}
.main-visual-slide .js-shows-slider .visualtxt span:nth-child(2)::after{font-size:20px;color:#fff;margin:0 10px;display:inline-block;transform:translateY(-4px);}
.main-visual-slide .js-shows-slider .dot-slide{left: 50%; transform: translateX(-50%);bottom:35%;width:50%;height:4px;width:150px;}
.main-visual-slide .js-shows-slider .swiper-slide .gallbox{ width:110%; display:block;position:absolute;overflow:hidden;top:0;left:0;margin:0 auto;object-fit:cover;}
.main-visual-slide .js-shows-slider .swiper-slide .gallbox:after{content:"";opacity:0.5;position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.js-shows-slider .prev, .js-shows-slider .next{transition:0.3s ease;}
.main-area img{object-fit:cover;}

/* 메인 이미지 효과 */
/* 메인 이미지 효과 */
.main-visual-slide .js-shows-slider .swiper-slide .gallbox {
    width: 100%;
    height: auto; /* 부모의 비율에 맞춰 크기 자동 설정 */
    height: -webkit-fill-available;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.main-visual-slide .js-shows-slider .swiper-slide .gallbox img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 이미지가 컨테이너를 꽉 채우게 설정 */
    animation: zoomInFade 25s ease-in-out infinite; /* 애니메이션 시간 25초로 설정 */
    transition: transform 5s ease-in-out, filter 5s ease-in-out; /* 전환 시간 길게 설정 */
    max-width: 100%; /* 화면 크기에 따라 이미지 크기 제한 */
    max-height: 100%; /* 화면 크기에 따라 이미지 크기 제한 */
}

/* 그라데이션 효과 적용 */
.main-visual-slide .js-shows-slider .swiper-slide .gallbox::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 80%); /* 위에서 아래로 그라데이션 */
    z-index: 1; /* 그라데이션이 이미지 위에 오도록 */
}

/* 메인 이미지-애니메이션 */
@keyframes zoomInFade {
  0% {
      transform: scale(1.1); /* 초기 크기 */
      filter: brightness(0.7); /* 어두운 상태 */
  }
  25% {
      transform: scale(1.15); /* 크기 살짝 커짐 */
      filter: brightness(0.85); /* 밝아짐 */
  }
  50% {
      transform: scale(1.25); /* 크기 커짐 */
      filter: brightness(1); /* 밝음 */
  }
  75% {
      transform: scale(1.15); /* 다시 조금 작아짐 */
      filter: brightness(0.85); /* 다시 어두워짐 */
  }
  100% {
      transform: scale(1.1); /* 원래 크기로 돌아옴 */
      filter: brightness(0.7); /* 어두운 상태로 돌아옴 */
  }
}


/* 아이디 찾기  */
.email-group.idsch input[type=text]:first-of-type {width: 30%;}
/* 이메일정보로 비번찾기 */
.frm-box.find-frm input#USER_LGN_ID.user_lgd_id {width:30%;}


/* Product List */
.prod-list-wrap{display:block; padding:70px 0 60px 265px}
.prod-list .btn-apply.inquiry{background:#45566d} /* 인콰이어리 */
.prod-list .btn-apply.import-comp{background:#ff6000;    pointer-events: none} /* 수입업체 */
.prod-list .btn-apply.manufc-comp{background:#0090c9;    pointer-events: none} /* 제조첩체 */


/* .prod-list-side */
.prod-list-side{position:absolute;top:0;left:0;margin-left:20px;width:198px;padding-top:80px;padding-bottom:15px;border-bottom:0px solid #adadad;}
.recent-list-area .tit{border:solid #adadad;border-width:4px 0 2px}
.recent-list-area .recent-btn.prev:after{border-bottom:5px solid #adadad}
.recent-list-area .recent-btn.next:after{border-top:5px solid #adadad}


/* .prod-result */
.prod-result .result em{color:#555;font-weight:500;font-size:18px}
.prod-result .tab-link li.active strong { color: #30496f;}


/* === sch-box page ===*/
.btn-primary{background-color:#adadad;}



/* ### buyer quick search  통관정보기반 바이어 검색 ###*/
.proPage-wrap .proPage-quick {border: 0px dotted rgba(20, 75, 160, 0.8); border-bottom: 0px solid rgba(20, 75, 160, 0.8);}
.proPage-wrap .proPage-quick:hover{border: 2px dotted #183153; border-bottom: 4px solid #111;background:#fff;}
.proPage-wrap .proPage-quick:hover i {color:#183153;}
.proPage-wrap .proPage-quick:hover span{display:block; color:#183153;}


/* pagenation */
.pagination > .active{display:inline-block;margin:0 2px;padding:7px 12px;color:#fff;font-weight:600; background:#adadad;border-color:#adadad; border:1px solid #adadad;}



/*.prod-list .cont .bizType */
.prod-list .tit > a{display:block;width:70%;padding:1px;color:#0044a1;font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.system_wrap {width:100%; height:2400px;background-image: url(/images/gtrade/dh_section2.jpg); background-repeat: no-repeat;background-size: 95%;}
.system_wrap img {margin: 0 auto;}



/* system-section */
.system-wrap { position: relative; margin-top: -120px; z-index:99 }
.system-wrap .row_wrap {padding-top: 0px;}
.system-wrap .system-boxwrap {display:flex; gap: 40px; /* margin-left:-20px; */justify-content: center; }
.system-wrap .system-boxwrap .system-box { flex: 1; /* width:314px; */ min-width: 300px; height:200px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(20, 75, 160, 0.9) 90%); border-radius: 30px;position: relative;}
.system-wrap .system-boxwrap .system-box:first-of-type{ flex: 2;}
:lang(en) .system-wrap .system-boxwrap .system-box:first-of-type{ flex: 1;}

.system-wrap .system-boxwrap .system-box .img-box { width: inherit; height: 200px; border-radius: 30px 30px 30px 0px; overflow: hidden; position: relative; transition: 0.3s;
    box-shadow: 3px 3px 3px 0px rgb(0 0 0 / 23%); }
.system-wrap .system-boxwrap .system-box .img-box:before,
.system-wrap .system-boxwrap .system-box .img-box:after{content:""; opacity:0.5; position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.system-wrap .system-boxwrap .system-box .img-box:before{background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 90%);}
.system-wrap .system-boxwrap .system-box .img-box:after{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 60%);}
.system-wrap .system-boxwrap .system-box .img-box:hover {border-radius: 30px 30px 160px 0px;}
.system-wrap .system-boxwrap .system-box .img-box p{ position: relative; display: flex; align-items: center; justify-content: flex-start;z-index: 99; padding: 30px 15px; height: 120px!important;  /* background: linear-gradient(to bottom, rgba(55, 86, 162, 0) 0%, rgba(0, 0, 0, 0.7) 80%); */ box-sizing: border-box; }
.system-wrap .system-boxwrap .system-box .img-box p a { color:#fff;}
.system-wrap .system-boxwrap .system-box:nth-of-type(1) .img-box p {background-color: rgb(0 146 167 / 80%);}
.system-wrap .system-boxwrap .system-box:nth-of-type(1) .img-box p a {}
.system-wrap .system-boxwrap .system-box:nth-of-type(2) .img-box p { background-color:rgb(1 141 266 / 80%);}
.system-wrap .system-boxwrap .system-box:nth-of-type(2) .img-box p a{ }
.system-wrap .system-boxwrap .system-box:nth-of-type(3) .img-box p {background-color:rgb(0 101 248 / 80%);}
.system-wrap .system-boxwrap .system-box:nth-of-type(3) .img-box p a {}
.system-wrap .system-boxwrap .system-box .img-box p i { margin-right: 10px; width: 70px; font-size: 40px; color: #fff; text-align: center;}
.system-wrap .system-boxwrap .system-box .img-box p > a { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.system-wrap .system-boxwrap .system-box .img-box p > a:hover {text-decoration: underline;}
.system-wrap .system-boxwrap .system-box .img-box p > a strong{ font-size:20px; font-weight: 500; }
.system-wrap .system-boxwrap .system-box .img-box p > a span{font-size:16px; }

:lang(en) .system-wrap .system-boxwrap .system-box .img-box p > a span {display: none;}

/* .system-wrap .system-boxwrap .system-box span {color:#fff;position:absolute;font-size:32px;top:20px;left:25px;text-decoration: underline;text-decoration-thickness:from-font;} */
/* .system-wrap .system-boxwrap .system-box a.icon {width: 30px;height: 30px;display: inline-block;bottom: 40px;position: relative;right:-275px;} */
.system-wrap .system-boxwrap .system-box a.icon { position: absolute; width: 30px; height: 30px; right: 10px; bottom: 10px;}
.system-wrap .system-boxwrap .system-box a.icon i {color:#fff;position:absolute;font-size:22px;}
.system-wrap .system-boxwrap .system-box a.icon i:hover {transform: scale(1.2); transition-duration:0.3s ease-in-out;}
.system-wrap .system-boxwrap .system-box .img-box img {width: 100%;height: 100%; object-fit: cover; object-position: center -40px;}
/* .system-wrap .system-boxwrap .system-box:first-of-type {width: 530px;} */
.system-wrap .system-boxwrap .system-box:first-of-type .img-box {width: inherit;}
/* .system-wrap .system-boxwrap .system-box:first-of-type .img-box:after{opacity:0.9;position:absolute;top:0px;left:0px;right:0px;bottom:0px;} */
/* .system-wrap .system-boxwrap .system-box:first-of-type a.icon {right:-490px;} */



/* product-section */
.product-wrap { margin-top: 60px; background:url(/images/gtrade/dh_section_back_s.png) no-repeat center bottom; background-size:100% auto;transform: translateY(30px);}
.product-wrap .row_wrap{border:0px solid gray; height:2100px;}
.product-wrap .row_wrap .product-txt {border: 0px solid red; padding: 0 55px; /* margin-left: -20px; */}
.product-wrap .row_wrap .product-txt h2 {font-size:34px;color:#333;margin: 0 0 20px 0;}
.product-wrap .row_wrap .product-txt span {font-size:17px;color:#555;width:50%;display:inline-block;;line-height: 28px;}
.product-wrap .row_wrap .product-txt .morebtn {letter-spacing:1pt;display:block;font-size:15px;color:#595959;font-weight:600;line-height:2;margin: 20px 0;width: 100px;text-align: left;}
.product-wrap .row_wrap .product-txt .morebtn:after {content:"";display:block;height:1.8px;width:88px;background:#999;}
.product-wrap .row_wrap .product-txt .morebtn:hover {letter-spacing:1.5pt;transition:0.3s}
.product-wrap .row_wrap .product-txt .morebtn:hover:after {letter-spacing:0pt;width:410px;transition:0.3s}

.product-wrap .pro-boxwrap {display: flex;flex-wrap: wrap;padding: 20px; justify-content: center;}
.product-wrap .pro-boxwrap .pro-box {width:300px;height:400px;background-color:#795548;border-radius:20px; position:relative;margin:90px 70px 80px 100px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.product-wrap .pro-boxwrap .pro-box:hover {transform: translateY(-20px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.product-wrap .pro-boxwrap .pro-box:nth-child(even) {margin-top: -118px; background-color:#454d51;}
.product-wrap .pro-boxwrap .pro-box .pro-img {width: 300px;height: 340px;border-radius:15px 15px 0 0;overflow:hidden;display: block;}
.product-wrap .pro-boxwrap .pro-box .pro-img img {width: 100%;height: 100%;object-fit: cover;object-position:center;}
.product-wrap .pro-boxwrap .pro-box .pro-img:after{content:"";opacity:0.4;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-color:#000;width:300px;height:340px;border-radius: 15px 15px 0 0;}
.product-wrap .pro-boxwrap .pro-box .pro-txt { }
.product-wrap .pro-boxwrap .pro-box .pro-txt p{font-size:30px;color:#fff;font-weight: 500;padding: 10px;position: absolute;margin: -65px 0 0 15px;}
.product-wrap .pro-boxwrap .pro-box .pro-txt span{font-size:24px;color:#fff;width:69%;letter-spacing: -.3px;margin: 10px 0 0 25px;display: inline-block;}
.product-wrap .pro-boxwrap .pro-box .pro-txt a {width:24px;height:24px;display: inline-block;position: relative; left: 30px;}
.product-wrap .pro-boxwrap .pro-box .pro-txt a i {font-size:22px;color:#fff;}
.product-wrap .pro-boxwrap .pro-box .pro-txt i:hover {color:#fff496;}


/* banner-slide-section */
.banner-wrap {border-top:1px solid #cccfd1; width: 100%;height:80px;position: relative; margin: 0 auto;margin-top: 0;background-color: #fff;}
.banner-wrap .row_wrap{ border:0px solid orange; width:100%;}
.banner-wrap .row_wrap .slide-div {border:0px solid red; width:95%; position: relative; height: 80px; align-content: center;margin: 0 auto;}
.banner-wrap .row_wrap .slide-div .content {width: 200px;}
.banner-wrap .row_wrap .slide-div .content img {width: 150px;margin:0 auto;}

.slick-arrow {font-size: 1px;text-indent: -9999px !important; width:13px;height:13px;margin-top:30px;cursor: pointer;}
.slick-prev {background:url(/images/gtrade/dh-btn-L.svg);opacity: 0.5; position:absolute; left:-22px;top:0;}
.slick-next {background:url(/images/gtrade/dh-btn-R.svg);opacity: 0.5; position:absolute; right:-22px;top:0;}
.slick-prev:hover, .slick-next:hover {opacity: 1; }


/* morebtn */
.morebtn {text-align: center; margin: 20px 0;}
.morebtn a {display: inline-block;padding: 12px 25px;background: linear-gradient(135deg, #2d68a9, #0056b3);color: #fff;text-decoration: none;border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);font-size: 16px;font-weight: bold;transition: all 0.3s; }
.morebtn a:hover {background: linear-gradient(135deg, #0056b3, #2d68a9); transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); }









/* {position: absolute; width: 50%; top: 20%; left: 20%; transform: translate(-20%, -20%);} */
/* .ani_effect.action {animation: effect 0.6s forwards ease-in-out;} */


/* DH:s:Footer */
#footer{display:block;width:100%;background:#111}
.footer-top-area{padding: 3em 0 3em;border-bottom:1.5px solid rgba(90,90,90,.5)}
.footer-top-area .footer-nav{display:table;width:100%;position: relative;height:40px;margin-bottom:16px;}
.footer-top-area .footer-nav a {position: relative;padding:0 3.5em;color:#fff;text-align:right;display:inline;left:180px;top:10px;font-size:16px;}
.footer-top-area .footer-nav a:hover{text-decoration:underline}
.footer-top-area .footer-nav a:first-child strong{color:#BFDEFE;}
.footer-top-area .footer-nav a + a:before{content:'';display:inline-block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.25px;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-top-area .row_wrap p.logo{position:absolute; width:160px; height:40px; text-indent:-999em; background:url(/images/gtrade/dh_logo_wh.png) no-repeat 50% 50%/contain;}
.footer-top-area .row_wrap .info{margin-left:205px;color:#fff;display:flex;background:#5d5d5d63;border-radius:30px;padding:10px;}
:lang(en) .footer-top-area .row_wrap .info{font-size:13px;font-weight:400;}
.footer-top-area .row_wrap .info:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.footer-top-area .row_wrap .info dt{clear:both;text-transform:uppercase;padding:0 10px 0 20px;}
.footer-top-area .row_wrap .info dd{float:left; margin: 0 0 4px 5px;}
.footer-top-area .row_wrap .info dd address{display:inline;padding-left:0px;word-break:break-all;margin-right:30px;}
.footer-top-area .row_wrap .info dd abbr{text-decoration:none; margin-right:13px}
.footer-top-area .row_wrap .info dd abbr + abbr{margin-left:0px}
.footer-top-area .row_wrap .info dd abbr span{padding-left:4px}

.footer-btm-area {padding:40px 0 60px;}
.footer-btm-area .row_wrap .warning{display:inline-block;color:#a7a7a7;margin-left:235px;margin-bottom:10px;font-weight: 400;}
.footer-btm-area .row_wrap .copyright{margin-left:230px;color:#a7a7a7;font-weight:700; padding: 3px 20px 3px 5px;}


/*page_tit*/
.page_tit h1.tit{padding:70px 0 10px;}




/* ==== PC Device(etc) ==== */
@media all and (max-width:1450px){
#main {border: 0px solid purple;}
/* .main-visual-slide .js-shows-slider .visualtxt {top:35%;left:22%;text-align:center;width:500px; border:2px dashed orange}
.main-visual-slide .js-shows-slider .dot-slide{left:40%;width:50%; border:2px solid green} */
/* .main-visual-slide .js-shows-slider .visualtxt { left: 50%; top: 58%; transform: translate(-50%, -58%); text-align:center; width: 96%;}
.main-visual-slide .js-shows-slider .visualtxt br { display: none;}
.main-visual-slide .js-shows-slider .dot-slide { left: 50%; transform: translateX(-50%); bottom: 28%; width: 50%; text-align: center;}
.swiper-pagination-clickable .swiper-pagination-bullet { width: 5%!important;}
.swiper-pagination-clickable .swiper-pagination-bullet-active { width: 15%!important;} */
}

/* 노트북 이하 */
@media (max-width: 1199px) {
  /* 노트북 또는 태블릿 가로 */
    .main-visual-slide {border:0px dashed orange}
    .system-wrap .system-boxwrap { display: block; margin: 0 auto; width: 90%;}
	.system-wrap .system-boxwrap .system-box { display: inline-block; margin-bottom: 20px; width: 49%; box-sizing: border-box; padding: 0px; min-width: inherit; box-sizing: border-box;}
	.system-wrap .system-boxwrap .system-box:first-child { width: 100%; flex: 2}
	.system-wrap .system-boxwrap .system-box:last-child {margin-left: 1%}
	.system-wrap .system-boxwrap .system-box .img-box {width: 100%;} 
/* .system-wrap .system-boxwrap { display: block; margin: 0 auto; width: 90%;}
.system-wrap .system-boxwrap .system-box { display: inline-block; margin-bottom: 20px; width: 49%; box-sizing: border-box; padding: 0px; min-width: inherit; box-sizing: border-box;}
.system-wrap .system-boxwrap .system-box:first-child { width: 100%; flex: 2}
.system-wrap .system-boxwrap .system-box .img-box {width: 100%;} */

}


/* ==== PC Device(etc) ==== */
 @media all and (max-width:1024px){
    .main-visual-slide {border:0px solid red;}
    /* text-center*/
.main-visual-slide .js-shows-slider .visualtxt {top: 50%;}
    
.product-wrap .pro-boxwrap { padding: 0; justify-content: space-between; margin: 100px 0 0 95px;}

}



@media all and (max-width:1023px){	
.main-visual-slide .js-shows-slider .swiper-slide .gallbox img {animation: zoomInFade 30s ease-in-out infinite;}
#main {border: 0px solid red;}
#header .header-category .main-visual-slide .js-shows-slider .dot-slide {}
#header .header-category{margin: 15px 10px 0 0; }
#header .header-message{position: relative; margin: 0;float: none;top:10px;left:-30px;}
#header .header_sign_box{margin: -34px 0;}

#header .search_box {right: 250px;top:20px;}
#header .search_box.expanded {width: 360px;}
#header .search_box > a {top: -15px;}
.main-area .container {margin-top: -50px;z-index: 1;}

.swiper-container {height:500px;width:100%;border-radius:0;}
/* .main-visual-slide .js-shows-slider .visualtxt {top:35%;left:22%;text-align:center;width:500px} */
.main-visual-slide .js-shows-slider .visualtxt p {font-size: 36px; margin-bottom:15px;}
.main-visual-slide .js-shows-slider .visualtxt span {font-size: 20px;}
.main-visual-slide .js-shows-slider .visualtxt span:nth-child(2)::after {font-size: 14px;margin: 0 5px;}
/* .main-visual-slide .js-shows-slider .dot-slide{left:40%;bottom:8%;width:50%;} */
/* .main-visual-slide .js-shows-slider .dot-slide{ left: 50%; transform: translateX(-50%); bottom:8%; } */
.header .header-message > ul li a{padding:0 15px;font-size:16px;}
:lang(ko) .header-message > ul li:first-child a{margin-left:0;font-size:16px;}
.header.header-main .util ul li a:first-of-type {font-size: 16px; }


.footer-btm-area {padding:30px 130px 0 0;height:130px;}
.footer-top-area .row_wrap .info dd address{margin-right:10px; letter-spacing: -0.1px;}
.swiper-container-no-flexbox .swiper-slide{float:none}
.container .page_top {bottom:40px;right:35px;}
.search_box > a.icon-sch{float:none;display: inline-block;margin-left: -50px;}
/* .system-wrap {height:100%;}
.system-wrap .row_wrap {padding-top:40px;}
.system-wrap .system-boxwrap {flex-direction: row; flex-wrap: wrap;}
.system-wrap .system-boxwrap .system-box, .system-wrap .system-boxwrap .system-box .img-box {width:380px;}
.system-wrap .system-boxwrap .system-box a.icon {right: -340px;}
.system-wrap .system-boxwrap .system-box:first-of-type, .system-wrap .system-boxwrap .system-box:first-of-type .img-box {width: 800px;}
.system-wrap .system-boxwrap .system-box:first-of-type a.icon {right:-760px;}
.system-wrap .system-boxwrap .system-box a.icon i {font-size:19px;position: unset;padding: 0;} */
.product-wrap {transform: translateY(0);}
.product-wrap .row_wrap{height:2300px;margin-top: 50px;}
/* .product-wrap .row_wrap .product-txt {margin-left:85px;} */
.product-wrap .row_wrap .product-txt span {width:85%;}
.product-wrap .row_wrap .product-txt .morebtn {left:105px;top: 140px;}
.product-wrap .row_wrap .product-txt .morebtn:hover:after {width:250px;}
.product-wrap .pro-boxwrap { padding:0; justify-content:space-between; margin: 100px 0 0 95px;}
.product-wrap .pro-boxwrap .pro-box {width:330px; height:none; margin:0 0 0 0;}
.product-wrap .pro-boxwrap .pro-box:nth-child(even){margin:-490px 400px 150px 430px;}
.product-wrap .pro-boxwrap .pro-box .pro-img,.product-wrap .pro-boxwrap .pro-box .pro-img:after{width: 330px;}
.product-wrap .pro-boxwrap .pro-box .pro-txt span{font-size:20px;padding:0;font-weight:normal;display: inline-block;margin: 10px 0 0 25px;}

.product-wrap .pro-boxwrap .pro-box .pro-txt a i {font-size:18px;}
.prod-list-wrap{padding: 10px 0 0 0;}
}

/* 태블릿 이하 */
@media (max-width: 991px) {
  }

/* ==== Tablet Device ==== */
@media all and (max-width:830px){
#header .header-message {display:none;}
#header .header_sign_box{margin:0;}
/* 태블릿 또는 그 이하 디바이스용 */



}



/* ==== Tablet Device ==== */
@media all and (max-width:799px){
	.main-visual-slide {border:0px solid orange;}
	#main {border: 0px solid blue;}
	.header-message {top:-4px;left:255px;background-color:#f3f3f3;border-radius: 5px;}
	:lang(ko) .header-message > ul li:first-child a{font-size: 15px;}
	.header .header-message > ul li a{font-size:15px;}
	.header .header-message {top:-4px;left:255px;background-color:rgba(103,82,7,.4);border-radius: 5px;}
	.header.header-main .header-message {top:-4px;left:255px;background-color:#f3f3f3;border-radius: 5px;}
/* 	.main-visual-slide .js-shows-slider .visualtxt{top:35%;left:18%;} */
	
	/* .main-visual-slide .js-shows-slider .swiper-slide .gallbox {height: 40vh;} */
	.main-visual-slide .js-shows-slider .swiper-slide .gallbox { height: inherit;}
	.main-visual-slide .js-shows-slider .swiper-slide .gallbox img {animation: zoomInFade 35s ease-in-out infinite; }
	.swiper-container {height:480px;width:100%;border-radius:0;}
	
	/* .system-wrap .system-boxwrap {margin-left:0;}
	.system-wrap .system-boxwrap .system-box a.icon {right: -340px;}
	.system-wrap .system-boxwrap .system-box, .system-wrap .system-boxwrap .system-box .img-box,
	.system-wrap .system-boxwrap .system-box:first-of-type, .system-wrap .system-boxwrap .system-box:first-of-type .img-box {width:600px;}
	.system-wrap .system-boxwrap .system-box a.icon, .system-wrap .system-boxwrap .system-box:first-of-type a.icon { right : -88%;right: -560px;} */
	
	.product-wrap .row_wrap{margin-top: 70px;padding: 0;/* margin-left: -25px; */}
	.product-wrap .row_wrap .product-txt .morebtn {top: 170px;}
	.product-wrap .pro-boxwrap {margin: 60px 0 0 50px;}
	.product-wrap .pro-boxwrap .pro-box:nth-child(even){margin:-490px 0 100px 350px;}
	
	.footer-top-area .row_wrap p.logo{top:65px;}
	.footer-top-area .footer-nav a {padding:0 3.5em 0 1em;left:5px;}
	.footer-top-area .footer-nav a + a:before {left:-15px;}
	.footer-top-area .row_wrap .info{margin-left:180px;display:flex;background:none;border-radius:0;padding:10px;flex-direction: column;}
	.footer-top-area .row_wrap .info dt{padding:0 0 3px 0;}
	.footer-top-area .row_wrap .info dd{float:none; margin-bottom:14px}
	.footer-btm-area .row_wrap .warning{margin-left:8px;width:70%;}
	.footer-btm-area .row_wrap .copyright{margin-left:4px;}
	.footer-top-area{padding:2em 0 0.6em 1em;border-bottom:1.5px solid rgba(90,90,90,.5)}
	.footer-btm-area {margin-left:28px;}
}








/* ==== Mobile Device ==== */
@media all and (max-width:639px){
.main-visual-slide {border:0px solid yellow;}
#main {border: 0px solid green;}
#skip_navi {z-index: 0;}
#header #main.header.header-main, #header #main.header {height:100px;}
.header .btn-mobile i,.header .btn-mobile i:before,.header .btn-mobile i:after{background:#fff}
.header.header-main .btn-mobile i,.header.header-main .btn-mobile i:before,.header.header-main .btn-mobile i:after{background:#333;}
.header-category {display: none;}
.header-message {display: none;}
.header .util {display: none;}
.search_box {display: none;}
.swiper-container {height:332px;}
/* .main-visual-slide .js-shows-slider .visualtxt {left:-3%;top:30%;} */
/* .main-visual-slide .js-shows-slider .dot-slide{left:50%;} */
.main-visual-slide .js-shows-slider .visualtxt p {font-size:25px;margin-bottom:10px;}
.main-visual-slide .js-shows-slider .visualtxt span {font-size:16px;}
/* .system-wrap .system-boxwrap .system-box, .system-wrap .system-boxwrap .system-box .img-box,
.system-wrap .system-boxwrap .system-box:first-of-type, 
.system-wrap .system-boxwrap .system-box:first-of-type .img-box {width:480px;}
.system-wrap .system-boxwrap .system-box:first-of-type, 
.system-wrap .system-boxwrap .system-box:first-of-type .img-box { width: 100%; box-sizing: border-box;} 
.system-wrap .system-boxwrap .system-box span {font-size: 1.6rem;}
.system-wrap .system-boxwrap .system-box a.icon, 
.system-wrap .system-boxwrap .system-box:first-of-type a.icon {right: -440px;} */
.system-wrap { margin-top: 20px;}
.system-wrap .system-boxwrap .system-box {width: 100%!important}
.system-wrap .system-boxwrap .system-box:last-child {margin-left: 0%;}
.system-wrap .system-boxwrap .system-box .img-box {background: #3166b9;}
.system-wrap .system-boxwrap .system-box .img-box img {object-position: center -70px;}

.product-wrap {background-size: 200% auto;}
/* .product-wrap .row_wrap .product-txt {margin-left:60px;} */
.product-wrap .row_wrap{height:2800px;}
.footer-top-area .row_wrap .info dd{margin: 0 0 14px 0;}
.product-wrap .pro-boxwrap {margin:0 0 0 0;justify-content: center;}
.product-wrap .pro-boxwrap .pro-box, 
.product-wrap .pro-boxwrap .pro-box:nth-child(even){margin:30px 0 30px 0px;}
.product-wrap .pro-boxwrap .pro-box:hover {transform: translateY(0); box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);}
.footer-top-area .footer-nav a {padding:0 2.8em 0 0;}
.footer-top-area .row_wrap .info{margin-left:0;margin-top:75px;}
.footer-btm-area {padding:30px 130px 50px 0;margin-left: -10px;}
.footer-btm-area .row_wrap .warning{margin-left:30px;width:105%}
.footer-btm-area .row_wrap .copyright{margin-left:25px;}
.footer-top-area .footer-nav{left:4px;}
.footer-top-area .footer-nav a + a:before {left:-20px;}
.footer-top-area .row_wrap .info dt {display: none;}

/* Mypage-Edit Contract */
.sub-cont .btn-frm-area.btn-flex.sum {padding: 0; flex-direction: column; width: 100%; padding-top:0; margin-bottom: 30px;}
.sub-cont .btn-frm-area .sbtn.sgray.sum {margin:0; padding: 10px;}
.sr_sbm_btn {margin-left:0px;margin-bottom: 10px;padding: 10px;}
.sub-cont .btn-frm-area .btn-frm-box.sum { margin-bottom: 10px; }
.btn_list {margin-bottom: 10px; }



/* 모바일 메뉴 변경 */
.header .gnb-box,
.header .header_sign_box .rside-top,
.header .header_sign_box .sitemap_box,#header .search_box {display:none}
.side-menu{display:block}
.btn-mobile {right:35px;display:block;top:-2px;}
.header{flex-direction: column; padding: 0 16px 20px 16px; height: auto; }

#header .logo_box {margin: -8px 20px 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%; }
/* 모바일 메뉴 변경 */
	/* .system-wrap .system-boxwrap .system-box a.icon, .system-wrap .system-boxwrap .system-box:first-of-type a.icon { right : -90%;right: -560px;} */
	.system-wrap .system-boxwrap .system-box a.icon, .system-wrap .system-boxwrap .system-box:first-of-type a.icon { right: 10px;}
}

@media (max-width: 480px) {
	    .main-visual-slide {border:0px solid green;}
    .main-visual-slide .js-shows-slider .swiper-slide .gallbox {
        height: 60vh; /* 화면 높이를 60%로 설정 (모바일 화면에 맞게 조정) */
        display: flex;
        justify-content: center; /* 가로 중앙 정렬 */
        align-items: center; /* 세로 중앙 정렬 */
    }

    .main-visual-slide .js-shows-slider .swiper-slide .gallbox img {
        animation: zoomInFade 40s ease-in-out infinite; /* 더 긴 애니메이션 시간 */
        width: 100%; /* 이미지가 컨테이너를 꽉 채우도록 설정 */
        height: 100%; /* 이미지가 컨테이너를 꽉 채우도록 설정 */
        object-fit: cover; /* 이미지가 여백 없이 꽉 차게 설정 */
    }

/* .main-visual-slide .js-shows-slider .visualtxt { left: 50%; top: 50%; transform: translate(-50%, -50%);}
.main-visual-slide .js-shows-slider .dot-slide { left: 50%; transform: translateX(-50%);} */
.main-visual-slide .js-shows-slider .visualtxt p {font-size: 1.4rem!important;}
:lang(en) .main-visual-slide .js-shows-slider .visualtxt p { font-size: 1.2rem !important;}
:lang(en) .main-visual-slide .js-shows-slider .visualtxt span { font-size: 1.0rem !important;}
.main-visual-slide .js-shows-slider .swiper-slide .gallbox { height: 100%; align-items: inherit;} 
.main-visual-slide .js-shows-slider .dot-slide .swiper-pagination-bullet { width: none;}

.header.header-main .logo_box a.logo-txt { width: auto; min-width: 260px; background-size: 96%; background-position-x: 10%; }

.footer-top-area .footer-nav a { padding: 0 2em 0 0;}
.footer-top-area .footer-nav a strong{ font-size: 14px; letter-spacing: -0.5px;}
.main-visual-slide .js-shows-slider .visualtxt p br {display: block;}
.main-visual-slide .js-shows-slider .dot-slide {width: 100%;width: 100%;}

}

/* ipad  */
@media screen and (min-width: 1024px) and (max-width: 1185px){
/*  .system-wrap .system-boxwrap { width:100%;} 
 .system-wrap .system-boxwrap .system-box{ flex: 1;width: auto!important; }
 .system-wrap .system-boxwrap .system-box span {font-size:1.4rem!importnat;}
 .system-wrap .system-boxwrap .system-box:first-of-type { flex: 2; }
 .system-wrap .system-boxwrap .system-box:second-of-type { flex: 1; }
 .system-wrap .system-boxwrap .system-box:third-of-type { flex: 1; }
 .system-wrap .system-boxwrap .system-box .img-box { width: auto!important;} */
 }

/* @media screen and (min-width:820px) {
	.system-wrap .row_wrap {  padding-top: 40px; }
    .system-wrap .system-boxwrap { flex-direction: row;  flex-wrap: wrap; display: flex; gap: 40px; margin-left: -20px;  justify-content: center;}
    .system-wrap .system-boxwrap .system-box:first-of-type, 
    .system-wrap .system-boxwrap .system-box:first-of-type .img-box { width: 800px;}
    .system-wrap .system-boxwrap .system-box, .system-wrap .system-boxwrap .system-box .img-box { width: 380px;}
	
} */
/* @media screen and(max-width: 1023px) {
    .system-wrap .row_wrap {  padding-top: 40px; }
    .system-wrap .system-boxwrap { flex-direction: row;  flex-wrap: wrap; display: flex; gap: 40px; margin-left: -20px;  justify-content: center;}
    .system-wrap .system-boxwrap .system-box:first-of-type, 
    .system-wrap .system-boxwrap .system-box:first-of-type .img-box { width: 800px;}
    .system-wrap .system-boxwrap .system-box, .system-wrap .system-boxwrap .system-box .img-box { width: 380px;}
} */