* {margin: 0; padding: 0; box-sizing: border-box;}
html,
body {width:100%; height:100%; font-family:'Noto Sans KR';}
ul, ol {list-style: none;}
a:active,
a:visited,
a:link,
a{text-decoration: none;}
a:active,
a:visited{color:#fff;}
select{outline:none;}
textarea{resize:none; outline:none; padding:9px; color:#666; font-size:12px; font-family:'Noto Sans KR';}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 30px #0c4743 inset !important;
    border-radius: 3px;
}
button{overflow:visible;border:0 none;background:transparent;cursor:pointer;apperance:0;outline:none}

body.layer_on{overflow:hidden;}
body#Tracking.layer_on{overflow:auto}
#wrap{min-width:1920px;}
/* #region ☆☆☆☆☆☆로그인☆☆☆☆☆☆ */
.content{height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; background:url('/Images/login_bg.png') no-repeat 55% 28%;}
.login_visual{max-width:1400px; width:100%; padding:0 20px;}
.login-cont{width:100%; height:480px; margin:0 auto; display:flex; flex-direction:column; justify-content:center; background:#0c4743; border-radius:15px; position:relative;}
.login_bg{position:absolute; top:50%; right:0; transform:translate(11%, -36%); width:500px; filter: drop-shadow(-80px 45px 30px rgb(0, 0, 0, 0.5));}
.login-title{font-family:'Romic'; line-height:60px; padding-bottom:25px;}
.title-top{font-size:70px; font-weight:bold; color:#1e5451; }
.title-bottom{font-size:44px; color:#537573;}
.login_tit{padding:10px 0;}
.login_tit > p{text-align:left; font-size:40px; font-family:'Romic'; color:#fff;}
.login_box{ padding:0 80px;}
.login-left{background: linear-gradient(to right, #413fb3, #6db9e4);}
.login-left,
.login-right{display:flex; align-items:center;}
.login_tit strong{padding-right:5px;}
.login-input_box{display:flex; flex-direction:column;}
.login-int{display:flex; max-width:430px; width:100%; border:1px solid #588582; border-radius:5px;}
.login-int input::placeholder{color:#fff;}
.login-int:first-child{margin-bottom:5px;}
.login-int:nth-child(2){border-bottom:unset; border-radius:5px 5px 0 0;}
.login-int:last-child{border-radius:0 0 5px 5px;}
.login-int input{border: none; padding-left:5px; width:330px; outline:none; background:unset; color:#fff; height:40px;}
.login_sort{border-radius:5px 0 0 5px;}
.login_sort.select{background:unset;}
.login_sort.select + input{height:40px; outline:none; width:188px;}
.login_sort.select + input::placeholder{color:#fff;}
.label {display: inline-block; position: relative;}
.alignBox {display: inline-flex; align-items: center; cursor:pointer; color:#fff;}
.inputTxt {display: inline-block; margin: 0 10px;}
.checkbox {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 0; height: 0;}
.checkboximg {width: 19px; height: 19px; background: url('/Images/uncheck_radio.png') no-repeat center /19px;}
.checkbox:checked +.checkboximg {background: url('/Images/check_radio.png') no-repeat center /19px;}
.checkbox:disabled +.checkboximg {background: url('/Images/uncheck_radio.png') no-repeat center /19px;}
.warn{font-size:14px; color:#fec64f; display:none;}
.chk{display:flex; justify-content:space-between; position:relative; padding:10px 0; box-sizing:border-box; vertical-align:middle; width:430px; align-items:center;}
.chk input{position:absolute; top:50%; left:1px; width:1px; height:1px; outline:0; z-index:-1;}
.chk label{display:block; position:relative; width:100%; padding-left:22px; color:#fff; font-size:14px; font-weight:400; line-height:17px; cursor:pointer; box-sizing:border-box;}
:root .chk label:before{display:block; content:''; position:absolute; top:50%; left:1px; width:17px; height:17px; margin-top:-8.5px; background:url(/Images/sp_check.png) no-repeat 0 0; background-size:17px auto;}
:root .chk input:checked+label:before{content:''; background-position:0 -17px; margin-top:-8px;}
.login-int:first-child button{height:40px; width:112px; background:#489b95; border:none; color:#fff; font-size:13px; border-radius:0 2px 4px 0;}
.login_sort span{width:130px; line-height:40px; display:inline-block; font-size:13px; color:#fff; padding-left:5px;}
.login_sort select{width:130px; font-size:13px; height:40px; outline:none; border:none; background:unset; color:#fff;}
.login_type{padding-top:5px; padding-bottom:15px;}
.login_type label{font-size:14px; font-weight:500; vertical-align:2px; margin-right:5px;}
.login-btn{max-width:430px; width:100%; height:40px; display:flex; align-items:center; justify-content:center; background: #67bab4; color:#fff; font-weight:bold; border-radius:5px; color:#fff; cursor:pointer;}
.copy{padding-top:20px;}
.copy > p{font-size:13px; color:#6c6c6c; text-align:center;}
.footer{position:absolute; bottom:40px; text-align:center; font-size:12px; color:#394140; font-weight:500;}
/* #endregion 로그인 */

/* #region ☆☆☆☆☆☆MainLayout☆☆☆☆☆☆ */
.header_cont{display:flex; align-items:center; background:#8aa9a7; height:40px;}
.page_sub__title{padding-left:5px; color:#0c4743; font-weight:500;}
.show_title{position:absolute;white-space:nowrap;transform:rotate(90deg);left: -71px;top: 140px;color: #215754;font-size: 24px;font-weight:600;font-family:'Romic'; z-index:1000;}
.hamburger_box .hide_title{display:none; white-space:nowrap; color:#fff; padding-left:10px; font-family:Romic;}
.hamburger_box{width:40px; height:40px; background:#365e5b; display:flex; align-items:center; position:relative; transition:all .5s ease;}
.hamburger_box.on{width:167px; transition:all .5s ease;}
.hamburger_box.on .show_title{display:none;}
.hamburger_box.on .menu-list__title.on{position:relative;}
.hamburger_box.on .menu-list__title.on:before{position:absolute; content:''; width:4px; height:100%; background:#365e5b; left:0;}
.hamburger_box.on + .header_info{width:calc(100% - 167px);}
.hamburger_box > img{padding:5px; position:absolute; cursor:pointer; transition:all .5s ease; left:50%; transform:translateX(-50%);}
.hamburger_box:before{position:absolute; top:40px; left:0; content:''; width:100%; background:#e7eded; height:calc(100vh - 40px); z-index:10;}
.hamburger_box.on:before{box-shadow:10px 0px 20px -20px;}
.header_info{padding:0 20px; padding-right:30px; width:100%; justify-content:space-between;}
.user_info{gap:5px;}
.user_info img{cursor:pointer;}
.user_id{gap:5px;}
.header_info,
.user_info,
.user_id{display:flex; align-items:center; color:#fff; font-size:14px;}
.page_title{background:#0c4743; padding:0 18px; height:30px; line-height:30px; display:inline-block; border-radius:4px;}
.hamburger_box .slide_menu{transition:all .5s ease; position:absolute; top:80px; left:-167px; width:100%; background:#e7eded; z-index:11;}
.hamburger_box .slide_menu.on{left:0;}
.hamburger_box .menu-list{display:none;}
.hamburger_box .menu-list__title{color:#0c4743; font-weight:700; display:flex; justify-content:space-between; align-items:center; cursor:pointer; padding:5px; padding-left:10px; padding-right:10px; border-bottom:1px solid #cddddd; white-space:nowrap;}
.hamburger_box .menu-list__title.on{background: #cde1e0;padding: 5px;padding-right: 10px; padding-left:10px;}
.hamburger_box .menu-list__sub{font-size:14px; color:#fff; font-weight:500;}
.hamburger_box .air .menu-list__sub{display:none;}
.sub-menu:hover .menu_img_on{display:block;}
.sub-menu:hover .menu_img_off{display:none;}
.hamburger_box a.sub-menu__title:hover,
.hamburger_box a.sub-menu__title.on{color: #65b6b0;font-weight:700;font-size: 12px;}
.hamburger_box a.sub-menu__title{margin:5px; font-size:12px; color:#365e5b; font-weight:700;}
.hamburger_box a.sub-menu__title:not(:last-child){margin-bottom:10px;}
.sub-menu__title{position:relative; cursor:pointer; display:block;}
.menu-list__title .asc,
.air .menu-list__title .desc{display:none;}
.air .menu-list__title .asc{display:block;}
.sub_menu{display:flex; align-items:center; padding:8px 10px; border-bottom:1px solid #cddddd;}
/* #endregion MainLayout */

/* ocean - orderlist */
.container{padding:20px 20px 20px 60px; transition:all .5s ease; width:100%;}
.search_cont{position:relative; width:100%;}
.top_btn_area{display:flex; position:relative;}
.btn_type{position:relative;}
.btn_type:first-child > button{position:relative; border-radius:4px 0 0 0;}
.btn_type:first-child > button:before:not(.no-dot){position:absolute;top:100%;left:-1px;width:10px; height:10px; content:'';  background-color:#e7eded; border-left:1px solid #cddddd; z-index:-1;}
.btn_type:first-child > button.no-dot:before{width:0;height:0;}
.btn_type:last-child > button{border-radius:0 4px 0 0;}
.btn_type > button {display: flex; align-items: center; justify-content: center; height: 50px; padding: 0 20px; font-size: 12px; font-weight: 800; gap: 10px; background: #e7eded; border: 1px solid #cddddd; border-bottom:none; cursor:pointer;}
.btn_type.on > button{color:#fff; background:#0c4743;}
/* sihong - btn_type type2 추가*/
.btn_type.type2 > button{border-bottom:1px solid #cddddd;}
.btn_type.type2:first-child > button{border-radius:4px 0 0 4px;}
.btn_type.type2:first-child > button:before{width:0; height:0;}
.btn_type.type2:last-child > button{border-radius:0 4px 4px 0;}
/*.btn_type:first-child button,
.btn_type:nth-child(2) button,
.btn_type:nth-child(3) button{border-right:none;}*/
button.green{color:#0f783d;}
button.deep_green{color:#2e5d5b;}
.search_wrap{background:linear-gradient(to right, #537574, #0c4743); border-radius:4px;}
.search_title > span{font-size:14px; font-weight:300; color:#fff; display:block;}
.search_int select, .search_int input{border:1px solid #67bab4; height:29px; outline:none; color:#666; font-size:12px; font-weight:700;}
.SumoSelect{border:1px solid #67bab4;}
.SumoSelect>.CaptionCont{max-width:126px; min-width:126px; border:none!important; border-radius:unset!important;}
.wide .SumoSelect>.CaptionCont{max-width:264px;}
.search_int select{padding-left:5px;}
.search_int input{padding:0 10px;}

.date_input input{background:#fff url('/Images/icn_calendar.png') no-repeat 95% 50%;}
.search_wrap{padding:20px;}
.search_wrap, .search_w2{display:flex; align-items:center;}
.search_box{display:flex; flex-direction:column; gap:20px;}
.search_int, .search_date{display:flex; align-items:center; gap:10px;}
.search_date span{color:#fff; font-size:12px;}
.search_w1{display:flex; align-items:center; gap:10px;}
.search_title > span{width:70px;}
.search_title > .title-width{width:94px;}
/*.search_box:first-child{padding-right:33px;}*/
/*.search_box:nth-child(2){padding-right:21px;}*/
.search_box:first-child select,
.search_box:nth-child(2) .search_w1:first-child .search_int > select:first-child,
.search_box:nth-child(2) .search_w1:first-child .search_int > select:nth-child(2),
.search_box:nth-child(2) .search_w1:first-child .search_int > select:nth-child(3),
.search_box:nth-child(2) .search_w1:first-child .search_int > select:nth-child(4),
.search_box:nth-child(2) .search_w1:first-child .search_int > select:nth-child(5),
.search_box:nth-child(2) .search_w1:nth-child(2) select,
.date_input input{width:111px;}
.search_box:nth-child(2) .search_w1:first-child .search_int > select:nth-child(6),
.search_box:nth-child(2) .search_w1:first-child .search_int > select:nth-child(7),
.search_box:nth-child(2) .search_w1:first-child .search_int > select:nth-child(8){width:151px;}
.search_box:first-child .search_w1:nth-child(2) input,
.search_box:nth-child(2) .search_w1:nth-child(2) .search_w2:first-child input,
.search_box:nth-child(2) .search_w1:nth-child(2) .search_w2:nth-child(2) input{width:248.68px;}
.search_box:nth-child(2) .search_w1:nth-child(2) .search_w2:nth-child(3) select{width:136px;}
.search_box:nth-child(2) .search_w1:nth-child(2) .search_w2:first-child{padding-right:21px;}
.search_box:nth-child(2) .search_w1:nth-child(2) .search_w2:nth-child(2){padding-right:18px;}
.search_box button,
.list-btn__dropdown button:not(.btn-dropdown){height:29px; width:158px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#fff; background:#67bab4; border:none; border-radius:4px; cursor:pointer; font-weight:700; gap:4px;}
.list-btn__dropdown button:not(.btn-dropdown):not(.btn-function){background: #e8fbfb;border: 2px solid #67bab4;color: #67bab4;}
.list-btn__dropdown button:not(.btn-dropdown):disabled{color:#666; background:#ddd; border:2px solid #666; cursor:auto;}
.unit{color:#666; font-size:14px; font-weight:600; position:relative; display:flex; background:#cddddd; gap:1px; border-radius:4px; padding:1px;}
.unit span{color:#0c4743;}
.unit > span:first-child{padding:1px 15px; border-radius:4px 0 0 4px;}
.unit span:not(:first-child){background:#fff; padding:1px 10px; color:#666;}
.right-btn{display:flex; gap:10px;}
.right-btn button{height:31px; width:111px;}
button.bg_white{border:2px solid #70beb8; background:#fff; color:#70beb8; font-weight:700; font-size:12px; cursor:pointer;}
button.bg_green{border:none; background:#70beb8; color:#fff; font-weight:700; font-size:12px; cursor:pointer; border-radius:4px;}
button.bg_red{border:none; background:#d76970; color:#fff; font-weight:700; font-size:12px; cursor:pointer; border-radius:4px;}
.section__second{display:flex; align-items:center; justify-content:space-between; margin-top:10px;}
.load_excel{margin-top:15px;}
.load_excel > button{display:flex; align-items:center; justify-content:center; gap:5px; width:110px; color:#0f783d; font-weight:800; height:32px; background:#e7eded; border:1px solid #cddddd; border-radius:5px; font-size:12px; cursor:pointer;}
.load_excel img{width:20px;}

/* sihong tracking2 css */
.search_item{display:flex; align-items:center; gap:4px; padding-bottom:4px;}
.search_item:last-child{padding-bottom:0;}
.search_item .search_int,
.search_item .SumoSelect,
.search_item .search_int input:not(.datepicker, .search-txt){position:relative; width:100%; gap:4px;}
.search_item .search_int input.search_condition{width:75px; background:#fff url(/Images/icn_search.png) no-repeat calc(100% - 5px) 50%; background-size:13px; cursor:pointer;}
.search_item .search_int.title{width:auto;}
.search_item .search_title > span{width:100px; padding-right:4px; text-align:right;}
.search_item .select{min-width:120px; }
.search_item .select::-ms-expand{display:none;}
.search_item select{min-width:126px; width:100%;-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/Images/icn_select.png) no-repeat calc(100% - 10px) 50%;}
/* sihong 241007 - 리스트별 너비 조정을 위해 추가 */
.search_list:nth-child(3) .search_item .search_title > span{width:85px;}
.search_list:nth-child(even) .search_item .search_title > span{width:65px;}
/* sihong 260203 - 영문화 */
.search_item.column{flex-direction:column; align-items:flex-start;}
.search_item.column .search_title > span{text-align:left;}
.search_list:nth-child(3) .search_item.column .search_title > span,
.search_list:nth-child(even) .search_item.column .search_title > span{width:100%;}
.tracking-eng .search_list{width:100%;}
.no-title .search_item{padding-top:24px;}
.no-title .date_input input{width:100%;}
.tracking-eng .wide .SumoSelect>.CaptionCont{max-width:395.5px;}

/* delete */
.btn-delete{display:none; position:absolute; top:50%; right:5px; width:20px; height:20px; background:url(/Images/close02.png) no-repeat 50% 50%; background-size:10px; transform:translateY(-50%);}

/* tracking2 tab */
.tab-grid__container{display:none}
.tab-grid__container.on{display:block;}
.tab-grid__container .slick-container{width:100%; height:555px;}

button[class^=btn-excel_download]{display:flex; justify-content:center; align-items:center; gap:4px; position:absolute; width:150px; height:50px; bottom:0; right:155px; background:#0c4743; color:#fff; border-radius:4px 4px 0 0;}
button[class^=btn-excel_download]:last-child{right:0;}

/* list-btn */
.list-btn__dropdown{display:flex;justify-content:flex-end;position:relative;margin-bottom:10px;}
.list-btn__dropdown ul{display:none; width:158px; position:absolute; right:0; top:35px; background:#fff; border:1px solid #ddd; border-radius:3px; box-shadow:2px 3px 3px rgba(0,0,0,0.11); z-index:100;}
.list-btn__dropdown ul li{padding:3px 8px; border-bottom:1px solid #eee;}
.list-btn__dropdown ul li:first-child{border-top-left-radius:3px; border-top-right-radius:3px;}
.list-btn__dropdown ul li:last-child{border-bottom:0; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.list-btn__dropdown ul li:hover{background:#e4e4e4;}
.list-btn__dropdown ul li button{width:100%; color:#666; font-size:12px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-btn__dropdown ul li button:disabled{color:#666; background:#ddd; border:2px solid #666; cursor:auto;}
.btn_type ul{display:none; width:160px; position:absolute; left:10px; top:40px; background:#fff; border:1px solid #ddd; border-radius:3px; box-shadow:2px 3px 3px rgba(0,0,0,0.11); z-index:100;}
.btn_type ul li{padding:3px 8px; border-bottom:1px solid #eee;}
.btn_type ul li:first-child{border-top-left-radius:3px; border-top-right-radius:3px;}
.btn_type ul li:last-child{border-bottom:0; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.btn_type ul li:hover{background:#e4e4e4;}
.btn_type ul li button{width:100%; color:#666; font-size:12px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.btn_type ul li button:disabled{color:#666; background:#ddd; border:2px solid #666; cursor:auto;}

/* sihong tracking2 css */
/* ocean - orderlist */
/* ocean - order */
/*.search_cont.order .btn_type > button{border-radius:4px 4px 0 0; border: 1px solid #cddddd;}*/
.search_cont.order .search_wrap {
    padding: 15px 20px;
    gap: 13px;
}
.order_col {display: flex;flex-direction: column;/*max-width: 20%;*/width: 100%;}
.order_col:last-child{border-right:1px solid #588582;}
.order_info {display: flex;width: 100%;gap:10px;}
.oredr_w {display: flex;/* width: 356px; */height: 45px;line-height: 45px;width: 100%; border-bottom:1px solid #588582;}
.order_info__tit {/* width: 170px; */font-size: 12px;color: #588582;background: #e7eded;font-weight: 500;width: 40%;}
.order_info__cont {/* width: 186px; */font-size: 12px;color: #fff;font-weight: 500;}
.order_info__tit p {padding-left: 16px;}
.order_info__cont p {padding-left: 12px;}
.oredr_w:first-child {border-top:1px solid #588582;}


/* ocean - order */

/* ocean - invoice */
.invoice .search_list:nth-child(1) .search_item .search_title > span,
.invoice .search_list:nth-child(3) .search_item .search_title > span{width:126px;}
.invoice .search_list:nth-child(even) .search_item .search_title > span{width:100px;}
/* ocean - invoice */

/* alert */
.layer_zone {
    display: none;
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 10000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.layer_zone::-webkit-scrollbar{display:none}
.layer_wrap{display: table; width: 92%; height: 100%; position: absolute; top: 0; left: 50%; box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -sand-transform: translateX(-50%);
    transform: translateX(-50%);
}
.layer_inwrap {display:table-cell;vertical-align:middle;}
.layer_cont{box-sizing:border-box;position:relative;background-color:#fff;max-width:400px;margin:0 auto; border-radius:10px; 
	-webkit-box-shadow: 10px 17px 30px 15px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 10px 17px 30px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 17px 30px 15px rgba(0, 0, 0, 0.1);
}
.inner{padding-left:20px;padding-right: 10px;padding-top:10px;}
.inner p{font-size:14px; line-height:25px;}
/*.inner p:before{position:absolute; content:''; width:5px; height:5px; top:50%; left:-5px; transform:translate(-50%, -50%); background:#6db9e4; border:none;}*/
.layer_tit{height:50px; background: #8aa9a7; border-radius:5px 5px 0 0; position:relative; display:flex; align-items:center;}
#ProgressPop .tit,
#_Upload .tit{margin-left:20px;}
#TEST_Upload .tit{margin-left:20px;}
.tit{font-size:14px; line-height:30px; color:#fff; background:#0c4743; height:30px; padding:0 10px; /*margin-left:20px;*/ border-radius:5px;}
.excep_warining{font-size:14px; color:#d76970;font-weight:bold;margin-left:10px;} /* api 30xx/40xx 팝업 전용*/
.close_btn{text-align:center; padding:16px 0;}
.close_btn.alert_btn{display:flex; justify-content:space-between; padding:20px 25px;}
.close_btn.alert_btn button{width:120px; height:45px; border:none; border-radius:5px; color:#fff; font-size:14px; font-weight:500; cursor:pointer;}
.close_btn.alert_btn.add_alert button{width:75px; height:45px; border:none; border-radius:5px; color:#fff; font-size:14px; font-weight:500; cursor:pointer;}
.close_btn.alert_btn button.cancel{background:#929f9e;}
.close_btn.alert_btn button.confirm{background:#67bab4;}
.close_btn.alert_btn button.confirmAdd{background:#8aa9a7;}
.close_btn.alert_btn button.confirm2{width:100%; background:#67bab4;}
.close_btn.alert_btn button.confirm2.off{position:relative; cursor:auto;}
.close_btn.alert_btn button.confirm2.off:before{position:absolute; content:''; width:100%; height:100%; background:#ddd; opacity:0.6; left:0; top:0; border-radius:5px;}
.close_btn button.off{position:relative; cursor:auto;}
.close_btn button.off:before{position:absolute; content:''; width:100%; height:100%; background:#ddd; opacity:0.6; left:0; top:0; border-radius:5px;}
.close{width:240px; height:40px; color:#fff; background:#67bab4; border:none; border-radius:5px; font-weight:600; cursor:pointer;}
.finish_btn{width:240px; height:40px; color:#fff; background:#67bab4; border:none; border-radius:5px; font-weight:600; cursor:pointer;}
.inner_cont{text-align:center; padding-top:20px;}
.inner_cont p{font-size:14px; color:#666; padding-top:15px; font-weight:500;}


#OrderMangement .layer_wrap{display:flex!important; align-items:center!important; justify-content:center!important;}
#OrderMangement .layer_inwrap{overflow-x:auto;}
#OrderMangement button{cursor:pointer;}
#OrderMangement input,
#OrderMangement select,
#OrderMangement textarea{height:20px;border:1px solid #6fbdb7;outline:none;color:#666;font-size:12px;border-radius:4px;background-size:15px;padding:0 5px;}
#OrderMangement .layer_cont{width:970px!important; max-width:unset!important;}
#OrderMangement .order_cont{height:700px!important;overflow:hidden auto!important;padding-right: 20px;}
#OrderMangement .order_cont::-webkit-scrollbar{width:8px;}
#OrderMangement .order_cont::-webkit-scrollbar-thumb{background:#6a7a79; border-radius:10px;}
#OrderMangement .order_cont::-webkit-scrollbar-track{background:#ced3d3;}
#OrderMangement .order_cont_w:first-child,
#OrderMangement .order_cont_w:nth-child(3){padding-right:20px;}
#OrderMangement .pop_sub_title{font-size:14px; color:#0c4743; font-weight:500;}
#OrderMangement .layer_header{display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; padding:0 20px!important;}
#OrderMangement .layer_title{display:flex!important; align-items:center!important; gap:10px!important;}
#OrderMangement .layer_title .tit{margin:0;}
#OrderMangement .layer_btn{display:flex!important; align-items:center!important; gap:10px!important;}
#OrderMangement .layer_btn button{width:110px; height:30px; line-height:27px; font-size:14px; border:2px solid #5ba8a2; font-weight:700; border-radius:5px;}
#OrderMangement .layer_btn .layer_button:first-child button{color:#5ba8a2; background:#fff;}
#OrderMangement .layer_btn .layer_button:nth-child(2) button,
#OrderMangement .layer_btn .layer_button:nth-child(3) button{color:#fff; background:#67bab4;}
#OrderMangement .layer_close{margin-left:10px; cursor:pointer;}
#OrderMangement .order_contr{display:flex!important; align-items:center!important; gap:3px!important}
#OrderMangement .order_cont_tit{padding-left:5px;}
#OrderMangement .order_cont_tit span {font-size: 14px; color: #0c4743; font-weight: 500; position:relative;}
#OrderMangement .order_cont_tit span:before{position:absolute;left:-5px;content:'';width:3px;height: 8px;background:#0c4743;bottom: 3px;}
#OrderMangement .order_cont_tit span:after{position:absolute;left:-5px;content:'';width:3px;height: 4px;background:#21938b;top: 5px;}
#OrderMangement .slick-pane{position:unset!important;}
#OrderMangement .search_input{background-image:url('/Images/icn_search.png'); background-repeat:no-repeat; background-position:95% 50%; background-size:13px!important; padding-right:16px!important; cursor:pointer;}

#BatchUpdate .layer_inwrap{overflow:hidden;}
#BatchUpdate button{cursor:pointer;}
#BatchUpdate input,
#BatchUpdate select,
#BatchUpdate textarea{height:20px;border:1px solid #6fbdb7;outline:none;color:#666;font-size:12px;border-radius:4px;background-size:15px;padding:0 5px;}
#BatchUpdate .layer_cont{max-width:770px!important;}
#BatchUpdate .inner{height:702px; overflow:hidden auto;}
#BatchUpdate .inner::-webkit-scrollbar{width:8px;}
#BatchUpdate .inner::-webkit-scrollbar-thumb{background:#6a7a79; border-radius:10px;}
#BatchUpdate .inner::-webkit-scrollbar-track{background:#ced3d3;}
#BatchUpdate .batch_cont_w:first-child,
#BatchUpdate .batch_cont_w:nth-child(3){padding-right:20px;}
#BatchUpdate .pop_sub_title{font-size:14px; color:#0c4743; font-weight:500;}
#BatchUpdate .layer_header{display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; padding:0 20px!important;}
#BatchUpdate .layer_title{display:flex!important; align-items:center!important; gap:10px!important;}
#BatchUpdate .layer_title .tit{margin:0;}
#BatchUpdate .layer_btn{display:flex!important; align-items:center!important; gap:10px!important;}
#BatchUpdate .layer_btn button{width:110px; height:30px; line-height:27px; font-size:14px; border:2px solid #5ba8a2; font-weight:700; border-radius:5px;}
#BatchUpdate .layer_btn .layer_button:first-child button{color:#5ba8a2; background:#fff;}
#BatchUpdate .layer_btn .layer_button:nth-child(2) button,
#BatchUpdate .layer_btn .layer_button:nth-child(3) button{color:#fff; background:#67bab4;}
#BatchUpdate .layer_close{margin-left:10px; cursor:pointer;}
#BatchUpdate .batch_cont.col{width:100%;}
#BatchUpdate .batch_cont_tit{padding-left:5px;}
#BatchUpdate .batch_cont_tit span {font-size: 14px; color: #0c4743; font-weight: 500; position:relative;}
#BatchUpdate .batch_cont_tit span:before{position:absolute;left:-5px;content:'';width:3px;height: 8px;background:#0c4743;bottom: 3px;}
#BatchUpdate .batch_cont_tit span:after{position:absolute;left:-5px;content:'';width:3px;height: 4px;background:#21938b;top: 5px;}
#BatchUpdate p {color: #588582;width: 150px; font-weight:500;}
#BatchUpdate input[type="checkbox"] {margin-right: 20px;}
#BatchUpdate select {width: 100%;}
#BatchUpdate .batch_info {background: #e7eded; padding: 5px; border-radius:4px; display:flex; flex-direction:column; gap:5px; border: 1px solid #588582;}
#BatchUpdate .batch-list__flex {display: flex; align-items: center; gap: 10px;}
#BatchUpdate .batch-list {display: flex; align-items: center;}
#BatchUpdate .batch-list button{height:20px; width:90px; display:flex; align-items:center; justify-content:center; font-size:12px; color:#fff; background:#67bab4; border:none; border-radius:4px; cursor:pointer; font-weight:700;}
#BatchUpdate .search-input .search-input{background-image:url('/Images/icn_search.png'); background-repeat:no-repeat; background-position:95% 50%; background-size:13px; padding-right:16px; cursor:pointer;}
#BatchUpdate .date_input .datepicker{background: #fff url(/Images/icn_calendar.png) no-repeat 95% 50%; background-size:14px; width:90px;}
.batch-list .input-flex {display: flex; gap: 5px; align-items:center;}
.batch-list span {color: #588582; font-size: 16px;}
.batch_cont1 .batch-list__flex:first-child input{width:170px;}
.batch_cont1 .batch-list__flex:nth-child(2) .batch-list:first-child input:first-child{width:70px;}
.batch_cont1 .batch-list__flex:nth-child(2) .batch-list:first-child input:nth-child(2){width:281px;}
.batch_cont1 .batch-list__flex:nth-child(2) .batch-list:nth-child(2) input:first-child{width:70px;}
.batch_cont1 .batch-list__flex:nth-child(2) .batch-list:nth-child(2) input:nth-child(2){width:111px;}
.batch_cont1 .batch-list__flex:nth-child(2) .batch-list:nth-child(3) input{width:214px;}
.batch_cont1 .batch-list__flex:nth-child(3) .batch-list:first-child input{width:90px;}
.batch_cont1 .batch-list__flex:nth-child(4) p{width:35px!important;}
.batch_cont1 .batch-list__flex:nth-child(4) .batch-list:first-child p{width:100px!important;}
.batch_cont1 .batch-list__flex:nth-child(4) input{width:90px;}
.batch-cont__flex{display:flex; align-items:center; gap:10px;}
.batch-flex{display:flex; align-items:center; padding-top:5px;}
#BatchUpdate .layer_button button{color:#fff; background:#67bab4;}
#BatchUpdate .layer_btn button{width:110px; height:30px; line-height:27px; font-size:14px; border:2px solid #5ba8a2; font-weight:700; border-radius:5px;}


.order-info__box1, .order-info__box2{width:50%;}
.order-info__element{display:flex; gap:5px;}
.order-info__form{display:flex; flex-direction:column; background:#e7eded; padding:5px; border:1px solid #588582; border-radius:5px; margin-bottom:4.4px; gap:5px;}
.order-info__item{display:flex; gap:5px;}
.order-info__title > p{width: 54px;text-align:right;white-space:nowrap;color:#588582;font-weight:500;font-size:12px;line-height:unset;}
.order-info__value{display:flex; gap:5px;}
.slick-container > img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.layer_close{cursor:pointer;}

#Tracking .layer_cont{max-width:1160px;}
#Tracking .layer_header{display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; padding:0 20px!important;}
#Tracking .layer_title{display:flex!important; align-items:center!important; gap:10px!important;}
#Tracking .tracking-list__tit,
#Tracking .tracking-current__tit{padding-left:5px;}
#Tracking .layer_title .tit{margin:0;}
#Tracking .layer_btn{display:flex!important; align-items:center!important; gap:10px!important;}
#Tracking .layer_close{display:flex;}
#Tracking .tracking-list__tit span {font-size: 14px; color: #0c4743; font-weight: 500; position:relative;}
#Tracking .tracking-list__tit span:before{position:absolute;left:-5px;content:'';width:3px;height: 8px;background:#0c4743;bottom: 3px;}
#Tracking .tracking-list__tit span:after{position:absolute;left:-5px;content:'';width:3px;height: 4px;background:#21938b;top: 5px;}
#Tracking .tracking-current__tit span {font-size: 14px; color: #0c4743; font-weight: 500; position:relative;}
#Tracking .tracking-current__tit span:before{position:absolute;left:-5px;content:'';width:3px;height: 8px;background:#0c4743;bottom: 3px;}
#Tracking .tracking-current__tit span:after{position:absolute;left:-5px;content:'';width:3px;height: 4px;background:#21938b;top: 5px;}
#Tracking .info-list_cont2 {display: flex; width: 100%; border-bottom: 1px solid #6fbdb7;}
#Tracking .info-list {display: flex; padding: 5px; border-radius:4px;}
#Tracking .info-list__cont {max-width: 100%; width: 100%; border-top: 1px solid #6fbdb7;}
#Tracking .info-list__tit {max-width: 40%; width: 100%; font-size: 12px; color: #588582; background: #e7eded; font-weight: 500; padding: 10px;}
#Tracking .info-list__info {max-width: 60%; width: 100%; padding: 10px; color: #666; background:#fff;}
#Tracking .info-list__cont.left {border-left: 1px solid #6fbdb7;}
#Tracking .info-list__cont.right {border-right: 1px solid #6fbdb7;}
#Tracking .tracking-current__info{display:flex;}
#Tracking .tracking-current{padding-top:20px;}
#Tracking p{word-break:break-all;}

#CountryCode{z-index:10001;}
#CountryCode .layer_cont{max-width:700px;}
#CountryCode .layer_close{cursor:pointer;}
#CountryCode .layer_header{display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; padding:0 20px!important;}
#CountryCode .layer_title{display:flex!important; align-items:center!important; gap:10px!important;}
#CountryCode .code-input{display:flex; align-items:center; gap:10px; padding:10px; background:#e7eded; border-radius:4px; margin-bottom:10px;}
#CountryCode .code-input select,
#CountryCode .code-input input,
#CountryCode .code-input button{height:30px; border:1px solid #67bab4; outline:none; color:#666; font-size:12px; font-weight:700; border-radius:4px;}
#CountryCode .code-input button,
#CountryCode .code-input select{width:100px;}
#CountryCode .code-input input{width:calc(100% - 200px); padding-left:5px;}
#CountryCode .code-input button{background:#67bab4; display:flex; align-items:center; justify-content:center; cursor:pointer;}

#unipassPopup .layer_cont{max-width:1900px;}
#unipassPopup .layer_close{cursor:pointer;}
#unipassPopup .layer_header{display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; padding:0 20px!important;}
#unipassPopup .layer_title{display:flex!important; align-items:center!important; gap:10px!important;}
#unipassPopup .code-input{display:flex; align-items:center; gap:10px; padding:10px; background:#e7eded; border-radius:4px; margin-bottom:10px;}
#unipassPopup .code-input select,
#unipassPopup .code-input input,
#unipassPopup .code-input button{height:30px; border:1px solid #67bab4; outline:none; color:#666; font-size:12px; font-weight:700; border-radius:4px;}
#unipassPopup .code-input button,
#unipassPopup .code-input select{width:100px;}
#unipassPopup .code-input input{width:calc(100% - 200px); padding-left:5px;}
#unipassPopup .code-input button{background:#67bab4; display:flex; align-items:center; justify-content:center; cursor:pointer;}

#Console .layer_cont{max-width:497px;}
#Console .layer_close{cursor:pointer;}
#Console .layer_header{display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; padding:0 20px!important;}
#Console .layer_title{display:flex!important; align-items:center!important; gap:10px!important;}
#Console .layer_btn{display:flex!important; align-items:center!important; gap:10px!important;}
#Console .layer_btn button{width:110px; height:30px; line-height:27px; font-size:14px; border:2px solid #5ba8a2; font-weight:700; border-radius:5px; cursor:pointer;}
#Console .layer_btn .layer_button:first-child button{color:#5ba8a2; background:#fff;}
#Console .layer_btn .layer_button:nth-child(2) button,
#Console .layer_btn .layer_button:nth-child(3) button{color:#fff; background:#67bab4;}
#Console .inner{display:flex; flex-direction:column; gap:5px; padding:20px; padding-bottom:0;}
#Console input,
#Console select{border: 1px solid #6fbdb7; font-size:12px; border-radius:4px; height:30px; color:#666; outline:none; padding:0 5px;}
#Console input.datepicker{padding-right:30px; width:158px;}
#Console input.datepicker.air_pop{padding-right:30px; width:99px;}
#Console input.air_pop.time_input{ width:54px;background:none;padding:10px}
#Console input.air_pop.time_input[disabled]{ width:54px;background:#ddd;padding:10px}
#Console input.date_time{background:none; width:43px;}
#Console input.search-input{background:#fff url('/Images/icn_search.png') no-repeat 95% 50%; background-size:13px; padding-right:16px; cursor:pointer; width:120px;}
#Console .console-info__title > p{color:#588582; font-size:12px; font-weight:500; text-align:right; padding-right:10px;}
#Console .console-cont{display:flex; align-items:center;}
#Console .console-info__title{width:70px;}
#Console .console-info__value{display:flex; align-items:center; gap:5px; justify-content:space-between;}
#Console .console-cont-flex{display:flex; align-items:center;}
#Console input[disabled]{background:#ddd;}

#SingleExcept{z-index:10001;}
#SingleExcept .layer_cont{max-width: 376px;}
#SingleExcept .layer_close{cursor:pointer;}
#SingleExcept .layer_header{display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; padding:0 20px!important;}
#SingleExcept .layer_title{display:flex!important; align-items:center!important; gap:10px!important;}
#SingleExcept .code-input{display:flex; flex-direction:column; gap:10px; padding:10px; background:#e7eded; border-radius:4px; margin-bottom:10px;}
#SingleExcept .code-input select,
#SingleExcept .code-input input,
#SingleExcept .code-input button{height:30px; border:1px solid #67bab4; outline:none; color:#666; font-size:12px; font-weight:700; border-radius:4px;}
#SingleExcept .code-input button,
#SingleExcept .code-input select{/* width:100px; */}
#SingleExcept .code-input select{width:180%;}
#SingleExcept .code-input .date-input{display:flex;align-items:center;gap:8px;}
#SingleExcept .code-input .time-txt{margin-right:10px;font-size:14px;color:#0c4743; font-weight:bold;margin-left:2px;}
#SingleExcept .code-input input{width:calc(100% - 140px); padding-left:5px;}
#SingleExcept .code-input button{background:#67bab4;display:flex;align-items:center;justify-content:center;cursor:pointer;width: 100px;color: #fff;}
#SingleExcept .code-input .code-select{display:flex; gap:10px;}

#SingleExcept .code-input button.none_use{cursor:default;background-color:#d1d1d1; border:none;}


#ExcelTypeSelect{z-index:10001;}
#ExcelTypeSelect .layer_cont{max-width: 446px;}
#ExcelTypeSelect .layer_close{cursor:pointer;}
#ExcelTypeSelect .layer_header{display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; padding:0 20px!important;}
#ExcelTypeSelect .layer_title{display:flex!important; align-items:center!important; gap:10px!important;}
#ExcelTypeSelect .code-input{display:flex; align-items:center; gap:10px; padding:10px; background:#e7eded; border-radius:4px; margin-bottom:10px;}
#ExcelTypeSelect .code-input select,
#ExcelTypeSelect .code-input input,
#ExcelTypeSelect .code-input button{height:30px; border:1px solid #67bab4; outline:none; color:#666; font-size:12px; font-weight:700; border-radius:4px;}
#ExcelTypeSelect .code-input button,
#ExcelTypeSelect .code-input select{/* width:100px; */}
/*#ExcelTypeSelect .code-input select{width:180%;}*/
#ExcelTypeSelect .code-input input{width:calc(100% - 200px); padding-left:5px;}
#ExcelTypeSelect .code-input button{background:#67bab4;display:flex;align-items:center;justify-content:center;cursor:pointer;width: 100px;color: #fff;}

#ExcelTypeSelect .close{width:20px; height:30px; border:none; background:unset; cursor:pointer; top:25px; right:0; transform:translate(-50%, -50%); position:absolute;}
#ExcelTypeSelect .layer_tit .close:before{position:absolute; content:''; width:2px; height:25px; transform:rotate(45deg); top:3px; background:#fff;}
#ExcelTypeSelect .layer_tit .close:after{position:absolute; content:''; width:2px; height:25px; transform:rotate(-45deg); top:3px; background:#fff;}
#ExcelTypeSelect .save_btn{padding-bottom:20px;}
#ExcelTypeSelect .save_btn > button{background:#67bab4;border:none;display:flex;justify-content:center;align-items:center;width: 200px;gap:5px;color:#fff;font-weight:600;height: 35px;border-radius:5px;cursor:pointer;margin: 0 auto;}
#ExcelTypeSelect .file_cus{width:100%;}
#ExcelTypeSelect .file_cus.has_select{max-width:300px;}
#ExcelTypeSelect .file_cus label {/* display: block; */width: 500px;margin: 50px auto 0;font-size: 0;cursor: pointer;}
#ExcelTypeSelect input[type="file"] {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;font-size: initial;clip: rect(0 0 0 0);}
#ExcelTypeSelect .file_name {overflow: hidden;display: inline-block;vertical-align: middle;width: calc(100% - 108px);height: 40px;padding:0 12px;border: 1px solid #ccc;border-radius: 5px 0 0 5px;border-right: none;font-size: 14px;line-height: 38px;color: #111;white-space: nowrap;text-overflow: ellipsis;}
#ExcelTypeSelect .file_btn {display: inline-block;vertical-align: middle;width: 108px;height: 40px;/* margin-left: 8px; */background: #67bab4;border-radius: 0 5px 5px 0;font-size: 14px;font-weight: 600;line-height: 40px;color: #fff;text-align: center;}


#CIVALUE{text-align:right;}
.width35{width:35px!important;}
.width50{width:50px;}
.width66{width: 70.5px;}
.width70{width:70px;}
.width82{width: 84px;}
.width100{width:100px!important;}
.width125{width: 120px;}
.width135{width:135px;}
.width157{width:157px;}
.width170{width: 167px;}
.width247{width:247px;}
.width245{width:245px;}
.width310{width: 305px;}
.width346{width: 334px;}
.order-info__box2 .order-info__element{flex-direction:column;}
.order-info__flex{display:flex; gap:5px;}
.order-info__box2 .order-info__form:nth-child(2) .order-info__element .order-info__item:first-child .order-info__value,
.order-info__box2 .order-info__form:nth-child(2) .order-info__element .order-info__item:first-child .order-info__value input,
.order-info__box2 .order-info__form:nth-child(2) .order-info__element .order-info__item:nth-child(2) .order-info__value,
.order-info__box2 .order-info__form:nth-child(2) .order-info__element .order-info__item:nth-child(2) .order-info__value textarea{width:100%;}
.order-info__box2 textarea{resize:none; height:40px!important; padding:0;}
.order-info__box2 .order-info__form{margin-bottom:0;}
.order-info__box2 .order-info__title > p{width:45px;}
.order-info__box2 .order-info_cont3 .order-info__title > p{width:60px;}
.order-info__box2 .order-info_cont3 .order-info__item:nth-child(2) .order-info__value,
.order-info__box2 .order-info_cont3 .order-info__item:nth-child(2) .order-info__value input,
.order-info__box2 .order-info_cont3 .order-info__item:nth-child(2) .order-info__flex{width:100%;}

/*.order-info__box2 .order-info_cont1 .order-info__item:nth-child(2),
.order-info__box2 .order-info_cont2 .order-info__item:nth-child(2),
.order-info__box2 .order-info_cont3 .order-info__item:nth-child(3),
.order-info__box2 .order-info_cont3 .order-info__item:nth-child(4){align-items:flex-start;}*/

.order-info__box2 .order-info_cont3 .order-info__item:nth-child(3) .order-info__value,
.order-info__box2 .order-info_cont3 .order-info__item:nth-child(3) .order-info__value textarea,
.order-info__box2 .order-info_cont3 .order-info__item:nth-child(4) .order-info__value,
.order-info__box2 .order-info_cont3 .order-info__item:nth-child(4) .order-info__value textarea{width:100%;}

.order-info__box3 .order-info__item,
.order-info__box3 .order-info__value,
.order-info__box3 .order-info__value input{width:100%;}

.order-info__box4 .order-info__title > p{width:100px;}


.search-bl .search-bl__input {background: linear-gradient(to right, #537574, #0c4743); display:flex; padding: 10px; align-items: center; gap: 10px; border-radius: 4px;}
.search-bl p{color:#fff; font-size:14px;}
.search-bl input{height:30px; border:1px solid #67bab4; outline:none; padding:0 5px;}
.search-bl button{display:flex; align-items:center; background:#67bab4; border:none; color:#fff; height:30px; width:100px; justify-content:center; gap:4px; font-weight:600; border-radius:4px; cursor:pointer;}
/* alert */
/* Grid */
.slick-row {
    line-height: 16px;
}
.loading-indicator {display: inline-block; padding: 12px; background: white; -opacity: 0.5; color: black; font-weight: bold; z-index: 9999; border: 1px solid red; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0px 0px 5px red; -text-shadow: 1px 1px 1px white;}
.loading-indicator label {padding-left: 20px;}
.green {background-color: #d1e7dd;}
.red {background-color: #f8d7da;}
.orange {background-color: #fff3cd;}
.slick-header-column {align-items: center!important; font-weight: bold; background: #b7c6c68c; color: #0c4743; position:relative;}
.slick-header-column:before{position:absolute; content:''; top:50%; transform:translateY(-50%); right:0; width:1px; height:15px; background:#cddddd;}
.loading-indicator {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#myGrid > img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100px;}
.slick-cell{display:flex!important; align-items:center!important;}
.slick-cell.l0.r0{justify-content:center;}
/* Grid */

.progress_title{font-size:20px!important; padding-bottom:10px; font-weight:500; color:#666;}
.progress_per{padding:0 5px; color:#0c4743;}
.dash-progress{background:#e7eded ; width:100%; height:20px; border-radius:20px;}
.dash-progress__bar {background: repeating-linear-gradient( 100deg, #0c4743, #0c4743 2px, #1f5552 2px, #1f5552 4px ); height: 20px; border-radius:20px;}
.dash-progress__bar.per0{width:0;}
.dash-progress__bar.per1{width:1%;}
.dash-progress__bar.per2{width:2%;}
.dash-progress__bar.per3{width:3%;}
.dash-progress__bar.per4{width:4%;}
.dash-progress__bar.per5{width:5%;}
.dash-progress__bar.per6{width:6%;}
.dash-progress__bar.per7{width:7%;}
.dash-progress__bar.per8{width:8%;}
.dash-progress__bar.per9{width:9%;}
.dash-progress__bar.per10{width:10%;}
.dash-progress__bar.per11{width:11%;}
.dash-progress__bar.per12{width:12%;}
.dash-progress__bar.per13{width:13%;}
.dash-progress__bar.per14{width:14%;}
.dash-progress__bar.per15{width:15%;}
.dash-progress__bar.per16{width:16%;}
.dash-progress__bar.per17{width:17%;}
.dash-progress__bar.per18{width:18%;}
.dash-progress__bar.per19{width:19%;}
.dash-progress__bar.per20{width:20%;}
.dash-progress__bar.per21{width:21%;}
.dash-progress__bar.per22{width:22%;}
.dash-progress__bar.per23{width:23%;}
.dash-progress__bar.per24{width:24%;}
.dash-progress__bar.per25{width:25%;}
.dash-progress__bar.per26{width:26%;}
.dash-progress__bar.per27{width:27%;}
.dash-progress__bar.per28{width:28%;}
.dash-progress__bar.per29{width:29%;}
.dash-progress__bar.per30{width:30%;}
.dash-progress__bar.per31{width:31%;}
.dash-progress__bar.per32{width:32%;}
.dash-progress__bar.per33{width:33%;}
.dash-progress__bar.per34{width:34%;}
.dash-progress__bar.per35{width:35%;}
.dash-progress__bar.per36{width:36%;}
.dash-progress__bar.per37{width:37%;}
.dash-progress__bar.per38{width:38%;}
.dash-progress__bar.per39{width:39%;}
.dash-progress__bar.per40{width:40%;}
.dash-progress__bar.per41{width:41%;}
.dash-progress__bar.per42{width:42%;}
.dash-progress__bar.per43{width:43%;}
.dash-progress__bar.per44{width:44%;}
.dash-progress__bar.per45{width:45%;}
.dash-progress__bar.per46{width:46%;}
.dash-progress__bar.per47{width:47%;}
.dash-progress__bar.per48{width:48%;}
.dash-progress__bar.per49{width:49%;}
.dash-progress__bar.per50{width:50%;}
.dash-progress__bar.per51{width:51%;}
.dash-progress__bar.per52{width:52%;}
.dash-progress__bar.per53{width:53%;}
.dash-progress__bar.per54{width:54%;}
.dash-progress__bar.per55{width:55%;}
.dash-progress__bar.per56{width:56%;}
.dash-progress__bar.per57{width:57%;}
.dash-progress__bar.per58{width:58%;}
.dash-progress__bar.per59{width:59%;}
.dash-progress__bar.per60{width:60%;}
.dash-progress__bar.per61{width:61%;}
.dash-progress__bar.per62{width:62%;}
.dash-progress__bar.per63{width:63%;}
.dash-progress__bar.per64{width:64%;}
.dash-progress__bar.per65{width:65%;}
.dash-progress__bar.per66{width:66%;}
.dash-progress__bar.per67{width:67%;}
.dash-progress__bar.per68{width:68%;}
.dash-progress__bar.per69{width:69%;}
.dash-progress__bar.per70{width:70%;}
.dash-progress__bar.per71{width:71%;}
.dash-progress__bar.per72{width:72%;}
.dash-progress__bar.per73{width:73%;}
.dash-progress__bar.per74{width:74%;}
.dash-progress__bar.per75{width:75%;}
.dash-progress__bar.per76{width:76%;}
.dash-progress__bar.per77{width:77%;}
.dash-progress__bar.per78{width:78%;}
.dash-progress__bar.per79{width:79%;}
.dash-progress__bar.per80{width:80%;}
.dash-progress__bar.per81{width:81%;}
.dash-progress__bar.per82{width:82%;}
.dash-progress__bar.per83{width:83%;}
.dash-progress__bar.per84{width:84%;}
.dash-progress__bar.per85{width:85%;}
.dash-progress__bar.per86{width:86%;}
.dash-progress__bar.per87{width:87%;}
.dash-progress__bar.per88{width:88%;}
.dash-progress__bar.per89{width:89%;}
.dash-progress__bar.per90{width:90%;}
.dash-progress__bar.per91{width:91%;}
.dash-progress__bar.per92{width:92%;}
.dash-progress__bar.per93{width:93%;}
.dash-progress__bar.per94{width:94%;}
.dash-progress__bar.per95{width:95%;}
.dash-progress__bar.per96{width:96%;}
.dash-progress__bar.per97{width:97%;}
.dash-progress__bar.per98{width:98%;}
.dash-progress__bar.per99{width:99%;}
.dash-progress__bar.per100{width:100%;}

.progress_area{padding-bottom:20px;}
.progresss_step{position:relative; background:#e7eded; padding:20px; overflow-y:auto;}
.progresss_step::-webkit-scrollbar {width: 9px;}
.progresss_step::-webkit-scrollbar-thumb {background: #6a7a79; border-radius: 10px;}
.progresss_step::-webkit-scrollbar-track {background: #fff;}
.pro_stat{display:flex; align-items:center; gap:10px;}
/*.pro_stat:not(:last-child){padding-bottom:20px;}*/
.pro_stat_img{width:29px; height:29px; display:flex; align-items:center; justify-content:center; border-radius:50%; position:relative;}
.pro_stat.complete .pro_stat_img{background:#67bab4;}
.pro_stat.error .pro_stat_img{background:#d76970;}
.pro_stat.yet .pro_stat_img{background:#bec5c4;}
.pro_stat-text{color:#666; font-size:14px; font-weight:500;}
/*.pro_stat_img:before{position:absolute; content:''; height:18px; width:2px; left:50%; bottom:-19px;}*/
.pro_stat:last-child .pro_stat_img:before{display:none;}
.pro_stat.complete .pro_stat_img:before{background:#67bab4;}
.pro_stat.error .pro_stat_img:before{background:#d76970;}
/*.pro_stat.yet .pro_stat_img:before{background:#bec5c4; border-left:2px dotted #787979; width:unset;}*/
.pro__error-img{width:24px; height:20px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.pro__error-img > img{width:10px;}
.pro__error{display:none; font-size:12px; padding-top:10px; padding-left:40px; height:110px; overflow-y:auto;}
.pro__error__tit{color:#e01010; font-weight:500; position:relative;}
.pro__error__tit:before{position:absolute; top:47%; left:-10px; content:''; width:5px; height:5px; border-radius:50%; background:#e01010;}
.pro__error__cont{color:#666; font-weight:500;}
.pro__error::-webkit-scrollbar {width: 9px;}
.pro__error::-webkit-scrollbar-thumb {background: #6a7a79; border-radius: 10px;}
.pro__error::-webkit-scrollbar-track {background: #fff;}

@keyframes ing {
  0% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}
.ing {animation:ing 1s linear infinite;}


#_Upload .close{width:20px; height:30px; border:none; background:unset; cursor:pointer; top:25px; right:0; transform:translate(-50%, -50%); position:absolute;}
#_Upload .layer_tit .close:before{position:absolute; content:''; width:2px; height:25px; transform:rotate(45deg); top:3px; background:#fff;}
#_Upload .layer_tit .close:after{position:absolute; content:''; width:2px; height:25px; transform:rotate(-45deg); top:3px; background:#fff;}
#_Upload .save_btn{padding:20px;}
#_Upload .save_btn > button{background:#67bab4;border:none;display:flex;justify-content:center;align-items:center;width: 200px;gap:5px;color:#fff;font-weight:600;height: 35px;border-radius:5px;cursor:pointer;margin: 0 auto;}
#_Upload .file_cus label {/* display: block; */width: 500px;margin: 50px auto 0;font-size: 0;cursor: pointer;}
#_Upload input[type="file"] {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;font-size: initial;clip: rect(0 0 0 0);}
#_Upload .file_name {overflow: hidden;display: inline-block;vertical-align: middle;width: calc(100% - 108px);height: 40px;padding:0 12px;border: 1px solid #ccc;border-radius: 5px 0 0 5px;border-right: none;font-size: 14px;line-height: 38px;color: #111;white-space: nowrap;text-overflow: ellipsis;}
#_Upload .file_btn {display: inline-block;vertical-align: middle;width: 108px;height: 40px;/* margin-left: 8px; */background: #67bab4;border-radius: 0 5px 5px 0;font-size: 14px;font-weight: 600;line-height: 40px;color: #fff;text-align: center;}


#TEST_Upload .close{width:20px; height:30px; border:none; background:unset; cursor:pointer; top:25px; right:0; transform:translate(-50%, -50%); position:absolute;}
#TEST_Upload .layer_tit .close:before{position:absolute; content:''; width:2px; height:25px; transform:rotate(45deg); top:3px; background:#fff;}
#TEST_Upload .layer_tit .close:after{position:absolute; content:''; width:2px; height:25px; transform:rotate(-45deg); top:3px; background:#fff;}
#TEST_Upload .save_btn{padding:20px;}
#TEST_Upload .save_btn > button{background:#67bab4;border:none;display:flex;justify-content:center;align-items:center;width: 200px;gap:5px;color:#fff;font-weight:600;height: 35px;border-radius:5px;cursor:pointer;margin: 0 auto;}
#TEST_Upload .file_cus label {/* display: block; */width: 500px;margin: 50px auto 0;font-size: 0;cursor: pointer;}
#TEST_Upload input[type="file"] {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;font-size: initial;clip: rect(0 0 0 0);}
#TEST_Upload .file_name {overflow: hidden;display: inline-block;vertical-align: middle;width: calc(100% - 108px);height: 40px;padding:0 12px;border: 1px solid #ccc;border-radius: 5px 0 0 5px;border-right: none;font-size: 14px;line-height: 38px;color: #111;white-space: nowrap;text-overflow: ellipsis;}
#TEST_Upload .file_btn {display: inline-block;vertical-align: middle;width: 108px;height: 40px;/* margin-left: 8px; */background: #67bab4;border-radius: 0 5px 5px 0;font-size: 14px;font-weight: 600;line-height: 40px;color: #fff;text-align: center;}

/* calender */
.ui-datepicker{z-index:10001 !important;}
.ui-datepicker-prev > span{background:url(/Images/cal_prev.png) no-repeat !important;}
.ui-datepicker-next > span{background:url(/Images/cal_next.png) no-repeat !important;}
.ui-datepicker td a:hover{background:#489b95; color:#fff;}

/* SumoSelect */
.SumoSelect{width:126px;}
.SumoSelect>.optWrapper ul::-webkit-scrollbar{width:6px;}
.SumoSelect>.optWrapper ul::-webkit-scrollbar-thumb{background:#0c4743; border-radius:10px;}
.SumoSelect>.optWrapper ul::-webkit-scrollbar-track{background:#fff;}

/* ISpinner */
.loading{position: fixed;width: 100%;height: 100%;z-index: 80000;top: 0;left:0;background: rgba(0,0,0,.7);}
.ispinner {width: 52px;height: 52px;position: absolute;top: 50%;left: 50%;margin: -26px 0 0 -26px}
.ispinner .ispinner-blade {position: absolute;top: 37%;left: 44.5%;width: 10%;height: 25%;background-color: #fff;border-radius: 50%/20%;
    -webkit-animation: iSpinnerBlade 1s linear infinite;
            animation: iSpinnerBlade 1s linear infinite;
    will-change: opacity; 
}
.ispinner .ispinner-blade:nth-child(1) {
  -webkit-transform: rotate(30deg) translate(0, -150%);
          transform: rotate(30deg) translate(0, -150%);
  -webkit-animation-delay: -1.6666666667s;
          animation-delay: -1.6666666667s; }
.ispinner .ispinner-blade:nth-child(2) {
  -webkit-transform: rotate(60deg) translate(0, -150%);
          transform: rotate(60deg) translate(0, -150%);
  -webkit-animation-delay: -1.5833333333s;
          animation-delay: -1.5833333333s; }
.ispinner .ispinner-blade:nth-child(3) {
  -webkit-transform: rotate(90deg) translate(0, -150%);
          transform: rotate(90deg) translate(0, -150%);
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s; }
.ispinner .ispinner-blade:nth-child(4) {
  -webkit-transform: rotate(120deg) translate(0, -150%);
          transform: rotate(120deg) translate(0, -150%);
  -webkit-animation-delay: -1.4166666667s;
          animation-delay: -1.4166666667s; }
.ispinner .ispinner-blade:nth-child(5) {
  -webkit-transform: rotate(150deg) translate(0, -150%);
          transform: rotate(150deg) translate(0, -150%);
  -webkit-animation-delay: -1.3333333333s;
          animation-delay: -1.3333333333s; }
.ispinner .ispinner-blade:nth-child(6) {
  -webkit-transform: rotate(180deg) translate(0, -150%);
          transform: rotate(180deg) translate(0, -150%);
  -webkit-animation-delay: -1.25s;
          animation-delay: -1.25s; }
.ispinner .ispinner-blade:nth-child(7) {
  -webkit-transform: rotate(210deg) translate(0, -150%);
          transform: rotate(210deg) translate(0, -150%);
  -webkit-animation-delay: -1.1666666667s;
          animation-delay: -1.1666666667s; }
.ispinner .ispinner-blade:nth-child(8) {
  -webkit-transform: rotate(240deg) translate(0, -150%);
          transform: rotate(240deg) translate(0, -150%);
  -webkit-animation-delay: -1.0833333333s;
          animation-delay: -1.0833333333s; }
.ispinner .ispinner-blade:nth-child(9) {
  -webkit-transform: rotate(270deg) translate(0, -150%);
          transform: rotate(270deg) translate(0, -150%);
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.ispinner .ispinner-blade:nth-child(10) {
  -webkit-transform: rotate(300deg) translate(0, -150%);
          transform: rotate(300deg) translate(0, -150%);
  -webkit-animation-delay: -0.9166666667s;
          animation-delay: -0.9166666667s; }
.ispinner .ispinner-blade:nth-child(11) {
  -webkit-transform: rotate(330deg) translate(0, -150%);
          transform: rotate(330deg) translate(0, -150%);
  -webkit-animation-delay: -0.8333333333s;
          animation-delay: -0.8333333333s; }
.ispinner .ispinner-blade:nth-child(12) {
  -webkit-transform: rotate(360deg) translate(0, -150%);
          transform: rotate(360deg) translate(0, -150%);
  -webkit-animation-delay: -0.75s;
          animation-delay: -0.75s; }
.ispinner.ispinner-large {width: 50px;height: 50px; }
.ispinner.ispinner-large .ispinner-blade {
  	width: 5.5714285714%;
  	height: 25.7142857143%;
	border-radius: 50%/16.67%; 
}

@-webkit-keyframes iSpinnerBlade {
  0% {opacity: 0.9;}
  50% {opacity: 0.25;}
  100% {opacity: 0.25;} 
}

@keyframes iSpinnerBlade {
  0% {opacity: 0.9;}
  50% {opacity: 0.25;}
  100% {opacity: 0.25;} 
}
/* //ISpinner */

/* sihong - tracking-grid */
#Tracking .tracking-grid{display:flex; justify-content:center; gap:20px;}
#Tracking .tracking-grid__tbl{width:calc(50% - 10px); padding-top:20px; color:#181d1f;}
#Tracking .tracking-tbl__title{position:relative; padding-left:5px; padding-bottom:10px;}
#Tracking .tracking-tbl__title p{position:relative; color:#0c4743; font-size:14px; font-weight:500;}
#Tracking .tracking-tbl__title .tracking-btn__cntr{position:absolute; top:50%; right:0; font-size: 14px; font-weight:700; line-height: 30px; color: #fff; background: #0c4743; height: 30px; padding: 0 10px; border-radius: 5px; transform:translateY(-50%);}
#Tracking .tracking-tbl__title p:before,
#Tracking .tracking-tbl__title p:after{position:absolute; content:''; left:-5px; top:50%; width:3px; height:4px; background-color:#0c4743;}
#Tracking .tracking-tbl__title p:after{top:auto; bottom:50%; background-color:#21938b;}
#Tracking .tracking-tbl__title p.sort{width:8px; height:8px;}
#Tracking .tracking-tbl__desc{border:1px solid #dae1e7; overflow:auto;}
#Tracking .tracking-desc__subtit,
#Tracking .tracking-desc__cell{min-width:200px; width:100%}
#Tracking .tracking-desc__subtit.status_goods,
#Tracking .tracking-desc__cell.status_goods{min-width:250px;}
#Tracking .tracking-desc__subtit:first-child,
#Tracking .tracking-desc__cell:first-child{min-width:50px; max-width:50px;}
#Tracking .tracking-desc__title{display:flex; position:sticky; top:0; color:#0c4743; font-weight:600;}
#Tracking .tracking-desc__subtit{position:relative; display:flex; justify-content:center; align-items:center; background-color:#e7eded; border-bottom:1px solid #dae1e7; cursor:pointer;}
#Tracking .tracking-desc__subtit:not(:last-child):before{position:absolute; content:''; top:50%; right:0; width:1px; height:15px; background:#cddddd; transform:translateY(-50%);}
#Tracking .tracking-desc__subtit:hover{background-color:#e7e7e7;}
#Tracking .tracking-desc__title .tracking-cell{font-size:13px; line-height:35px;}
#Tracking .sort{width:8px; height:8px; margin-left:3px; background:url('/Images/sort_asc.png') no-repeat 50% 50%;}
#Tracking .sort.desc{background:url('/Images/sort_desc.png') no-repeat 50% 50%;}
#Tracking .tracking-desc__list{display:flex;}
#Tracking .tracking-desc__list:nth-child(even){background-color:#fbfbfb;}
#Tracking .tracking-desc__list:hover,
#Tracking .tracking-desc__list:nth-child(even):hover{background-color:#e8f4fe;}
#Tracking .tracking-desc__list:hover .tracking-cell,
#Tracking .tracking-desc__list:nth-child(even):hover .tracking-cell{background-color:#e8f4fe;}
#Tracking .tracking-cell{display:block;}
#Tracking .tracking-desc__content{height:263px;}
#Tracking .tracking-desc__cell .tracking-cell{padding:0 10px; font-size:13px; border-bottom:1px solid #dae1e7; white-space:nowrap; overflow:hidden; box-sizing:border-box;}
#Tracking .tracking-desc__cell .tracking-cell.number{text-align:center;}
/* //tracking-grid*/

/* sihong - textarea custom */
.search-input,
.search_int{position:relative;}
.search-input textarea,
.search_int .search__split{display:none; position:absolute; left:0; top:35px; border:1px solid #67bab4; color:#666; font-size:12px; font-weight:700; z-index:10; width:100%;}
.search-input textarea.focus,
.search_int .search__split.focus{display:block;}
.show_textarea{color:#666; font-size:12px; font-weight:700;}
/* //sihong - textarea custom */
/* SMS */
body.sms {
    background: #b1cac8;
}

.contents {
    padding: 0 24px;
}

body.sms {
  min-width: 360px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
body.sms .wrap {
  flex: 1;
}
body.sms .wrap header {
  height: 56px;
  display: table;
}
body.sms .wrap header .contents {
  display: table-cell;
  vertical-align: middle;
}
body.sms .wrap header .contents .header__title {
  font-family: "Romic";
  font-size: 22px;
  color: #0c4743;
}
body.sms .wrap section article.info-contents {
  background: #0c4743;
}
body.sms .wrap section article.info-contents .contents {
  padding: 19px 24px 20px;
}
body.sms .wrap section article.info-contents .contents .info-contents__title {
  font-size: 18px;
  color: #fff;
  text-align: center;
  font-weight: 500;
}
body.sms .wrap section article.info-contents .contents .info-contents__info1 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info1_name .name {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  position:relative;
  margin-left:10px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info1_name .name:before,
body.sms .wrap section article.info-contents .contents .info-contents__info1_num .num:before,
body.sms .wrap section article.info-contents .contents .info-contents__info2 .info-contents__info_title:before{
  position:absolute; content:''; width:5px; height:5px; border-radius:100%; background:#67bab4; top:6px; left:-10px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info1_num .num {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  position:relative;
  margin-left:10px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 {
  padding-top: 10px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .info-contents__info_title {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  position:relative;
  margin-left:10px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .info-contents__info-input {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 10px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .info-contents__info-input .info-contents-select select {
  font-size: 14px;
  color: #666;
  height: 36px;
  width: 100%;
  padding: 0 10px;
  border: 2px solid #67bab4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("/images/select.png") no-repeat 98% 50%;
  background-size: 10px;
  outline: unset;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .info-contents__info-input .info-contents-input input {
  font-size: 14px;
  color: #666;
  height: 36px;
  width: 100%;
  padding: 0 10px;
  border: 2px solid #67bab4;
  outline: unset;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .info-contents__info-input .info-save {
  text-align: center;
  padding-top: 24px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .info-contents__info-input .info-save button {
  width: 175px;
  height: 36px;
  color: #fff;
  background: #67bab4;
  border-radius: 20px;
  font-weight: 800;
  font-size: 14px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap .info-check {
  display: flex;
  align-items: center;
  justify-content:space-between;
  gap: 5px;
  position: relative;
  padding-bottom: 10px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap .info-check input[id=chk1] {
  margin: 0;
  display: none;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap .info-check label {
  display: block;
  border: 2px solid #67bab4;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap .info-check label:after {
  position: absolute;
  content: "개인정보, 통관정보 수집 및 제공에 동의합니다.";
  white-space: nowrap;
  left: 27px;
  font-size: 14px;
  color: #fff;
  top: 2px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap .info-check #chk1 + label {
  background: #fff;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap .info-check #chk1:checked + label {
  position: relative;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap .info-check #chk1:checked + label:before {
  position: absolute;
  width: 15px;
  height: 15px;
  content: "";
  background: #67bab4 url("/images/check.png") no-repeat 50% 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap .info-check p {
  cursor: pointer;
  font-size:12px;
  color:#67bab4;
  text-decoration:underline;
  text-underline-position:under;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap .info-check p.show {
  display: block;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap .info-check p.hide {
  display: none;
}

body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap-cont {
  display: none;
  padding:17px;
  background:#e7eded;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap-cont .agree-contents {
  height:180px;
  overflow:auto;
  color: #666;
  font-size:14px;
  font-weight:600;
  display:flex;
  flex-direction:column;
  gap:10px;
}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap-cont .agree-contents::-webkit-scrollbar{width:7px;}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap-cont .agree-contents::-webkit-scrollbar-thumb{background:#6a7a79; border-radius:10px;}
body.sms .wrap section article.info-contents .contents .info-contents__info2 .agree-wrap-cont .agree-contents::-webkit-scrollbar-track{background:#ced3d3;}

h3.title{color:#0c4743; font-size:16px;}
strong.tit{color:#333; font-size:16px; background:unset; border:unset;}
.grp p{padding-right:25px;}
body.sms .wrap section article.info-contents2 .contents {
  padding: 19px 24px 20px;
}
body.sms .wrap section article.info-contents2 .contents .pcc-contents__box {
  background: #e9f0f0;
  padding: 18px 12px 20px;
}
body.sms .wrap section article.info-contents2 .contents .pcc-contents__box_title {
  color: #0c4743;
  font-size: 18px;
  text-align: center;
  padding-bottom: 15px;
  font-weight: 800;
}
body.sms .wrap section article.info-contents2 .contents .pcc-contents__box-cont {
  display: flex;
  justify-content: center;
}
body.sms .wrap section article.info-contents2 .contents .pcc-contents__box-cont p {
  line-height: 24px;
  color: #67bab4;
  font-size: 12px;
  font-weight: 500;
  word-break: keep-all;
}
body.sms .wrap section article.info-contents2 .contents .pcc-contents__box .pcc__btn {
  padding-top: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.sms .wrap section article.info-contents2 .contents .pcc-contents__box .pcc__btn a {
  display: block;
  width: 175px;
  height: 36px;
  color: #0c4743;
  background: #b1cac8;
  border-radius: 20px;
  font-weight: 800;
  line-height: 36px;
  text-align: center;
}
body.sms footer #footer {
  padding-bottom: 20px;
  text-align: center;
  color: #394140;
  font-size: 12px;
  line-height: 19px;
  font-weight: 500;
}
body.sms .layer_zone {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
body.sms .layer_zone .layer_pop {
  width: 100%;
  height: 100%;
  display: table;
}
body.sms .layer_zone .layer_pop .alert {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
body.sms .layer_zone .layer_pop .alert:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #000;
  left: 0;
  top: 0;
}
body.sms .layer_zone .layer_pop .alert-cont {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
body.sms .layer_zone .layer_pop .alert-cont p {
  padding: 20px 0;
  color: #0c4743;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-wrap: pretty;
}
body.sms .layer_zone .layer_pop .alert-cont .alert_btn {
  text-align: center;
}
body.sms .layer_zone .layer_pop .alert-cont .alert_btn button {
  background: #67bab4;
  width: 100px;
  height: 31px;
  color: #fff;
  font-weight: 500;
}

.paging{display:flex; justify-content:center; align-items:center; gap:10px; margin-top:10px;}
.paging button{width:35px; height:35px; background:url(/Images/sp_paging.png) no-repeat;}
.paging button:disabled{opacity:0.3;cursor:default;}
.paging button#firstPrevPage{background-position:0 50%;}
.paging button#prevPage{background-position:-39px 50%;}
.paging button#nextPage{background-position:-79px 50%;}
.paging button#lastNextPage{background-position:-118px 50%;}

.paging button#firstPrevPage2{background-position:0 50%;}
.paging button#prevPage2{background-position:-39px 50%;}
.paging button#nextPage2{background-position:-79px 50%;}
.paging button#lastNextPage2{background-position:-118px 50%;}


.paging button#firstPrevPage3{background-position:0 50%;}
.paging button#prevPage3{background-position:-39px 50%;}
.paging button#nextPage3{background-position:-79px 50%;}
.paging button#lastNextPage3{background-position:-118px 50%;}

.paging input[type=text]{width:70px; height:35px; padding-right:10px; text-align:right; border:1px solid #67bab4; border-radius:4px;}

/* zipcode error message popup */
.zipcode_pop .layer_cont{max-width:800px;}
.zipcode_pop .pro__error{height:auto; padding-top:20px;}
.zipcode_pop .btn-error_download{position:absolute; top:12px; right:20px; display:flex; justify-content:center; align-items:center; gap:10px; padding:5px 20px; font-weight:900; background:#fff; border-radius:5px;}

/* console radio button */
.console-radio{display:flex; align-items:center; gap:1.25rem;}
.console-radio__btn{display:flex; align-items:center; gap:4px;}