@charset "utf-8";
@import url(kr-en.css);/*231224 추가*/
@import url(es.css);/*231224 추가*/
@import url(vn.css); /*240816 추가*/
@font-face{
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
  url(../fonts/NotoSansKR-Regular.woff) format('woff'),
  url(../fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
  url(../fonts/NotoSansKR-Medium.woff) format('woff'),
  url(../fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
  url(../fonts/NotoSansKR-Bold.woff) format('woff'),
  url(../fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face{
  font-family: 'NotoSansvnvi';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSans-Regular.woff2) format('woff2'),
  url(../fonts/NotoSans-Regular.woff) format('woff'),
  url(../fonts/NotoSans-Regular.otf) format('opentype');
}
@font-face{
  font-family: 'NotoSansvnvi';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NotoSans-Medium.woff2) format('woff2'),
  url(../fonts/NotoSans-Medium.woff) format('woff'),
  url(../fonts/NotoSans-Medium.otf) format('opentype');
}
@font-face{
  font-family: 'NotoSansvnvi';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSans-Bold.woff2) format('woff2'),
  url(../fonts/NotoSans-Bold.woff) format('woff'),
  url(../fonts/NotoSans-Bold.otf) format('opentype');
}

/* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
*/
*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjustbox-sizing:none;box-sizing:border-box}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea{margin:0;padding:0;border:0;font-size:100%;font-family:'NotoSansKR','맑은 고딕','malgun gothic','돋움','dotum',sans-serif !important;vertical-align:baseline;word-wrap:break-word;word-break:keep-all;font-style: normal;color:#121212;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main{display: block}
body{line-height:1.5;letter-spacing:-.03em;}
h1,h2,h3,h4,h5,h6{line-height:1.5;letter-spacing:-.03em;}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;cursor:pointer;}
em{font-style:normal}
img{vertical-align:top}
button{padding:0}

.ellipsisP{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
#previoustime,#currenttime{height: auto;line-height: 1.5;color: #8d9291;border: none;padding: 0;}/* 20230129 date ui assembly update*/
input[type='text'],input[type='password'],
input[type='tel'],input[type='number'],
input[type='search'],input[type='email'],
input[type='date'],textarea,select{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type=number]::-webkit-outer-spin-button,input[type=tel]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button,input[type=tel]::-webkit-inner-spin-button{-webkit-appearance:none}
button, input[type='button'], input[type='submit'], input[type='reset']{cursor:pointer;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;border:0;vertical-align:middle;background:none}

/*기본 폼*//*H50*/
input[type=text],input[type=number],input[type=tel]{width:100%;height:50px;line-height:50px;padding:0 12px;border:1px solid #ddd;font-size:18px;color:#121212}
input[type=text]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder{font-size:18px;color:#8d9291}
input[type=text]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder{font-size:18px;color:#8d9291}
input[type=text]:focus,input[type=number]:focus,input[type=tel]:focus{border-color:#1428a0}
input[type=text]:disabled,input[type=number]:disabled,input[type=tel]:disabled{border-color:#ddd !important;background-color:#f4f4f4 !important;color:#8d9291 !important;}
input[type=text].success,input[type=number].success,input[type=tel].success,textarea.success{border-color:#121212}
input[type=text].error,input[type=number].error,input[type=tel].error{border-color:#da5359}
input[type=text]:focus-visible,input[type=number]:focus-visible,input[type=tel]:focus-visible{outline:0}
input[type=text]:focus+label,input[type=number]:focus+label,input[type=tel]:focus+label{display:none}
.essential{display:inline-block;width:11px}
.essential:before{content:'*';color:#8d9291}

.radio-box+.radio-box{margin-left:119px}
input[type=radio],input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
input[type=radio]+label,input[type=checkbox]+label{display:inline-block;position:relative;min-height:28px;padding-left:32px;font-size:16px;}
input[type=radio]+label:before,input[type=checkbox]+label:before{content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background:#e9e9e9;}
input[type=radio]+label:after{content:'';display:block;position:absolute;left:4px;top:4px;width:16px;height:16px;background:#fff;}
input[type=checkbox]+label:before{background:#fff}
input[type=checkbox]+label:after{content:'';display:block;position:absolute;left:4px;top:4px;width:16px;height:16px;background:url(../assets-new/common/icon-checkbox-g.png) no-repeat;background-size:100% auto}
input[type=radio]:focus+label:before{background:#daf8f2}
input[type=radio]:focus+label:after{background:#1428a0}
input[type=checkbox]:checked+label:after{background:url(../assets-new/common/icon-checkbox-b.png) no-repeat;background-size:100% auto}

textarea {width:100%;height:260px;padding:11px 12px;border:1px solid #ddd;text-align:left;font-size:18px;resize:none}
textarea::placeholder{font-size:18px;color:#8d9291;font-weight:500}
textarea:-ms-input-placeholder{font-size:18px;color:#8d9291;font-weight:500}
textarea:focus{border-color:#1428a0}
textarea:focus-visible{outline:0}

/*기본 검색*//*H60*/
.search-area fieldset{position:relative}
.search-area input[type=text],.search-area input[type=search]{width:100%;height:60px;line-height:60px;padding-right:84px;padding-left:20px;}
.search-area .btn-search{position:absolute;right:20px;top:50%;transform: translateY(-50%); width:24px;height:24px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;background-image:url(../assets-new/common/icon-search.png)}
.search-area input[type=text]:focus,.search-area input[type=search]{border-color:#1428a0}

.btn-delet{display:none;position:absolute;right:52px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-position:50% 50%;background-image:url(../assets-new/common/icon-delete.png);background-repeat:no-repeat;background-size:100% auto}

.auto-complete-list{height:auto;max-height: 160px;display:none;position:absolute;left:0;top:60px;width:100%;border:1px solid #ddd;border-top:none;background:#fff;z-index:1;}
.auto-complete-list ul{height:auto;max-height: 160px;overflow-x:hidden;overflow-y:scroll;padding:12px 20px;}
.auto-complete-list li{position:relative}
.auto-complete-list li .kwd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:calc(100% - 32px);font-size:18px;line-height:50px;}
.auto-complete-list ul::-webkit-scrollbar{width:5px}
.auto-complete-list ul::-webkit-scrollbar-track{background-color:transparent}
.auto-complete-list ul::-webkit-scrollbar-thumb{border-radius:0;background-color:#e4e4e4;}
.auto-complete-list ul::-webkit-scrollbar-button{width:0;height:0}
.auto-complete-list .btn-add{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background-image: url("../assets-new/common/icon-right-item.png");background-repeat:no-repeat;background-size:100% auto;background-position:50% 50%;}
.auto-complete-list .mark{color:#1428a0;font-weight:700;}

/*기본 검색*//*H40*/
.search-area.search-s input[type=text]::placeholder,
.search-area.search-s input[type=number]::placeholder,
.search-area.search-s input[type=tel]::placeholder{font-size:14px;}
.search-area.search-s input[type=text],
.search-area.search-s input[type=search]{height:40px;line-height:40px;padding-left:12px; padding-right:60px;font-size:14px;}
.search-area.search-s .btn-search{right:12px;width:16px;height:16px;background-image:url(../assets-new/common/icon-search-s.png);}/*231214 수정 : 검색 버튼 위치 수정 */
.search-area.search-s .btn-delet {right:36px;width:16px;height:16px;}

.search-s .auto-complete-list{top:40px;max-height:136px;}/*240408 검색수정*/
.search-s .auto-complete-list ul{padding:8px 12px;max-height:136px;/*overflow:hidden;*/}/*240408 검색수정*/ /* 240411 Scroll SZupdate */
.search-s .auto-complete-list li .kwd{width:calc(100% - 28px);line-height:40px;font-size:16px;}
.search-s .auto-complete-list .btn-add{width:20px;height:20px;}

/*231220 추가*/
/*기본 검색*//*H50*/
.search-area.search-m input[type=text]::placeholder,
.search-area.search-m input[type=number]::placeholder,
.search-area.search-m input[type=tel]::placeholder{font-size:18px;}
.search-area.search-m input[type=text],
.search-area.search-m input[type=search]{height:50px;line-height:50px;padding-left:12px; padding-right:44px;font-size:18px;}
.search-area.search-m .btn-delet {right:18px;width:16px;height:16px;}
/*end 231220 추가*/

.input-area {position:relative;}

/*sub*//*contact*/
.form-box{width:900px;padding-top:80px;margin:0 auto}

.form-text{position:relative;margin-bottom:20px;font-size:16px;color:#121212}
.info-text{margin-top:16px;font-size:16px;color:#686d6b}
.error-text,.warning-text{position:relative;padding-left:20px;margin-top:12px;font-size:14px;color:#da5359}
.error-text:before,.warning-text:before{content:'';display:block;position:absolute;left:0;top:3px;width:16px;height:16px;background:url(../assets-new/common/icon-error.png) no-repeat;background-size:100% auto;}

.form-con{position:relative}
.form-con.news-letter {height: 82px}
.form-con+.form-con{margin-top:20px}
.form-con-info{position:relative;min-height:24px;margin-top:8px}
.form-con-info .error-text{margin-top:0}
.form-box textarea.error{border-color:#eb0b0b}
.form-title{display:block;margin-top:60px;font-size:18px;font-weight:600;color:#424645}
.form-title+.form-con{margin-top:29px}
.terms-con{margin-top:33px}
.terms-con>.check-box input[type=checkbox]+label{padding-left:32px;font-size:16px;}
.terms-con>.check-box input[type=checkbox]+label:before{width:24px;height:24px;background:#ddd;}
.terms-con>.check-box input[type=checkbox]+label:after{left:4px;top:4px;width:16px;height:16px;background:url(../assets-new/common/icon-checkbox-w.png) no-repeat;background-size:100% auto}
.terms-con>.check-box input[type=checkbox]:checked+label:before{background:#1428A0;}
.maketing-btn-wrap>.check-box{margin-bottom: 20px;display:inline-block;}
.terms-list>ul>li+li{margin-top:20px}
.select-communication{margin-top: 0!important;}
.terms-list label>a{color:#00113E;border-bottom:1px solid #00113E}
.terms-list .warning-text{margin-bottom:18px;margin-top:0;}
.email-error-text{ margin-top: 6px!important;;margin-bottom: 0!important;}
.terms-con input[type=checkbox]+label{cursor:pointer}

.form-row {display:flex;margin-top:20px;}
.form-row .form-con {width:440px;}
.form-row .form-con+.form-con {margin-left:20px;margin-top:0;}
.form-row+.form-con {margin-top:20px;}
.form-radio {width:100%;height: 50px;line-height: 50px;padding: 0 20px 0 13px;border: 1px solid #ddd;font-size:18px;}
.form-radio.error {border-color:#da5359}
.form-radio .radio-box {float:right;color:#8d9291;}
.form-radio .radio-box .form-check-inline {display:inline-block;margin-left:10px;}
.form-radio .radio-box .form-check-inline label {font-size:16px;}

.radio-box input[type="radio"]+label{cursor:pointer;padding-left:38px;}
.radio-box input[type="radio"]+label:before{background-color:#fff}
.radio-box input[type="radio"]+label:after{content:'';display:block;position:absolute;left:9px;top:50%;width:24px;height:24px;transform: translateY(-50%);background:url(../assets-new/common/icon-checkbox-g.png) no-repeat;background-size:100% auto}
.radio-box input[type="radio"]:checked+label:before{background-color:transparent;}
.radio-box input[type="radio"]:checked+label:after{background:url(../assets-new/common/icon-checkbox-b.png) no-repeat;background-size:100% auto}

.terms-list{padding:34px 30px;margin-top:20px;background-color:#f4f4f4;}
.terms-list .agree-form-box {padding:0;margin-top:0;margin-left:44px;}
.terms-list .agree-form-box ul {margin-bottom:20px;margin-left:-10px;}
.terms-list .agree-form-box ul>li {display:inline-block;}
.terms-list .agree-form-box ul>li+li {margin-top: 0;margin-left:20px;}

.btn-box{margin-top:80px;}

.selectWrap select{display:none}
.selectWrap{display:inline-block;position:relative;width:100%;height:50px;background:#fff}
.selectWrap .ui-selectmenu-button{overflow:hidden;display:inline-block;position:relative;padding:0 36px 0 14px;height:50px;width:100%;text-overflow:ellipsis;white-space:nowrap;line-height:50px;border:1px solid #ddd;background:#fff;font-size:18px;color:#8d9291;text-align:left;cursor:pointer}
.selectWrap .ui-selectmenu-button:after {content:'';display:block;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("../assets-new/common/icon-dropdown-line.png") no-repeat 50% 50%;background-size:100% auto;}
.selectWrap .ui-selectmenu-button span {color:#8d9291;} /*231224 수정*/
.selectWrap .ui-selectmenu-text {outline: none}  /*240422 SZ*/
.selectWrap .ui-selectmenu-button-open{border-color:#1428A0;border-bottom:0;background:#fff}
.selectWrap .ui-selectmenu-button-open:after{transform:translateY(-50%) rotate(-180deg)}
.selectWrap .ui-selectmenu-menu{display:none;position:absolute;left:0;top:43px !important;width:100%;padding:12px 8px;background:#fff;border:1px solid #1428A0;border-top:0;}
.selectWrap .ui-selectmenu-open{display:block;z-index:2}/*231217 수정*/
.selectWrap .ui-selectmenu-menu .ui-menu{overflow:hidden}
.selectWrap .ui-menu-item{width:100%;height:43px;line-height:43px;background:#fff;color:#8d9291;font-size:18px}
.selectWrap .ui-menu-item-wrapper{height:100%;display:block;padding-left:8px;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.selectWrap .ui-state-active{width:100%;height:43px;background:#f4f4f4}
.selectWrap.error .ui-selectmenu-button {border-color:#eb0b0b}
.selectWrap.error .ui-selectmenu-open {border-color:#eb0b0b}

/* 셀렉트 박스 선택시 색상 변경 - 230817 */
.selectedClass span {color: #121212 !important;} /*231224 수정*/

/* 셀렉트 박스 디폴트 스크롤바  */
.scrollbar-wrap{position:absolute;right:6px;top:0;width:4px;padding-top:10px;padding-bottom:10px}
.scrollbar{position:relative;width:4px;height:50%;background:#ccc}

/*문의하기 : 견적문의 선택*/
.estimate-con.estimate-show{display:block;}
.estimate-con{display:none;padding:24px 32px 32px;margin-top:20px;background:#f4f4f4;}
.estimate-con .form-con {padding-left:168px;}
.estimate-con .form-con .form-title{position:absolute;top:15px;left:0;margin-top:0;}
.estimate-con .essential:before{color:#424645}
.estimate-con .terms-con{padding:12px 0;margin-top:0;font-size:0;}
.estimate-con .terms-con .check-box{display:inline-block;margin-right:40px;margin-bottom:5px;}/*241023 수정*/
/*.estimate-con .terms-con .check-box+.check-box{margin-right:40px} 241023 삭제*/
.estimate-con .terms-con .check-box:last-child{margin-right:0}/*241023 추가*/
.estimate-con .formWrap .form {position:relative;}
.estimate-con .formWrap .form input{width:49.5%}
.estimate-con .formWrap .form .text-count {position:absolute;bottom:-42px;right:0;font-size:14px;color:#8d9291;}
.estimate-con .error-text, .estimate-con .warning-text {margin-top:6px}
.estimate-con+.form-con{margin-top:20px}

/*popup*/
.popup-wrap{display:none;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:102}
.popup-wrap.open{display:flex}
.popup{position:relative;max-width:1200px;width:100%;padding:60px 60px;background:#fff}
.popup.email-address{max-width:670px;}
.popup-title{display:block;padding-bottom:33px;font-size:28px;color:#121212}
button.btn-popup-close{display:block;position:absolute;right:48px;top:60px;width:44px;height:44px;background:url(../assets-new/common/icon-close.png) no-repeat 50% 50%;background-size:28px auto}
.popup-video{position:relative;max-width:1200px;min-width:1200px;height:675px}
.popup-video button.btn-popup-close{width:60px;height:60px;right:0;top:-60px;background:#121212 url(../assets-new/common/icon-close-w.png) no-repeat 50% 50%;background-size:32px auto}

/*video*/
.embed-con{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background-color:#121212}
.embed-con iframe, .embed-con object, .embed-con embed, .embed-con video{position:absolute;top:0;left:0;width:100%;height:100%}

.general-popup-wrap{display:none;position:fixed;top:120px;left:242px;z-index:20}
.popup-img img{width:100%}
.popup-img .btm-wrap{position:relative;background:#424645;padding:10px}
.popup-img .check-box input[type=checkbox]+label{font-size:16px;color:#fff;min-height:24px;padding-left:34px}
.popup-img .check-box input[type=checkbox]+label:before{width:24px;height:24px;background:#dbdbdb}
.popup-img .check-box input[type=checkbox]+label:after{width:14px;height:10px;background:url(../assets-new/icon_checkbox_l.png) no-repeat;background-size:100% auto;top:8px;left:5px;}
.popup-img .check-box input[type=checkbox]:checked+label:after{background-image:url(../assets-new/icon_checkbox_on.png)}
.popup-img button.btn-managepop-close{display:block;position:absolute;width:24px;height:24px;top:auto;bottom:10px;right:10px;background:url(../assets-new/btn_p_video_pop_close.png) no-repeat 50% 50%;}
.loading-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);z-index: 999;display: none;}
.loading{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 60px;height: 60px;background: url(../assets-new/loading.svg) center center no-repeat;animation:loadingRotate 1s linear infinite}
@keyframes loadingRotate {
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
.popup.collect-cookies .popup-con{font-size:18px;color:#424645;}
.popup.collect-cookies .popup-con p.color-green{font-size:20px;font-weight:700;margin-top:24px}
.popup.collect-cookies .btn.gray{color:#424645}
.popup.collect-cookies .popup-foot{margin-top:287px;}
.popup.collect-cookies .popup-foot a.btn.gray{float:right}
.popup.collect-cookies .popup-con dl dt{font-weight:700;margin-top:32px}
.popup.collect-cookies .popup-con dl dt:first-child{margin-top:0}
.popup.collect-cookies.desc .popup-foot{margin-top:303px;}
.popup.collect-cookies.success .popup-foot{margin-top:436px;}
.popup.privacy-cookies{padding-bottom:60px}

/*이메일주소 무단수집거부*/
.pop-email-address .popup{max-width:620px;width:100%; text-align: center;}
.pop-email-address .popup .popup-head {text-align:left;}
.pop-email-address .popup p{font-size:18px;color:#424645}
.pop-email-address .popup .btn-box{margin-top:40px}

/*이용약관*/
.term-box{overflow-y:auto;max-height:463px;padding:24px 44px 24px 24px;border:1px solid #e9e9e9;font-size:18px;color:#424645}
.term-box>ol>li+li,.term-box>ol>li>ol>li+li{padding-top:32px}
.term-box>ol>li>p{padding-bottom:32px}
.term-box a{color:#35927e;text-decoration:underline}
.term-text{padding-top:32px}
.term-box .summary strong,
.term-box .termsCon .division{display:block;padding-top:32px;}
.term-box .termsCon h2{margin-top:0;padding-top:32px;font-size:18px;border-top:0;color:#424645;font-weight:500}
.term-box .termsCon h2+p{padding-top:20px}
.term-box .division + h2{border-top:0;margin-top:0;padding-top:40px}
.term-box .termsCon ol:last-child>li:last-child{padding-bottom:0}

.svterms .sort-search-cp{margin-top:80px;}
.svterms .sort-wrap{margin-right:15px;width:290px;}
.svtermsWrap .svtermsList{margin-top:17px;}
.titArea{position:relative;text-align:right;padding:0 28px;margin-top:25px;}
.svtermsList li a.enBtn{right:5px;}
.svtermsList {margin:80px auto 0;border-top:1px solid #e9e9e9;text-align:left;}
.svtermsList li {position:relative;padding:48px 224px 48px 0;border-bottom:1px solid #e9e9e9;}
.svtermsList li strong{display:block;font-size:24px;font-weight:700;}
.svtermsList li span {display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:224px;height:132px;}
.svtermsList li a {display:block;position:absolute;top:50%;transform:translateY(-50%);width:112px;height:112px;background:url("../assets-new/common/icon-down.png") no-repeat 50%; text-indent:-9999em;}
.svtermsList li a.krBtn {left:0;}
.svtermsList li a.enBtn {right:0;}

/* 개인정보 처리 방침 */
.privacyPolicy{margin:60px auto 0}
.privacyPolicy .form-con{width:312px;float:right;margin-bottom:30px}
.privacyPolicy.terms{margin-top:80px}
.privacyPolicy.terms .summary{padding-top:0;border-top:0}
.privacyPolicy.terms .summary p + p{padding-top:0}
.privacyPolicy.terms .summary  strong{display:block;font-size:24px;padding-top:32px}
.privacyPolicy.terms .termsCon h2 + p, .privacyPolicy.terms .termsCon p + ul{padding-top:20px}
.privacyPolicy.terms .termsCon .division{display:block;font-size:24px;padding-top:80px}
.privacyPolicy.terms .termsCon .division + h2{border-top:0;margin-top:0;padding-top:40px}
.privacyPolicy .selectWrap .ui-selectmenu-menu ul,.privacyPolicy .selectWrap .ui-selectmenu-menu .scrollbar-wrap {max-height: 129px!important;}
.policyCon{clear:both;text-align:left}
.policyCon .summary{border-top:1px solid #e9e9e9;padding:100px 0 20px}
.policyCon .summary p{font-size:24px;color:#121212}
.policyCon .summary p + p{padding-top:32px}
.policyCon .summary .list{padding:80px 0}
.policyCon .summary .list li{margin-bottom:5px;padding:3px 0}
.policyCon .summary .list li a{font-size:20px;color:#1428A0;text-decoration:underline}
.termsCon{font-size:18px;color:#424645}
.termsCon h2{margin-top:80px;padding-top:80px;border-top:1px solid #e9e9e9;font-size:32px;color:#000}
.termsCon h3{padding-top:32px;font-size:28px;color:#121212}
.termsCon h3 + .txt{padding-top:32px}
.termsCon .tit{display:block;padding-top:32px}
.termsCon .tit + .list, .termsCon .tit + .txt, .termsCon .txt + .txt{padding-top:12px}
.termsCon .txt{padding-top:26px}
.termsCon .list{padding-top:32px}
.termsCon li{padding:3px 0}
.termsCon li p{padding-top:6px}
.termsCon ol{padding-top:20px}
.termsCon ol>li{padding:16px 0}
.termsCon ol>li:first-child{padding-top:0}
.termsCon ol>li ul li ul li{font-size:16px}
.termsCon>ol>li>.smallTit{display:block;padding-top:80px;border-top:1px solid #e9e9e9;}
.termsCon>ol>li>.smallTit+h2{border-top:0;margin:0}
.termsCon a{color:#1428A0;text-decoration:underline}
.version{margin-top:80px;padding-top:77px;border-top:1px solid #e9e9e9}
.version li{padding:3px 0;font-size:24px;color:#121212;font-weight:bold}
.label-img img {width: 100%; height: auto;
}
/* table */
.tblH{margin-top:12px;border:1px solid #686d6b;width:100%;table-layout:fixed}
caption{overflow:hidden;margin-left:-9999px;width:1px;height:1px;font-size:1px;line-height:0}
.tblH thead tr th, .tblH tbody tr td{padding:20px;text-align:left;vertical-align:middle}
.tblH thead tr th{font-size:24px;font-weight:bold;border-left:1px solid #e9e9e9;background:#f4f4f4}
.tblH tbody tr td{font-size:18px;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;color:#424645}
.tblH thead tr th:first-child, .tblH tbody tr td:first-child{border-left:none}
.tblH tbody tr td.line{border-left:1px solid #e9e9e9 !important}

/*flex*/
.d-flex {display: -webkit-box; display: -mox-box; display: -ms-flexbox; display: flex;}/*기본 flex 생성*/
.direction-row {-webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}/* 주축을 행(row)으로 설정 */
.direction-colum {-webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}/* 주축을 열(column)로 설정 */
.wrap-nowrap {-webkit-box-lines: single; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;} /* 아이템 여러줄 배치 방지 */
.wrap-wrap {-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} /* 아이템 여러줄 배치 */
.justify-start {-webkit-box-pack: start; -moz-box-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}/* [정렬] 주축 - 시작점 기준 */
.justify-end {-webkit-box-pack: end; -moz-box-justify-content: flex-end;-ms-flex-pack: end; justify-content: flex-end;}/* [정렬] 주축 - 끝점 기준 */
.justify-center {-webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center;}/* [정렬] 주축 - 가운데 기준 */
.justify-between {-webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify;  justify-content: space-between;}/* [정렬] 주축 - 양끝점 기준 */
.items-start {-webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;} /* [정렬] 교차축 - 시작점 기준 */
.items-end {-webkit-box-align: end; -moz-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;} /* [정렬] 교차축 - 끝점 기준 */
.items-center {-webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;} /* [정렬] 교차축 - 가운데 기준 */
.items-stretch {-webkit-box-align: stretch; -moz-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;} /* [정렬] 교차축 - 박스 확장 배치 기본값 */
.order-1 {-webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1;}/* 아이템 정렬 순서 (Android 2.1~4.3 이하 지원 X) */
.order-2 {-webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2;}/* 아이템 정렬 순서 (Android 2.1~4.3 이하 지원 X) */

.skip-nav{position:relative;z-index:10000}
.skip-nav a{position:absolute;top:-50px;left:0;width:100%;padding:5px 0;text-align:center;}
.skip-nav a:active, .skip_nav a:focus{top:0;text-decoration:none}

/* Web Content Accessibility TTS(Text To Speech) Code */
.hidden,legend{display:inline-block;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
html,body{height:100%;background-color:#ddd;}

.pc-br,.pc-img,.pc-show{display:block !important}  /*PC 줄바꿈, 이미지, pc용*/
.mo-br,.mo-img,.mo-show{display:none !important}  /*mobile 줄바꿈, 이미지, mobile용*/
.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center}

/*color*/
.cello-mint{color:#00d2b4;}
.cello-blue{color:#1428a0;}
.cello-navy{color:#00113e;}
.cello-black{color:#000;}
.bg-light-grey  {background-color:#f4f4f4;}
.bg-cello-navy {background-color:#00113e;}
.bg-cello-blue {background-color:#1428a0;}

/*btn*/
.btn {display:inline-block; font-weight:600;}
.btn-md {font-size:18px;padding:15px 32px 18px;height:60px;}
.btn-sm {font-size:16px;padding:12px 32px 14px;height:50px;}
.btn-xs {font-size:14px;padding:9px 20px 10px;height:40px;}
.btn-white {color:#121212;background-color:#fff;}
.btn-white:hover {background-color:#00d2b4;}
.btn-white-border {color:#121212;background-color:#fff;border:solid 1px #ddd;}
.btn-white-border:hover {background-color:#f0f0f0;}
.btn-blue {color:#fff;background-color:#1428a0;}
.btn-blue:hover {background-color:#00113e;}
.btn-mint {color:#121212;background-color:#00d2b4;}
.btn-mint:hover {background-color:#00BFA4;}
.icon-btn {display:inline-block; width:16px; height:16px; background-position: center center; background-repeat: no-repeat; background-size:100% auto;cursor: pointer;}
.icon-search {background-image: url("../assets-new/common/icon-search.png");}
.icon-search-w {background-image: url("../assets-new/common/icon-search-w.png");}
.icon-user {background-image: url("../assets-new/common/icon-user.png");}
.icon-menu {background-image: url("../assets-new/common/icon-menu.png");}
.icon-close {background-image: url("../assets-new/common/icon-close.png");}
/* <!-- js - 버튼모션으로 전체적으로 수정되었습니다. data-text="버튼명" 속성 필수 */
.motion-btn {display:inline-block;position: relative;font-size:13px;font-weight:600;line-height:32px;transition: padding .3s linear;height:32px;overflow:hidden;}/*240109 수정*/
.motion-btn span {display: inline-block; width:32px; height:32px; background-color:#1428a0; background-position: center center; background-repeat: no-repeat; background-size:16px auto;vertical-align: bottom;}
.motion-btn::after{content: attr(data-text); display: block; position:absolute; width:68px; height:32px; background: linear-gradient(to right, #fff 0%, #fff 10%, #1428a0 10%, #1428a0 100%) no-repeat; background-size:1000%; transform:translateY(-32px);transition: background-size 0.3s ease-out, padding-left 0.3s ease-out;}
.motion-btn:hover{color:#fff;}
.motion-btn:hover::after {background-size:100%; padding-left:16px; background-position: -16px;}
.motion-right span {margin-left: 8px; background-image: url("../assets-new/common/icon-arrow-w.png"); transition: background-position-x .3s cubic-bezier(.39,.3,.11,2.03), width .1s ease-out;}
.motion-right:hover span {width: 48px; background-position-x:24px;}
.main-company-special .motion-btn::after{width:calc(100% - 32px)}/*240126 추가*/
/* js - 버튼모션으로 전체적으로 수정되었습니다. --> */
.btn-text {display:inline-block; font-size:13px;line-height:22px;font-weight:600;}
.btn-text span {color:#121212;font-weight:600;}
.btn-text:hover span {color:#1428a0;}
.arr-right span {position:relative; padding-right:20px;}
.arr-right span::after {content:''; position:absolute; top:50%; margin-top:-8px; display:inline-block; width:16px; height:16px;  margin-left:4px; background:url("../assets-new/common/icon-arrow.png") center center no-repeat; background-size:16px auto;}
.arr-right:hover span::after {background-image: url("../assets-new/common/icon-arrow-b.png");}
.btn-blue.arr-right span {color:#fff;}
.btn-blue.arr-right span::after {background-image: url("../assets-new/common/icon-arrow-w.png"); margin-left:8px;}
.btn-mint.arr-right span::after {background-image: url("../assets-new/common/icon-arrow.png"); margin-left:8px;}
.arr-left span {position:relative; padding-left:20px;}
.arr-left span::before {content:''; position:absolute; left:-4px; top:50%; margin-top:-8px; display:inline-block; width:16px; height:16px; background:url("../assets-new/common/icon-arrow.png") center center no-repeat; background-size:16px auto; transform: rotate(-180deg);}
/*231214 수정 */
.arr-up span{position:relative;padding-left:24px;}
.arr-up span::before {content:''; position:absolute; left:0; top:50%; margin-top:-8px; display:inline-block; width:16px; height:16px; background:url("../assets-new/common/icon-arrow.png") center center no-repeat; background-size:16px auto; transform: rotate(-90deg);}
.icon-plus span{position:relative;padding-left:24px;}
.icon-plus span::before {content:''; position:absolute; left:0; top:50%; margin-top:-8px; display:inline-block; width:16px; height:16px; background:url("../assets-new/common/icon-plus.png") center center no-repeat; background-size:16px auto;}
/*231220 추가*/
.arr-down span{position:relative;padding-right:24px;}
.arr-down span::before {content:''; position:absolute; right:0; top:50%; margin-top:-8px; display:inline-block; width:16px; height:16px; background:url("../assets-new/common/icon-arrow.png") center center no-repeat; background-size:16px auto; transform: rotate(90deg);}
/*end 231220 추가*/
.btn + .btn {margin-left:12px;}

/*layout*/
.wrap {max-width:1920px;margin:0 auto;background-color:#fff;}
.inner{max-width:1196px;margin:0 auto;padding-left:2px;padding-right:2px; box-sizing: border-box;}
.inner::after {display: block; content: ''; clear: both;}
.pt-100 {padding-top:100px;}
.pt-60 {padding-top:60px;}
.pb-100 {padding-bottom:100px;}
.pb-80 {padding-bottom:80px;}
h2 {font-size:28px;font-weight:600;}

/*layout*//*header-banner */
.header-banner {background-color:#f7f7f7; position: relative; z-index:12;}
.header-banner .inner {height:45px;}
.banner-text  {overflow:hidden;-webkit-box-flex: 1; -ms-flex: 1;flex-grow:1;text-align:center;} /* js - overflow:hidden 추가 */
.banner-text a {display:inline-block;width:39.0625vw; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:14px;text-decoration:underline;letter-spacing:-.005rem;}
.lnb-list {font-size:13px;}
.lnb-list li {padding-right:20px;}
.lnb-list::after {content: '';display: inline-block; width: 1px; height:12px; background-color: #ddd; margin-right:20px;}
.lang-list {font-size:13px;;position: relative;margin-right:40px;line-height:45px;}
.lang-list>a::after {content: '';position: absolute; right:-50%; top:0; width:16px; height:100%; background: url("../assets-new/common/icon-dropdown-line.png") center center no-repeat;background-size: contain; transition: transform .3s ease;}/* js - transition, height 100% 수정*/
.lang-list .lang-sub-list {position:absolute;left:-20px;top:45px;padding:20px;white-space: nowrap;background-color:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0, .24);z-index:101;}
.lang-list .lang-sub-list a {display: block; padding-bottom:12px; line-height: 1.5;}
.lang-list .lang-sub-list a:hover, .lang-list .lang-sub-list .current a {text-decoration: underline;color: #1428a0;}
.lang-list .lang-sub-list li:last-child a {padding-bottom:0;}
.lang-list .lang-sub-list {display: none;}
.lang-list:hover .lang-sub-list {display:block !important;}
.lang-list:hover >a::after {transform: rotate(180deg);transform-origin: center center;}/* js - 추가 */
.header-banner .icon-search {flex-shrink: 0;} /* js - swiper 적용하니 영역 작아져서 넣었습니다. */

/*layout*//*header*/
header {position:absolute;max-width:1920px;width:100%;z-index:11;}
header a {display: block; font-size:16px; font-weight:600; letter-spacing: -.005rem;line-height:80px;}
.nav {background-color:#fff;border-bottom: solid 1px #e5e5e5;/*box-shadow: 0 6px 8px 0 rgba(0,0,0, .04);*/}
.nav .inner {height:80px;}
.nav .logo {float:left;margin-top:28px;}
.nav .logo a {display: block; width:164px; height:25px;margin-right:50px; background: url("../assets-new/common/logo-black.png") 0 0 no-repeat; background-size: auto 100%;}

.nav-list  {float: left;}
.nav-list li {padding-right:32px;}
.nav-list li:last-child {padding-right:0;}
.nav-sub-list {float:right;position:relative;}
.nav-sub-list li {position:relative;margin-left:32px;}
.nav-sub-list li:first-child {margin-left:0;}
.nav-list a,
.nav-sub-list a {position:relative;}
.nav-list a::before,
.nav-sub-list a::before {content: '';position: absolute;bottom:20px; width:0%; height:3px;background-color: #fff; transition: width .2s ease-out;} /* js - 라인모션 위해 수정 */
.nav-list li:hover a::before,
.nav-sub-list li:hover a::before {width:100%; } /* js - 라인모션 위해 추가 */
.nav-list a:hover::before,
.nav-sub-list a:hover::before {content: '';position: absolute;bottom:20px; width:100%; height:3px;background-color: #121212;}

.nav-sub-list .sub-menu-list {display:none;position:absolute; top:80px; right:50%; width:170px;margin-right:-85px;padding:20px; background-color:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0, .24);z-index:1;}
.nav-sub-list .sub-menu-list li {margin-left: 0;padding-bottom: 12px;}
.nav-sub-list .sub-menu-list li:last-child {padding-bottom:0}
.nav-sub-list .sub-menu-list a {font-size:14px; font-weight:normal;line-height: 1.5;color: #121212;border:none;white-space: nowrap;}
.nav-sub-list .sub-menu-list a:hover {text-decoration:underline;color: #1428a0 !important;}
.nav-sub-list .sub-menu-list a:hover::before {display:none;}
.nav-sub-list li:hover .sub-menu-list {display:block;}

.visual-nav header a {color:#fff;}
.visual-nav .nav {background-color:transparent;box-shadow:none;border-bottom: none;}
.visual-nav .nav .logo a {background-image: url("../assets-new/common/logo-white.png");}
.visual-nav .nav-list a:hover::before,
.visual-nav .nav-sub-list a:hover::before {background-color: #fff;}

.visual-nav.search-open header a {color:#121212;}
.visual-nav.search-open .nav {background-color:#fff;box-shadow:none;}
.visual-nav.search-open .nav .logo a {background-image: url("../assets-new/common/logo-black.png");}
.visual-nav.search-open .nav-list a:hover::before,
.visual-nav.search-open .nav-sub-list a:hover::before {background-color: #121212;}

/*.menu-area {display:none;}*/

.nav.scroll a {color:#121212 !important;}
.nav.scroll {position:fixed;top:0;left:0;right:0;background-color:#fff !important;border-bottom: solid 1px #e5e5e5;/*box-shadow: 0 6px 8px 0 rgba(0,0,0, .04);*/} /* js - fixed 추가 */
.nav.scroll .logo a {background-image: url("../assets-new/common/logo-black.png") !important;}
.nav.scroll .nav-list a:hover::before,
.nav.scroll .nav-sub-list a:hover::before {background-color: #121212 !important;}
.nav.scroll .nav-sub-list .sub-menu-list a:hover::before {display:none;}

/*layout*//*floating-menu*/
.floating-menu {position:fixed; right:20px; bottom:30px;z-index:20;}
.floating-menu .menu-inner {position: relative;}
.floating-menu .open-menu {display:none;position:absolute;bottom:0;}/*240719 플로팅*/
/*.floating-menu .join {position: absolute; bottom:0; left:-166px;} 240719 플로팅 삭제*/
.floating-menu a {display:block; width:56px; height: 56px; border-radius:30px; margin-top:12px; background-color:#1428a0;background-repeat: no-repeat;box-shadow:0 4px 16px 0 rgba(0,0,0, .24);font-size: 16px;font-weight:600;line-height:56px;text-align:center;overflow:hidden;transition:all .2s ease;}/*240719 플로팅*/
/*.floating-menu a:hover,
.floating-menu .join {color:#fff;background-color: #1428a0;} 240719 플로팅 삭제*/
.floating-menu a >span {display:inline-block; width:24px; height:24px;background-position: center center; background-repeat:no-repeat;background-size:24px auto; vertical-align:text-bottom;margin-bottom:2px;}/*240719 플로팅*/
.floating-menu .join span {background-image: url("../assets-new/common/icon-user-w.png");}/*240719 플로팅*/
.floating-menu .email span {background-image: url("../assets-new/common/icon-email-w.png");}/*240719 플로팅*/
.floating-menu .chatbot span {background-image: url("../assets-new/common/icon-chatbot-w.png");}/*240719 플로팅*/
.floating-menu .quote span {background-image: url("../assets-new/common/icon-calendar-w.png");}/*240719 플로팅*/
/*.floating-menu .join:hover span {background-image: url("../assets-new/common/icon-user-w.png");}
.floating-menu .email:hover span {background-image: url("../assets-new/common/icon-email-w.png");}
.floating-menu .chatbot:hover span {background-image: url("../assets-new/common/icon-chatbot-w.png");}
.floating-menu .quote:hover span {background-image: url("../assets-new/common/icon-calendar-w.png");} 240719 플로팅 삭제*/
.floating-menu .top {width:56px; background-color:#000 !important; background-image: url("../assets-new/common/icon-arrow-top.png"); background-position: center center; background-size:24px auto;}
.floating-menu .float-open {width:56px; background-color:#fff !important; background-image: url("../assets-new/common/icon-dot-menu.png"); background-position: center center; background-size:24px auto;}

/*.floating-menu.open::before {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5);} 240719 플로팅 삭제*/
.floating-menu.open .open-menu {display:block;}
.floating-menu.open .float-open {background-image: url("../assets-new/common/icon-close.png");}
/*.floating-menu.open .join {background-color: #fff;color: #121212;}
.floating-menu.open .join:hover {color:#fff;background-color: #1428a0;}
.floating-menu.open .join span {background-image: url("../assets/common/icon-user.png");}
.floating-menu.open .join:hover span {background-image: url("../assets/common/icon-user-w.png");} 240719 플로팅 삭제*/

.floating-menu a i {display:none;visibility:hidden;opacity:0;transition:all .2s ease;} /*240719 플로팅*/
.floating-menu a:hover {width:154px;transform:translateX(-98px)} /*240719 플로팅*/
.floating-menu a:hover i {visibility:visible;display:inline-block;opacity:1;margin-left:8px;color:#fff;} /*240719 플로팅*/
.floating-menu .top:hover {width:56px;transform:none;}/*240719 플로팅*/

/* js - 플로팅 메뉴 등장모션 추가
.floating-menu .quote {opacity: 0; transition: opacity .2s linear, transform .3s cubic-bezier(0.23, 1, 0.32, 1) .02s; transform: translateY(200%);}
.floating-menu .chatbot {opacity: 0; transition: opacity .2s linear, transform .3s cubic-bezier(0.23, 1, 0.32, 1) .04s; transform: translateY(100%);}
.floating-menu .email {opacity: 0; transition: opacity .2s linear, transform .3s cubic-bezier(0.23, 1, 0.32, 1) .06s; transform: translateY(20%);}
.floating-menu.in .quote {opacity: 1; transform: translateY(0);}
.floating-menu.in .chatbot {opacity: 1; transform: translateY(0);}
.floating-menu.in .email {opacity: 1; transform: translateY(0);} 240719 플로팅 삭제*/

/*공통 검색창*/
.wrap.search-open .search-layer {display:block;}
.search-layer {display:none;width:100%;background-color:#fff;border-top: solid 1px #e5e5e5;box-shadow:0 6px 8px 0 rgba(0,0,0, .05);position: absolute;top: 80px;}
.wrap.search-open::before {content: '';position: fixed; top:0; left: 0; width: 100%; height:100%; background-color: rgba(0, 0, 0, .5);z-index: 2;}
.search-layer>.inner {position:relative;padding:80px 0;}
.search-layer button.btn-popup-close {right:0;top:12px;}
.search-layer .search-box {max-width:720px; width:100%; margin:0 auto;}
.search-layer .search-area input[type="text"] {width:100%; padding-left:20px;}
.search-layer .word-area {margin-top:26px;position:relative;padding-left: 126px;}
.search-layer .word-area strong {position:absolute;left:0;top:4px;font-size:16px;font-weight:600;}
.search-tag {display: inline-block;font-size: 16px;font-weight:500;line-height:1.5; color:#121212 !important;  padding:6px 16px;margin:6px;border: solid 1px #ddd;}
.search-tag:hover {color:#1428a0 !important; border-color:#1428a0;}

/*layout*//*footer*/
footer {background-color:#222;color:#fff;}
footer .inner {position: relative;padding-top:40px;padding-bottom:40px;}
footer .footer-logo {height:20px; background:url("../assets-new/common/footer-logo.png") top left no-repeat; background-size:auto 20px; margin-bottom:32px;}
footer .footer-menu {float:left;}
footer .footer-menu a:hover {opacity:.6;}
footer .footer-memu-list {float:left; margin-right:80px;}
footer .footer-memu-list >a {display:block; font-size:14px; font-weight:700; color:#fff; margin-bottom:20px;}
footer .sub-menu-list li a {display:block; font-size:14px; font-weight:500; color:#fff; margin-bottom:8px;}
footer .sub-menu-list li:last-child a {margin-bottom:0;}
footer .footer-newletter {float:right; max-width:466px; width:100%;}
footer .footer-newletter p {font-size:14px; font-weight:600; color:#fff; margin-bottom:16px;}
footer .newletter-btn .input-btn {font-size:18px; color:#8d9291; line-height:50px; padding-left:12px; background-color:#fff;-webkit-box-flex: 1; -ms-flex: 1;flex-grow:1;}
footer .newletter-btn .btn {border:solid 1px #fff;}
/*footer .newletter-btn:hover .btn {border:solid 1px #8d9291; background-color:#8d9291;} 231205 삭제*/
footer .newletter-btn .btn span {color:#fff;}
/*footer .newletter-btn:hover .btn span {color:#8d9291;} 240405 삭제*/
footer .newletter-btn .btn span::after {background-image:url("../assets-new/common/icon-arrow-w.png");}
/*footer .newletter-btn:hover .btn span::after {opacity: .6;} 240405 삭제*/
footer .sns-list {position: absolute;right:0;bottom:40px;}
/*240405 추가*/
footer .newletter-btn input {border-color:#fff;}
footer .newletter-btn input[type=text]:focus {border-color:#fff}
footer .newletter-btn input[type=text]::placeholder {font-size:16px;}
footer .newletter-btn .btn {min-width:210px;}
footer .newletter-btn .btn:hover span {color:#8d9291;}
footer .newletter-btn .btn:hover span::after {opacity: .6;}
/*end 240405 추가*/
.sns-list li {padding:0 12px;}
.sns-list li:last-child {padding-right:0;}
.sns-list li:first-child {padding-left:0;}
.sns-list a {display:block; width:28px; height:28px; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
.sns-list a:hover {opacity:.5;}
.sns-list .naver a {background-image:url("../assets-new/common/sns-blog.png");}
.sns-list .linked-in a {background-image:url("../assets-new/common/sns-linkedin.png");}
.sns-list .youtube a {background-image:url("../assets-new/common/sns-youtube.png");}
.sns-list .facebook a {background-image:url("../assets-new/common/sns-facebook.png");}
.footer-add {border-top:solid 1px #999; border-color: rgba(255, 255, 255, .15);}
.footer-add .add-info {-webkit-box-flex: 1; -ms-flex: 1;flex-grow:1;}
.footer-add .add-info p {font-size:12px; letter-spacing:0; color:#fff;}
.footer-add .add-info i {display: inline-block; width:1px; height:8px; margin:0 6px; background-color:#fff;}
.footer-add .policy-list a {display:inline-block; float:left; font-size:12px; font-weight:600; margin:0 12px; color:#fff;}
.footer-add .policy-list a:hover {opacity:.6;}
.footer-add .policy-list a:last-child {margin-right:0;}
.footer-add .policy-list a:first-child {margin-left:0;}
.family-site {position:relative;margin-left:34px; padding-left:6px; margin-top:-6px;}
.family-site button {font-size:12px; letter-spacing:0; color:#fff; white-space:nowrap; border-bottom:solid 1px #fff; padding-right:30px; padding-bottom:8px;padding-top:8px;}
.family-site button::after {content: ''; display:inline-block; width:16px; height:16px; position: absolute; top:8px; right:0; background: url("../assets-new/common/icon-arrow-w.png") center center no-repeat; background-size:100% auto; transform: rotate(-90deg);}
.family-site ul {display:none; position:absolute; top:-30px; left:0; width:100%;}
.family-site a {display:block; font-size:12px;padding:6px 0 6px 6px;background-color:#ddd;}
.family-site:hover {background-color:#fff;}
.family-site:hover ul {display:block;}
.family-site:hover button {color:#121212;}
.family-site:hover button::after {background-image: url("../assets-new/common/icon-arrow.png");transform: rotate(90deg);}

/*main*//*keyvisual*/
.main-keyvisual {position:relative;max-height:640px;overflow:hidden;}
.main-keyvisual .swiper-wrapper {position:relative;width: 100%; height: 100%; z-index: 0;}/* js - z-index 추가 */
.main-keyvisual .swiper-slide {position:relative;width: 100%; height: 100%;}
.main-keyvisual .visual-img::after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); content: '';}
.main-keyvisual .visual-img p {min-height:640px;height:auto;width:100%;background-position: center center; background-repeat: no-repeat; background-size: cover;}
.main-keyvisual .inner {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width:1196px;}
.visual-cont {width:50%;}
.visual-tit h1 {font-size:40px; font-weight:600; line-height:1.5; color:#fff;}
.visual-tit p {font-size:18px; color:#fff; opacity: .8;margin-top: 16px;}
.visual-cont .btn-box {margin-top:40px;}
.main-keyvisual .inner {position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width:1196px;} /* js - 추가 */
.btn-control {position: absolute;bottom:60px;left: 50%;width:1196px;transform: translateX(-50%);}
.main-keyvisual .btn-control .swiper-pagination {top: 50%; left: 50%; bottom: auto; text-align: left;} /* js - 상쇄를 위한 추가 */
.square-dot {display:inline-block;width:8px;height:8px;margin-right:20px; background-color:#fff;} /* js - dot 활성화 클래스를 button 으로 올렸습니다. (인디게이터 요소가 형제로 구성되야하는 이유) */
.swiper-pagination button:last-child .square-dot {margin-right:0;}
.square-dot:hover, .square-dot.active {background-color:#00d2b4;}

.add-arr .square-dot {margin:0 10px 3px; background-color:#ccc;}
.add-arr .square-dot:hover, .add-arr .square-dot.active {background-color:#000;}
.icon-arr-L {display:inline-block;width:20px;height:20px;margin:0 10px;background: url("../assets-new/common/icon-arrow.png") center center no-repeat; background-size:100% auto; transform: rotate(-180deg);}
.icon-arr-R {display:inline-block;width:20px;height:20px;margin:0 10px;background: url("../assets-new/common/icon-arrow.png") center center no-repeat; background-size:100% auto;}
.icon-arr-L:hover, .icon-arr-R:hover {background-image: url("../assets-new/common/icon-arrow-b.png");}

/*231220 견적조회 수정*/
.no-list {font-size:24px;text-align:center;padding:160px 0;color:#686D6B;}
/*main*//*estimate-module-wrap*/
.main-quote .inner {position:relative;padding:0;}
.estimate-module-wrap {position: absolute; right:0; top:-482px;background-color:#fff;box-shadow:4px 4px 16px 0 rgba(0,0,0, .24);}
.estimate-module-wrap .box {width:492px;min-height:568px;}
.estimate-module-wrap .country-select-head {padding:16px;padding-left:24px;background-color:#00113e;position:relative;height:64px;}
.estimate-module-wrap .country {-webkit-box-flex: 1; -ms-flex: 1;flex-grow:1;margin-right:12px;}
.estimate-module-wrap .country img {width:30px; height:30px; border-radius:100%;margin-right:9px;}
.estimate-module-wrap .country em {font-weight:600;font-size:20px;color:#fff;margin-right:8px;word-break: break-all;display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.estimate-module-wrap .country-select-btn span {color:#00d2b4;}
.country-select-btn .arr-down {vertical-align: sub;}
.country-select-btn .arr-down span{padding-right:20px;font-size:18px;font-weight:700;}
.country-select-btn .arr-down span::before {background-image: url("../assets-new/common/icon-arrow-m.png"); transform: rotate(0deg);}

.tooltipItem{display:inline-block;position:relative;z-index:2;}/*231224 수정*/
.tooltipItem .btnTooltip{width:16px;height:16px;text-indent:-9999px;background:url("../assets-new/common/icon-tooltip.png") no-repeat 0 0 / 16px;vertical-align: initial;}
.tooltipItem .tooltipCont{display:none;position:absolute;left:0;top:35px;margin-left:-167px;border:1px solid #8d9291;padding:16px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.16);background:#fff;width:350px;z-index:1}
.tooltipItem .tooltipCont.active{display:block;}
.tooltipItem .tooltipCont p{font-size:14px;color:#424645;}
.tooltipItem .tooltipCont:after{content:'';width:11px;height:11px;border-bottom:1px solid #8d9291;border-left:1px solid #8d9291;display:inline-block;transform:rotate(135deg);position:absolute;top:-6px;left:50%;background:#fff;z-index:1;margin-left:-5.5px;}

.head-country-select {display:none; position:absolute;top:64px;left:0;width:100%;height:513px;border: solid 1px #00113e;background-color:#fff;padding:16px 10px 24px;z-index:1;}
.head-country-select.active{display:block;}
.head-country-select .search-area {margin:0 auto; max-width:340px;}
.estimate-module-wrap .btn-popup-close {right:10px;top:24px;width:24px;height:24px;background-size:100% auto;}

.head-country-list {margin-top:16px;height:408px; overflow-y:scroll;padding-left:66px;padding-right:66px;}
.head-country-list::-webkit-scrollbar{width:5px}
.head-country-list::-webkit-scrollbar-track{background-color:#f4f4f4}
.head-country-list::-webkit-scrollbar-thumb{border-radius:0;background-color:#aaa;}
.head-country-list::-webkit-scrollbar-button{width:0;height:0}
.head-country-list a {padding:9px 8px;line-height:32px;display: -webkit-box; display: -mox-box; display: -ms-flexbox; display: flex;}
.head-country-list p {font-size:16px;font-weight:500;display:-webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1;-webkit-box-orient: vertical;}
.head-country-list a:hover,
.head-country-list a.current {background-color:#00113e;}
.head-country-list a:hover p,
.head-country-list a.current p {color: #fff; font-weight:600;}
.head-country-list i {display:inline-block;width:32px;height:32px;margin-right:8px;background-color: #fff;border-radius:100%; }
.head-country-list i>img {display:block;width:32px;height:auto;border-radius:100%;border: solid 1px #ddd;}
.head-no-list {margin-top:16px;height:408px;padding-left:66px;padding-right:66px;text-align: center;}
.head-no-list li {padding-top:50%;font-size:16px;color:#8d9291;}

.transport-type {background-color:#f4f4f4;overflow:hidden;}
.transport-type span {float:left;width:33.3333%;text-align:center;height:60px;}
.transport-type::after {content: ''; display: block; clear: both;}

.transport-type input[type="radio"] + label{font-weight:600;line-height: 32px;color:#8d9291;padding:14px 0;border-right: solid 1px #ddd;width:100%;cursor:pointer;}
.transport-type input[type="radio"] + label:before{width:32px;height:32px;background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;background-color:transparent;position: inherit;display:inline-block;margin-right:16px;vertical-align:middle;}
.transport-type input[type="radio"] + label:after{top:50%; left:inherit; right:0; width:1px; height:1px; margin-top:-7px; background:#f1f1f1;}
.transport-type input[type="radio"]:checked + label{background:#fff;color:#121212;font-weight:700;border-right-color:#fff;box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.16);}
.transport-type .oceanType + label:before{background-image:url("../assets-new/common/icon-pot.png");}
.transport-type .oceanType:checked + label:before{background-image:url("../assets-new/common/icon-pot.png");}
.transport-type .flightType + label:before{background-image:url("../assets-new/common/icon-airport.png");}
.transport-type .flightType:checked + label:before{background-image:url("../assets-new/common/icon-airport.png");}
.transport-type .expressType + label:before{background-image:url("../assets-new/common/icon-express.png");}
.transport-type .expressType:checked + label:before{background-image:url("../assets-new/common/icon-express.png");}
.transport-type .truckType + label:before{background-image:url("../assets-new/common/icon-truck.png");}/*240109 트럭 추가*/
.transport-type .truckType:checked + label:before{background-image:url("../assets-new/common/icon-truck.png");}/*240109 트럭 추가*/
.transport-type .trainType + label:before{background-image:url("../assets-new/common/icon-train.png");}/*240925 철도 추가*/
.transport-type .trainType:checked + label:before{background-image:url("../assets-new/common/icon-train.png");}/*240925 철도 추가*/
.transport-type span:last-child input[type="radio"] + label:after{display:none;}
.transport-type input[type="radio"]:checked + label:after{display:none;}

.boxItem {padding:20px 40px 40px;}
.boxItem .btn {width:100%;margin-top:16px;}
.boxItem .radio-box + .radio-box  {margin-left:20px;}
.boxItem .radio-box input[type="radio"] + label {padding-left: 32px;}
.boxItem .radio-box input[type="radio"] + label::before {background-color: #ddd;top:2px;}
.boxItem .radio-box input[type="radio"] + label::after {left:4px;width:16px;height:16px;background-image: url("../assets-new/common/icon-checkbox-w.png")}
.boxItem .radio-box input[type="radio"]:checked + label::before {background-color:#1428a0;}
.sort-search-cp {margin-top:16px;}
.sort-search-cp label {font-size:16px;padding-bottom:8px;display:block;}
.frm-freight .item {width:48.5%;float:left;}
.frm-freight .item + .item {float:right;}
.sort-search-cp::after {display: block; content:''; clear: both;}
.btn:disabled {background-color:#ddd !important; color:#fff !important;}

.estimate-module .item.disabled .selectWrap button,
.estimate-module .item.disabled .txt {color:#8d9291;}
.estimate-module .item .txt {position: relative;display: inline-block; width:100%;font-size:18px;color:#121212;border:1px solid #ddd;height:50px;line-height:50px;padding-left:12px;padding-right:16px;}
.estimate-module .txt .tooltipItem {margin-left:6px;z-index:0;}
.estimate-module .txt .tooltipItem, .txt .tooltipItem strong {line-height:1.5;color: #424645;}

.auto-search {margin-top:5px;margin-left:-40px;margin-right:-40px;border:solid 1px #1428a0;padding: 12px 10px 20px;position:absolute;width:calc(100% + 80px);background-color:#fff;z-index:1;box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.16);}
.auto-list {display: -webkit-box; display: -mox-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify;  justify-content: space-between;}
.country-list::-webkit-scrollbar,
.port-list::-webkit-scrollbar{width:5px}
.country-list::-webkit-scrollbar-track,
.port-list::-webkit-scrollbar-track{background-color:#f4f4f4}
.country-list::-webkit-scrollbar-thumb,
.port-list::-webkit-scrollbar-thumb{border-radius:0;background-color:#ccc;}
.country-list::-webkit-scrollbar-button,
.port-list::-webkit-scrollbar-button{width:0;height:0}
.auto-search .auto-head {height:24px;overflow:hidden;text-align:right;}
.auto-search .btn-popup-close {height:24px;width:24px;position:initial;background-size:24px auto;display: inline-block;}
.auto-search .country-list,
.auto-search .port-list {width:230px;height:290px;overflow-y:scroll;}
.auto-search .border-line {width:1px;margin:0 auto;background-color:#ddd;}
.auto-search li {padding-bottom:10px;}
.auto-search a {padding:10px 8px;display: -webkit-box; display: -mox-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;height:50px;}
.auto-search i {width:30px;height:30px;background-color:#fff;border-radius:100%;margin-right:9px;}
.auto-search i>img {width:100%;height:100%;border-radius:100%;border:solid 1px #ddd;}
.auto-search p {font-size:16px;line-height:30px;word-break: break-all;display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.auto-search .active,
.auto-search a:hover {background-color:#00113e;}
.auto-search .active p,
.auto-search a:hover p {color:#fff;font-weight:600;}
.port-list .inner {padding-left:0;padding-right:0;margin:0;}
.port-list a {padding:4px 8px;}
.port-list i {width:32px;height:32px;background: url("../assets-new/common/icon-pin.png") center center no-repeat; background-size:100% auto;}
.port-list span {font-size:12px;display:block;margin-top:-5px;}
.port-list a:hover i {background-image: url("../assets-new/common/icon-pin-w.png");}
.port-list a:hover span {color:#fff;}
.port-list .keyword p {color:#1428a0;font-weight:600;}
.port-list .disabled {opacity:.3 !important; background-color:#fff !important;cursor: default !important;}
.port-list .disabled p,
.port-list .disabled span{color:#121212 !important;font-weight:500 !important;}
.port-list .disabled i {background-image: url("../assets-new/common/icon-pin.png") !important;}

.port-list.tip {font-size:14px; text-align: center;}
.port-list.tip li {padding-top:45%;color: #424645;}

.personal-info-wrap {position:absolute; right:0; top:-482px;background-color:#fff;box-shadow:4px 4px 16px 0 rgba(0,0,0, .24);z-index:3;}
.personal-info-wrap .box {width:492px; min-height:624px;}
.info-box-head strong {font-size:20px;font-weight:700;display: block;padding:20px 40px;padding-right:68px;}/*241029 수정*/
.info-box-head .btn-popup-close {right:24px;top:20px;}
.personal-info-wrap .inner {height:402px;overflow-y: scroll; padding:0 40px;margin-right:5px;}
.personal-info-wrap .form-box {width:100%;padding-top:0;}
.personal-info-wrap .form-text {font-size:14px;margin-bottom:-8px;}
.personal-info-wrap .form-con {margin-top:16px;}
.personal-info-wrap .form-title {margin-top:16px;font-size:16px;font-weight: 500;}
.personal-info-wrap .terms-con {margin-top:20px;}
.personal-info-wrap .terms-list {margin-top:16px;margin-bottom:16px;border-bottom:solid 1px #ddd;border-top:solid 1px #ddd;padding:0;padding-bottom:16px;background-color:#fff;}
.personal-info-wrap .terms-list > ul > li {margin-top:16px;}
.personal-info-wrap input[type=radio]+label:before,
.personal-info-wrap input[type=checkbox]+label:before{background:#ddd;}
.personal-info-wrap input[type="checkbox"] + label::after {background-image:url("../assets-new/common/icon-checkbox-w.png");}
.personal-info-wrap input[type="checkbox"]:checked + label::after {background-image:url("../assets-new/common/icon-checkbox-w.png");}
.personal-info-wrap input[type=checkbox]:checked+label:before{background:#1428A0;}
.personal-info-wrap .terms-list .agree-form-box {margin-top:0;margin-bottom:0;margin-left:32px;border:none;padding-bottom:0;}
.personal-info-wrap .maketing-btn-wrap > .check-box {margin-bottom:0;}
.personal-info-wrap .terms-list .agree-form-box ul {margin:0;}
.personal-info-wrap .agree-form-box .info-text {color: #121212;}
.agree-form-box input[type=checkbox]+label:before{background:#fff}
.agree-form-box input[type=checkbox]+label:after{background-image:url("../assets-new/common/icon-checkbox-g.png");}
.agree-form-box input[type="checkbox"]:checked + label::after {background-image:url("../assets-new/common/icon-checkbox-b.png");}
.agree-form-box input[type=checkbox]:checked+label:before{background:#fff;}
.personal-info-wrap .info-text {font-size:14px;}
.personal-info-wrap .btn-box {padding:32px 40px 40px;margin-top:0;}
.personal-info-wrap .btn {width:100%;text-align: center;}
.personal-info-wrap .form-con-info {display: none;}
.personal-info-wrap .inner::-webkit-scrollbar{width:5px;}
.personal-info-wrap .inner::-webkit-scrollbar-track{background-color:#f4f4f4;}
.personal-info-wrap .inner::-webkit-scrollbar-thumb{border-radius:0;background-color:#AAA;}
.personal-info-wrap .inner::-webkit-scrollbar-button{width:0;height:0;}

.popup.form-quote{max-width:620px;padding:60px 40px 40px; text-align: center;}
.popup.form-quote strong {display:inline-block;width:100px; height:100px;background: url("../assets-new/bg-form-quote.png") 50% 50% no-repeat; background-size:100% auto;}
.popup.form-quote p  {font-size:24px;margin:32px 0;}
.popup.form-quote .btn-box {margin-top:0;}

.popup.form-personal {max-width:600px;padding:0;}
.popup .personal-info-wrap {position:initial;box-shadow:none;}
.popup .personal-info-wrap .box {width:100%;}
.popup .personal-info-wrap .inner {height:auto;overflow-y: auto;}
.popup .personal-info-wrap .form-con {margin-top:initial;}
.popup .form-row .form-con + .form-con {margin-left:12px;}

/*sub*//*견적조회*/
.visual-quote {background-image:url("../assets-new/visual-top-quote.png"); background-position:50% 50%; background-repeat: no-repeat; background-size:cover;}

.quote-content .sns-area {height:100px;}
.quote-content .content-sns {margin:0; padding-top:24px;}
.quote-content .content-sns > li > a {background-color:#e5e5e5;}
.quote-content .inner {max-width:908px;padding-left:0;padding-right:0;padding-bottom:80px;}
.quote-content .mo-inner {background-color:#fff;box-shadow:4px 4px 16px 0 rgba(0,0,0, .24);}
.quote-content  h2 {font-size:28px;font-weight:700;padding:40px 40px 20px;}
.quote-content .estimate-module-wrap {position: initial;padding:0 40px 40px;box-shadow:none;}
.quote-content .estimate-module-wrap .box {width:100%;min-height: initial;}
.quote-content .estimate-module {border: solid 1px #ddd; border-top: none;}
.quote-content .frm-wrap {width:33.3333%;float:left;padding-right:12px;}
.quote-content .frm-wrap:last-child {padding-right:0;}
.quote-content .boxItem::after {content: '';display: block;clear: both;}
.quote-content .transport-type span {max-width:164px;}
.quote-content .transport-type span:last-child input[type="radio"] + label {border-right:none;}
.quote-content .btn-box {margin-top:32px;}
.quote-content .head-country-select {height:346px;}
.quote-content .head-country-list {height:258px;}
.quote-content .head-no-list {height:258px;}/*240131 추가*/
.quote-content .head-no-list li {padding-top:15%;}/*240131 추가*/
.quote-content .auto-search {margin-left:0; margin-right:0;width:492px;}
.quote-content .port-list .inner {padding-bottom:0;max-width:initial;}
.estimate-module-wrap + .info-text {margin-top:20px;}

.quote-result .sort-content-box{display:flex;justify-content:space-between;align-items:center;width: 100%;background-color: #f4f4f4;height: 100px;padding-right:32px;;}
.quote-result .sort-content-box .weight-box{display:flex;justify-content:flex-start;align-items:center;color: #121212;font-size: 36px;}
.quote-result .sort-content-box .weight-box >div:first-child{font-weight: bold;margin-right: 6px;}
.quote-result .route{display:flex;justify-content:flex-start;align-items:center;text-align:center;}
.quote-result .route *{font-size:36px}
.quote-result .route .depart-country{position:relative;padding-left:132px;}
.quote-result .route .depart-country::before{content: ''; display:inline-block;position:absolute;top:50%;left:5px;width:90px;height:90px;background-size:56px auto;background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff;transform: translateY(-50%);}
.quote-result .route.ocean .depart-country::before{background-image:url("../assets-new/common/icon-pot.png")}
.quote-result .route.flight .depart-country::before{background-image:url(../assets-new/common/icon-airport.png)}
.quote-result .route.express .depart-country:before{background-image:url("../assets-new/common/icon-express.png")}
.quote-result .route.truck .depart-country:before{background-image:url("../assets-new/common/icon-truck.png")}/*240109 트럭 추가*/
.quote-result .route.train .depart-country:before{background-image:url("../assets-new/common/icon-train.png")}/*240925 철도 추가*/
.quote-result .route .arrow{position:relative;display:inline-block;width:24px;height:24px;margin:0 16px;}
.quote-result .route .arrow:before{content:'';width:11px;height:11px;border-width:3px 3px 0 0;border-style:solid;border-color:#121212; transform:rotate(45deg); position:absolute; top:7px; left:4px}

.quote-result .transport-result{margin-top:20px;}
.quote-result  .transport-result li{display:flex;align-items:center;overflow:hidden;border:2px solid #1428A0;padding:29px 32px}
.quote-result  .transport-result li>*{width:50%;}
.quote-result .transport-result li .price{text-align:right}
.quote-result .transport-result li span{font-size:24px;color:#121212;font-weight:700;}
.quote-result  .transport-result li+li{margin-top:10px}
.quote-result .inner {margin-top:75px;}
.quote-result .no-list{padding:270px 0 590px}

.express-text {margin-top:100px;margin-bottom:-35px;text-align:center;}
.express-text em{font-size:28px;color:#1428A0;font-weight:700}
.express-text p{font-size:16px;margin-top:16px;}
.chk-result.sort-content {margin-top:75px;}
.quote-result  .transport-result li .price b {display:inline-block;color:#8D9291;margin-right:20px;font-weight:normal;}

.quote-result  .route.express.country {margin-right:auto;}
.quote-result  .route.express.country .depart-country,
.quote-result  .route.express.country .arrive-country {padding-left:0;display:flex;align-content:center;}
.quote-result  .route.express.country .depart-country:before{display:none;}
.quote-result  .route.express.country span>img {width:40px;height:40px;border-radius:100%;border:solid 1px #ddd;margin-right:12px;display:inline-block;}
.quote-result  .route.express.country i{font-style:normal; font-size:24px;color:#121212;}

.estimate-btm.estimate-new {text-align:left;width:1100px;padding-bottom:400px;padding-top:80px;}
.estimate-btm.estimate-new::after {content:'';display:block;clear:both}
.estimate-btm.estimate-new .member-estimate {float:left;}
.estimate-btm.estimate-new .member-estimate:before{background-image:url(../assets-new/img_p_estimate_sale_new.png);}
.estimate-btm.estimate-new .btn {margin-top:10px;float:right;border-radius:4px;font-size:20px;font-weight:bold;margin-right:50px;margin-left:0;}

.guide-txt.express {padding-left:10px; margin-top:20px;}
.guide-txt.express i{display:block;font-style:normal;margin-bottom:5px; font-size:16px;}
.guide-txt.express i:before{content: '-';margin-left:-8px;margin-right:8px;}

.transport-result li .price>div {position: relative;width: fit-content;  float: right;}
.transport-result li .price-add {font-size:24px; font-weight:normal; text-decoration:line-through; color:#8D9291;position: absolute;left:0;top:50%;transform: translate(-110%, -50%);}
.transport-result li .price>div>i{position:relative;display:block;font-style:normal;font-weight:100;font-size:14px;color:#1428A0;}
.transport-result li .price>div>i::before {content: ''; width:120px; height:9px; background-color:#f8dcde;position:absolute; bottom:1px; z-index: -1;}
/*end 231220 견적조회 수정*/

/*main*//*main-company-info*/
.main-company-info h2 {margin-bottom:80px;}
.main-company-info .com-info {width:calc(100%/3); float:left; text-align: center;}
.main-company-info .info-no strong {font-size:58px;font-weight:700;position: relative;z-index:1;}
.main-company-info .info-no strong::after {content: ''; width:20px; height:20px; background-color:#00d2b4; position: absolute;top:17px;right:-1px;z-index: -1;}
/* 20240113 */
.main-company-info .info-no i {font-size:20px;display: inline-block;}
.main-company-info .info-no p {font-size:16px;margin-top:12px;}
.main-company-info .info-no strong + i, .main-company-info .info-no i + strong{margin-left:4px}
.main-company-info .info-tit {font-size:20px;font-weight:600;margin-bottom:4px}
/* //20240113 */

/*main*//*main-company-special*/
.main-company-special .text-box {flex-grow:1;padding:0 60px;}/* 20240113 */
.main-company-special .text-box p {font-size:16px;margin-top:16px;margin-bottom:32px;}

/*main*//*main-service-list*/
.main-service-list .service-list {margin-top:80px;}
.main-service-list .inner {max-width:1236px;padding:0;}
.main-service-list .swiper-slide {width:33.3333%;}
.main-service-list .service-box {padding-left:20px;padding-right:20px;}
.main-service-list .service-box a {display: block;position: relative;}
.main-service-list .service-box a:hover .img::after {background-color: transparent;background-image: url("../../static/assets-new/service-list-over.png"); background-position: left bottom; background-size: 100% auto;}
.main-service-list .img::after {position:absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); content: ''; transition: background-color .3s linear;} /* js - transition 추가 */
.main-service-list .img>img {width: 100%; height:auto;}
.main-service-list .title {position:absolute; left:32px; bottom:32px;font-size:26px;font-weight:600;color:#fff;}
.main-service-list .btn-box {margin-top:16px;}
.main-service-list .btn-box a {display: inline-block;}
.main-service-list .tit {font-size:44px;font-weight:700;}/* 20240113 */

/*main*//*main-content-list*/
.main-content-list .inner {max-width:1218px;padding:0;}
.main-content-list .h2-heading {padding-left:14px;padding-right:14px;margin-bottom:60px;}
.h2-heading strong {display:block; font-size:36px; font-weight:700; margin-bottom:16px;}
.h2-heading h2 {font-size:16px;font-weight:500;}
.content-list::after {content: ''; clear: both; display: block;}
.content-list .content-box {width:calc(100%/3);float:left;padding-left:14px;padding-right:14px;margin-top:40px;}
.content-list .content-box:nth-child(1),
.content-list .content-box:nth-child(2),
.content-list .content-box:nth-child(3) {margin-top:0;}
.content-list .content-box a {display:block;}
.content-list .img {position:relative;} /*240415 border 수정 *//*240408 딤처리 수정 */
/* .content-list .img::after {position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); content: '';} 240408 딤처리 수정 */
.content-list .img>img {width: 100%; height:200px;border:solid 1px #e5e5e5;}/*240415 border 수정 *//*240129 개발 수정*/
.content-list .source,
.new-content-list .source {position:absolute; left:16px; bottom:12px; color:#fff; font-size:12px; letter-spacing:0;z-index:1;}
.content-list .close {position:absolute; right:0; top:0; width:60px; height:44px; text-align:center; padding-top:10px; color:#fff; z-index:1; font-size:16px; font-weight:600; letter-spacing:0; background-color:#00113e;}
.icon-play,
.new-content-list .icon-play {position:absolute; left:50%; top:50%; width:60px; height:60px; transform:translate(-50%, -50%); z-index:1; background:url("../assets-new/common/icon-play.png") center center no-repeat; background-size: 100% auto;}
.new-content-list .icon-play {width:100px; height:100px;}
.img:hover .icon-play,
.new-content-list .img:hover .icon-play {background-image:url("../assets-new/common/icon-play-hover.png");}
.content-list .info {border:solid 1px #e5e5e5; border-top: none;padding:24px;min-height:210px;position:relative;}
.content-list .category {font-size:14px; margin-bottom:8px;}
.content-list .category b,
.content-list .category i {color:#1428a0;}
.content-list .category i::before {content: ''; display:inline-block; width:1px; height:12px; background-color:#1428a0; margin:0 6px 0 8px;}
.content-list .title {display:-webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:16px;min-height:48px; word-break:break-all;}
.content-list .title:hover {text-decoration:underline;}
.content-list .tag {position:absolute; bottom:65px; width:calc(100% - 48px); height:24px; overflow:hidden;}
.content-list .tag a {font-size:14px;font-weight:600; display:inline-block;margin-right:12px; word-break:break-all;}
.content-list .tag a:last-child {margin-right:0;}
.content-list .tag a:hover {color:#1428a0;}
.content-list .date {position:absolute; bottom:24px; width:calc(100% - 48px); font-size:14px; color:#8d9291;}
.content-list .btn-text {float:right;}
.content-list .content-box.content-whitepaper .img::after {display:none;}
.content-list .content-box.content-whitepaper .info {min-height:240px;}
.content-list .content-box.content-whitepaper .title {font-size:18px;font-weight:600;min-height:54px;}
.content-list .content-box.content-whitepaper p {display:-webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:16px;min-height:48px; word-break:break-all;margin-top:8px;}
.main-content-list .btn-box {margin-top:60px;}

/*main*//*banner-join*/
.banner-join {background-image: url("../../static/assets-new/pattern01.png"); background-position:center center; background-repeat:repeat-y; background-size:contain; text-align:center; background-color:#00113e;}
.banner-join .inner {padding:42px 0 50px;min-height:244px;}
.banner-join strong {font-size:28px; font-weight:600; color:#fff;}
.banner-join p {font-size:16px; color:#fff; margin-top:8px; margin-bottom:28px;}

/*submain*//*resource*/
.visual-resource {background-image:url("../assets-new/visual-top-resource.png"); background-position:50% 50%; background-repeat: no-repeat; background-size:cover}
.submain-visual .h2-heading {padding-top:140px;padding-bottom:80px;}
.submain-visual .h2-heading strong {margin-bottom:8px;color:#fff;}
.submain-visual .h2-heading h1 {font-size:18px;color:#fff;font-weight:500;}/*240109 수정*/

.new-content {padding-top:100px;padding-bottom:80px;}
.new-content .content-box-bg {box-shadow:0 4px 16px 0 rgba(0,0,0, .24);}
.new-content .swiper {overflow:hidden; max-height:392px;}
.new-content-list .content-box a {display:block;}
.new-content-list .img {position:relative;}
.new-content-list .img>img {display:inline-block; width:746px; height:392px;}
/*.new-content-list .img::after {position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); content: '';} 240408 딤처리 수정 */
.new-content-list .info {padding:40px; max-height:392px; position:relative;background-color:#fff;width: 100%}
.new-content-list .category {font-size:18px; margin-bottom:8px;}
.new-content-list .category b,
.new-content-list .category i {color:#1428a0;}
.new-content-list .category i::before {content: ''; display:inline-block; width:1px; height:14px; background-color:#1428a0; margin:0 6px 0 8px;}
.new-content-list .title {display:-webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:3;-webkit-box-orient: vertical;font-size:24px;max-height:108px; word-break:break-all;font-weight:600;}/* 231212 수정 : .title 높이 수정 */
.new-content-list .title:hover {text-decoration:underline;}
.new-content-list p {display:-webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:16px;min-height:48px;margin-top:16px; word-break:break-all;}
.new-content-list .tag {margin-top:16px;width:calc(100% - 80px); height:24px; overflow:hidden;}/* 231212 수정 : .tag 스타일 수정 */
.new-content-list .tag a {font-size:14px;font-weight:600; display:inline-block;margin-right:12px;}
.new-content-list .tag a:last-child {margin-right:0;}
.new-content-list .tag a:hover {color:#1428a0;}
.new-content-list .date {position:absolute; bottom:40px; width:calc(100% - 80px); font-size:14px; color:#8d9291;}
.new-content-list .btn-text {float:right;}
.new-content .swiper-controller {margin-top:32px;} /* js - position 추가, 클래스 변경 */
.new-content .swiper-controller .swiper-pagination {position:initial;width:fit-content;z-index:1;}/*240722 탭가림 수정*/
.new-content .swiper-controller.add-arr .square-dot {margin-bottom:8px;}


.list-pagination  {margin-top:60px;}
.list-pagination .pagination {margin:0 auto;width:fit-content;}
.list-pagination .pagination li {float:left;}
.list-pagination .pagination li a {display:inline-block;font-size:16px;letter-spacing:0;line-height:32px;padding:0 11px;color:#8d9291;}
.list-pagination .pagination li a:hover, .list-pagination .pagination li a.active {font-weight:600;color:#1428a0;}
.list-pagination .icon-arr-L,
.list-pagination .icon-arr-R {width:32px; height:32px; border:solid 1px #ddd; background-image:url("../assets-new/common/icon-arrow-g.png"); background-size:20px auto;}
.list-pagination .icon-arr-L:hover,
.list-pagination .icon-arr-R:hover {border-color:#1428a0; background-image:url("../assets-new/common/icon-arrow-b.png");}

.tab-area {position:relative;margin:60px 14px; z-index: 3} /* 240425 SZ*/
.faq-contents .tab-area {margin-left:0;margin-right:0;}
.tab-area .swiper {border-bottom:solid 1px #ddd;}
.nav-tab::after {content: ''; clear:both; display:block;}
.nav-tab li {float:left; padding:0 24px;width:fit-content;}
.nav-tab li:first-child {padding-left:20px;}
.nav-tab a {display:block; line-height:56px;}
/* 231212 수정 : h2, i font-weight 수정 */
.nav-tab a h2 {display:inline; font-size:20px; color:#121212; font-weight: 700}
.nav-tab a i {display:inline-block; font-size:18px; font-weight:400; color:#8d9291; padding-left:2px;}
.nav-tab a::after {content: ''; display:block; border-bottom:solid 4px transparent; margin-bottom:-.5px;}
.nav-tab a:hover h2,
.nav-tab a:hover i,
.nav-tab .active h2,
.nav-tab .active i {color:#1428a0;}
.nav-tab a:hover::after,
.nav-tab .active::after {border-color:#1428a0;}

.tab-area .search-area {position:absolute; right:0; top:8px;z-index:1;}
.tab-area+.search-result {margin-top:-28px; margin-bottom:32px;}
.search-result p {display:inline-block; margin-right:32px; font-size:18px; font-weight:600;}
.search-result i {color:#1428a0;}
.search-result i::before {content: '\0022'; display: inline-block;}
.search-result i::after {content: '\0022'; display: inline-block;}

.banner-glossary {min-height:330px; background-image:url("../assets-new/resourcs-pattern02.png"); background-position: left top; background-repeat: no-repeat; background-size: auto 100%;}
.banner-glossary .inner {max-width:760px;}
.banner-glossary h3 {font-size:24px; font-weight:600; color:#fff; margin-bottom:32px;}
.banner-glossary .btn-box {width:100%; max-width:650px;margin:0 auto;}
.banner-glossary .input-area {-webkit-box-flex: 1; -ms-flex: 1;flex-grow:1;}
.banner-glossary .input-area .btn-delet {right:17px;}
.banner-glossary input[type=text] {padding:0 36px 0 12px;border:none;}
.banner-glossary .btn i {color:#fff;}
.banner-glossary .top-tag {margin-top:24px;}
.banner-glossary .top-tag a {display: inline-block; margin:6px 10px; font-size: 16px; font-weight: 600; color:#fff; opacity:.6;}
.banner-glossary .top-tag a:hover {color:#00d2b4; text-decoration: underline; opacity:1;}
.banner-glossary .btn-blue:hover {background-color:#00d2b4;}

.banner-whitepaper .inner {padding-top:42px;padding-bottom:42px;}
.banner-whitepaper .inner::after {display:none;}
.banner-whitepaper h3 {font-size:28px; font-weight:600; margin-bottom:32px;}
.banner-whitepaper .whitepaper-img {display:inline-block; width:100%; height: auto; max-width:540px;}

.banner-newsletter {background-color: #1428a0;}
.banner-newsletter .inner::after {display:none;}
.banner-newsletter h3 {font-size:28px; font-weight:600; margin-bottom:8px; color:#fff;}
.banner-newsletter p {font-size:16px; margin-bottom:28px; color:#fff;}
.banner-newsletter .newsletter-img {display:block; width:100%; height: auto; max-width:480px; margin-top:80px;}
.banner-newsletter .input-area .btn-delet {right:17px;}
.banner-newsletter input[type=text] {padding:0 36px 0 12px;border:none;}
.banner-newsletter .btn {min-width:206px;}
.banner-newsletter .btn-mint:hover {background-color: #00113e;}
.banner-newsletter .btn-mint:hover span {color:#fff;}
.banner-newsletter .btn-mint:hover span::after {background-image: url("../assets-new/common/icon-arrow-w.png");}
.banner-newsletter .btn-box{margin-top:28px}/*231217 수정*/

/*sub*//*breadcrumb*/
.breadcrumb {margin-top:80px; background-color: #00113e; text-align:right;}
.breadcrumb li {display:inline-block;}
.breadcrumb li.current {font-size:12px; line-height:40px; color:#fff;}
.breadcrumb a {font-size:12px; line-height:40px; color:#fff; opacity:.6;}
.breadcrumb a::after {content: ''; display: inline-block; width:12px; height:12px; margin:0 6px; background: url("../assets-new/common/icon-arrow-w.png") center center no-repeat; background-size:100% auto;  opacity:.6; vertical-align:middle;}
.breadcrumb .current a {font-weight:600; opacity:1;}
.breadcrumb .current a::after {display: none;}
.microsite .breadcrumb {margin-top:0;}/*240822 추가*/

/*sub*//**/
.new-content .h1-heading {margin-bottom:60px;}
.h1-heading strong {display:block; font-size:48px; line-height:1.4; font-weight:700; margin-bottom:16px; text-align:center;}
.h1-heading h1 {font-size:20px;font-weight:500; text-align:center;}

.content-sns{margin-top:24px;margin-bottom:28px;text-align:right}
.content-sns>li{display:inline-block;width:48px;height:48px;margin:0 8px}
.content-sns>li:first-child{margin-left:0;}
.content-sns>li:last-child{margin-right:0;}
.content-sns>li>a{display:block;position:relative;height:100%;background:#f4f4f4;border-radius:50%}
.content-sns>li>a:after{content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:18px;background-image:url("../assets-new/common/content-sns.png");background-size:100% auto;background-repeat:no-repeat}
.content-sns>li.facebook>a:after{background-position:0 -18px}
.content-sns>li.linked-in>a:after{background-position:0 -36px}
.content-sns>li.url-copy>a:after{background-position:0 -72px}

/*sub*//*sub-contents*/
.sub-contents{overflow:hidden;padding:0 0 160px}
.category-text{display:block;margin-bottom:4px;font-size:20px;line-height:1;font-weight:700;color:#1428a0}
.category-text b{position:relative;font-size:20px;font-weight:500;padding-left:25px;color:#1428a0}
.category-text b:before{content:'';display:block;position:absolute;top:50%;left:12px;margin-top:-8px;width:1px;height:16px;background:#1428a0}

.con-title1{font-size:52px;line-height:1.5}
.con-title2{font-size:48px;line-height:1.4}
.con-title3{font-size:40px;line-height:1.45}
.con-title4{font-size:32px;line-height:1.5}
.con-title5{font-size:24px;line-height:1.5}
.con-title6{font-size:18px;line-height:1.5}/*240418 고객사 추가*/

.title-box{max-width:908px;margin:0 auto;text-align:center}
.title-box-auto{width: auto}

.detail-con .inner{max-width:908px;padding:0;}
.detail-con .date{margin-top:24px;text-align:center;font-size:18px;line-height:16px;color:#424645}
.detail-con .date>em{display:inline-block;height:16px;padding-right:12px;margin-right:12px;border-right:1px solid #8d9291;vertical-align:middle}
.detail-con .date>span{display:inline-block;vertical-align:middle}
.detail-box{margin-top:80px}
.detail-box .img{margin:50px 0 40px;text-align:center}
.detail-box .img.case {margin-bottom:0;}
.detail-box .img2{margin-top:80px}
.detail-box .img img{width:100%}
.detail-box .img.img-top{margin-bottom:0}
.detail-box .img.img-cont{margin-top:20px}
.detail-box .text.case {font-size:22px;color:#121212;font-weight:600;text-align:center;}
.detail-box .text{margin-top:60px;font-size:18px;line-height:1.8;color:#121212}
.detail-box .imgTit {display:block;padding-bottom:20px;font-size:18px;color:#121212;text-align:center;}
.detail-box .img+.text{margin-top:0}
.detail-box .video{position:relative;margin:0 -146px}
.detail-box .video img{width:100%}
.detail-box .img .im_info{display:block;margin-top:20px;font-size:14px}
.detail-box .img .im_infoTip {display:block;margin-top:12px;font-size:16px;color:#424645;text-align:right;font-weight:500}
.detail-box .img .im_title{display:block;margin-bottom:20px;font-size:18px;font-weight:700}
.detail-box .title{display:block;padding-top:80px;padding-bottom:21px;font-size:24px;color:#121212}
.detail-box .title.greenTxt {color:#35927e;text-align:left;}
.detail-box .link{color:#35927e;text-decoration:underline}
.detail-box .link.case{font-size:24px;font-weight:700;}
.detail-box sup{vertical-align:super;font-size:12px}
.detail-box .list-text{padding-left:30px}
.detail-box .author{display:table;width:100%;margin-top:78px;padding:12px 5.5%;color:#fff;background:#538fe0;border-radius:6px}
.detail-box .author .photo{display:table-cell;width:127px;vertical-align:top}
.detail-box .author img{width:127px;height:127px;padding:9px;background:url(../assets-new/bg_author.png) no-repeat 50% 50%/contain;border-radius:50%;overflow:hidden}
.detail-box .author.type-02 img{background-image:url(../../static/assets-new/bg_author-green.png)}
.detail-box .author figcaption{display:table-cell;padding-left:3.965%;vertical-align:middle}
.detail-box .author .name{display:block;margin-bottom:4px;font-weight:700;font-size:24px;}
.detail-box .author .info{display:block;font-size:18px;}
.detail-box .author2{margin-top:120px;}
.detail-box .photo img{width:100%}
.detail-box .author2 figcaption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.detail-box .author-img{padding-top:120px}
.detail-box .author-img img{width:100%}
.detail-box .info-list>li{position:relative;padding-left:35px;margin-top:25px;font-size:20px;font-weight:700;color:#222}
.detail-box .info-list>li>span{display:block;position:absolute;left:0;top:0;color:#35927e}
.detail-box .info-list>li>p{margin-top:7px;font-size:18px;font-weight:500;color:#424645}
.detail-box dl dd.img{margin:40px 0}
.detail-box dl dd em.color-green2{font-weight:600}
.detail-box .text blockquote{text-align:center}
.detail-box .text blockquote.case{text-align:left}
.detail-box .text blockquote + blockquote{margin-top:40px}
.detail-box .text blockquote > p{color:#121212;font-weight:600;font-size:22px;line-height:1.73;letter-spacing:-.44px}
.detail-box .text blockquote > p:before, .detail-box .text blockquote > p:after{content:'"';display:inline-block;padding:0 4px;color:#8d9291}
.detail-box .text blockquote > small{display:block;padding:10px 0;color:#8d9291;font-weight:500;font-size:16px;line-height:2.38;letter-spacing:-.32px}
.detail-box .text blockquote.case > small {color:#424645;line-height:1.63;}
.detail-con .table-box.blog{margin-top:0;border:0}
.detail-con .table-box.blog th{padding:18px;font-weight:500;font-size:14px;}
.detail-con .table-box.blog th[rowspan]{vertical-align:middle}
.detail-con .table-box.blog thead th[colspan]{border:solid #fff;border-width:1px 0 0 1px}
.detail-con .table-box.blog tbody th{font-size:14px;padding:7px 20px 8px}
.detail-con .table-box.blog td{padding:7px 20px 8px;font-weight:600;font-size:12px;text-align:center}
.detail-con .table-box.blog tr td:last-child{font-size:12px}
.referenceList li {clear:both;overflow:hidden;}
.referenceList li em {float:left;width:25px;}
.referenceList li p {float:left;width:calc(100% - 25px);}

.detail-box .source-area {margin-bottom:20px;padding:0 20px;height:60px;background:#f4f4f4;text-align:right;line-height:60px;font-size:14px}
.detail-box .source-area p>span{padding-left:33px;position:relative}
.detail-box .source-area p>span::before{content:'';display:inline-block;position:absolute;left:16px;top:50%;width:1px;height:12px;background:#424645;margin-top:-5px}

.event-detail > .con img {width:100%;}

.btn-box.line{margin-top:60px;padding-top:60px;border-top:1px solid #e5e5e5}

.related-list {margin-top:100px;}
.related-list h3 {margin:0 14px 20px;font-size:28px;font-weight:600; letter-spacing: 0;}

.basic-contents {padding:100px 0;}

.form-end .d-flex {flex-wrap:wrap;}
.form-end .d-flex > * {display:block; width:100%; text-align:center;}
.form-end strong {font-size:48px;line-height:1.4; font-weight:600; margin:60px 0 16px;padding-top:120px;background-repeat:no-repeat;background-position:50% 0;}
.form-end.contact-ok strong{background-image:url(../assets-new/bg-form-contact.png);background-size:240px auto;}
.form-end.newsletter-ok strong{background-image:url(../assets-new/bg-form-news.png);background-size:240px auto;}
.form-end.error-404 strong{background-image:url("../assets-new/bg-img-error-404.png");background-size:140px auto;}
.form-end.error-500 strong{background-image:url("../assets-new/bg-img-error-500.png");background-size:160px auto;}
.form-end p {font-size:20px;font-weight:500;}

.whitepaper-view-top {height:340px; margin-top:140px; background: #f4f4f4;}
.whitepaper-view-top .inner {height:340px;}
.whitepaper-view-top .view-top-img {position:relative; left:0; top:-63px; width:260px; height:auto; box-shadow: 12px 12px 20px 0 rgba(0, 0, 0, .24);flex: 0 0 auto;}
.whitepaper-view-top .text {width: calc(100% - 320px); padding-left: 60px;flex: 0 1 auto;font-size:18px;line-height:1.6;}

.webinar-form {padding-bottom:40px;padding-top:40px;margin-top:40px; margin-bottom:40px;border-bottom: solid 1px #ddd;border-top: solid 1px #ddd;}
.webinar-form .form-box {padding-top:0;}
.webinar-form .btn-box {margin-top:60px;}

/*sub*//*검색 결과*/
.result-top {padding:80px 0;border:solid 1px #e5e5e5;}
.result-top .search-area {margin:0 auto; max-width:720px; width:100%;}

.aside-menu-area {width:240px;margin-right:60px;border-bottom: solid 1px #e5e5e5;flex-shrink:0;}/*240723 검색결과 수정*/
.aside-menu-area strong {font-size:24px;font-weight:700;margin-bottom:24px;display:block;}
.aside-menu-area li {border-top: solid 1px #e5e5e5;}
.aside-menu-area .active,
.aside-menu-area a:hover {color:#1428a0;background-color: rgba(20, 40, 160, .08)}
.aside-menu-area a {font-size:20px;font-weight:600;display:block;line-height:60px;padding-left:24px;padding-right:24px;}
.aside-sub-sub {padding:6px 0 24px;border-bottom:none;}
.aside-sub-sub li {border-top:none;}
.aside-sub-sub a {font-size:16px;line-height:40px;padding-left:35px;padding-right:24px;position: relative;}
.aside-sub-sub .active,
.aside-sub-sub a:hover {background-color:transparent;}
.aside-sub-sub a::before {content: ''; width:3px;height:3px;background-color:#121212;position: absolute;top:20px;left:24px;}
.aside-sub-sub .active::before,
.aside-sub-sub a:hover::before {background-color:#1428a0;}
.aside-menu-area .active i,
.aside-menu-area a:hover i,
.aside-sub-sub .active i,
.aside-sub-sub a:hover i {color:#1428a0;}

.result-list-area {-webkit-box-flex: 1; -ms-flex: 1;flex-grow:1;}
.result-list-area .title-box {font-size:20px;font-weight:500;text-align:left;border-bottom: solid #e5e5e5 1px;padding-bottom:24px;}
.result-list-area .title-box b {font-size:24px;font-weight:700;display: inline-block;margin-right:12px;}
.result-list-area .title-box i {color:#1428a0;font-weight:700}

.result-content .result-list li {border-bottom: solid #e5e5e5 1px; padding-top:32px; padding-bottom:32px;}
.result-content .result-list .navi {margin-bottom:8px;}
.result-content .result-list .navi li {border-bottom:none; padding-top:0; padding-bottom:0;font-size:12px;color: #424645;display: inline-block;}
.result-content .result-list .navi li b {color: #424645;}
.result-content .result-list .navi li::after {content: ''; display: inline-block; width:12px; height:12px; margin:0 6px; background: url("../assets-new/common/icon-arrow-g.png") center center no-repeat; background-size:100% auto;  vertical-align:middle;}
.result-content .result-list .navi li:last-child::after {display: none;}
.result-content .result-list a strong {font-size: 20px; font-weight:600;display:block;margin-bottom:8px;}
.result-content .result-list a p {font-size:16px;margin-bottom:20px;}
.result-content .result-list a:hover {text-decoration: underline;}
.result-content .result-list .btn-text:hover {text-decoration:none;}
.result-content .result-list em {background-color:rgba(0, 210, 180, .5);}

.result-no {padding-top:32px;}
.result-no strong {font-size: 24px; font-weight:600;display:block;padding:60px 0;text-align: center;}
.result-no strong::before {content: ''; display:block; width:60px; height:60px; margin:0 auto 24px; background: url("../assets-new/common/icon-exmark.png") center center no-repeat; background-size:100% auto; }

.info-bullet {margin: 0 auto; width: fit-content;}
.info-bullet p {font-size:16px;padding-left:11px;margin-bottom:8px;position: relative;}
.info-bullet p::before {content: ''; width:3px;height:3px;background-color:#121212;position: absolute;top:10px;left:0;}

/**/
.popup-img img{width:100%}
.popup-img .btn-wrap{position:relative;background:#424645;padding:10px}
.popup-img .check-box input[type=checkbox]+label{font-size:16px;color:#fff;min-height:24px;padding-left:34px}
.popup-img .check-box input[type=checkbox]+label:before{width:24px;height:24px;background:#dbdbdb}
.popup-img .check-box input[type=checkbox]+label:after{width:16px;height:16px;background:url("../assets-new/common/icon-checkbox-g.png") no-repeat;background-size:100% auto;top:4px;left:4px;}
.popup-img .check-box input[type=checkbox]:checked+label:after{background-image:url(../assets-new/common/icon-checkbox-b.png)}
.popup-img button.btn-managepop-close{display:block;position:absolute;width:24px;height:24px;top:12px;bottom:10px;right:10px;background:url("../assets-new/common/icon-close-w.png") no-repeat 50% 50%;background-size:20px auto;}

/*sub*//*상품*/
.visual-transport {background-image:url("../assets-new/contents/product-transportation.png"); background-position:50% 50%; background-repeat: no-repeat; background-size:cover}
.visual-warehousing{background-image:url("../assets-new/contents/product-warehousing.png"); background-position:50% 50%; background-repeat: no-repeat; background-size:cover}
.visual-techlogistics{background-image:url("../assets-new/contents/product-techlogistics.png"); background-position:50% 50%; background-repeat: no-repeat; background-size:cover}

.transport-content.warehousing .intro-list .network{background-image:url("../assets-new/contents/warehousing-intro01.png")}
.transport-content.warehousing .intro-list .service{background-image:url(../assets-new/contents/warehousing-intro02.png)}
.transport-content.warehousing .intro-list .transport{background-image:url(../assets-new/contents/warehousing-intro03.png)}

.transport-content.techlogistics .intro-list .network{background-image:url("../assets-new/contents/techlogistics-intro01.png")}
.transport-content.techlogistics .intro-list .service{background-image:url(../assets-new/contents/techlogistics-intro02.png)}
.transport-content.techlogistics .intro-list .transport{background-image:url(../assets-new/contents/techlogistics-intro03.png)}

.transport-content .product-card.type-color{border:0;background-color:#1428A0;}
.product-card.type-color>a .img img{height:100%;}
.product-card.type-color .img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2}
.product-card.type-color .text, .product-card.type-color .product-tit {position:relative;z-index:3;color:#fff}
.product-card.type-color .btn-share{background-image:url(../assets-new/common/icon-dot-menu-w.png)}
.product-card.type-color .btn-share{z-index:4}
.product-card.type-color .content-sns-box{z-index:5}
.type-color .hash-tag-list{position:absolute;left:32px;bottom:48px;}
.type-color .hash-tag-list>li{display:inline-block;padding:0 6px;margin-top:16px;}
.type-color .hash-tag-list>li>span{display:block;width:100%;height:100%;padding:6px 20px 7px;font-size:18px;color:#fff;border:1px solid rgba(255,255,255,.5);}

.related-list.transport-content{margin-top:100px;margin-bottom:-40px;}
.related-list.transport-content h3 {margin:0;font-weight:700;font-size:28px;margin-bottom:-20px;}/*240124 수정*/

.product-detail-con .inner{max-width:908px;padding:0;}
.product-detail-con .date{margin-top:24px;text-align:center;font-size:18px;line-height:16px;color:#424645}
.product-detail-con .date>em{display:inline-block;height:16px;padding-right:12px;margin-right:12px;border-right:1px solid #8d9291;vertical-align:middle}
.product-detail-con .date>span{display:inline-block;vertical-align:middle}
.product-detail-box{margin-top:60px}/*240124 수정*/
.product-detail-box>.img{overflow:hidden;}
.product-detail-box>.img+.img{margin-top:60px}
.product-detail-box .img img{width:100%}
.product-detail-box .img-text{margin-top:60px;font-size:24px;color:#121212}
.product-detail-box .img-text+.img-text{margin-top:32px}
.product-detail-box .img-text+.img{padding-top:100px}
.product-detail-box .img-text2{margin-top:24px;font-size:20px;color:#121212}
.product-detail-box .con-title3{display:block;margin-top:60px}
.product-detail-box .con-title3+.img{margin-top:60px}
.product-detail-box .img+.con-title3,
.product-detail-box .table-box+.con-title3{margin-top:100px}
/*240124 수정*/
.product-detail-box .info-list>li{position:relative;padding-left:35px;margin-top:20px;font-size:20px;font-weight:700;color:#222}
.product-detail-box .info-list>li>span{display:block;position:absolute;left:0;top:0;color:#1428A0}
/*//240124 수정*/
.product-detail-box .info-list>li{position:relative;padding-left:35px;margin-top:80px;font-size:20px;font-weight:700;color:#222}
.product-detail-box .info-list>li>span{display:block;position:absolute;left:0;top:0;color:#35927e}
.product-detail-box .info-list>li>p{margin-top:12px;font-size:18px;font-weight:500;color:#424645}
.product-detail-box .info-list>li>ul{padding-top:12px;font-size:18px;font-weight:500}
.product-detail-box .info-list>li>ul>li{position:relative;padding-left:10px}
.product-detail-box .info-list>li>ul>li+li{margin-top:16px}
.product-detail-box .info-list>li>ul>li:before{content:'';display:block;position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:#424645}
.product-detail-box .info-list2 .list-con{position:relative;display:flex;align-items:center;min-height:230px;margin-top:60px;padding-left:290px}
.product-detail-box .info-list2 .list-con .img{position:absolute;left:0;top:0;width:230px;height:230px}
.product-detail-box .info-list2 .list-con em{display:block;width:100%;padding-bottom:5px;font-size:32px;font-weight:700;color:#000}
.product-detail-box .info-list2 .list-con .text{font-size:24px;color:#555}
.product-detail-box .info-list2 .list-con .text ul>li{position:relative;padding-left:16px;margin-top:15px}
.product-detail-box .info-list2 .list-con .text ul>li:before{content:'';display:block;position:absolute;left:0;top:17px;width:4px;height:4px;border-radius:50%;background:#424645}

.product-detail-box .table-box .table-label{font-size:18px;margin-bottom:15px}
.product-detail-box .table-box .bg-gr{background:#f4f4f4}
.product-detail-box .table-box.premium tbody td{font-size:20px}
.product-detail-box .table-box.premium thead th{vertical-align:middle}
.product-detail-box .table-box.premium th,td{font-size:20px}
.product-detail-box .table-box.premium .table-notice{font-size:16px;margin-top:15px}

.product-detail-box .img-list{margin-top:60px;padding:46px 42px;background:#f4f4f4}
.product-detail-box .img-list-con{font-size:0}
.product-detail-box .img-list-con > *{display:inline-block}
.product-detail-box .img-list-con+.img-list-con{margin-top:40px}
.product-detail-box .img-list-con>span{width:199px;font-size:14px;color:#070505;vertical-align:top}
.product-detail-box .img-list-con .img img{width:300px}
.product-detail-box .img-list-con .img img+img{margin-left:20px}
.product-detail-box .img-list+.con-title3{margin-top:80px}
.product-detail-box>.info-list+.img{padding-top:80px}
.product-detail-con .btn-box{max-width:908px;margin-left:auto;margin-right:auto}
.product-detail-box .video{margin-top:60px}
/*240124 수정*/
.con-text{position:relative;margin-top:60px;font-size:20px;}
.product-subtit {display:block;font-size:40px;font-weight:700;margin-top:60px}

.transport-banner {margin-top:100px}
.transport-banner>a {display:block;}
.transport-banner>a img {width:100%}

.product.img {margin-top:60px;}
.product.img + .con-title5 {display:block;margin-top:32px}
.product-con-img {margin-top:100px;position: relative;}
.product-con-img + .text{margin-top:100px}
.product-subtit + .product-con-img{margin-top:60px}
.product-con-img .text strong {margin-bottom:16px;display:block;}
.product-con-img .text p {font-size:18px;line-height:1.8;}
.product-con-img .text .add-txt {margin-top:16px;font-size:14px;line-height:1.8;color:#686D6B}
.product-con-img .img {display:block;min-width:400px;width:400px;}
.product-con-img .img.full {width:100%;margin-top:40px;}
.product-con-img .img.imgR {margin-left:60px;}
.product-con-img .img.imgL {margin-right:60px;position: absolute;left: 0;}
.product-con-img.textR {padding-left:460px;min-height:210px;}
.product-con-img .embed-con {margin-top:20px}
.product-con-img .dot-list li{margin-top:16px}
.product-con-img .info-list .dot-list {padding-top:0}
.product-con-img .info-list .dot-list li{margin-top:8px}
.product-con-img.table .con-title5 +.table-box {margin-top:40px}

.product-service {margin:20px -10px 0;}
.product-service li {padding:0 10px;}
.product-service.two li {width:50%;}
.product-service.three li {width:calc(100% / 3);}
.product-service li>div {padding:24px 28px;background-color:#f7f7f7;height:100%}
.product-service li>div b {font-size:28px;display: block;color: #1428a0;}
.product-service li>div strong {font-size:20px;display: block;margin: 16px 0;}

.main-service-list.d-flex {margin-top:20px;gap:20px;flex-wrap:wrap}
.main-service-list li {padding:16px 40px;font-size:20px;background:#F7F7F7;}

.table-box table {width:100%;table-layout:fixed;border-top:1px solid #121212}
.table-box table thead th {background:#F4F4F4;font-weight:700;}
.table-box table th, .table-box table td {border-bottom:1px solid #E5E5E5;padding:13px 12px;font-size:14px}
.table-box table .bg-gray {text-align:left;background:#FAFAFA;}
.table-box table .bg-blue {background: rgba(20, 40, 160, 0.08);vertical-align: middle;}
.table-box table tbody th {font-weight:500}
/*//240124 수정*/

/*submain*//*company*/
.visual-partnerships {background-image:url("../assets-new/company/visual-top-partnerships.png"); background-position:50% 50%; background-repeat: no-repeat; background-size:cover}
.submain-visual.visual-partnerships .h2-heading {padding-top:172px;padding-bottom:0;height:500px;text-align:center;}
.submain-visual.visual-partnerships .btn-box {margin-top:32px;}

.visual-sds {background-image:url("../assets-new/company/visual-top-sds.png"); background-position:50% 50%; background-repeat: no-repeat; background-size:cover}
.visual-introduce {background-image:url("../assets-new/company/visual-top-introduce.png"); background-position:50% 50%; background-repeat: no-repeat; background-size:cover}
.submain-visual.visual-sds .h2-heading,
.submain-visual.visual-introduce .h2-heading {padding-top:214px;padding-bottom:0;height:500px;text-align:center;}

/* 240112 상품문의 배너*/
.product-banner {margin-top:100px; background-image: url("../../static/assets-new/pattern01.png"); background-position:center center; background-repeat:repeat-y; background-size:100% auto; background-color:#1428a0;}
.product-banner .inner {padding:43px 0;}
.product-banner .inner::after {display:none;}
.product-banner strong {font-size:28px; font-weight:600; color:#fff;}
.product-banner p {font-size:16px; color:#fff; margin-top:8px;}

/*240124 모션*/
.img-box {position:relative;}
.img-box img {width:100%;height:auto;}
.img-box.img-size1 {width:720px;height:400px;overflow:hidden;}
.img-box.img-size2 {width:640px;height:540px;overflow:hidden;}
.img-box.img-size3 {width:600px;height:400px;overflow:hidden;}

/* 클릭 효과 */
.circle { position: relative; transform: scale(0.6); opacity: 0; transition: opacity .9s ease-in .1s;}
.circle .poly { position: relative; }
.circle .poly span { position: absolute; left: 0; top: 0; }
.circle .poly span svg { position: absolute; left: -2.5px; fill: #00D2B4; }
.circle .s1 span{transform: rotate(var(--r)) translateY(-15px); transition: all .7s ease .4s;}
.circle .s2 span{transform: rotate(var(--r)) translateY(-15px); transition: all .7s ease .4s;}
.circle .s3 span{transform: rotate(var(--r)) translateY(-15px); transition: all 1s ease .5s;}
.circle.active {opacity: 1;}
.circle.active .s1 span{transform: rotate(var(--r)) translateY(var(--d)); opacity:0;}
.circle.active .s2 span{transform: rotate(var(--r)) translateY(var(--d)); opacity:0;}
.circle.active .s3 span{transform: rotate(var(--r)) translateY(var(--d)); opacity:0;}

/* 즉시견적부터.. 모션 */
.main-special-01 .img1 {position:absolute;left:60px;width:480px;height:auto;box-shadow: 4px 4px 16px 0 rgba(0,0,0, .16);top:50px;transition:transform .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.main-special-01 .img1::after {content: '';display:block;width:100%;height:100%;background-color: rgba(0, 0, 0, .1);position: absolute;left:0;top:0;opacity: 0;transition:all .5s linear;}
.main-special-01 .img1.view1-1::after {opacity: 1;}
.main-special-01 .img1.view1-2 {transform:translateX(-62px);}
.main-special-01 .img2 {position: absolute;top:96px;right:70px;padding:57px 48px 0 54px;width:400px;height:160px;background-color:#fff;box-shadow: 4px 4px 16px 0 rgba(0,0,0, .16);transform: scale(.6);opacity:0; transition:all .3s ease-out;}
.main-special-01 .img2 .bar {width:100%;height:8px;background: url("../assets-new/company/main-special-01-2.png") 0 0 no-repeat; background-size:100%  auto;}
.main-special-01 .img2 .bar>span {float:left;background-color:#00D2B4;border-radius:4px;height:8px;width:50px;}
.main-special-01 .img2 .icon {position:absolute;top:41px;left:38px;width:40px;height:40px;border-radius:100%;box-shadow:2px 2px 10px 0 rgba(0,0,0, .16);}
.main-special-01 .img2 ul {margin:18px -30px 0;}
.main-special-01 .img2 ul li {float:left;font-size:12px;font-weight:600;text-align:center;letter-spacing:-1.6px;opacity:.3;width:59px;transition:opacity 0.3s linear;}
.main-special-01 .img2 ul li.active {opacity:1;}
.main-special-01 .img2.view2-1 {transform:scale(1);opacity:1;}
.main-special-01 .img2 .end {position:absolute;top:60px;right:48px;}
.main-special-01 .img2 .end.view2-2 {opacity:1;transform: scale(2.2);}
.main-special-01 .img3 {position:absolute;left:0;bottom:30px;}
.main-special-01 .img3 .emitter div {position: absolute; width: 12px; height: 10px; transform-style: preserve-3d;
  background: linear-gradient(270deg, #CD8E23 0%,  #FFB430 18%, #F4D35F 29%, #FFF8D5 42%, #F4D35F 57%, #D3AD4A 63%, #A07226 80.04%, #E0B532 89%, #F4CA36 91%, #FFF8D5 100%);
}

/* 물류 전 영역에.. 모션 */
.main-special-02 .tit, .main-special-02 .tit2 {position:absolute;left:50%;top:13px;width:fit-content;padding:0 20px;font-size:16px;line-height:43px;border-radius:25px;transform:translateX(-50%);text-align:center;color:#fff;background-color:#1428A0;box-shadow: 4px 4px 16px 0 rgba(0,0,0, .16);z-index:1;}
.main-special-02 .img1 .tit {display:none; opacity:0;}
.main-special-02 .img1 {position:absolute;top:7px;left:56px;width:608px;height:auto;}
.main-special-02 .img1 li {position:absolute;top:400px;left:0;opacity:0;transition:all .4s ease-out;box-shadow:4px 0 12px 0 rgba(0,0,0, .12);}
.main-special-02 .img1 li:first-child {position:absolute;top:0;opacity:1;}
.main-special-02 .img1 .end {position:absolute;top:96px;left:54px;}
.main-special-02 .img1 .view1-1 {transform:translateY(-400px);opacity:1;}
.main-special-02 .img1 .view1-2 {transform:translateY(-400px);opacity:1;}
.main-special-02 .img1 .view1-2::after {content: '';display:block;width:100%;height:100%;background-color: rgba(0, 0, 0, .1);position: absolute;left:0;top:0;opacity:0;transition: all .5s linear;}
.main-special-02 .img1.view1-3 .tit {display:none;}
.main-special-02 .img1.view1-3 .view1-2::after {opacity: 1;}

.main-special-02 .img2 .map {width:448px;height:auto;position:absolute;left:50%;top:93px;transform:translateX(-50%); box-shadow:4px 0 12px 0 rgba(0,0,0, .12);}
.main-special-02 .img2 .line {position: absolute;top: 12px;left: 11px;}
.main-special-02 .img2 .port {position:absolute;left:70px;top:56px;width:50px;height:50px;border-radius:30px;transform:translateX(-50%); box-shadow:4px 4px 10px 0 rgba(0,0,0, .4);}
.main-special-02 .img2 {opacity:0; transition:opacity .3s linear;}
.main-special-02 .img2 .tit2 {opacity:0; transition: transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.main-special-02 .img2 .map {transition: transform .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.main-special-02 .img2.view2 .tit {opacity: 0;}
.main-special-02 .img2.view2 .tit2 {opacity:1; transform:translateX(-316px);}
.main-special-02 .img2.view2 .map {transform:translate(-326px,-10px);}

.main-special-02 .img3 {position:absolute;top:34px;right:24px;opacity: 0;}
.main-special-02 .img3 .map-zoom{transform:scale(.4);transform-origin:center left;opacity:.5;height:312px;transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.main-special-02 .img3 .show {width:52px;height:auto;float:left;}
.main-special-02 .img3 .card {width:315px;box-shadow:4px 0 12px 0 rgba(0,0,0, .12);float:right;}
.main-special-02 .img3 .card .tit {display:block;padding:0 16px;text-align:left;font-size:13px;line-height:30px;color:#fff;background-color:#00113E;position:initial;border-radius:0;width:100%;box-shadow:none;transform: translateX(0);}
.main-special-02 .img3.view3 {opacity: 1;}
.main-special-02 .img3.view3 .map-zoom {transform:scale(1);opacity:1;}

/* 데이터 기반으로.. 모션 */
.main-special-03 .tit {display:block;padding-left:16px; font-size:13px;line-height:30px;color:#fff;background-color:#00113E;}
.main-special-03 .img1,
.main-special-03 .img2,
.main-special-03 .img3,
.main-special-03 .img4 {position:absolute;width:360px;height:auto;opacity:0;transform:skew(0, 6deg);box-shadow:4px 0 12px 0 rgba(0,0,0, .12);border:solid 1px #ddd;}

.main-special-03 .img1 {top:54px;right:-70px;}
.main-special-03 .img1.view1 {animation:main3view1 .5s ease forwards;}
/*// 240124 모션*/
@keyframes main3view1{
  from{
    opacity:.5;
    transform:translate(0,0) skew(0,6deg);
  }
  to{
    opacity:1;
    transform:translate(-120px,0) skew(0,6deg);
  }
}
.main-special-03 .img2 {top:125px;right:-70px;}
.main-special-03 .img2.view2 {animation:main3view2 .5s ease forwards;}
@keyframes main3view2{
  from{
    opacity:.5;
    transform:translate(0,0) skew(0,6deg);
  }
  to{
    opacity:1;
    transform:translate(-178px,0) skew(0,6deg);
  }
}
.main-special-03 .img3 {top:200px;right:-70px;}
.main-special-03 .img3.view3 {animation:main3view3 .5s ease forwards;}
@keyframes main3view3{
  from{
    opacity:.5;
    transform:translate(0,0) skew(0,6deg);
  }
  to{
    opacity:1;
    transform:translate(-237px,0) skew(0,6deg);
  }
}
.main-special-03 .img4 {top:276px;right:-70px;}
.main-special-03 .img4.view4 {animation:main3view4 .5s ease forwards;}
@keyframes main3view4{
  from{
    opacity:.5;
    transform:translate(0,0) skew(0,6deg);
  }
  to{
    opacity:1;
    transform:translate(-294px,0) skew(0,6deg);
  }
}

/*첼로스퀘어 소개 모션*/
.sub-special-01 .tit {position:absolute;left:50%;top:20px;width:fit-content;padding:0 20px;font-size:16px;line-height:43px;border-radius:25px;transform:translateX(-50%);text-align:center;color:#fff;background-color:#1428A0;box-shadow: 4px 4px 16px 0 rgba(0,0,0, .16);z-index:1;}
.sub-special-01 .zoom-list {overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:565px;box-shadow: 4px 4px 16px 0 rgba(0,0,0, .16);border:solid 2px #fff;}

.sub-special-01 .img1 {position:absolute;left:60px;width:480px;height:auto;box-shadow: 4px 4px 16px 0 rgba(0,0,0, .16);top:50px;transition:transform .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.sub-special-01 .img1::after {content: '';display:block;width:100%;height:100%;background-color: rgba(0, 0, 0, .1);position: absolute;left:0;top:0;opacity:0;transition:all .5s linear;}
.sub-special-01 .img1.view1::after {opacity: 1;}

.sub-special-01 .img2 {opacity:0;transition: opacity .5s linear;}
.sub-special-01 .img2.view2 {opacity:1;}
.sub-special-01 .img2 .zoom-list {transform-origin: center;}
.sub-special-01 .img2 .zoom-list img {transform-origin:top left;}
.sub-special-01 .img3 {opacity:0;transition: opacity .5s linear;}
.sub-special-01 .img3.view3 {opacity:1;}
.sub-special-01 .img3 .zoom-list {transform-origin: center left;}
.sub-special-01 .img3 .zoom-list img {transform-origin:bottom left;transition: transform 1.5s ease-out;}
.sub-special-01 .img3 .zoom-list.view3-1 img {transform: scale(1.73);}
.sub-special-01 .img3 .zoom-list.view3-2 img {transform: scale(1.73) translate(-43%, 0px);}
.sub-special-01 .img4 {opacity:0;transition: opacity .5s linear;}
.sub-special-01 .img4.view4 {opacity:1;}
.sub-special-01 .img4 .tit {top:13px; width: 420px;}/*240311 수정*/
.sub-special-01 .img4 li {position:absolute;left:50%;top:50%;transform:translate(-50%, 70%);width:565px;box-shadow: 4px 4px 16px 0 rgba(0,0,0, .16);opacity:0;transition:all .4s ease-out;}
.sub-special-01 .img4 li:nth-child(1) {transform:translate(-50%, -50%);opacity:1}
.sub-special-01 .img4 li:nth-child(2).view4-2 {transform:translate(-50%, -50%);opacity:1;}
.sub-special-01 .img4 li:nth-child(3).view4-3 {transform:translate(-50%, -50%);opacity:1;}
.sub-special-01 .img4 .end {position:absolute;top:27%;left:10%;width:37px;height:37px;}

.sub-special-03 {height:100%;}
.sub-special-03 .tit {display:block;padding-left:16px; font-size:13px;line-height:30px;color:#fff;background-color:#00113E;}
.sub-special-03 .img1,
.sub-special-03 .img2,
.sub-special-03 .img3,
.sub-special-03 .img4 {position:absolute;left:50%;margin-left:-180px;width:360px;height:auto;box-shadow: 0 4px 16px 0 rgba(0,0,0, .24);opacity:0;transition: all .5s linear;}

.sub-special-03 .img1 {top:120px;opacity:0;filter: blur(10px);-webkit-filter: blur(10px);transform: scale(.6);}
.sub-special-03 .img1.view1-1 {opacity:1;filter: blur(0);-webkit-filter: blur(0);transform: scale(1);}
.sub-special-03 .img1.view1-1.view1-2 {transform:translateY(-108px);}
.sub-special-03 .img1.view1-1.view1-2::after {content: '';display:block;width:100%;height:100%;background-color: rgba(0, 0, 0, .2);position: absolute;left:0;top:0;opacity:1;transition: all .5s linear;}
.sub-special-03 .img2 {top:130px;opacity:0;filter: blur(3px);-webkit-filter: blur(3px);transform: scale(.8);}
.sub-special-03 .img2.view2-1 {opacity:1;filter: blur(0);-webkit-filter: blur(0);transform: scale(1);}
.sub-special-03 .img2.view2-1.view2-2 {transform:translate(-85px, -47px);}
.sub-special-03 .img2.view2-1.view2-2::after {content: '';display:block;width:100%;height:100%;background-color: rgba(0, 0, 0, .1);position: absolute;left:0;top:0;opacity:1;transition: all .5s linear;}
.sub-special-03 .img3 {top:180px;opacity:0;filter: blur(3px);-webkit-filter: blur(3px);transform: scale(.8);}
.sub-special-03 .img3.view3-1 {opacity:1;filter: blur(0);-webkit-filter: blur(0);transform: scale(1) translateY(-20px);}
.sub-special-03 .img3.view3-1.view3-2 {transform:translate(103px, -6px);}
.sub-special-03 .img4 {top:160px;opacity:0;}
.sub-special-03 .img4.view4-1 {opacity:1;}
.sub-special-03 .img4.view4-1.view4-2 {transform:translate(-120px, 146px);}

/*삼성SDS 모션*/
.sub-sds-01 {height:100%;background: url("../assets-new/company/sub-sds-01-0.png") 0 0 no-repeat;background-size:100% auto;}
.sub-sds-01 .img1,
.sub-sds-01 .img2,
.sub-sds-01 .img3,
.sub-sds-01 .img4,
.sub-sds-01 .img5,
.sub-sds-01 .img6 {opacity:0;position:absolute;height:auto;filter: blur(10px);-webkit-filter: blur(10px);box-shadow: 0 4px 16px 0 rgba(0,0,0, .24);transition:all .35s ease-out;}
.sub-sds-01 .img1.view,
.sub-sds-01 .img2.view,
.sub-sds-01 .img3.view,
.sub-sds-01 .img4.view,
.sub-sds-01 .img5.view,
.sub-sds-01 .img6.view {transform: scale(1); filter: blur(0);-webkit-filter: blur(0);}

.sub-sds-01 .img1 {top:145px;right:340px;opacity:0; width:112px;transform: scale(.5);}
.sub-sds-01 .img1.view1 {transform: scale(1) translate(84px, 136px);}
.sub-sds-01 .img2 {top:166px;right:370px;width:61px;opacity:0;}
.sub-sds-01 .img2.view2 {transform: scale(1) translate(66px, -130px);filter: blur(0);-webkit-filter: blur(0);}
.sub-sds-01 .img3 {top:148px;right:362px;width:98px;opacity:0;transform: scale(.6);z-index:1;}
.sub-sds-01 .img3.view3 {transform: scale(1) translate(348px, -138px);filter: blur(0);-webkit-filter: blur(0);}
.sub-sds-01 .img4 {top:139px;right:348px;width:112px;opacity:0;transform: scale(.5);z-index:1}
.sub-sds-01 .img4.view4 {opacity:1;transform: scale(1) translate(-202px, 38px);filter: blur(0);-webkit-filter: blur(0);}
.sub-sds-01 .img5 {top:117px;left:224px;width:179px;opacity:0;transform: scale(.6)}
.sub-sds-01 .img5.view5 {opacity:1;transform: scale(1) translate(262px, -100px);filter: blur(0);-webkit-filter: blur(0);}
.sub-sds-01 .img6 {top:155px;right:360px;width:88px;opacity:0;}
.sub-sds-01 .img6.view6 {opacity:1;transform:translate(-256px, 100px);filter: blur(0);-webkit-filter: blur(0);}

sup {vertical-align:super;font-size:small;}/*240126 추가*/

/*브랜드 스토리 240222 */
.visual-brand {background-image:url("../assets-new/company/visual-top-brand.png"); background-position:50% 50%; background-repeat: no-repeat; background-size:cover}
.submain-visual.visual-brand .h2-heading {padding-top:214px;padding-bottom:0;height:500px;text-align:center;}
.brand-intro01 {background-image: url("../assets-new/company/brand-intro-bg01.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;padding:120px 0;}
.brand-intro01 .inner div {width:50%;}
.brand-intro01 .intro01-text>h2 {font-size:36px;font-weight:700;line-height:1.4;color:#fff;}
.brand-intro01 .intro01-text>h3 {width: calc(100% - 107px);font-size:18px;font-weight:500;margin-top:32px;color:#fff;}
.brand-intro01 .intro01-img>img {display:block; width:100%; height:auto;}
.brand-intro02 {padding:120px 0;}
.brand-intro02 .inner div {width:50%;}
.brand-intro02 .intro02-text>h2 {font-size:44px;font-weight:700;line-height:1.4;color:#fff;}
.brand-intro02 .intro02-text>p {font-size:18px;margin-top:32px;color:#fff;}
.brand-intro02 .intro02-img>img {display:block; width:100%; height:auto;}
.brand-intro03 {padding:120px 0;background-color:#000;}
.brand-intro03 .intro03-text>h2 {font-size:44px;font-weight:700;line-height:1.4;color:#fff;}
.brand-intro03 .intro03-text>p {font-size:18px;;margin-top:16px;color:#fff;}
.brand-intro03 .intro03-img {margin-top:120px;}
.brand-intro03 .intro03-img strong {font-size:28px;font-weight:600;color:#fff;}
.brand-intro04 {background-image: url("../assets-new/company/brand-intro-bg02.png"); background-position:right 50%; background-repeat:no-repeat; background-size:contain;padding:115px 0;}
.brand-intro04 .inner>div {width:50%;}
.brand-intro04 .intro04-text>strong {font-size:44px;font-weight:700;line-height:1.4;}
.brand-intro04 .intro04-text>h2 {font-size:18px;margin-top:16px;}
.brand-intro04 .intro04-btn .btn-box {margin-top:0;}
.brand-intro04 .intro04-btn .btn {width:240px;text-align:left;position:relative;}
.brand-intro04 .intro04-btn .arr-download {position:absolute; right:32px; top:50%; margin-top:-8px; display:inline-block; width:16px; height:16px; background:url("../assets-new/common/icon-attach.png") center center no-repeat; background-size:16px auto;}
.brand-intro04 .intro04-btn p {margin-top:16px;font-size:13px;color:#686d6b;}
/*//브랜드 스토리 240222 */

/*240827 문의하기 배너*/
.contact-member {max-width:900px;margin:40px auto 0;}
.contact-member a {display:block;padding:16px 0;background-color:#00113e;background-image: url("../assets-new/banner-contact-bg.png");background-position:top right;background-repeat:no-repeat;}
.contact-member p {font-size:16px;color:#fff;line-height:28px;padding-left:30px;}
.contact-member p i {color:#00deb4;text-decoration:underline;}

.banner-quote-ocean {margin:80px 0 60px;}
.banner-quote-ocean img {width:100%;}
/* //240827 문의하기 배너*/

/* new */
@media screen and (max-width: 1600px){
  .popup .personal-info-wrap .inner {height:400px;}
}

@media screen and (max-width:1200px){

  /*popup*/
  .popup{width:100%;}

  /*layout*/
  .inner {padding-left:2vw;padding-right: 2vw;}

  /*layout*//*footer*/
  footer .footer-menu {float:initial;}
  footer .footer-menu::after {content: ''; display: block; clear: both;}
  footer .footer-newletter {float:initial; margin-top:20px;}
  footer .sns-list {right:2vw;}

  /*main*//*keyvisual*/
  .main-keyvisual .inner {left:0;transform: translate(0, -50%); width: 100%;}
  .btn-control {left:0;width:100%;transform: translateX(-0);}
  .main-keyvisual .btn-control .swiper-pagination {left:auto;} /* js - 추가 */

  /*231220  견적조회 수정*/
  /*main*//*estimate-module-wrap*/
  .estimate-module-wrap {}
  .estimate-module-wrap .box {}
  /*end 231220  견적조회 수정*/

  /*main*//*main-company-special*/
  .main-company-special .text-box {width:31.2500vw; padding:0 3.1250vw;}/* 20240113 */
  .main-company-special .img-box>img {width:100%; height: auto;}

  /*main*//*main-service-list*/
  .main-service-list .title {left:1.6667vw; bottom:1.6667vw;font-size:2.3958vw;}

  /*main*//*main-content-list*/
  .content-list .img>img {height:16.6667vw;}

  /*main*//*banner-join*/
  .banner-join .inner {padding:2.1875vw 0 2.6042vw;min-height:12.7083vw;}

  /*submain*//*resource*/
  .new-content-list .img>img {width:62.1667vw; height:32.6667vw;}
  .new-content-list .info {padding:3.3333vw; min-height:32.6667vw;}
  .new-content-list .category {font-size:1.5000vw;}
  .new-content-list .title {font-size:2vw;min-height:6vw;}
  .new-content-list p {font-size:1.3333vw;min-height:4vw;margin-top:1.3333vw;}
  .new-content-list .tag {bottom:9vw;}
  .new-content-list .date {bottom:3.3333vw; width:calc(100% - 6.666vw); font-size:12px;}

  .nav-tab li {padding:0 2vw;}
  .nav-tab li:first-child {padding-left:1.6667vw;}

  /*240827 문의하기 배너*/
  .contact-member {margin:40px auto 0;}
  /* //240827 문의하기 배너*/
}

@media screen and (max-width:767px){
  .pc-br,.pc-img,.pc-show{display:none !important}  /*PC 줄바꿈, 이미지, pc용*/
  .mo-br,.mo-img,.mo-show{display:block !important}  /*mobile 줄바꿈, 이미지, mobile용*/
  h2 {font-size:24px;}

  /**/
  .form-box{width:auto;padding:0 0 48px;margin:0}
  .form-con+.form-con{margin-top:20px;}
  .form-box ~ .btn-box.line{width:100%}
  .form-title{margin-top:60px;font-size:18px;}
  .form-title+.form-con{margin-top:29px;}
  .form-con-info{min-height:26px;padding-right:45px;}
  .form-con-info .text-count{right:5px;font-size:14px;}

  .terms-con{margin-top:21px;}
  .terms-list>ul>li+li{margin-top:20px;}

  .terms-list .warning-text{margin-bottom:18px;margin-left:16px}

  .form-text{margin-bottom:20px;font-size:16px;}
  .info-text{margin-top:16px;font-size:16px;}

  .form-row {display:block;margin-top:20px;}
  .form-row .form-con {width:100%;}
  .form-row .form-con+.form-con {margin-left:0;margin-top:20px;}
  .form-radio {height:auto;line-height:1.5;padding:12px 13px 4px;}
  .form-radio .radio-box {float:initial;display:inline-block;margin:5px 0;}
  .form-radio .radio-box .form-check-inline {margin-left:0;}
  .form-radio .radio-box .form-check-inline+.form-check-inline {margin-left:10px;}
  .form-radio .radio-box .form-check-inline label {font-size:16px;padding-left:38px;}
  .form-con-info {height:auto;}

  .radio-box input[type="radio"]+label:after{left:2px;top:50%;width:24px;height:24px;}
  .terms-list{padding:24px 20px;margin-top:20px;}
  .terms-list .agree-form-box {margin-left:34px;}
  .terms-list .agree-form-box ul {margin-bottom:20px;margin-left:0;}
  .terms-list .agree-form-box ul>li {margin-bottom:10px;margin-right:10px;}
  .terms-list .agree-form-box ul>li+li {margin-left:0;}

  /*문의하기 : 견적문의 선택*/
  .estimate-con{border-radius:0;padding:24px;margin:20px -24px;}
  .estimate-con .form-con {padding-left:0;}
  .estimate-con .form-con .form-title{position:static;margin-bottom:8px;}
  .estimate-con .formWrap .form {display:block;padding-right:50px;}
  .estimate-con .formWrap .form + .form {margin-top:5px;}
  .estimate-con .formWrap .form input{width:100%}
  .estimate-con .formWrap .form .text-count {position:absolute;top:20px;bottom:auto;right:0;font-size:14px;}

  /*240321 추가*/
  .selectWrap .ui-selectmenu-menu .ui-menu{overflow-y:auto !important;}

  /*popup*/
  .popup-wrap.open{display:block}
  .popup{overflow-y:auto;min-width:100%;width:100%;height:100%;padding:30px 24px 32px;}
  .popup-title{padding-bottom:32px;padding-right:54px;font-size:20px;}
  button.btn-popup-close{right:14px;top:22px;width:44px;height:44px;background-size:28px auto;}
  .popup-video{top:50%;transform:translateY(-50%);max-width:100%;min-width:100%;height:auto}
  .popup-video button.btn-popup-close{width:48px;height:48px;top:-48px;background:#121212 url("../assets-new/common/icon-close-w.png") no-repeat 50% 50%;background-size:24px auto}

  /*이메일주소 무단수집거부*/
  .pop-email-address .popup{top:50%;transform:translateY(-50%);max-width:100%;min-width:100%;height:auto}
  .pop-email-address .popup p{font-size:16px;}
  .pop-email-address .popup .btn-box{margin-top:30px;}

  /*이용약관*/
  .term-box{max-height:442px;padding:24px 24px 32px 24px;font-size:14px;}
  .term-box>ol>li+li,.term-box>ol>li>ol>li+li{padding-top:32px;}
  .term-box>ol>li>p{padding-bottom:32px;}
  .term-text{padding-top:32px;}
  .term-box+.btn-box{margin-top:30px;}
  .term-box .summary strong,
  .term-box .termsCon .division{padding-top:32px}
  .term-box .termsCon h2{padding-top:32px;font-size:14px;border-top:0}
  .term-box .termsCon h2+p{padding-top:20px}
  .term-box .division + h2{padding-top:40px}

  .svterms .sort-search-cp{margin-top:0;}
  .titArea{padding:0 10px;}
  .titArea span{font-size:12px;}

  .svtermsList {width:100%;margin-top:70px;}
  .svtermsList li {padding:28px 66px 28px 0;}
  .svtermsList li strong{font-size:18px;}
  .svtermsList li span {width:66px;height:96px;}
  .svtermsList li a {width:42px;height:42px;}

  /* 231224 추가 */
  /* 개인정보 처리 방침 */
  .privacyPolicy{margin-top:40px;}
  .privacyPolicy .form-con{width:100%;float:none;margin-bottom:20px;}
  .privacyPolicy.terms .summary  strong{display:block;font-size:16px;padding-top:16px;}
  .privacyPolicy.terms .termsCon h2 + p, .privacyPolicy.terms .termsCon p + ul{padding-top:30px;}
  .privacyPolicy.terms .termsCon .division{padding-top:20px;font-size:16px;}
  .privacyPolicy.terms .termsCon .division + h2{border-top:0;margin-top:0;padding-top:20px;}
  .policyCon{clear:both;text-align:left}
  .policyCon .summary{border-top:0;padding:0 0 40px;}
  .policyCon .summary p{font-size:16px;}
  .policyCon .summary p + p{padding-top:16px;}
  .policyCon .summary .list{padding:40px 0;}
  .policyCon .summary .list li{margin-bottom:16px;padding:0}
  .policyCon .summary .list li a{font-size:16px;}
  .termsCon{font-size:14px;}
  .termsCon h2{margin-top:40px;padding-top:40px;font-size:20px;}
  .termsCon h3{padding-top:30px;font-size:16px;}
  .termsCon h3 + .txt{padding-top:16px;}
  .termsCon .tit{padding-top:30px;}
  .termsCon .tit + .list, .termsCon .tit + .txt, .termsCon .txt + .txt{padding-top:16px;}
  .termsCon .txt{padding-top:20px;}
  .termsCon .list{padding-top:20px;}
  .termsCon li{padding:3px 0;}
  .termsCon li p{padding-top:6px;}
  .termsCon ol{padding-top:30px;}
  .termsCon ol>li{padding:10px 0;}
  .termsCon ol>li ul li ul li{font-size:12px;}
  .termsCon>ol>li>.smallTit{padding-top:40px;}
  .version{margin-top:40px;padding-top:40px;}
  .version li{padding:3px 0;font-size:16px;}
  /* //231224 추가 */

  /* table */
  .tblH{margin-top:20px;}
  .tblH thead tr th, .tblH tbody tr td{padding:10px;}
  .tblH thead tr th,.tblH tbody tr td{font-size:14px;}

  .btn-box{margin-top:60px;}

  /*btn*/
  .icon-btn {width:24px;height: 24px;}
  .btn-text span {color:#1428a0;}
  .arr-right span::after {background-image: url("../assets-new/common/icon-arrow-b.png");}

  /*layout*/
  .inner {padding-left:24px;padding-right: 24px;}
  .detail-con .inner {padding-left:24px;padding-right: 24px;}
  .pt-100 {padding-top:60px;}
  .pt-60 {padding-top:40px;}
  .pb-100 {padding-bottom:60px;}

  /*layout*//*header-banner */
  .header-banner {z-index:10;}
  .header-banner .inner {display:block;}
  .banner-text a {width:100%; line-height:45px;}
  .lnb-list, .lang-list, .header-banner .icon-btn  {display:none;}

  /*layout*//*header*/
  .nav .inner {height:52px;}
  .nav .logo {margin-top:16px;}
  .nav .logo a {width:131px; height:20px;margin-right:0;}
  .nav .m-btn {float:right;margin-top:14px;}
  .nav .icon-btn {margin-left:16px;}

  .icon-search, .nav.scroll .icon-search {background-image: url("../assets-new/common/icon-search.png");}
  .icon-user, .nav.scroll .icon-user {background-image: url("../assets-new/common/icon-user.png");}
  .icon-menu, .nav.scroll .icon-menu {background-image: url("../assets-new/common/icon-menu.png");}
  .visual-nav .icon-search {background-image: url("../assets-new/common/icon-search-w.png");}
  .visual-nav .icon-user {background-image: url("../assets-new/common/icon-user-w.png");}
  .visual-nav .icon-menu {background-image: url("../assets-new/common/icon-menu-w.png");}

  /*layout*//*모바일 메뉴*/
  .menu-area {display:none;width:100%; height:100%; background-color:#fff;position: fixed;left:0; top: 0;overflow-y: auto;padding-bottom:40px;z-index: 1;}
  .nav-list,.nav-sub-list {float:initial;display:block;padding-left:24px;padding-right:24px;margin-left:0;margin-right:0;}
  .nav-list li,.nav-sub-list li {margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
  header .menu-area a {line-height:47px;font-size:18px;font-weight:700;color: #121212;}
  header .menu-area a:focus {color: #1428A0;}
  .nav-list a::before, .nav-sub-list a::before{display:none;}
  .nav-list {margin-top:20px;}
  .nav-sub-list .sub-menu-list {display:block;position: initial;width:100%;margin-right:0;padding:0;box-shadow:none;margin-bottom:12px;}
  .nav-sub-list .sub-menu-list li {width:50%;float:left;padding-bottom:0;}
  .sub-menu-list::after {content: ''; display: block; clear: both;}
  .nav-sub-list .sub-menu-list a {line-height:36px;font-size:16px;color:#424645;font-weight:600;}
  .nav-sub-list .sub-menu-list a:hover, .nav-sub-list .sub-menu-list a:focus {text-decoration: none;color: #1428A0;}
  .menu-area .lnb-list, .menu-area .lang-list  {display:block;float:left;}
  .mo-lang .lnb-list li {display:inline-block;padding-right:0;}
  .mo-lang .lnb-list a, .mo-lang .lnb-list a b, .mo-lang .lang-list a {font-size:13px;font-weight:500;color:#686d6b;line-height:20px;}
  .mo-lang .lang-list a {color:#121212;}
  .lnb-list::after {display:none;}
  .mo-lang .lnb-list a::after {content: '';display: inline-block; width: 1px; height:12px; background-color: #ddd; margin-right:16px;margin-left:16px;}
  .mo-lang .lang-list {margin-right:20px;}
  .mo-lang .lang-list .lang-sub-list {left: -52px; top:initial; bottom:25px;}
  .lang-list>a::after {transform: rotate(180deg);}
  .lang-list:hover >a::after {transform: rotate(360deg)}
  .mo-lang .lang-list:focus .lang-sub-list {display:block !important;}
  .mo-lang .lang-list:focus >a::after {transform: rotate(180deg);transform-origin: center center;}
  .mo-lang {margin:0 auto;width: fit-content; margin-top:20px;}
  .mo-lang::after {content: '';display: block; clear: both;}
  .mo-sns {margin:0 auto;width: fit-content; margin-top:24px;}
  .mo-sns .sns-list .naver a {background-image:url("../assets-new/common/sns-blog-b.png");}
  .mo-sns .sns-list .linked-in a {background-image:url("../assets-new/common/sns-linkedin-b.png");}
  .mo-sns .sns-list .youtube a {background-image:url("../assets-new/common/sns-youtube-b.png");}
  .mo-sns .sns-list .facebook a {background-image:url("../assets-new/common/sns-facebook-b.png");}

  /*layout*//*floating-menu*/
  .floating-menu {right:12px; bottom:100px;}
  .floating-menu .menu-inner {position: relative;}
  .floating-menu .open-menu {bottom:60px; left:-92px;}
  .floating-menu .join {position:initial;}
  .floating-menu a {width:142px; height:48px;font-size: 16px;line-height:48px;background-color:#fff;} /*240719 플로팅 */
  .floating-menu a >span {width:20px; height:20px;background-size:20px auto;} /*240719 플로팅 */
  .floating-menu .top {width:48px; background-size:20px auto;}
  .floating-menu .float-open {width:48px; background-size:20px auto;}
  /*240719 플로팅 */
  .floating-menu.open::before {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5);}
  .floating-menu a i {visibility:visible;opacity:1;color:#121212;margin-left:8px;display:inline-block;}
  .floating-menu .join span {background-image: url("../assets-new/common/icon-user.png");}
  .floating-menu .email span {background-image: url("../assets-new/common/icon-email.png");}
  .floating-menu .chatbot span {background-image: url("../assets-new/common/icon-chatbot.png");}
  .floating-menu .quote span {background-image: url("../assets-new/common/icon-calendar.png");}
  .floating-menu .join:hover span {background-image: url("../assets-new/common/icon-user-w.png");}
  .floating-menu .email:hover span {background-image: url("../assets-new/common/icon-email-w.png");}
  .floating-menu .chatbot:hover span {background-image: url("../assets-new/common/icon-chatbot-w.png");}
  .floating-menu .quote:hover span {background-image: url("../assets-new/common/icon-calendar-w.png");}
  .floating-menu a:hover {width:inherit;transform:translateX(0);background-color:#1428a0;}
  .floating-menu a:hover i {color:#fff;}
  .floating-menu .float-open:hover,
  .floating-menu .top:hover {width:48px;transform:none;}
  /* js - 플로팅 메뉴 등장모션 추가 */
  .floating-menu .quote {opacity: 0; transition: opacity .2s linear, transform .3s cubic-bezier(0.23, 1, 0.32, 1) .02s; transform: translateY(200%);}
  .floating-menu .chatbot {opacity: 0; transition: opacity .2s linear, transform .3s cubic-bezier(0.23, 1, 0.32, 1) .04s; transform: translateY(100%);}
  .floating-menu .email {opacity: 0; transition: opacity .2s linear, transform .3s cubic-bezier(0.23, 1, 0.32, 1) .06s; transform: translateY(20%);}
  .floating-menu .join {opacity: 0; transition: opacity .2s linear, transform .3s cubic-bezier(0.23, 1, 0.32, 1) .06s; transform: translateY(20%);}
  .floating-menu.in .quote {opacity: 1; transform: translateY(0);}
  .floating-menu.in .chatbot {opacity: 1; transform: translateY(0);}
  .floating-menu.in .email {opacity: 1; transform: translateY(0);}
  .floating-menu.in .join {opacity: 1; transform: translateY(0);}
  /*//240719 플로팅 */

  /*검색*/
  .search-area input[type=text],.search-area input[type=search]{height:50px;line-height:50px;padding-right:80px;padding-left:16px;}
  .search-area .btn-search{right:16px;}
  .btn-delet {right:48px;}

  .auto-complete-list {top:50px;max-height: 136px;height: auto}
  .auto-complete-list ul {padding:8px 16px;height: 100%;max-height: 136px}
  .auto-complete-list li .kwd {line-height:40px;font-size:16px;}
  .auto-complete-list .btn-add {width:20px;height:20px;}

  /*공통 검색창*/
  .search-layer {position:fixed;top:0;}
  .mo-show.layer-head {background-color: #fff;  border-bottom: solid 1px #e5e5e5;height:52px;}
  .mo-show.layer-head .logo {margin-top:16px;float: left;}
  .mo-show.layer-head .logo a {background: url("../assets-new/common/logo-black.png") 0 0 no-repeat;background-size:auto 100%; width:131px;height:20px;}
  .mo-show.layer-head .m-btn {margin-top:14px;float:right;}
  .search-layer>.inner {position:relative;padding:32px 24px 160px;}
  .search-layer button.btn-popup-close {display:none;}
  .search-layer .search-area input[type="text"] {width:100%; padding-left:16px;}
  .search-layer .word-area {padding-left:0;}
  .search-layer .word-area>.inner {padding:0;margin-left:-6px;margin-right:-6px;}
  .search-layer .word-area strong {position:initial;display:block;padding-top:4px; padding-bottom:10px;}

  /*layout*//*footer*/
  footer {position:relative;font-size:12px;min-height:344px;}
  footer .inner {position:initial;display: block;}
  footer .footer-newletter {float:none; width: calc(100% - 48px);position: absolute;top:167px;margin-top:0;}
  footer .newletter-btn .input-btn {font-size:14px; line-height:40px;}
  footer .newletter-btn .btn {font-size:14px;padding:9px 20px 10px;height:40px;}
  footer .newletter-btn .btn span {padding-right:0;}
  footer .newletter-btn .btn span::after {display:none;}
  footer .sns-list {right:inherit;top:276px;}
  .footer-add {border-top:none;padding-top:80px;}
  .footer-add .add-info {position: absolute;top:81px;width: calc(100% - 48px);}
  .footer-add .policy-list {display:block;text-align:left;position: absolute;top:28px;width: calc(100% - 48px);}
  .footer-add .policy-list a {font-size:14px; margin:0 10px;}
  .footer-add .family-site {position:absolute;right:24px;top:278px;}
  /*240405 추가*/
  footer .newletter-btn input {height:40px;font-size:14px;width:100%;}
  footer .newletter-btn input[type=text]::placeholder {font-size:14px;}
  footer .newletter-btn .btn {min-width:144px;}
  /*end 240405 추가*/
  /*main*//*keyvisual*/
  .main-keyvisual {min-height:600px; min-height:166.6667vw;}
  .main-keyvisual .visual-img p {min-height:600px; min-height:166.6667vw;}
  .main-keyvisual .inner {top:22.7778vw; left:0; transform:translate(0); width:100%;}
  .visual-cont {width:100%;}
  .visual-tit h1 {font-size:28px;}
  .visual-tit p {font-size:16px;}
  .visual-cont .btn-box {margin-top:32px;}
  .btn-control {bottom:52.2222vw;left:0;width:100%;transform: translateX(0);text-align: center;}
  .btn-control .inner {position:initial;}
  .main-keyvisual .btn-control .swiper-pagination {text-align: center;} /* js - 추가 */

  /*231220  견적조회 수정*/
  .no-list {font-size:18px;padding:80px 0;}
  /*main*//*estimate-module-wrap*/
  .main-quote {position:relative; z-index:2;}
  .main-quote .inner {padding:0;margin-left:20px;margin-right:20px;}
  .estimate-module-wrap {top:-120px; width:100%;}
  .estimate-module-wrap .box {width:100%;}
  .estimate-module-wrap .country-select-head {padding-left:16px;}
  .estimate-module-wrap .country em {font-size:15px;}
  .country-select-btn .arr-down span{font-size:14px;}

  .tooltipItem .tooltipCont{top:36px;margin-left:7px;width:56vw;transform: translateX(-50%);}
  .tooltipItem .tooltipCont:after{margin-left:-4.5px;}

  .head-country-select .search-area {margin:0;margin-left:6px;width:calc(100% - 40px);max-width:auto;}

  .head-country-list {padding-left:0;padding-right:0;}
  .head-country-list a {line-height:30px;}
  .head-country-list i {width:30px;height:30px;}
  .head-country-list i>img {width:30px;}
  .head-no-list {padding-left:0;padding-right:0;}
  .head-no-list li {font-size:14px;}

  .transport-type span {height:56px;}

  .transport-type input[type="radio"] + label{line-height: 24px;padding:16px 0;font-size:14px}
  .transport-type input[type="radio"] + label:before{width:24px;height:24px;margin-right:6px;}

  .boxItem {padding:20px 24px 24px;}

  .auto-search {margin-top:16px;margin-left:-24px;margin-right:-24px;width:calc(100% + 48px);}
  .auto-search .auto-head {margin-bottom:4px;}
  .auto-search .auto-list {display:block;}
  .auto-search .country-list,
  .auto-search .port-list {width:100%;}
  .auto-search .border-line,
  .auto-search .port-list {display:none;}
  .auto-search .btn-pre {float:left;width:24px;height:24px;background:url("../assets-new/common/icon-arrow.png") no-repeat 50% 50%;background-size:20px auto;transform: rotate(-180deg);}

  .personal-info-wrap {top:-120px; width:100%;}
  .personal-info-wrap .box {width:100%;}
  .info-box-head strong {padding:20px 24px;padding-right:48px;}/*241029 수정*/
  .personal-info-wrap .inner {height:416px;padding:0 24px;margin:0;margin-right:3px;}
  .personal-info-wrap .form-box {padding-bottom:0;}
  .personal-info-wrap .btn-box {padding:32px 24px 24px;margin-top:0;}

  .popup.popup-center {top:50%;transform: translateY(-50%);}
  .popup.form-quote{padding:60px 24px 40px; margin:0 20px;width:calc(100% - 40px); min-width:initial; height:auto;}
  .popup.form-quote strong {width:80px; height:80px;}
  .popup.form-quote p  {font-size:16px;margin:32px 0 40px;}

  .popup.email-address{margin:0 20px;width:calc(100% - 40px); min-width:initial; height:auto;}

  .popup.form-personal {margin:0 20px;width:calc(100% - 40px); min-width:initial; height:auto;overflow-y: initial;}
  .popup .form-row .form-con + .form-con {margin-left:0;}
  .popup .personal-info-wrap .inner {height:400px;overflow-y:scroll;}
  .personal-info-wrap .info-box-head .btn-popup-close {width:24px; height: 24px;}
  .popup .personal-info-wrap .box {min-height:initial;}
  .popup .personal-info-wrap .btn-box {padding: 32px 24px 24px;margin:0;}

  /*sub*//*견적조회*/
  .visual-quote {background-image:url("../assets-new/visual-top-quote-m.png");}
  .quote-content .sns-area {height:auto;padding-top:0;min-height: 48px;}
  .quote-content .sns-area .inner {padding-bottom:0;}
  .quote-content .content-sns {padding-top:32px;padding-bottom:32px;}
  .quote-content .inner {padding:0 20px 40px;}
  .quote-content .mo-inner {background-color:transparent;box-shadow:none;}
  .quote-content  h2 {font-size:26px;padding:0 0 24px;text-align: center;}
  .quote-content .estimate-module-wrap {padding:0;box-shadow: 4px 4px 16px 0 rgba(0,0,0, .24);}
  .quote-content .estimate-module {border: none;}
  .quote-content .frm-wrap {width:100%;float:initial;padding-right:0;}
  .quote-content .transport-type span {max-width:auto;}
  .quote-content .btn-box {padding:0 24px 24px;margin-top:0;}
  .quote-content .btn {width:100%;}
  .quote-content .head-country-select {height:513px;}
  .quote-content .head-country-list {height: 408px;}
  .quote-content .head-no-list {height:408px;}/*240131 추가*/
  .quote-content .head-no-list li {padding-top:50%;}/*240131 추가*/
  .quote-content .auto-search {margin-left:-24px;margin-right:-24px;width:calc(100% + 48px);}

  .quote-content.quote-result .inner {padding-top:60px;padding-bottom:60px;margin-top:0;}
  .quote-result .route{margin-top:0px;justify-content:center;padding-top:88px;}
  .quote-result .route *{font-size:24px}
  .quote-result .route.ocean .depart-country:before{display:none;content:'';margin-top:-15px;}
  .quote-result .route.flight .depart-country:before{display:none;content:'';margin-top:-13px;}
  .quote-result .route.truck .depart-country:before{display:none;content:'';margin-top:-13px;}/*240109 트럭 추가*/
  .quote-result .route.train .depart-country:before{display:none;content:'';margin-top:-13px;}/*240925 철도 추가*/
  .quote-result .route .depart-country{padding-left:0;}
  .quote-result .route{position:relative;}
  .quote-result .route::before{content:'';position:absolute;top:0;width:100%;left:0;height:62px;background-color:#fff;background-position:50% 50%;background-repeat: no-repeat;background-size:40px auto;}
  .quote-result .route.ocean::before{background-image:url("../assets-new/common/icon-pot.png");}
  .quote-result .route.flight::before{background-image:url("../assets-new/common/icon-airport.png");}
  .quote-result .route.express::before{background-image:url("../assets-new/common/icon-express.png");}
  .quote-result .route.truck::before{background-image:url("../assets-new/common/icon-truck.png");}/*240109 트럭 추가*/
  .quote-result .route.train::before{background-image:url("../assets-new/common/icon-train.png");}/*240925 철도 추가*/
  .quote-result .route .arrow{margin:0 12px;}
  .quote-result .route .arrow::before{border-width:2.5px 2.5px 0 0;width:9px;height:9px;top:8px;left:5px;}
  .quote-result .sort-content-box{display:block;width: 100%;height:auto;padding:5px 5px 20px;}
  .quote-result .sort-content-box .weight-box{display:flex;justify-content:center;align-items:center;color: #121212;font-size: 24px;margin-top: 16px;}
  .quote-result .sort-content-box .weight-box >div:first-child{font-weight: bold;margin-right: 6px;}

  .transport-result{margin-top:30px}
  .quote-result .transport-result li{padding:24px;}
  .quote-result .transport-result li span{font-size:16px}
  .quote-result .transport-result li+li{margin-top:12px}
  .quote-result.sort-content {margin-top:75px;}
  .quote-resultsort-content .no-list{padding:140px 0 240px}

  .quote-result .express-text {margin:60px 0 -35px;}
  .quote-result .express-text em{font-size:20px;}
  .quote-result .express-text p{margin-top:12px;}
  .quote-result .transport-result li .price b {display:block;margin-right:0;font-size:14px;}

  .quote-result .route.express {padding-top:0;}
  .quote-result .route.express:before{position:inherit;}
  .quote-result .route.express.country {margin-left:0;margin-right:0;position:inherit;padding-top:10px;}
  .quote-result .route.express.country:before{display:none;}
  .quote-result .route.express.country .depart-country,
  .quote-result .route.express.country .arrive-country {padding-left:0;display:block;}
  .quote-result .route.express.country span>img {width:30px;height:30px;border-radius:100%;border:solid 1px #ddd;margin:0 auto 12px;display:block;}
  .quote-result .route.express.country i{font-size:16px;display:block;width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  .estimate-btm.estimate-new {width:100%;padding:0 0 180px;}
  .estimate-btm.estimate-new .member-estimate {float:inherit;}
  .estimate-btm.estimate-new .member-estimate p {margin-top:10px;}
  .estimate-btm.estimate-new .btn {float:inherit;margin-top:30px;font-size:16px;margin-right:0;width:100%;}

  .guide-txt.express {padding-left:10px;margin-top:16px;}
  .guide-txt.express i{display:block;font-style:normal;margin-bottom:5px;}
  .guide-txt.express i:before{content: '-';margin-left:-8px;margin-right:3px;}

  .transport-result li .price-add {font-size:14px; position:initial;transform: translate(0,0);display: block;}
  /*end 231220  견적조회 수정*/

  /*main*//*main-company-info*/
  .main-company-info {padding-top:540px;}
  .main-company-info h2 {margin-bottom:40px; text-align: center;}
  .main-company-info .com-info {width:100%; float:initial;margin-bottom:60px;}
  .main-company-info .com-info:last-child {margin-bottom:0;}

  /*main*//*main-company-special*/
  .main-company-special .ani-box {display: block;}
  .main-company-special .text-box {width:100%; padding:0; margin-bottom:48px;}/* 20240113 */
  .main-company-special .img-box>img {width:100%; height: auto;}

  /*main*//*main-service-list*/
  .main-service-list .service-list {margin-top:40px;}
  .main-service-list h2 {padding-left:8px; padding-right:8px;}
  .main-service-list .inner {padding-left:16px; padding-right:16px;}
  .main-service-list .list-inner {margin-right:-16px;}
  .main-service-list .service-box {padding-left:8px; padding-right:8px; flex-shrink:0;}
  .main-service-list .img>img {width:100%;}/*75vw*/
  .main-service-list .title {left:24px; bottom:25px;font-size:20px}
  .main-service-list .tit {font-size:24px}/* 20240113 */
  .btn-slide-bar {margin-top:40px;padding:0 11.6667vw;}
  .btn-slide-bar .grey-bar {position: relative;height:4px;background-color: #ddd;}
  .btn-slide-bar .grey-bar>span {position: absolute; top: 0; left: 0; height: 4px; width:33.3333%;  background-color: #000;transition: width .3s ease-out;}

  /*main*//*main-content-list*/
  .main-content-list .inner {padding-left:24px;padding-right: 24px;}
  .main-content-list .h2-heading {padding-left:0;padding-right:0;margin-bottom:40px;}
  .h2-heading strong {font-size:24px; margin-bottom:12px;}
  .content-list .content-box {width:100%;float:initial;padding-left:0;padding-right:0;margin:24px 0;}
  .content-list .img>img {height:auto;}
  .new-content-list .icon-play {width:60px; height:60px;}

  /*main*//*banner-join*/
  .banner-join {background-image: url("../../static/assets-new/pattern01-m.png"); background-size: 100% auto;}
  .banner-join .inner {padding:40px 0;min-height:244px;}
  .banner-join strong {font-size:20px;}
  .banner-join p {font-size:14px; margin-bottom:24px;}

  /*submain*//*resource*/
  .visual-resource {background-image:url("../assets-new/visual-top-resource-m.png");}
  .submain-visual .h2-heading {padding-top:100px;padding-bottom:54px; text-align: center;}/*240109 수정*/
  .submain-visual .h2-heading strong {font-size:28px; font-weight:600;}
  .submain-visual .h2-heading h1 {font-size:12px;}

  .new-content {padding-top:48px;padding-bottom:48px;}
  .new-content .swiper {max-height:initial;}
  .new-content-list .content-box {display:block;}
  .new-content-list .img>img {width:100%; height:auto;}
  .new-content-list .info {padding:24px; min-height:300px;}
  .new-content-list .category {font-size:14px;}
  .new-content-list .category i::before {height:12px;}
  .new-content-list .title {font-size:18px;font-weight:600;min-height:auto;}
  .new-content-list p {font-size:14px;min-height:42px;margin-top:16px;}
  .new-content-list .tag {bottom:70px; width:calc(100% - 48px);}
  .new-content-list .date {font-size:14px; bottom:24px; width:calc(100% - 48px);}/* 231212 수정 : font-size 추가 */

  .tab-area {margin:24px 0 32px;z-index:3;}/*240415 검색 수정*/
  .tab-area .swiper {margin-left:-24px;margin-right:-24px;}
  .tab-area::after {content: ''; position: absolute; top:0; right:-24px; width:40px; height:56px; background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);z-index:2;}
  .nav-tab {display: -webkit-box; display: -mox-box; display: -ms-flexbox; display: flex;}
  .nav-tab li {float:left; padding:0 10px;flex-shrink:0;}
  .nav-tab li:first-child {padding-left:24px;}
  .nav-tab li:last-child {padding-right:40px;}
  .nav-tab a {line-height:50px;}
  .nav-tab a h2 {font-size:16px;}
  .nav-tab a i {font-size:14px;} /* 231212 수정 : 스타일 추가 */

  .tab-area .search-area {position:initial;margin-top:32px;}
  .tab-area+.search-result {margin-top:32px;}
  .search-result p {display:block; margin-right:0; margin-bottom:16px;}
  .search-result i {display:block;}

  .banner-glossary {min-height:initial;background-image:url("../assets-new/resourcs-pattern02-m.png"); background-position: left 50%; background-size:cover;}
  .banner-glossary .inner {padding-top:40px;padding-bottom:40px;}
  .banner-glossary h3 {font-size:20px;}
  .banner-glossary input[type=text] {height:40px;line-height:40px;font-size:14px;}
  .banner-glossary .btn {font-size:14px;padding:9px 20px 10px;height:40px;}
  .banner-glossary .btn i {display:none;}
  .banner-glossary .top-tag a {margin:4px 8px; font-size: 14px;}

  .banner-whitepaper .inner {padding-top:40px;padding-bottom:24px; display:block;}
  .banner-whitepaper h3 {font-size:24px; margin-bottom:24px;}
  .banner-whitepaper .whitepaper-img {display:block; margin:24px auto 0; width:77.7778vw;}

  .banner-newsletter .inner {display:block;padding-top:40px;}
  .banner-newsletter h3 {font-size:24px;}
  .banner-newsletter .newsletter-img {width:77.7778vw; margin:24px auto 0;}
  .banner-newsletter .input-area {display:none;}
  .banner-newsletter .btn {min-width:initial;}
  .banner-newsletter .btn-box{margin-top:24px}/*231217 수정*/

  /*sub*//*breadcrumb*/
  .breadcrumb {display: none;}

  /*sub*//**/
  .new-content .h1-heading {margin:0 -24px 48px; padding:40px 24px; background-color:#fff;}
  .h1-heading {padding:40px 24px;}
  .h1-heading strong {font-size:28px;}
  .h1-heading h1 {font-size:16px;}
  .faq-contents .h1-heading {padding-bottom:0;}

  .sns-area{padding-top:52px;}
  .content-sns{margin-top:40px;margin-bottom:40px;text-align:center}

  /*sub*//*sub-contents*/
  .sub-contents{padding:0 0 80px}
  .category-text{font-size:18px;line-height:1.5;}
  .category-text b{font-size:18px;padding-left:33px;}
  .category-text b:before{left:15px;margin-top:-8px;}

  .con-title2{font-size:24px;line-height:1.5}

  .title-box{margin:0 24px;}

  .detail-con .date{margin-top:16px;font-size:14px;line-height:1.5;}
  .detail-box{margin-top:40px;}
  .detail-box .img{margin:40px 0;}
  .detail-box .img img {display:block;}
  .detail-box .img .im_info,  .detail-box .img .im_infoTip{margin-top:20px;font-size:12px;}
  .detail-box .img .im_title{margin-bottom:20px;font-size:16px;}
  .detail-box .imgTit {font-size:12px;}
  .detail-box .title{padding-top:40px;font-size:18px;}
  .detail-box .video{margin:0 -24px;}
  .detail-box .text.case {font-size:16px;}
  .detail-box .text{margin-top:60px;padding:0;font-size:16px; line-height: 1.8;}
  .detail-box .list-text{padding-left:0}
  .detail-box .link.case{font-size:18px;}
  .detail-box .author .photo{width:96px}
  .detail-box .author img{width:96px;height:96px;padding:7px}
  .detail-box .author figcaption{padding-left:14px}
  .detail-box .author .name{margin-bottom:9px;font-size:20px;}
  .detail-box .author .info{font-size:14px;}
  .detail-box .author2{margin-top:120px;}
  .detail-box .author-img{padding-top:60px}
  .detail-box [class^=icon] img{width:auto}
  .detail-box .info-list>li{padding-left:30px;font-size:16px}
  .detail-box .info-list>li>p{font-size:14px}
  .detail-box dl dd.img{margin:20px 0}
  .detail-box .text blockquote + blockquote{margin-top:20px}
  .detail-box .text blockquote > p{font-size:18px}
  .detail-box .text blockquote > small{font-size:14px}
  .detail-con .table-box.blog th{padding:12px;font-size:14px}
  .detail-con .table-box.blog tbody th{padding:14px 12px;font-size:14px}
  .detail-con .table-box.blog td{padding:14px 12px;font-size:12px}
  .detail-con .table-box.blog tr td:last-child{font-size:12px}
  .detail-con .table-box.blog+.table-box.blog{margin-top:32px}
  .detail-box sup{font-size:12px}
  .referenceList li em {width:25px;}

  .detail-box .source-area{margin-bottom:10px;padding:0 10px;height:30px;line-height:30px;font-size:10px}
  .detail-box .source-area p>span{padding-left:16px}
  .detail-box .source-area p>span::before{left:8px;height:6px;margin-top:-2px}

  .event-detail > .con img {display:block;}

  .btn-box.line{padding-top:40px;}

  .related-list {margin-top:80px;}
  .related-list h3 {margin:0 0 24px;font-size:24px;}

  .basic-contents {padding:52px 0;}

  .form-end strong {font-size:28px; margin-top:40px;padding-top:100px;}
  .form-end.contact-ok strong{background-size:200px auto;}
  .form-end.newsletter-ok strong{background-size:200px auto;}
  .form-end.error-404 strong{background-size:110px auto;}
  .form-end.error-500 strong{background-size:124px auto;}
  .form-end p {font-size:16px;}

  .whitepaper-view-top {height:auto; margin-top:60px;margin-bottom:60px; padding-bottom:40px;}
  .whitepaper-view-top {height:auto; margin-top:60px;padding-bottom:40px;}
  .whitepaper-view-top .inner {height:auto;display:block;}
  .whitepaper-view-top .view-top-img {top:auto; width:100%;}
  .whitepaper-view-top .text {width:100%; padding-left:0;padding-top:40px;font-size:16px;line-height:1.6;}

  .webinar-form .form-box {padding-bottom:0;}

  /*sub*//*검색 결과*/
  .result-top {margin-top:52px; padding:32px 24px;border-bottom:none;}

  .result-content {display:block;padding-left:0;padding-right:0;padding-top:0;}

  .aside-menu-area {width:100%;margin-right:0;background-color: rgba(20, 40, 160, .03);}
  .aside-menu-area strong {display:none;}
  .aside-menu-area a {font-size:16px;line-height:52px;}
  .aside-sub-sub {padding:0 0 16px;}
  .aside-sub-sub a {font-size:14px;line-height:36px;}
  .aside-sub-sub a:hover {font-size:14px;line-height:36px;}
  .aside-sub-sub a::before {top:17px;}

  .result-list-area {padding-left:24px;padding-right:24px;padding-top:40px;}
  .result-list-area .title-box {font-size:18px;text-align:right;margin:0;line-height:26px}
  .result-list-area .title-box b {float:left;}

  .aside-sub {display:none;}
  .aside-menu .all {position: relative;color: #1428a0;background-color: rgba(20, 40, 160, .08);}
  .aside-menu .all i {color: #1428a0;}
  #aside-menu-all::after {content: '';position: absolute; right:24px; top:0; width:16px; height:100%; background: url("../assets-new/common/icon-dropdown-line.png") center center no-repeat;background-size: contain; transition: transform .3s ease;}
  #aside-menu-all[aria-expanded="true"]:after {transform: rotate(180deg);transform-origin: center center;}

  .result-no {padding-top:0;}

  /**/
  .popup-img .check-box input[type=checkbox]+label{font-size:14px;}

  /*sub*//*상품*/
  .visual-transport {background-image:url("../assets-new/contents/product-transportation-m.png");}
  .visual-warehousing {background-image:url("../assets-new/contents/product-warehousing-m.png");}
  .visual-techlogistics {background-image:url("../assets-new/contents/product-techlogistics-m.png");}

  .type-color .hash-tag-list{left:24px;}
  .type-color .hash-tag-list>li{padding:0 4px;margin-top:8px;}
  .type-color .hash-tag-list>li>span{padding:6px 16px 7px;font-size:14px;}

  .related-list.transport-content{margin-top:80px;margin-bottom:0}
  .related-list.transport-content h3 {margin:0;}

  .product-detail-con .date{margin-top:16px;font-size:14px;line-height:1.5;line-height: 16px;}

  .product-detail-con .inner{width:100%;padding:0 24px;}
  .product-detail-box{max-width:100%;margin:0}/*240124 수정*/
  .product-detail-box>.img{border-radius:0}/*margin:0 -24px;*/
  .product-detail-box>.img+.img{margin-top:60px;}
  .product-detail-box .img-text{font-size:16px;}
  .product-detail-box .img-text+.img-text{margin-top:24px;}
  .product-detail-box .img-text+.img{padding-top:100px;}
  .product-detail-box .img-text2{margin-top:24px;font-size:16px;}
  .product-detail-box .con-title3{margin-top:60px;}
  .product-detail-box .con-title3+.img{margin-top:30px;}
  .product-detail-box .img+.con-title3,
  .product-detail-box .table-box+.con-title3{margin-top:60px}
  .product-detail-box .info-list{padding-top:12px;}
  .product-detail-box .info-list>li{padding-left:30px;margin-top:20px;font-size:16px;}
  .product-detail-box .info-list>li>p{margin-top:16px;font-size:16px;}
  .product-detail-box .info-list>li>ul{padding-top:16px;font-size:16px;}
  .product-detail-box .info-list>li>ul>li{padding-left:12px;}
  .product-detail-box .info-list>li>ul>li+li{margin-top:10px;}
  .product-detail-box .info-list>li>ul>li:before{top:11px;width:4px;height:4px;}
  .product-detail-box .info-list2 .list-con{display:block;min-height:100px;margin-top:32px;padding-left:116px;}
  .product-detail-box .info-list2 .list-con .img{width:100px;height:100px;margin:0}
  .product-detail-box .info-list2 .list-con em{padding-bottom:6px;font-size:16px;}
  .product-detail-box .info-list2 .list-con .text{font-size:16px;}
  .product-detail-box .info-list2 .list-con .text ul>li{padding-left:12px;margin-top:10px;}
  .product-detail-box .info-list2 .list-con .text ul>li:before{top:11px;width:4px;height:4px;}
  .product-detail-box .video{margin:30px 0 0}
  .table-box{margin-top:42px;}
  .table-box+.table-box, .table-box table+table{margin-top:32px;}/*240124 수정*/
  .table-box thead th{padding:12px 0;font-size:14px;}
  .table-box tbody th{padding:14px 12px;font-size:12px;}
  .table-box tbody td{padding:14px 12px;font-size:12px;}
  .table-box tbody ul{margin:-7px 0;}
  .table-box tbody ul>li{text-indent:-9px;margin-left:9px;}
  .table-info{margin-top:15px;font-size:12px;}
  .product-detail-box .img-list{margin:60px -24px 0;padding:40px 24px;}
  .product-detail-box .img-list-con > *{display:block}
  .product-detail-box .img-list-con+.img-list-con{margin-top:40px;}
  .product-detail-box .img-list-con>span{width:auto;margin-bottom:20px;font-size:14px;}
  .product-detail-box .img-list-con .img {overflow:hidden;margin:0}
  .product-detail-box .img-list-con .img img{float:left;width:calc(50% - 6px);}
  .product-detail-box .img-list-con .img img+img{float:right;margin:0}
  .product-detail-box .img-list+.con-title3{margin-top:60px;}
  .product-detail-box>.info-list+.img{padding-top:60px;}
  .product-detail-con .btn-box{max-width:100%;}

  .product-detail-box .table-box .table-label{font-size:16px;margin-bottom:7px}
  .product-detail-box .table-box.premium tbody td{font-size:17px}
  .product-detail-box .table-box.premium th,td{font-size:17px}
  .product-detail-box .table-box.premium .table-notice{font-size:14px;margin-top:7px}

  .con-title1{font-size:28px;line-height:1.6}
  .con-title2{font-size:24px;line-height:1.58}
  .con-title3{font-size:18px;line-height:1.56}
  .con-title4{font-size:18px;line-height:1.56}
  .con-title5{font-size:18px;line-height:1.5}
  .con-title6{font-size:16px;line-height:1.5}/*240418 고객사 추가*/

  .con-text{margin-top:16px;font-size:16px;}

  /*240124 수정*/
  .product-subtit {font-size:20px;margin-top:40px}

  .product.img {margin-top:40px;}
  .product.img + .con-title5 {margin-top:20px}
  .product-con-img {margin-top:40px; display:block;}
  .product-con-img + .text{margin-top:40px}
  .product-subtit + .product-con-img {margin-top: 40px}
  .product-con-img .text strong {margin-bottom:12px;}
  .product-con-img .text p {font-size:16px}
  .product-con-img .text .add-txt {margin-top:12px;font-size:12px}
  .product-con-img .img, .product-con-img .img.full {min-width:100%; width:100%;margin-top:24px;}
  .product-con-img .img.imgR {margin-left:0;}
  .product-con-img .img.imgL {margin-right:0;position:initial;}
  .product-con-img.textR {padding-left:0;min-height:auto;}
  .product-con-img .embed-con {margin-top:16px}
  .product-con-img .dot-list li{margin-top:12px}
  .product-con-img .info-list{padding-top:0}

  .product-service {margin:16px 0 0; display:block;}
  .product-service li {padding:0 0 16px;}
  .product-service.two li {width:100%;}
  .product-service.three li {width:100%;}
  .product-service li>div b {font-size:20px;}
  .product-service li>div strong {font-size:18px;margin: 12px 0;}

  .main-service-list.d-flex {margin-top:16px;gap:16px}
  .main-service-list li {font-size:16px;}
  /*//240124 수정*/

  /*submain*//*company*/
  .visual-partnerships {background-image:url("../assets-new/company/visual-top-partnerships-m.png");}
  .submain-visual.visual-partnerships .h2-heading {padding-top:48px;height:240px;}
  .submain-visual.visual-partnerships .btn-box {margin-top:16px;}
  .submain-visual.visual-partnerships .btn-sm {font-size:14px;padding:9px 20px 10px;height:40px;}

  .visual-sds {background-image:url("../assets-new/company/visual-top-sds-m.png");}
  .visual-introduce {background-image:url("../assets-new/company/visual-top-introduce-m.png");}
  .submain-visual.visual-sds .h2-heading,
  .submain-visual.visual-introduce .h2-heading {padding-top:90px;height:240px;}

  /* 240112 상품문의 배너*/
  .product-banner {margin-top:80px; background-position:left center; background-size:auto 100%;}
  .product-banner .inner {padding:40px 48px;display:block; text-align:center;}
  .product-banner strong {font-size:20px;}
  .product-banner p {font-size:14px;margin-bottom:24px;}

  /*240124 모션*/
  .img-box.img-size1,
  .img-box.img-size2,
  .img-box.img-size3 {width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;}
  .img-box.img-size1 {height:55.6vw;}
  .img-box.img-size2 {height:84.45vw;}
  .img-box.img-size3 {height:63.8vw;}

  .main-special-01 .img1 {left:10vw;top:8.3333vw;width:80vw;}
  .main-special-01 .img1.view1-2 {transform:translateX(-10.3333vw);}
  .main-special-01 .img2 {top:16vw;right:11.6667vw;padding:9.5vw 8vw 0 9vw;width:66.6667vw;height:26.6667vw;}
  .main-special-01 .img2 .bar {height:1.3333vw;}
  .main-special-01 .img2 .bar>span {height:1.3333vw;width:8.3333vw;}
  .main-special-01 .img2 .icon {top:6.8333vw;left:6.3333vw;width:6.6667vw;height:6.6667vw;}
  .main-special-01 .img2 ul {margin:3vw -5vw 0;}
  .main-special-01 .img2 ul li {font-size:2vw;letter-spacing:-0.2667vw;width:9.8333vw;}
  .main-special-01 .img2 .end {top:10vw;right:4vw;width:6.1667vw;height:6.1667vw;}
  .main-special-01 .img3 {width:92.8333vw;}

  .main-special-02 .tit, .main-special-02 .tit2 {top:1.8056vw;padding:0 2.7778vw;font-size:2.2222vw;line-height:5.9722vw;}
  .main-special-02 .img1 {top:0.9722vw;left:7.7778vw;width:84.4444vw;}
  .main-special-02 .img1 li {top:55.5556vw;}
  .main-special-02 .img1 .end {top:10.6944vw;left:5.5556vw;width:5.1389vw;height:5.1389vw;}
  .main-special-02 .img1 .view1-1 {transform:translateY(-55.5556vw);}
  .main-special-02 .img1 .view1-2 {transform:translateY(-55.5556vw);}
  .main-special-02 .map {width:62.2222vw;top:12.9167vw;}
  .main-special-02 .img2 .port {width:6.9444vw;height:6.9444vw;left:9.1667vw;top:8.0556vw;}
  .main-special-02 .img2 .map {width:62.2222vw;top:12.9167vw;}
  .main-special-02 .img2.view2 .tit2 {transform:translateX(-43.8889vw);}
  .main-special-02 .img2.view2 .map {transform:translate(-45.2778vw,-1.3889vw);width: 62.2222vw;}
  .main-special-02 .img2 .line {width:55.5556vw;height:27.7778vw;top:6px;left:6px;}
  .main-special-02 .img3 {top:4.7222vw;right:3.3333vw;}
  .main-special-02 .img3 .map-zoom{height:43.3333vw;}
  .main-special-02 .img3 .show {width:7.2222vw;}
  .main-special-02 .img3 .card {width:43.75vw;}
  .main-special-02 .img3 .card .tit {padding:0 2.2222vw;font-size:1.8056vw;line-height:4.1667vw;}

  .main-special-03 .tit {padding-left:2.5vw; font-size:2.0313vw;line-height:4.6875vw;}
  .main-special-03 .img1,
  .main-special-03 .img2,
  .main-special-03 .img3,
  .main-special-03 .img4 {width:56.25vw;}

  .main-special-03 .img1 {top:8.4375vw;right:-10.9375vw;}
  @keyframes main3view1{
    from{
      opacity:.5;
      transform:translate(0,0) skew(0,6deg);
    }
    to{
      opacity:1;
      transform:translate(-18.75vw,0) skew(0,6deg);
    }
  }
  .main-special-03 .img2 {top:19.5313vw;right:-10.9375vw;}
  @keyframes main3view2{
    from{
      opacity:.5;
      transform:translate(0,0) skew(0,6deg);
    }
    to{
      opacity:1;
      transform:translate(-27.8125vw,0) skew(0,6deg);
    }
  }
  .main-special-03 .img3 {top:31.25vw;right:-10.9375vw;}
  @keyframes main3view3{
    from{
      opacity:.5;
      transform:translate(0,0) skew(0,6deg);
    }
    to{
      opacity:1;
      transform:translate(-37.0313vw,0) skew(0,6deg);
    }
  }
  .main-special-03 .img4 {top:43.125vw;right:-10.9375vw;}
  @keyframes main3view4{
    from{
      opacity:.5;
      transform:translate(0,0) skew(0,6deg);
    }
    to{
      opacity:1;
      transform:translate(-45.9375vw,0) skew(0,6deg);
    }
  }

  /*첼로스퀘어 소개 모션*/
  .sub-special-01 .tit {top:3.3333vw;padding:0 3.3333vw;font-size:2.6667vw;line-height:7.1667vw;}
  .sub-special-01 .zoom-list {width:94.1667vw;border-width:1px;}
  .sub-special-01 .img1 {left:10vw;width:80vw;top:8.3333vw;}
  .sub-special-01 .img4 .tit {top:2.1667vw;}
  .sub-special-01 .img4 li {width:94.1667vw;}

  .sub-special-03 .tit {padding-left:2.5vw; font-size:2.0313vw;line-height:4.6875vw;}
  .sub-special-03 .img1,
  .sub-special-03 .img2,
  .sub-special-03 .img3,
  .sub-special-03 .img4 {margin-left:-26.125vw;width:56.25vw;box-shadow: 0 2px 8px 0 rgba(0,0,0, .2);}

  .sub-special-03 .img1 {top:18.75vw;}
  .sub-special-03 .img1.view1-1.view1-2 {transform:translateY(-16.875vw);}
  .sub-special-03 .img2 {top:20.3125vw;}
  .sub-special-03 .img2.view2-1.view2-2 {transform:translate(-13.2813vw, -7.3438vw);}
  .sub-special-03 .img3 {top:28.125vw;}
  .sub-special-03 .img3.view3-1 {transform: scale(1) translateY(-3.125vw);}
  .sub-special-03 .img3.view3-1.view3-2 {transform:translate(16.0938vw, -0.9375vw);}
  .sub-special-03 .img4 {top:25vw;}
  .sub-special-03 .img4.view4-1.view4-2 {transform:translate(-18.75vw, 22.8125vw);}

  /*삼성SDS 모션*/
  .sub-sds-01 .img1 {top:20.1389vw;right:47.2222vw;width:15.5556vw;}
  .sub-sds-01 .img1.view1 {transform: scale(1) translate(11.6667vw, 18.8889vw);}
  .sub-sds-01 .img2 {top:23.0556vw;right:51.3889vw;width:8.4722vw;}
  .sub-sds-01 .img2.view2 {transform: scale(1) translate(9.1667vw, -18.0556vw);}
  .sub-sds-01 .img3 {top:20.5556vw;right:50.2778vw;width:13.6111vw;}
  .sub-sds-01 .img3.view3 {transform: scale(1) translate(48.3333vw, -19.1667vw);}
  .sub-sds-01 .img4 {top:19.3056vw;right:48.3333vw;width:15.5556vw;}
  .sub-sds-01 .img4.view4 {transform: scale(1) translate(-28.0556vw, 5.2778vw);}
  .sub-sds-01 .img5 {top:16.25vw;left:31.1111vw;width:24.8611vw;}
  .sub-sds-01 .img5.view5 {transform: scale(1) translate(36.3889vw, -13.8889vw);}
  .sub-sds-01 .img6 {top:21.5278vw;right:50vw;width:12.2222vw;}
  .sub-sds-01 .img6.view6 {transform:translate(-35.5556vw, 13.8889vw);}
  /*//240124 모션*/

  /*브랜드 스토리 240222 */
  .visual-brand {background-image:url("../assets-new/company/visual-top-brand-m.png");}
  .submain-visual.visual-brand .h2-heading {padding-top:90px;height:240px;}
  .brand-intro01 {background-image: url("../assets-new/company/brand-intro-bg01-m.png");padding:80px 0;}
  .brand-intro01 .inner{display:block;}
  .brand-intro01 .inner div {width:100%;}
  .brand-intro01 .intro01-text>h2 {font-size:28px;}
  .brand-intro01 .intro01-text>h3 {width:100%;font-size:16px;;margin-top:16px;}
  .brand-intro01 .intro01-img {display:none;}
  .brand-intro02 {padding:80px 0;}
  .brand-intro02 .inner{display:block;}
  .brand-intro02 .inner div {width:100%;}
  .brand-intro02 .intro02-text>h2 {font-size:28px;}
  .brand-intro02 .intro02-text>p {font-size:16px;;margin-top:16px;}
  .brand-intro02 .intro02-img {margin-top:48px;}
  .brand-intro03 {padding:80px 0;}
  .brand-intro03 .intro03-text>h2 {font-size:28px;}
  .brand-intro03 .intro03-text>p {font-size:16px;;margin-top:16px;}
  .brand-intro03 .intro03-img {margin-top:60px;display:block;}
  .brand-intro03 .intro03-img strong {font-size:20px;}
  .brand-intro03 .intro03-img img {display:block; width:100%;margin-top:16px;}

  .brand-intro04 {background-image:none;padding:80px 0;}
  .brand-intro04 .inner {display:block;}
  .brand-intro04 .inner>div {width:100%;}
  .brand-intro04 .intro04-text>strong {font-size:28px;}
  .brand-intro04 .intro04-text>h2 {font-size:16px;}
  .brand-intro04 .intro04-btn .btn-box {margin-top:24px;}
  .brand-intro04 .intro04-btn .btn {width:100%;}
  .brand-intro04 .intro04-btn .btn+.btn {margin-left:0;margin-top:12px;}
  .brand-intro04 .intro04-btn p {text-align:left;}
  /*//브랜드 스토리 240222 */

  /*240827 문의하기 배너*/
  .contact-member {margin:-10px auto 40px;}
  .contact-member a {padding:10px 0 8px;}
  .contact-member p {font-size:14px;line-height:22px;padding-left:24px;}

  .banner-quote-ocean {margin:60px 0 40px;}
  /* //240827 문의하기 배너*/
}



/* resource 목록 */
.h1-heading h1:only-child {display:block; font-size:48px; line-height:1.4; font-weight:700; margin-bottom:16px; text-align:center;}

.new-content-list .img .btn-play {position:absolute;top:50%;left:50%;width:100px;height:100px;background:url("../assets-new/common/icon-play.png") center center no-repeat; background-size: 100%;transform:translate(-50%, -50%); z-index:1;}
.new-content-list .img:hover .btn-play {background-image:url("../assets-new/common/icon-play-hover.png");}
.new-content-list .img .source {position:absolute;left:16px;bottom:12px;font-size:12px;color:#fff;z-index:1}
.search-posting {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:60px;position:relative;z-index:4;}/*240722 탭가림 수정*/
.search-posting>*{flex-shrink:0}
.search-posting + .tab-area {margin-top:32px}
.search-posting .selectWrap{width:180px;}
.date-slt-wrap {font-size:0;padding:12px;border:1px solid #ddd;height:50px;}
.date-slt-wrap .date-wrap{display:inline-flex;justify-content:space-between;align-items:center;}
.date-slt-wrap .date-wrap input[type=text]{width:88px;height:auto;line-height:1.5;color:#8d9291;border:none;padding:0}
.date-slt-wrap .date-wrap .btn-calendar {flex-shrink:0;width:16px;height:16px;margin-left:31px;background:url(../assets-new/common/icon-calendar.png) no-repeat;background-size:100%;}
.date-slt-wrap .date-wrap+.date-wrap{padding-left:22px;position:relative;}
.date-slt-wrap .date-wrap+.date-wrap:before{content:'';position:absolute;top:50%;left:8px;width:6px;height:1px;background:#000}

.period-wrap input[type=radio]+label {position:relative;min-width:70px;height:50px;text-align:center;padding-left:0;font-size:16px;padding:12px;color:#121212;border:1px solid #ddd;background:#fff;}
.period-wrap input[type=radio]:checked+label{border-color: #1428A0;z-index:1;font-weight:500;color:#1428A0}
.period-wrap{font-size:0}
.period-wrap input[type=radio]+label:before, .period-wrap input[type=radio]+label:after {display:none}
.period-wrap .radio-box{display:inline-block;}
.period-wrap .radio-box + .radio-box {margin-left:-1px;}
.search-posting .btn-wrap{display:flex;}
.search-posting .btn-wrap .btn{font-weight:500;margin-left:12px}

.glossary-search{padding:45px 0;background: #1428A0;margin-top:60px;}
.glossary-search .search-area{width:720px;margin:0 auto}
.glossary-search .search-area input[type=text] {width:100%}
.search-word-area {margin-top:60px}
.search-word-area .word-list {display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.search-word-area .word-list li{width:62px;height:62px}
.search-word-area .word-list li.etc{width:144px}
.search-word-area .word-list li .btn-word{display:block;height:100%;font-size:30px;color:#121212;font-weight:500;text-align:center;box-shadow:3px 3px 6px 0px rgba(0, 0, 0, 0.10);border:1px solid #8D9291;line-height:62px}
.search-word-area .word-list li .btn-word:active, .search-word-area .word-list li .btn-word:focus {background:#1428A0;color:#fff;}
.search-word-area .word-list li .btn-word:hover {background:#DCDEDE;}
.search-word-area .word-list li .btn-word.disabled{color:#BEBEBE;border-color:#E5E5E5;box-shadow:none;pointer-events:none;}
.search-word-area .word-list + .word-list {margin-top: 48px}
.search-result-area {margin-top: 160px}
.search-result-area .result-tit{font-size:32px;font-weight:500;color:#121212;padding-bottom:16px;border-bottom:1px solid #E5E5E5;}
.search-result-area .result-list {display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}
.search-result-area .result-list li a {display:block;padding:16px 40px;color:#424645;font-weight:500;font-size:20px;background:#F7F7F7}
.search-result-area .result-box {margin-bottom: 80px}

/* resource 상세 */
.detail-box .source-txt {padding:20px;font-size:14px;color:#121212;text-align:right;background:#f4f4f4;margin:60px 0 20px}
.detail-box .source-txt p>span:before {content:'';display:inline-block;margin:0 12px;width:1px;height:12px;background:#121212}

.detail-box .video {margin:0}
.detail-box .video .embed-con {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background-color:#121212}
.detail-box .video .embed-con iframe {position:absolute;top:0;left:0;width:100%;height:100%}

.top-view-box {padding:60px 26px;background:#F7F7F7;font-size:0;text-align:center;margin-top:60px}
.top-view-box .btn-word-tag {display:inline-block;font-size:16px;padding:6px 16px;background:#fff;border: 1px solid #ddd;margin:6px;}
.top-view-box .btn-word-tag:focus {color:#1428A0;border-color:#1428A0}

/* faq */
.faq-contents{padding:100px 0 160px}
.accordion-wrap{border-bottom:1px solid #E5E5E5;}
.accordion-wrap:first-child{border-top:1px solid #E5E5E5;}
.accordion-wrap .accordion-btn {position:relative;display:block;width:100%;text-align:left;padding:20px 56px 20px 24px;font-weight:500}
.accordion-wrap .accordion-btn:hover .question-tit,
.accordion-wrap .accordion-btn[aria-expanded="true"] .question-tit {color:#1428A0;text-decoration:underline}
.accordion-wrap .accordion-btn:after{content:'';position:absolute;top:50%;right:24px;margin-top:-12px;display:inline-block;width:24px;height:24px;background:url("../assets-new/common/icon-dropdown-line.png");background-size:100%;}
.accordion-wrap .accordion-btn[aria-expanded="true"]:after{transform:rotate(180deg)}
.accordion-wrap .accordion-btn .faq-type {font-size:16px;color:#686D6B;font-weight:600;}
.accordion-wrap .accordion-btn .question-tit {display:block;margin-top:8px;font-size:20px;color:#121212;font-weight:600;}
.accordion-wrap .accordion-cont {display:none;padding:40px;background:#F4F4F4;}
.accordion-wrap .accordion-cont[aria-hidden="false"] {display:block}

.detail-box{margin-top:60px}

.detail-box .file-wrap {text-align:right;margin-bottom:32px}
.file-wrap .attach-file {display:inline-block;padding:12px 32px 14px;border:1px solid #ddd;font-size:16px;font-weight:500;}
.file-wrap .attach-file:before{content:'';display:inline-block;width:16px;height:16px;margin-right:8px;background:url(../assets-new/common/icon-attach.png);background-size:100%;vertical-align:middle}

/* 국제운송 */
.transport-content{margin:100px 0 120px;}
.transport-content .tit{display:block;font-size: 48px;color:#121212;text-align:center;}
.transport-content .intro-list{display:flex;margin-top:60px}
.transport-content .intro-list li{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:calc(100%/3);height:398px;padding:48px 40px 40px;background:url(../assets-new/transport-intro01.png) center;background-size: 100% auto;}
.transport-content .intro-list li:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0, 0.5)}
.transport-content .intro-list li:hover:after,
.transport-content .intro-list li.active:after {background:#1428A0;opacity:0.85}
.transport-content .intro-list li:hover .btn-more{display:block}
.transport-content .intro-list li .btn-more{display:none;position:absolute;bottom:40px;right:40px;width:56px;height:56px;border-radius:50%;background:#fff url(../assets-new/common/icon-plus-b.png) 50% 50% no-repeat;background-size:24px auto;z-index:3}
.transport-content .intro-list li .desc {display:none;font-size:20px;font-weight:500;color:#fff;z-index:2}
.transport-content .intro-list li.active p, .transport-content .intro-list li.active .txt-link {display:none}
.transport-content .intro-list li.active .desc, .transport-content .intro-list li.active .btn-more{display:block;}
.transport-content .intro-list li.active .btn-more{transform:rotate(45deg)}

.transport-content .intro-list li p, .transport-content .intro-list li .txt-link{position:relative;z-index:2}
.transport-content .intro-list li p{font-size:26px;font-weight:700;color:#fff;}
.transport-content .intro-list li .txt-link{position:relative;padding-right:20px;color:#fff;font-size:18px;font-weight:500;}
.transport-content .intro-list li .txt-link:after{content:'';position:absolute;top:50%;right:0;margin-top:-8px;width:16px;height:16px;background:url(../assets-new/common/icon-arrow-w.png);background-size:100%}
.transport-content .intro-list .network{background-image:url("../assets-new/contents/transport-intro01.png")}
.transport-content .intro-list .service{background-image:url(../assets-new/contents/transport-intro02.png)}
.transport-content .intro-list .transport{background-image:url(../assets-new/contents/transport-intro03.png)}
.transport-content .sub-tit{display:block;font-size:44px;margin-top:120px;font-weight:700;padding-bottom: 40px;}
.transport-content h3 {font-size:32px;font-weight:700;color:#121212;line-height:1.4;margin-top:40px}
.transport-content .swiper-product{margin:0 -1px;padding-top:40px;padding-bottom:40px;}
.transport-content .card-wrap{gap:24px}
.transport-content .product-card {position:relative;width:calc((100% - 48px)/3);color:#121212;background-color:#f7f7f7;}
.transport-content .product-card.type-img{border:0}
.transport-content .product-card>a {display:block;height:440px;padding:52px 32px;}
.transport-content .product-card:hover,
.transport-content .product-card:focus{transform:translateY(-14px);transition:all .3s ease;box-shadow:12px 12px 30px 0 rgba(0, 0, 0, .16)}

.product-card .product-tit {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size: 26px;max-height:78px;}
.product-card .text {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size: 16px;margin-top:16px;max-height:72px;}
.product-card .img {overflow:hidden;position: absolute;bottom:-1px;left:-1px;right:-1px;height:200px;}
.product-card>a .img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);width:100%}
.product-card .btn-share {position:absolute;top:25px;right:21px;width:26px;height:26px;background:url(../assets-new/common/icon-dot-menu.png) 50% 50% no-repeat;background-size:20px auto;}
.product-card .content-sns-box {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.70);}
.product-card .content-sns-box button {display:block;width:48px;height:48px;background:#fff;border-radius:50%}
.product-card .content-sns-box .btn-share-close {background:#00D2B4 url(../assets-new/common/icon-close-w.png) center no-repeat;background-size:24px auto;position:absolute;top:16px;right:16px;}
.product-card .content-sns-box .content-sns {margin:0;font-size:0;position:absolute;right:16px;top:64px;width:48px;}
.product-card .content-sns-box .content-sns li{margin:16px 0 0 0}
.product-card .btn-share.active +.content-sns-box{display:block}
.product-card.type-img .img{bottom:auto;top:0;left:0;right:0;height:100%;z-index:1;}
.product-card.type-img>a .img img{height:100%;}
.product-card.type-img .img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2}
.product-card.type-img .text,.product-card.type-img .product-tit {position:relative;z-index:3;color:#fff}
.product-card.type-img .btn-share{background-image:url(../assets-new/common/icon-dot-menu-w.png)}
.product-card.type-img .btn-share{z-index:4}
.product-card.type-img .content-sns-box{z-index:5}

.newest-list{padding-bottom: 100px}
.newest-list .list-tit {display:block;font-size:44px;font-weight:700;line-height:1.4;padding:100px 0 60px;text-align:center;color:#121212}
.newest-list .content-list .info{background:#fff}

.service-list {display:flex;gap:24px;margin-top:40px;}
.service-list .service-item {position:relative;width:calc(50% - 12px)}
.service-list .service-item img{width:100%;}
.service-list .service-item .img{position:relative;}
.service-list .service-item .img:hover:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#1428A0;opacity:0.85;z-index:1;}
.service-list .service-item .desc {display:none;position:absolute;top:0;left:0;font-size:20px;color:#fff;font-weight:500;padding:48px 40px;height:100%;z-index:2}
.service-list .service-item .desc>div{color:#fff;}
.service-list .service-item .img:hover .desc{display:block}

.service-list .text {display:flex;align-items: center;justify-content: space-between;margin-top:24px;color:#121212;}
.service-list .service-name {font-size: 24px;font-weight:700;}
.service-list .btn-more {position:relative;padding-right:20px;font-size:13px;font-weight:500}
.service-list .btn-more:after {content:'';display:inline-block;width:16px;height:16px;background:url(../assets-new/common/icon-arrow.png);background-size:100%;position:absolute;top:50%;right:0;margin-top:-8px}

.banner-quote{background:url(../assets-new/bg-quote-banner.png) no-repeat;background-size:auto 100%;background-position:50% 0;}
.banner-quote .inner{min-height:244px;padding-top:42px;text-align:center}
.banner-quote strong {font-size:28px;font-weight:500;color:#fff}
.banner-quote p{font-size:16px;color:#fff;margin-top:8px}
.banner-quote .btn-box{margin-top:28px}
.banner-quote .btn-sm{width:198px;}/*240205 추가*/

/*global network*/
.new-content.network {margin-top:80px;padding-bottom:160px;}

.network-content .map-area {position:relative;}
.network-content .map-area img{width:100%;}
.network-content .map-area .map-point{position:absolute;}
.network-content .map-area .map-point span{position:relative;display:inline-block;padding:9px 24px 11px 32px;background:#1428A0;border-radius:30px;color:#fff;font-size:20px;font-weight:500;z-index:2;}
.network-content .map-area .map-point:before{content:'';position:absolute;top:100%;left:50%;margin-left:-8px;width:16px;height:39px;background:url(../assets-new/common/icon-union01.png) no-repeat;background-size:100% auto}
.network-content .map-area .map-point.china:before{width:94px;height:57px;background-image:url(../assets-new/common/icon-union03.png);right:89px;top:-30px;left:auto;margin-left:0;}
.network-content .map-area .map-point.se-asia:before{height:92px;top:-66px;background-image:url(../assets-new/common/icon-union02.png)}

.network-content .map-area .map-point:hover {cursor:pointer;}
.network-content .map-area .map-point:hover span{background:#00113E}
.network-content .map-area .map-point.korea{top:28%;right:13.7%}
.network-content .map-area .map-point.china{top:51%;right:5%;}
.network-content .map-area .map-point.se-asia{top:63.5%;right:17.8%}
.network-content .map-area .map-point.sw-asia{top:39.2%;right:28.2%;}
.network-content .map-area .map-point.europe{top:19.4%;left:40.5%;}
.network-content .map-area .map-point.l-america{top:68.3%;left:24.2%}
.network-content .map-area .map-point.n-america{top:30.8%;left:10.7%}

.tblH.tbl-network{border:0;margin-top:80px}
.tblH.tbl-network thead tr th, .tblH.tbl-network tbody tr td {padding:13px 12px;font-size:16px;border-left:0;vertical-align:top}
.tblH.tbl-network thead tr th {border-top:1px solid #121212}
.tblH.tbl-network tbody tr td {border-top-color:#e5e5e5;}
.tblH.tbl-network tbody tr td.region{color:#121212;font-weight:500}
.tblH.tbl-network tbody tr td.align-center{text-align:center;}
.tblH.tbl-network .btn-home {display:inline-block;width:16px;height:16px;background:url(../assets-new/common/icon-home.png) no-repeat;background-size: 16px auto}

/* 마이크로사이트 */
header .micro-menu a{line-height:1.5;}
header .micro-menu.sticky {position:fixed;left:0;right:0;top:0px;}
header nav.scroll + .micro-menu.sticky {position:fixed;left:0;right:0;top:81px;}
.micro-menu {display:none;padding:16px 0 17px;box-shadow: 0 6px 8px 0 rgba(0,0,0, .01);background-color:#fff;}
.micro .micro-menu {display:block;}
.micro-menu .inner{position:relative;}
.micro-menu .micro-wrap, .micro-menu .menu-list{display:inline-block;vertical-align:top;}
/* .micro-menu .inner{display:flex;gap:60px;align-items:center}
.micro-menu .micro-nav, .micro-menu .menu-list{float:left} */
.micro-menu .lang-list {position:absolute;top:50%;margin-top:-13px;right:0;margin-right:0;padding:3px 0 10px;}
.micro-menu .lang-list a{position:relative;font-size:13px;}
.micro-menu .lang-list>a{padding-right:20px;}
.micro-menu .lang-list>a:after{right:0}
.micro-menu .lang-list .lang-sub-list{top:30px}
.micro-menu .micro-nav {display:inline-flex;align-items:center;margin-right:60px}
.micro-menu .micro-nav li{display:inline-flex;align-items:center}
.micro-menu .micro-nav li + li:before {content:'';display:inline-block;width:16px;height:16px;background:url(../assets-new/common/icon-arrow01.png) no-repeat;background-size:100%;margin:0 16px}
.micro-menu .micro-nav li a{display:inline-block;font-size:16px;font-weight:600;cursor: default;}
.micro-menu .micro-nav li:first-child a{font-size:18px;font-weight:700;}
.micro-menu .micro-nav li:first-child a:hover{color:#1428A0;cursor: pointer;}

.micro-menu .menu-list {padding:3px 0;}
.micro-menu .menu-list li {float:left;position:relative;padding-left:33px;}
.micro-menu .menu-list li a {font-size: 14px;font-weight:600;}
.micro-menu .menu-list li.on a,
.micro-menu .menu-list li a:hover{color:#1428A0;font-weight:700}
.micro-menu .menu-list:after{content:'';display:block;clear:both}
.micro-menu .menu-list li:before{content:'';display:inline-block;width:1px;height:12px;background:#ddd;position:absolute;left:16px;top:50%;margin-top:-6px;}
.micro-menu .menu-list li:first-child{padding-left:0}
.micro-menu .menu-list li:first-child:before{display:none}

.container.microsite{padding-top:140px;}/*240222 수정*/
.micro-visual {background-image:url("../assets-new/company/visual-top-micro.png");background-position:50% 50%; background-repeat: no-repeat; background-size:cover}
.micro-visual .h2-heading{padding:148px 0 60px;}
.micro-visual .h2-heading strong {font-size:36px;margin-bottom:8px;color:#fff}
.micro-visual .h2-heading h1 {font-size:20px;color:#fff;font-weight:400}

.breadcrumb-micro {text-align:right;}
.breadcrumb-micro li {display:inline-block;}
.breadcrumb-micro a {font-size:12px; line-height:40px; opacity:.5}
.breadcrumb-micro a::after {content: ''; display: inline-block; width:12px; height:12px; margin:0 8px; background: url("../assets-new/common/icon-arrow01.png") center center no-repeat; background-size:100% auto;vertical-align:middle;}
.breadcrumb-micro .current a {font-weight:500;opacity:1}
.breadcrumb-micro .current a::after {display: none;}

.detail-con.micro-cont {font-size:18px;}
.detail-con.micro-cont .cont-tit{display:block;font-size:20px;font-weight:700;margin-bottom:12px}
.detail-con.micro-cont p + p{margin-top: 8px}
.dot-list li{position:relative;padding-left:11px}
.dot-list li:before{content:'';display:inline-block;width:3px;height:3px;background:#121212;position:absolute;top:12px;left:0}
.dot-list li + li{margin-top:8px}
.detail-con.micro-cont .cont-tit ~ .cont-tit {margin-top: 40px;}

.microsite .new-content{padding:100px 0 0}
.microsite .new-content .h1-heading{padding-bottom:60px;}
.microsite .new-content .h1-heading, .microsite .new-content .h1-heading strong{margin-bottom:0}
.microsite .h1-heading h1{margin-top:16px}
.microsite .content-list .info{min-height:240px}
.microsite .content-list .title{font-size:18px;font-weight:500}
.microsite .content-list .desc{margin-top:8px}

.container.microsite .sns-area{height:auto;}
.container.microsite .sns-area .inner {padding-bottom:0;}
.container.microsite .content-sns {padding-top:0; padding-bottom:24px;}

/* 파트너십 */
.partnership-content.bg-skyblue{background: rgba(20, 40, 160, 0.10);}
.partnership-tit {display:block;font-size:44px;line-height:1.4;padding-top:100px}
.partnership-content .cont-area{display:flex;align-items:center;min-height:880px;justify-content: space-between;}
.partnership-content .txt-area{width:460px}
.partnership-content .numbering:after{content:'';display:block;clear:both}
.partnership-content .numbering li{float:left;}
.partnership-content .numbering li>a{display:block;padding:10px;font-size:18px;font-weight:700;width:47px;text-align:center;color:#8D9291}
.partnership-content .numbering li>a[aria-selected=true], .partnership-content .numbering li>a:focus{border:2px solid #000;padding:8px 10px;color:#121212}
.partnership-content .numbering li + li{margin-left:16px}
.partnership-content .subtit{display:block;margin:48px 0 32px;font-size:36px;line-height:1.4;}
.partnership-content .desc{font-size:18px}
.partnership-content .small-txt{display:block;font-size:16px}
.partnership-content .btn-wrap{font-size:0;margin-top:32px}
.partnership-content .btn-wrap .motion-btn + .motion-btn{margin-left:24px}
.partnership-content .motion-btn::after{width:calc(100% - 32px)}
.partnership-content.bg-skyblue .motion-btn::after{background:linear-gradient(to right, #E7E9F5 0%, #E7E9F5 10%, #1428a0 10%, #1428a0 100%) no-repeat;background-size:1000%}
.partnership-content .motion-btn:hover:after{background-size:calc(100% + 16px);background-position:-16px;width:calc(100% - 40px)}
.partnership-desc{font-size:20px;font-weight:500;margin-top:16px}
.partner-company{padding:100px 0}
.partner-company .partnership-tit{padding-top:0}
.partnership-list {display:flex;flex-wrap:wrap;gap:28px 16px;margin:80px -1px 0;}
.partnership-list li{width:calc((100% - 64px)/5)}
.partnership-list li img{width:100%}
.main-content-list .partnership-desc, .main-content-list .partnership-tit{padding:0 14px;}

/* 삼성 SDS */
.company-top {text-align:center;padding-bottom:140px;}
.company-top .company-tit {font-size:44px;line-height:1.4;font-weight:700;}
.company-top .company-desc {font-size:18px;margin-top:20px;}
.company-top .company-img {margin-top:80px;}
.company-top .company-img img{margin: 0 auto}

.main-company-special.company-content .text-box.order-2 {padding-right:0}
.main-company-special.company-content .d-flex {padding-bottom:160px}
.main-company-special.company-content .mr-70 {margin-right:70px}
.main-company-special.company-content .mr-66 {margin-right:66px}
.main-company-special.company-content .text-box em {color:#1428A0;}

.main-company-special .img-size1 {min-width:720px;}
.main-company-special .img-size2 {min-width:640px}
.main-company-special .img-size3 {min-width:600px}
.main-company-special .img-size4 {min-width:530px}

.customer-content h2 {font-size:44px;line-height:1.4;font-weight:700;text-align:center;}/*240418 고객사 수정*/
.customer-content .inner{max-width:1130px;padding:0;}
.customer-content .partnership-desc{margin-bottom:60px;}/*240418 고객사 추가*/
.customer-list {display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;margin-bottom:42px;}/*240418 고객사 수정*/
.customer-list>li {width:calc((100% - 50px)/6)}
.customer-list>li img{width:100%;}
.customer-content .img-box {margin-top:80px}

/* 첼로스퀘어 소개 */
.cello-introduce .bg-wrap {position: relative;}
.cello-introduce .bg-wrap .pattern-01{position:absolute;top:86px;left:0;width:338px;height:256px;background:url(../assets-new/bg_pattern01.png)}
.cello-introduce .bg-wrap .pattern-02{position:absolute;top:194px;right:0;width:227px;height:288px;background:url(../assets-new/bg_pattern02.png)}
.cello-introduce .company-top .company-desc {font-size:28px;font-weight:500;margin-top:30px}
.cello-introduce .company-top .company-img {margin-top:100px}
.cello-detail {position:relative;display:flex;align-items:center;justify-content: center;padding-top:130px;}
.cello-detail .detail-desc {position:absolute;top:0;left:50%;transform:translateX(-50%)}
.cello-detail .hover-img {visibility:hidden;opacity:0;}

/*240124 클래스명 수정*/
.cello-detail .circle-o {position:relative;display:flex;flex-direction:column;justify-content:center;width:180px;height:180px;border:3px solid #1428A0;border-radius:50%;box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.10);flex-shrink:0}
.cello-detail .circle-o:after {content:'';position:absolute;top:50%;right:-36px;margin-top:-19px;width:28px;height:38px;background:url(../assets-new/common/icon-arrow-double.png) no-repeat;}
.cello-detail .cello-step + .circle-o:after {right:auto;left:-36px}
.cello-detail .circle-o p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px;color:#1428A0;font-weight:700;text-align:center;}
.cello-detail .circle-o .desc-list {visibility:hidden;opacity:0;transition:all .5s ease}
.cello-detail .circle-o .desc-list li{font-size:16px;font-weight:500;color:#00113E;margin-top:10px;}
.cello-detail .cello-step {overflow:hidden;position:relative;background:#1428A0 url(../assets-new/common/icon-more.png) no-repeat;background-position:50% 50%;margin:0 42px;border-radius:70px;height:130px;padding:40px;width:300px;transition:all .5s;}
.cello-detail .step-img {display:none}
.cello-detail .step-list {position:static;display:flex;visibility:hidden;opacity:0;flex-wrap:wrap;transition:transform .3s ease}
.cello-detail .step-list li{position:relative;text-align:center;font-size:16px;font-weight:700;color:#fff;padding-left:55px;}
.cello-detail .step-list li:first-child{padding-left:0}
.cello-detail .step-list li .step-num {display:block;font-size:14px;color:#00D2B4;font-weight:500;margin-bottom:7px}
.cello-detail .step-list li + li:before{content:'';position:absolute;top:50%;margin-top:-8px;left:20px;width:17px;height:16px;background:url(../assets-new/common/icon-arrow-next.png) no-repeat;}
.cello-detail:hover .cello-step {background-image:none;width:auto;height:auto;}
.cello-detail:hover .circle-o {height:260px;border-radius:90px}
.cello-detail:hover .circle-o p{position:static;transform:none}
.cello-detail:hover .circle-o .desc-list, .cello-detail:hover .hover-img {display:block;visibility:visible;opacity:1;}
.cello-detail:hover .step-list {visibility:visible;opacity:1;transition:all .5s;}
.cello-detail:hover .detail-desc .img {display:none}
/*//240124 클래스명 수정*/

.cello-service-content {padding:100px 0 120px}
.cello-service-content h2 {font-size:44px;line-height:1.4;font-weight:700;text-align:center;}
.cello-service-content .img-box {margin-top:80px}

.cello-example {padding:50px 0;background:#1428A0;}
.example-area {position:relative;padding:0 87px;}
.example-area:before, .example-area:after{font-size:128px;line-height:67px;color:#fff;opacity:.2;font-weight:500;position:absolute;top:0;}
.example-area:before {content:'“';left:0}
.example-area:after {content:'”';right:0;}
.example-area .example-cont {font-size:24px;color:#fff;font-weight:500;}/*240126 수정*/
.example-area .interviewee {margin-top:10px;font-size:0}
.example-area .interviewee span{display:inline-block;font-size:14px;color:#fff}
.example-area .interviewee .company:before{content:'';display:inline-block;width:1px;height:12px;background:rgba(255, 255, 255, 0.50);vertical-align:middle;margin:0 10px;}

@media screen and (min-width:768px){
  .tab-area.only-search{height:60px;border-bottom:1px solid #ddd}
  .glossary-tab {display:none}
  .service-list .service-item .btn-plus{display:none;}
}

@media screen and (max-width: 1200px) {
  .glossary-search{margin:40px -2vw 0;}
  .glossary-tab{margin:16px -2vw 0}
  .product-card>a .img img{width:auto;height:100%}

  .transport-content .intro-list li{padding:4.0000vw 3.3333vw 3.3333vw}
  .transport-content .intro-list li p{font-size: 2.3958vw;}
  .transport-content .intro-list li .txt-link{font-size:1.5vw;}
  .transport-content .intro-list li .desc {font-size: 2vw;}
  .transport-content .intro-list li.active .btn-more {right:3.3333vw;bottom: 3.3333vw;}
  .service-list .service-item .desc {font-size:2vw;padding:2.3958vw}

  .network-content .map-area .map-point span{padding:0.7500vw 2.0000vw 0.9167vw 2.6667vw;border-radius:2.5vw;font-size:1.6667vw;}
  .network-content .map-area .map-point:before{width:1.3333vw;height:3.2500vw;background-size:100%}
  .network-content .map-area .map-point.china:before{width:7.8333vw;height:4.7500vw;right:7.4167vw;top:-2.5000vw;}
  .network-content .map-area .map-point.se-asia:before{height:7.6667vw;top:-5.5000vw}

  .partnership-content .txt-area{width:39%}
  .partnership-content .img-area{width:51%}
  .partnership-content .img-area img{width:100%;}

  .customer-content .inner {padding:0 2vw}

  /*240124 삭제*/
  /*.main-company-special .img-size1 {width:60vw}
  .main-company-special .img-size2 {width:53.3333vw}
  .main-company-special .img-size3 {width:50vw}
  .main-company-special .img-size4 {width:44.1667vw}*/
}
@media screen and (max-width:767px){
  /* resource 목록 */
  .h1-heading h1:only-child {font-size:28px;}
  .tab-area.only-search::after{display:none}

  .search-posting {margin-top:24px}
  .search-posting .selectWrap, .search-posting .date-slt-wrap, .search-posting .btn-wrap{width:100%;}
  .date-slt-wrap .date-wrap{display:inline-flex;width:calc(50% - 11px);justify-content:space-between;align-items:center;}
  .date-slt-wrap .date-wrap input[type=text]{width:100%;}
  .date-slt-wrap .date-wrap .btn-calendar {margin-left:29px;}
  .date-slt-wrap .date-wrap+.date-wrap{width:calc(50% + 11px)}



  .period-wrap{display:inline-block;}
  /*.search-posting .btn-wrap{justify-content:space-between}*//*240205 삭제*/
  .search-posting .btn-wrap .btn{margin-left:0}


  .glossary-tab {border-bottom: 1px solid #ddd;margin:16px -24px 0;padding:0 14px;}
  .glossary-tab li {display:inline-block;padding:0 10px;}
  .glossary-tab a {display:block; line-height:50px;font-size:16px;font-weight:700}
  .glossary-tab a.active::after {content: ''; display:block; border-bottom:solid 4px #1428a0;}
  .glossary-tab a.active {color:#1428a0;}

  .glossary-search{padding:32px 0;margin:40px -24px 0;}
  .glossary-search .search-area{width:86%}
  .search-word-area {margin-top:40px}
  .search-word-area .word-list {gap:8px}
  .search-word-area .word-list li{width:32px;height:32px}
  .search-word-area .word-list li.etc{width:auto}
  .search-word-area .word-list li.etc a{padding:0 5px}
  .search-word-area .word-list li .btn-word{font-size:20px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.10);line-height:32px}
  .search-word-area .word-list + .word-list {margin-top: 0}
  .search-result-area {margin-top: 60px}
  .search-result-area .result-tit{font-size:18px;font-weight:700;}
  .search-result-area .result-list {gap:12px;margin-top:20px}
  .search-result-area .result-list li a {padding:12px 16px;font-size:12px;}
  .search-result-area .result-box {margin-bottom: 60px}

  /* faq */
  .faq-contents{padding:52px 0 80px}
  .accordion-wrap .accordion-btn {padding:24px 32px 24px 0}
  .accordion-wrap .accordion-btn:after{right:0;margin-top:-12px}
  .accordion-wrap .accordion-btn .faq-type {font-size:14px}
  .accordion-wrap .accordion-btn .question-tit {font-size:18px}
  .accordion-wrap .accordion-cont {padding:24px}

  .detail-box .file-wrap {margin-bottom:25px}
  .file-wrap .attach-file {font-size:14px}

  /* 국제운송 */
  .transport-content{margin:60px 0 80px;}
  .transport-content .tit{font-size: 28px;}
  .transport-content .intro-list{display:block;margin:48px -24px 0}
  .transport-content .intro-list li{width:auto;height:360px;padding:44px 32px 40px;background-size:100%;}
  .transport-content .intro-list li:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0, 0.5)}
  .transport-content .intro-list li:hover:after {background:rgba(0,0,0, .6)}
  .transport-content .intro-list li.active:after {background:#1428A0;opacity:0.85}
  .transport-content .intro-list li p{font-size:22px;}
  .transport-content .intro-list li .txt-link{font-size:16px;}
  .transport-content .intro-list li .btn-more{display:block;position:absolute;right:32px;width:48px;height:48px;background-size:20px auto;}
  .transport-content .intro-list li.active .btn-more {right:32px;bottom:40px;}
  .transport-content .intro-list li .desc {font-size:16px;}

  .transport-content .sub-tit{font-size:24px;margin-top:80px;padding-bottom:0;}
  .transport-content h3 {font-size:24px;margin-top:48px}

  .transport-content .swiper-product{margin:24px -24px 0 0;padding-bottom:0;padding-top: 0;}
  .transport-content .swiper-product .card-wrap{width:calc(100% - 40px)}
  .transport-content .swiper-product .btn-slide-bar {margin:24px 40px 0 0;height:3px;padding:0}
  .transport-content .swiper-product .btn-slide-bar .grey-bar{height:3px}
  .transport-content .swiper-product .btn-slide-bar .grey-bar>span{height:3px}
  .transport-content .card-wrap {gap:16px}
  .transport-content .product-card {width:100%}
  .transport-content .product-card>a {height:375px;padding:44px 24px}
  .transport-content .product-card:hover,
  .transport-content .product-card:focus{transform:initial;box-shadow:none;}

  .product-card .product-tit {font-size: 22px;}
  .product-card .text {font-size: 16px;margin-top:12px;}
  .product-card .img {height:155px;}
  .product-card>a .img img{height:auto;width:100%}
  .product-card .btn-share {top:20px;right:13px;}
  .product-card .content-sns-box button {display:block;width:48px;height:48px;background:#fff;border-radius:50%}
  .product-card .content-sns-box .btn-share-close {top:12px;right:12px;}
  .product-card .content-sns-box .content-sns {right:12px;top:58px;width:48px;}
  .product-card .content-sns-box .content-sns li{margin:12px 0 0 0}

  .newest-list{padding-bottom: 60px}
  .newest-list .list-tit {font-size:24px;line-height:1.5;padding:60px 0 24px}

  .service-list {display:block;margin-top:48px;}
  .service-list .service-item {width:100%}
  .service-list .service-item .img:hover:after{background-color: transparent;}
  .service-list .service-item .img:hover .desc{display:none;}
  .service-list .service-item .btn-plus{position:absolute;bottom:16px;right:16px;width:48px;height:48px;border-radius:50%;background:#fff url(../assets-new/common/icon-plus-b.png) 50% no-repeat;background-size:20px auto;z-index:3}
  .service-list .service-item .desc{font-size:14px;padding:24px 32px;background:rgba(20, 40, 160, 0.85)}
  .service-list .service-item .desc>div{color:#fff; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 86px;}
  .service-list .service-item.active .desc{display:block !important;}
  .service-list .service-item.active .btn-plus{transform:rotate(45deg)}
  .service-list .service-item+ .service-item {margin-top:40px}

  .service-list .text {margin-top:16px;}
  .service-list .service-name {font-size: 20px}
  .service-list .btn-more {color:#1428A0}
  .service-list .btn-more:after {background-image:url(../assets-new/common/icon-arrow-b.png)}

  .banner-quote{background:url(../assets-new/bg-quote-banner-mo.png) no-repeat;background-size:cover;}/*240311 수정*//*240205 수정*/
  .banner-quote .inner{padding-top:45px;padding-bottom:34px;}/*240205 수정*/
/*  .banner-quote{background:url(../assets-new/bg-quote-banner-mo.png) no-repeat;background-size:100%;}
  .banner-quote .inner{padding-top:45px;}*/
  .banner-quote strong {font-size:20px}
  .banner-quote p{font-size:14px}
  .banner-quote .btn-box{margin-top:24px;font-size:0}
  .banner-quote .btn-box .btn-sm {font-size:14px;padding: 8px 20px 11px 20px;height:40px;}
  html[lang=ko] .banner-quote .btn-sm+.btn-sm{margin-left:0;margin-top:6px;}/*240205 추가*/

  /*global network*/
  .new-content.network {margin-top:0;padding-bottom:80px;}
  .network-content .map{margin:0 -4px;}
  .network-content .map img{width:100%}

  .tblH.tbl-network{margin-top:32px;border-bottom:1px solid #E5E5E5;}
  .tblH.tbl-network thead tr th, .tblH.tbl-network tbody tr td {font-size:14px;}
  .tblH.tbl-network tbody tr td.no-border{border-top:0}
  .tblH.tbl-network .btn-home{vertical-align:middle;margin:-2px 4px 0 0}
  .tblH.tbl-network .btn-address{position:relative;font-size:13px;padding-right:20px;}
  .tblH.tbl-network .btn-address:after{content:'';display:inline-block;width:16px;height:16px;background:url(../assets-new/common/icon-dropdown-line.png) no-repeat;background-size:100%;position:absolute;top:50%;right:0;margin-top:-8px;}
  .tblH.tbl-network .btn-address.active:after{transform:rotate(180deg)}
  .tblH.tbl-network td.address{font-size:16px;display:none;border-bottom:1px solid #E5E5E5}
  .tblH.tbl-network td.address.active{display:table-cell}

  /* 마이크로사이트 */
  header nav.scroll + .micro-menu.sticky {top:52px;z-index:-1;}
  header nav.scroll + .micro-menu.sticky .micro-nav {display:flex;}
  header .micro-menu.sticky .micro-nav, header .micro-menu.sticky .lang-list {display: none;}
  .micro-menu {padding:0;}
  .micro-menu .inner .micro-nav, .micro-menu .inner .menu-list {display:flex;justify-content:center;padding:13px 24px 14px;margin:0 -24px;text-align:center}
  .micro-menu .inner .micro-nav>li {text-align:left}
  .micro-menu .inner .micro-nav>li:first-child{flex-shrink:0}
  .micro-menu .micro-wrap {position:relative;display:block}
  .micro-menu .lang-list {display:block;position:absolute;top:50%;margin-top:-10px;padding:0}
  .micro-menu .lang-list .lang-sub-list{top:25px;left:-52px}
  .micro-menu .micro-nav li + li:before {flex-shrink:0;margin:0 8px}
  .micro-menu .micro-nav li:first-child a{font-size:16px}
  .micro-menu .menu-list {border-top:1px solid #E5E5E5;}
  .micro-menu .menu-list li {float:none}

  .container.microsite{padding-top:152px;}/*240222 수정*/
  .container.microsite .sns-area{height: auto;min-height:24px;}
  .container.microsite .content-sns{margin-top:0}
  .micro-visual {background-image:url("../assets-new/company/visual-top-micro-m.png");}
  .micro-visual .h2-heading{padding:77px 0;text-align:center}
  .micro-visual .h2-heading strong {font-size:28px;font-weight:500}
  .micro-visual .h2-heading h1 {font-size:12px}

  .breadcrumb-micro {display:none;}

  .detail-con.micro-cont {font-size:16px;padding-top:40px;}
  .detail-con.micro-cont .cont-tit{font-size:18px}
  .dot-list li:before{top:10px}

  .microsite .new-content{padding:0}
  .microsite .new-content.bg-light-grey .h1-heading{background:#F4F4F4}
  .microsite .new-content .h1-heading{padding-bottom:16px}
  .microsite .content-list .info{min-height:240px}
  .microsite .content-list .title{font-size:18px;font-weight:500}
  .microsite .content-list .desc{margin-top:8px}

  /* 파트너십 */
  .partnership-tit {font-size:24px;padding-top:60px}
  .partnership-content .cont-area{display:block;min-height:auto;padding:80px 0}
  .partnership-content .partnership-tit +.cont-area {padding-top:60px}
  .partnership-content .img-area{width:100%;margin-top:60px}
  .partnership-content .txt-area{width:100%}
  .partnership-content .subtit{margin:40px 0 16px;font-size:20px;}
  .partnership-content .desc{font-size:16px}
  .partnership-content .small-txt{font-size:14px}
  .partnership-desc{font-size:16px;font-weight:500}
  .partner-company{padding:80px 0 60px}
  .partnership-list {gap:20px 4px;margin:48px 0 0;}
  .partnership-list li{width:calc((100% - 8px)/3)}
  .main-content-list .partnership-desc, .main-content-list .partnership-tit{padding:0}
  .main-content-list .partnership-tit{font-weight:600}/*240109 수정*/
  .main-content-list .partnership-desc{margin-top:12px;font-weight:400}

  /* 삼성 SDS */
  .company-top {padding-bottom: 80px}
  .cello-introduce .bg-wrap .pattern-01{width:78px;height:109px;background-size:100% auto; background-repeat:no-repeat;}
  .cello-introduce .bg-wrap .pattern-02{width:78px;height:123px;background-size:100% auto; background-repeat:no-repeat;}
  .company-top .company-img {margin-top:60px}
  .company-top .company-img img{width:100%;}
  .company-top .company-tit {font-size:28px}
  .company-top .company-desc {font-size:18px;margin-top:16px}
  .main-company-info.sds-info {padding-top:60px}
  .main-company-special.company-content .d-flex {display:block;padding-bottom:80px}
  .main-company-special.company-content .mr-70, .main-company-special.company-content .mr-66{margin-right:0}
  .main-company-special .img-size1, .main-company-special .img-size2, .main-company-special .img-size3, .main-company-special .img-size4 {min-width:100%;}

  .customer-content .inner {padding:0 24px;}
  .customer-content h2{font-size:24px;}/*240418 고객사 수정*/
  .customer-content .partnership-desc{margin-bottom:32px;}/*240418 고객사 추가*/
  .customer-list{gap: 4px;margin-top:10px;margin-bottom:32px;}/*240418 고객사 수정*/
  .customer-list>li{width:calc((100% - 8px)/3)}

  /* 첼로스퀘어 소개 */
  .cello-introduce .company-top .company-desc {font-size:18px;margin-top:16px}
  .cello-introduce .company-top .company-img {margin-top:60px}
  .cello-detail {display:block;padding-top:0;text-align:center}
  .cello-detail .detail-desc {position:static;transform:none;margin-bottom:24px;}
  .cello-detail .hover-img, .cello-detail .step-img {display:none;visibility:hidden;opacity:0;}

  /*240124 클래스명 수정*/
  .cello-detail .circle-o {display:inline-flex;width:200px;height:60px;border-width:1px;border-radius:100px}
  .cello-detail .circle-o:after {content:'';position:absolute;top:calc(100% + 6px);right:auto;left:50%;margin:0 0 0 -12px;width:18px;height:24px;background-size:100% auto;transform:rotate(90deg)}
  .cello-detail .cello-step + .circle-o:after {left:50%;bottom:auto;top:-28px;}
  .cello-detail .circle-o p{font-size:20px;}
  .cello-detail .circle-o .desc-list {position:absolute;visibility:hidden;opacity:0;transition:all .5s ease}
  .cello-detail .circle-o .desc-list li{font-size:14px;margin-top:4px;}
  .cello-detail .cello-step {display:inline-block;background-size:70px;margin:32px 0;border-radius:70px;height:100px;padding:24px 30px;width:260px;}
  .cello-detail .step-list {display:none}
  .cello-detail .step-list li{font-size:14px;padding-left:36px;flex-grow:1}
  .cello-detail .step-list li:first-child{padding-left:0}
  .cello-detail .step-list li .step-num {font-size:12px;margin-bottom:10px}
  .cello-detail .step-list li + li:before{content:'';margin-top:-6px;left:12px;width:12px;height:12px;background-size:100%;}

  .cello-detail.active .cello-step {background-image:none;width:100%;height:auto;border-radius:32px}
  .cello-detail.active .circle-o {width:180px;height:180px;border-radius:50%}
  .cello-detail.active .circle-o p{position:static;transform:none}
  .cello-detail.active .circle-o .desc-list, .cello-detail.active .hover-img, .cello-detail.active .step-img {display:block;position:static;visibility:visible;opacity:1;}
  /*//240124 클래스명 수정*/

  .cello-detail.active .detail-desc .img {display:none}

  .cello-service-content {padding:80px 0}
  .cello-service-content h2 {font-size:24px}
  .cello-service-content .img-box {margin-top:60px}
  .cello-service-content .img-box img {width:100%;}

  .example-area {padding:0 50px;margin:0 -24px;}
  .example-area:before, .example-area:after{font-size:80px;line-height:50px;min-width:46px;text-align:center}
  .example-area:after {top:auto;bottom:0}
  .example-area .example-cont {display:-webkit-box;white-space: normal;font-size:20px;}/*240126 수정*/
  .example-area .interviewee span{font-size:12px}

  #popup_introduce .popup-con {padding: 62px 0 0}
  #popup_introduce .popup-con img {width: 100%}
}
/*240205 추가*/
@media screen and (max-width:430px) {
  .search-posting .btn-wrap{display:block;text-align:center;}
  .search-posting .btn-wrap .btn {margin-top: 10px;}
  .search-posting .btn-wrap .period-wrap {display:flex;}
  .period-wrap .radio-box {flex:1 1 auto;}
  .period-wrap input[type="radio"] + label {width:100%;}
}
/*//240205 추가*/
/*240130 추가*/
/* 마켓업데이트 */
.marketItem{width:678px;margin:0 auto;}
.marketItem h2{text-align:center;padding-bottom:30px;}
.marketItem .contBox01 dl{display:table;width:100%;min-height:118px;}
.marketItem .contBox01 dl dt{position:relative;display:table-cell;width:134px;padding:30px 0;background-repeat:no-repeat;background-position:0 50%;border-bottom:1px dashed #ccc;}
.marketItem .contBox01 dl dd{display:table-cell;vertical-align:middle;padding-left:44px;padding-top:15px;padding-bottom:15px;font-size:18px;line-height:28px;color:#000;text-indent:0;}
.marketItem .contBox01 dl.item01 dt{height:57px;background-image:url(../assets-new/temp/ico_market_brief01.png);}
.marketItem .contBox01 dl.item02 dt{height:58px;background-image:url(../assets-new/temp/ico_market_brief02.png);}
.marketItem .contBox01 dl.item03 dt{height:64px;background-image:url(../assets-new/temp/ico_market_brief03.png);}
.marketItem .contBox01 dl:last-of-type{min-height:auto;}
.marketItem .contBox01 dl:last-of-type dt{border-bottom:0;}
.marketItem ~ .marketItem{margin-top:100px;}
.marketItem .contBox02{padding-top:30px;}
.marketItem .contBox02 .inner{display:table;width:100%;table-layout:fixed;}
.marketItem .contBox02 dl{display:table-cell;vertical-align:top;}

.marketItem .contBox02 dl ~ dl{border-left:1px dashed #ccc;}
.marketItem .contBox02 dl dt:before{content:'';display:block;background-repeat:no-repeat;height:112px;width:100%;background-position:50% 0;}
.marketItem .contBox02 dl dd{text-align:center;}
.marketItem .contBox02 dl dd strong{font-size:23px;font-weight:700;}
.marketItem .contBox02 dl dd em{font-size:21px;}
.marketItem .contBox02 dl dd em i:before{content:'';display:inline-block;text-indent:-9999px;width:0;height:0;border-bottom:7px solid transparent;border-top:7px solid transparent;border-left:9px solid skyblue;border-right:9px solid transparent;overflow:hidden;padding-right:3px;}
.marketItem .contBox02 dl dd em.up{color:#ff5b7c;}
.marketItem .contBox02 dl dd em.up i:before{border-left:9px solid #ff5b7c;transform:rotate(270deg);vertical-align:7px;}
.marketItem .contBox02 dl dd em.down{color:#1965ff;}
.marketItem .contBox02 dl dd em.down i:before{border-left:9px solid #1965ff;transform:rotate(90deg);vertical-align:-5px;}
.marketItem .contBox02 dl .month{display:block;text-align:center;font-size:20px;line-height:28px;color:#000;}
.marketItem .contBox02 dl.item01 dt:before{background-image:url(../assets-new/temp/ico_market_indicators01.png);}
.marketItem .contBox02 dl.item02 dt:before{background-image:url(../assets-new/temp/ico_market_indicators02.png);}
.marketItem .contBox02 dl.item01 .month{text-align:center;text-indent:0;}
.marketItem .contBox02 dl.item03 dt:before{background-image:url(../assets-new/temp/ico_market_indicators03.png);}
.marketItem .contBox02 dl.item03 .month{text-align:center;}
.marketItem .contBox02 .txtInfo{font-size:18px;line-height:28px;color:#000;padding-top:25px;}
.marketItem .contBox02 dl.item04 dt:before{background-image:url(../assets-new/temp/ico_market_Logistics01.png);background-position:50% 0;}
.marketItem .contBox02 dl.item05 dt:before{background-image:url(../assets-new/temp/ico_market_Logistics02.png);background-position:50% 0;}
.marketItem .contBox02 dl.item06 dt:before{background-image:url(../assets-new/temp/ico_market_Logistics03.png);background-position:50% 0;}

.marketBanner{background:url(../assets-new/temp/bg_market_banner.png) no-repeat 50% 50% / cover;padding:70px 65px;min-height:327px;margin-top:100px;}
.marketBanner p{color:#fff;font-size:34px;line-height:48px;font-weight:700;letter-spacing:-0.68px;}
.marketBanner a{display:inline-block;width:294px;height:63px;background:url(../assets-new/temp/btn_signup.png) no-repeat 0 0;text-indent:-9999px;margin-top:26px;}


@media screen and (max-width:1440px){
  .marketItem{width:100%;}
  .marketItem h2 > img {width: auto; height: 45px;}
  .marketItem .contBox01 dl dd{padding-top:10px;padding-bottom:10px;font-size:16px;line-height:24px;}
  .marketItem .contBox02 .txtInfo{font-size:16px;line-height:24px;}
  .marketItem .contBox02 dl dt:before{background-size: auto 80px;height:90px;}
  .marketItem .contBox02 dl dd strong {font-size: 20px;}
  .marketItem .contBox02 dl dd em {font-size: 18px;}
  .marketItem .contBox02 dl .month {font-size: 16px;line-height: 24px;}
  .marketBanner{padding:40px 35px;min-height:auto;}
  .marketBanner p{font-size:21px;line-height:normal;width: 85%;}
  .marketBanner a{width:150px;height:33px;background-size:contain;}
  .barList li{font-size:1.3889vw;}
  .num-list1 > li{font-size:1.3889vw;}
  .barList li:before{width:0.417vw !important;height:0.1389vw !important;}
}

@media screen and (max-width:767px){
  .marketItem h2{margin:0 auto;}
  .marketItem h2{width:250px;}
  .marketItem h2 > img {width: auto; height: 35px;}
  .marketItem .contBox01 dl{min-height:auto;border-bottom:1px dashed #ccc;padding:20px 0;}
  .marketItem .contBox01 dl dt{height:82px !important; width:60px;background-size:100% auto;border-bottom:0;}
  .marketItem .contBox01 dl dd{padding-left:20px;font-size:16px;line-height:26px;text-indent:0;}
  .marketItem .contBox01 dl.item01 dt{background-image:url(../assets-new/temp/ico_market_m_brief01.png);}
  .marketItem .contBox01 dl.item02 dt{background-image:url(../assets-new/temp/ico_market_m_brief02.png);}
  .marketItem .contBox01 dl.item03 dt{background-image:url(../assets-new/temp/ico_market_m_brief03.png);}
  .marketItem .contBox01 dl:last-of-type{min-height:auto;padding:20px 0 0;border-bottom:0;}
  .marketItem ~ .marketItem{margin-top:80px;}
  .marketItem .contBox02{padding-top:0;}
  .marketItem .contBox02 .inner{display:block;}
  .marketItem .contBox02 dl{display:table;width:100%;position:relative;}
  .marketItem .contBox02 dl ~ dl{border-left:0;margin-top:20px;border-top:1px dashed #ccc;padding-top:20px;}
  .marketItem .contBox02 dl dd{display:table-cell;vertical-align:middle;text-align:left !important;padding:0 0 0 20px !important;min-height:60px;}
  .marketItem .contBox02 dl dt{display:table-cell;vertical-align:middle;width:60px;padding:0 !important}
  .marketItem .contBox02 dl dt:before{height:60px;width:60px;background-position:0 50%;background-size:100% auto;}
  .marketItem .contBox02 dl.item01 dt:before{background-image:url(../assets-new/temp/ico_market_m_indicators01.png);}

  .marketItem .contBox02 dl.item02 dt:before{background-image:url(../assets-new/temp/ico_market_m_indicators02.png);}
  .marketItem .contBox02 dl.item03 dt:before{background-image:url(../assets-new/temp/ico_market_m_indicators03.png);}
  .marketItem .contBox02 dl dd:before{content:'';display:block;height:20px;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;}
  .marketItem .contBox02 dl.item01 dd:before{background-image:url(../assets-new/temp/tit_market_m_indicators01.png);width:168px;}
  .marketItem .contBox02 dl.item02 dd:before{background-image:url(../assets-new/temp/tit_market_m_indicators02.png);width:135px;}
  .marketItem .contBox02 dl.item03 dd:before{background-image:url(../assets-new/temp/tit_market_m_indicators03.png);width:116px;}
  .marketItem .contBox02 dl dd strong{font-size:18px;}
  .marketItem .contBox02 dl dd em{font-size:16px;}
  .marketItem .contBox02 dl dd em i:before{border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:8px solid skyblue;border-right:8px solid transparent;}
  .marketItem .contBox02 dl dd em.up i:before{border-left:8px solid #ff5b7c;}
  .marketItem .contBox02 dl dd em.down i:before{border-left:8px solid #1965ff;}
  .marketItem .contBox02 dl .month{display:inline-block;text-align:left !important;margin:0 !important;padding:0 !important;font-size:16px;text-indent:0}
  .marketItem .contBox02 .txtInfo{font-size:16px;line-height:26px;padding-top:40px;}
  .marketItem .contBox02 .itemInner{display:inline-block;}
  .marketItem .contBox02 .itemInner ~ .itemInner{padding-left:10px;}
  .marketItem .contBox02 .itemInner + .month{display:block;}
  .marketItem .contBox02 dl.item04 dt:before{background-image:url(../assets-new/temp/ico_market_m_Logistics01.png);background-position:50% 0;}
  .marketItem .contBox02 dl.item05 dt:before{background-image:url(../assets-new/temp/ico_market_m_Logistics02.png);background-position:50% 0;}
  .marketItem .contBox02 dl.item06 dt:before{background-image:url(../assets-new/temp/ico_market_m_Logistics03.png);background-position:50% 0;}
  .marketItem .contBox02 dl.item04 dd:before{background-image:url(../assets-new/temp/tit_market_m_indicators04.png);width:48px;}
  .marketItem .contBox02 dl.item05 dd:before{background-image:url(../assets-new/temp/tit_market_m_indicators05.png);width:162px;}
  .marketItem .contBox02 dl.item06 dd:before{background-image:url(../assets-new/temp/tit_market_m_indicators06.png);width:52px;}
  .marketBanner{background:url(../assets-new/temp/bg_market_m_banner.png) no-repeat 50% 50% / cover;padding:26px 20px;min-height:180px;margin-top:80px;}
  .marketBanner p{font-size:18px;line-height:normal;width: 80%;}
  .marketBanner a{width:150px;height:33px;background:url(../assets-new/temp/btn_m_signup.png) no-repeat 0 0 / 100% auto;margin-top:14px;}
}

.detail-con .btnM{min-width:110px;height:52px;line-height:52px;padding:0 40px;border-radius:4px;font-size:16px;font-weight:700}
.detail-con .gray{background:rgba(153,153,153,.15);color:#000}
.detail-con .table-box td a{margin-top:12px}

.detail-con .table-box{margin-top:40px;border:1px solid #686d6b}
.detail-con .table-box thead th{border-left:1px solid #fff;font-size:20px;font-weight:700;color:#222}
.detail-con .table-box tr th:first-child,
.detail-con .table-box tr td:first-child{border-left:0}
.detail-con .table-box td{border-left:1px solid #e9e9e9;font-size:18px;color:#424645}
.detail-con .table-box td a{margin-top:12px}
.detail-con .table-box tr td:last-child{font-size:16px}
.detail-con .table-title{display:block;font-size:40px;color:#121212;text-align:center}
.detail-con .table-title2{display:block;padding:80px 0 20px;font-size:18px;color:#121212;text-align:center}
.detail-con .table-info{margin-top:20px;font-size:14px;text-align:right}
.detail-con .img.max-880{max-width:800px;margin:50px auto 40px}

@media screen and (max-width:1440px) {
  .detail-con .table-box{margin-top:40px;margin-top:2.7778vw}
  .detail-con .table-box thead th{font-size:20px;font-size:1.3889vw}
  .detail-con .table-box td{font-size:18px;font-size:1.25vw}
  .detail-con .table-box td a{margin-top:12px;margin-top:.8333vw}
  .detail-con .table-box tr td:last-child{font-size:16px;font-size:1.1111vw}
  .detail-con .table-title{font-size:40px;font-size:2.7778vw}
  .detail-con .table-title2{padding:5.5556vw 0 1.3889vw;font-size:1.25vw}
  .detail-con .img.max-880{max-width:55.5556vw;margin:3.4722vw auto 2.7778vw}
}

@media screen and (max-width:767px) {
  .detail-con .table-box{margin-top:20px;}
  .detail-con .table-box thead th{font-size:16px;}
  .detail-con .table-box td{font-size:16px;}
  .detail-con .table-box td a{min-width:90px;height:44px;line-height:44px;margin-top:12px;padding:0 20px;font-size:14px}
  .detail-con .table-box td a+a+a{margin-left:0}
  .detail-con .table-box td p{padding-top:12px;font-size:12px}
  .detail-con .table-box tr td:last-child{font-size:14px;}
  .detail-con .table-title{font-size:20px;}
  .detail-con .table-title2{padding:50px 0 20px;font-size:18px}
}
/*//240130 추가*/
/*컨텐츠 관련 추가 240222 */
.img-guide{font-size: 18px;margin: 60px 0;}
.img-guide em{color:#00c5a8;line-height: 1.3;font-weight: bold;}
.bg-gray{background-color: #f3f5f7;margin-left: -35px; margin-top:40px; text-align: center;padding:20px;}
.product-detail-box>.bg-gray{border-radius: 0;}
.product-detail-box>.no-round{border-radius: 0;}
.product-detail-box>.info-list+.bg-gray{padding-top:0;}
.top-space{margin-top: 80px;}
.none-list li{list-style: none;}
.strong{font-weight: bold;}
.num-list{margin: 60px 1px 0 40px;}
.num-list li{font-size: 18px;}
.mt12{margin: 40px 30px 30px !important;}
.ml20{margin-left: -22px;}
.guide-banner{border-radius: 10px;}
.guide-banner strong{}
.num-list1{margin-top:20px;}
.num-list1 > li{font-weight:500 !important;font-size:18px;line-height:32px;color:#121212;}
.num-list1.type02 > li+li{margin-top:60px;}
.bg-gray ~ .num-list1{margin-top:60px;}
.bg-gray > img.imgWidth{width:461px !important;}
.mt20{margin-top: 20px;}

.detail-box .text-line{position:relative;margin:100px 0 60px;font-size:24px;font-weight:500;text-align:center;color:#8d9291}
.detail-box .text-line::before{content: "";display:inline-block;position:absolute;width:45%;background:#ddd;height:1px;left:0;top:50%}
.detail-box .text-line::after{content: "";display:inline-block;position:absolute;width:45%;background:#ddd;height:1px;right:0;top:50%}

.detail-box .briefing-box {margin-bottom:100px; display:flex; align-items:flex-start; justify-content:space-between;}
.detail-box .briefing-box .img {margin:0; width:270px;}
.detail-box .briefing-box .text-area {border-top: solid 1px #ddd; width:600px;}
.detail-box .briefing-box .text-area .title-bar {padding-top:28px;font-size:18px;}
.detail-box .briefing-box .text-area .title-bar b {color:#35927e; display:inline-block; margin-right:6px;}
.detail-box .briefing-box .text-area .title-bar i {font-style: normal;}
.detail-box .briefing-box .text-area .title-bar .title {padding:4px 0 0;}
.detail-box .briefing-box .text-area .text {margin-top:20px;}
.detail-box .briefing-box+.im_info {margin-top:-60px;display:block;}

@media screen and (max-width:767px) {
  .detail-box .text-line{font-size:1.6667vw;margin-top:6.9444vw;margin-bottom:4.1667vw;}

  .detail-box .briefing-box {margin-bottom:6.9444vw;}
  .detail-box .briefing-box .img {width:18.75vw;}
  .detail-box .briefing-box .text-area {width:41.6667vw;}
  .detail-box .briefing-box .text-area .title-bar {padding-top:1.9444vw;font-size:1.25vw;}
  .detail-box .briefing-box+.im_info {margin-top:-3.4vw;font-size:.9722vw;}
}

@media screen and (max-width:767px) {
  .img-guide{font-size:16px;margin:40px 0;}
  .bg-gray{margin-left: -30px; padding:14px 15px;}
  .bg-gray > img{width: 100% !important;}
  .detail-con .info-list.type02 li{font-size:18px;}
  .barList{margin-left:-30px;}
  .barList li{font-size:16px !important;line-height:26px;padding-left:10px !important;}
  .barList li:before{top:13px !important;width:5px !important;height:1px !important;}
  .barList ~ .bg-gray{margin-top:30px;}
  .num-list1{margin-left:-30px;}
  .num-list1 > li{font-size:16px !important;line-height:26px;}
  .num-list1.type02 > li+li{margin-top:30px;}
  .num-list1 > li .bg-gray{margin-left:0;}
  .img-guide ~ .info-list{padding-top:0;}
  .mt12{margin:20px 0 15px -30px !important;}
  .bg-gray  > img.imgWidth{width:100% !important;}
  .bg-gray ~ .num-list1{margin-top:30px;}
  .detail-con .info-list.type02 > li+li{margin-top:60px;}
  .num-list1 > li .img.bg-gray{margin-top:30px;}

  .detail-box .text-line{font-size:16px;margin-top:50px;margin-bottom:30px}

  .detail-box .briefing-box {margin-bottom:60px; display:block;}
  .detail-box .briefing-box .img {margin:30px 0 0; width:100%;}
  .detail-box .briefing-box .text-area {width:100%;}
  .detail-box .briefing-box .text-area .title-bar {padding-top:20px;font-size:16px;}
  .detail-box .briefing-box+.im_info {margin-top:-20px;font-size:12px;}
}
/*//컨텐츠 관련 추가 240222 */

/*240708 견적조회*/
.link-text-under {color: #00113E;border-bottom:1px solid #00113E;}
.spaces-span {display:inline-block;width:20px;}
@media screen and (max-width:767px) {
  .mo-hidden {display: none;}
}
/*//240708 견적조회*/

/* 240710 운임안내 팝업 */
.pop-notice .popup{max-width:944px;min-width:944px;padding-bottom:86px;overflow-y:auto}/*하루동안 보지 않기 추가되면서 높아,마진값 수정 */
.pop-notice button.btn-popup-close{top:20px;right:20px}
.pop-notice .title{font-size:30px;display:block;text-align:center}
.pop-notice .txt{margin:10px 0 30px;font-size:16px;line-height:26px;text-align:center}
.pop-notice .txt em{color:#00bd93}
.pop-notice .table-info{display: flex;align-items:center;margin-top:20px;}
.pop-notice .table-info::after{content:"";display:block;clear:both}
.pop-notice .table-info .table-category{font-size:24px;color:#121212;font-weight:700}
.pop-notice .table-info .table-data{font-size:20px;margin-left:auto;}
.pop-notice .travel-wrap {display: flex;align-items:center;margin:25px 0 15px;}
.pop-notice .travel-data{font-size:18px;margin-left:auto;font-family: Verdana, sans-serif !important;}
.pop-notice .travel-info{position:relative;padding-left:26px;font-size:18px}
.pop-notice .travel-info::before{content:"";display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;background:url("../../static/assets-new/common/icon-pot.png") no-repeat 50% 50%;background-size: 100% auto;}
.pop-notice .pop-table{width:100%}
.pop-notice .pop-table tr.closing{color:#bdbdbd}
.pop-notice .pop-table tr td:nth-child(even),
.pop-notice .pop-table tr th:nth-child(even){background:#f2f2f2}
.pop-notice .pop-table th{text-align:left;border-top:1px solid #121212;color:#686d6b;font-size:16px}
.pop-notice .pop-table th,td{padding:11px 20px}
.pop-notice .pop-table td{border:1px solid #bdbdbd;border-width:1px 0;font-size:16px}
.pop-notice .pop-table td span{float:right}
.pop-notice .travel-closing{margin:10px 0;font-size:14px}
.pop-notice .travel-closing em{color:#da5359}

.pop-notice .btn-wrap{position:absolute;background:#f5f5f5;padding:10px;left:0;bottom:0;width:100%;}
.pop-notice .check-box input[type=checkbox]+label{font-size:14px;min-height:24px;padding-left:34px}
.pop-notice .check-box input[type=checkbox]+label:before{width:24px;height:24px;}
.pop-notice .check-box input[type=checkbox]+label:after{width:16px;height:16px;background:url("../assets-new/common/icon-checkbox-g.png") no-repeat;background-size:100% auto;top:4px;left:4px;}
.pop-notice .check-box input[type=checkbox]:checked+label:after{background-image:url(../assets-new/common/icon-checkbox-b.png)}
.pop-notice button.btn-managepop-close{display:block;position:absolute;width:24px;height:24px;top:12px;bottom:10px;right:10px;background:url("../assets-new/common/icon-close-w.png") no-repeat 50% 50%;background-size:20px auto;}

@media screen and (max-width:767px) {
  .pop-notice.popup-wrap.open{display:flex}
  .pop-notice .popup{max-width:90vw;min-width:90vw;max-height: calc(90vh - 46px);}
  .pop-notice button.btn-popup-close{top:10px;right:10px}
  .pop-notice .title{font-size:20px;margin-top: 15px;}
  .pop-notice .txt{margin:5px 0 15px;font-size:16px;line-height:1.5;}
  .pop-notice .table-info .table-category{font-size:18px}
  .pop-notice .table-info .table-data{font-size:16px}
  .pop-notice .travel-wrap {display:block;margin:20px 0 12px;}
  .pop-notice .travel-data {font-size:16px;}
  .pop-notice .travel-info{padding-left:20px;margin:15px 0 5px;font-size:14px}
  .pop-notice .travel-info::before{margin-top:-8px;width:15px;height:15px}
  .pop-notice .pop-table th,td{padding:5px 10px}
  .pop-notice .travel-closing{margin:5px 0}
  .pop-notice .pop-table td,
  .pop-notice .pop-table th{font-size:12px}
  .pop-notice .pop-table td span {float: inherit;display: block;}
}
/* //240710 운임안내 팝업 */