@charset "utf-8";

.w2span.req, .w2textbox.req{position:relative;}
.w2span.req:before, 
.w2textbox.req:before{content:"*";padding-right: 5px;color:#e60012;font-size:12px;text-indent:-13px;position: inherit;}

.w2span.req2, .w2textbox.req2{position:relative;}
.w2span.req2:after, 
.w2textbox.req2:after{content:"*";padding-right: 5px;color:#e60012;font-size:12px;text-indent:-13px;position: inherit;}


.formBox {margin-bottom:40px;}
.formBox:last-child {margin-bottom:0px;}
.formBox > label {display: inline-block;margin-bottom: 11px;position: relative;font-size: 13px;color: #111;}

.itlBox {position: relative;display: table;width: 100%;padding: 0;box-sizing: border-box;}
.itlBox .cell {display: table-cell;padding: 0 0 0 16px;margin: 0;vertical-align: middle;position: relative;}
.itlBox .cell * {vertical-align: middle;}
.itlBox .cell:first-child {padding-left: 0;}

.error_box {height: auto;min-height: 72px;}
.error_box>.w2textbox {color:#e60012;font-size:11px;margin-top:8px;padding: 0;}


.check_col {display:block;border: 1px solid #ddd;padding: 0 10px;border-radius: 4px;}
.check_col .w2checkbox  {display:block;margin-left: 0 !important;padding: 15px 0;border-bottom:1px solid #ddd;height: auto;line-height: initial;}
.check_col .w2checkbox_label {display:block;background:url('/cm/mobile/img/ar_b_right.png') no-repeat center right; background-size:16px 16px;padding-right: 20px;}
.check_col .w2checkbox_main {width:100% !important}
.check_col .w2checkbox:last-child .w2checkbox_label {background:none;}
.check_col .w2checkbox:last-child {border-bottom:none;}
.check_col  .w2checkbox .w2checkbox_item, 
.check_col .w2radio .w2radio_item {display: block;}
.check_col .w2checkbox .w2checkbox_item .w2checkbox_label {display: block;}


input[type="radio"],
/* input[type="checkbox"]{position:absolute;width:0;height:0;z-index:2;}2021.01.20 웹접근성문제 visibility 삭제 --> 체크박스에 점(.)이 생기는 이유로 주석 */
input[type="checkbox"]{visibility:hidden} /* 2018.07.25 오타 수정 및 visibility 추가 */
input[type="radio"] + label,
input[type="checkbox"] + label{display:inline-block;position:relative;height:auto;padding-left:27px;padding-bottom:2px;font-size:15px;line-height:17px;vertical-align:top;}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before{content:"";position:absolute;left:0;top:0;width:19px;height:20px}
input[type="radio"]:focus + label:before,
input[type="checkbox"]:focus + label:before{outline:1px dotted}
input[type="radio"] + label:before{background:url("/mbdt/cm/images/inc/bg_input.png") no-repeat 0 0;-webkit-background-size:100px auto;background-size:100px auto}
input[type="radio"]:hover + label:before{background:url("/mbdt/cm/images/inc/bg_input.png") no-repeat 0 0;-webkit-background-size:100px auto;background-size:100px auto}
input[type="radio"]:checked + label:before{background:url("/mbdt/cm/images/inc/bg_input.png") no-repeat -40px 0;-webkit-background-size:100px auto;background-size:100px auto}
input[type="radio"]:disable + label:before{background:#808080}
input[type="radio"]:checked:disable + label:before{background:#ff0080}
input[type="checkbox"] + label:before{background:url("/mbdt/cm/images/inc/bg_input.png") no-repeat 0 -200px;-webkit-background-size:100px auto;background-size:100px auto}
input[type="checkbox"]:hover + label:before{background:url("/mbdt/cm/images/inc/bg_input.png") no-repeat 0 -200px;-webkit-background-size:100px auto;background-size:100px auto}
input[type="checkbox"]:checked + label:before{background:url("/mbdt/cm/images/inc/bg_input.png") no-repeat -40px -200px;-webkit-background-size:100px auto;background-size:100px auto}
input[type="checkbox"]:disable + label:before{background:#000}
input[type="checkbox"]:checked:disable + label:before{background:#000}

.w2checkbox .w2checkbox_item .w2checkbox_label {margin-left: 8px;line-height: initial;min-height: initial;font-size: 15px;color: #111;top: -10px;}
.w2checkbox .w2checkbox_item .w2checkbox_input{top: -3px;}


.gridBodyDefault_calendar{background:url(/cm/mobile/img/ic_form_calen.png) no-repeat right center; background-size:48px 48px;}
.gridBodyDefault_calendar nobr{padding-right:28px;}
.gridBodyDefault_calendar.w2grid_default_disabled{background:url(/cm/img/btn_calender_disabled.png) no-repeat right 3px center;}
.w2inputCalendar_div:not([style*="display: none"]) {display:flex !important}
.w2inputCalendar_div {height:48px  !important; border:0 !important; margin:0}
.w2inputCalendar_div_input {flex:1; height:inherit !important}
.w2inputCalendar_div_input .w2inputCalendar_divInput{height:inherit !important; padding:0 12px;}
 .w2inputCalendar_div_img {flex:none; width:16px; margin-left:2px}
.w2inputCalendar_div_img .w2inputCalendar_button {width:inherit; height:22px; top:4 !important; vertical-align:middle}



/* 버튼 */

.btns {min-height:48px;padding:9px;display: inline-block;border-radius: 4px;font-size:16px;}
.btns.btnLine {border:1px solid #0c1924;color:#0c1924;background:#fff !important;font-weight:bold;}

.btn {min-height:48px;padding:9px;display: inline-block;border-radius: 4px;font-size:15px;}
.btn.btnLine {border:1px solid #0c1924;color:#0c1924;background:#fff !important;}


.btns.anachor {border:1px solid #0c1924; color:#0c1924;height: 48px;min-height: auto; overflow: hidden;display: block;padding: 4px 9px;vertical-align: middle;box-sizing: border-box;text-align: center;}

.btns.btnLineA { border:1px solid #0c1924; color:#0c1924; background:#fff; min-height: auto;display: inline-block; vertical-align: middle; width: 100%;text-align: center;height: 48px;padding: 3px 0;box-sizing: border-box;line-height: 19px;}

.btns.btnLineC {border:1px solid #0c1924; color:#fff; background:#0c1924; min-height: auto; display: inline-block; vertical-align: middle; width: 100%; text-align: center;height: 48px; padding: 3px 0;box-sizing: border-box;line-height: 19px;}

.btns.btnLineB {border:1px solid #0c1924;background:#fff;color:#0c1924;}


.btns.btnB {border:1px solid #0c1924;background:#0c1924;color:#fff;}

.btns.blue {border:1px solid #54adf8;background:#54adf8;color:#fff;}
.btns.green {border:1px solid #2eaa8e;background:#2eaa8e;color:#fff;}


.btn_plusa ,
.btn_minusa {background: #e6e6e6 }
.btn_plusa {width: 24px;height: 24px;background:  url('/cm/mobile/img/ic_btn_plus.png') no-repeat center center;font-size:0;margin-right: initial;right: initial;background-size:24px 24px}
.btn_minusa {width: 24px;height: 24px;background: url('/cm/mobile/img/ic_btn_minus.png') no-repeat center center;font-size:0;right: initial;background-size:24px 24px}

.upBox {width:100%;display: table;position: relative;}
.upBox>.btn_plusa {display: table-cell;width: 24px;position: relative;}
.upBox>.btn_minusa {display: table-cell;width: 24px;}
.upBox>span {display: table-cell;width: 80%;text-align: center;vertical-align: middle;}

.arrow_link {font-size:17px; color:#111;}
.arrow_text {font-size:17px; color:#111;padding-right: 13px;}
.arrow_link:after {content:'';display: inline-block;width: 8px;height: 13px;background: url('/cm/img/icon_star_arr.png');vertical-align: middle;margin-left: 5px;}
.bgfff {background:#fff !important;}

.flexBox {display:flex;}
.btn_print {display: inline-flex !important; background:url(/cm/mobile/img/ic_print.png) no-repeat center left 15px;background-size:23px 23px;padding: 15px 17px 15px 52px;border: 1px solid #ddd !important;width: 50%; margin-right:8px;text-align: left !important;}
.btn_newPage {background:url(/cm/mobile/img/ic_newPage.png) no-repeat center center;background-size:48px 48px;width: 48px;height: 48px;text-indent: -9999px;}
.btn_newPage:hover {background:url(/cm/mobile/img/ic_newPage_on.png) no-repeat center center;background-size:48px 48px;width: 48px;height: 48px;text-indent: -9999px;}
.btn_popUp {background:url(/cm/mobile/img/ic_popUp.png) no-repeat center center;background-size:48px 48px;width: 48px;height: 48px;text-indent: -9999px;}
.btn_popUp:hover {background:url(/cm/mobile/img/ic_popUp_on.png) no-repeat center center;background-size:48px 48px;width: 48px;height: 48px;text-indent: -9999px;}
.btn_mag {background:url(/cm/mobile/img/btn_mag.png) no-repeat center center;background-size:48px 48px;width: 48px;height: 48px;text-indent: -9999px;}
.btn_mag:hover {background:url(/cm/mobile/img/btn_mag_on.png) no-repeat center center;background-size:48px 48px;width: 48px;height: 48px;text-indent: -9999px;}

.btn_plus2 {background:url(/cm/mobile/img/btn_plus2.png) no-repeat center center;background-size:48px 48px;width: 48px;height: 48px;text-indent: -9999px;}
.btn_plus2:hover {background:url(/cm/mobile/img/btn_plus2_on.png) no-repeat center center;background-size:48px 48px;width: 48px;height: 48px;text-indent: -9999px;}

.btn_minus2 {background:url(/cm/mobile/img/btn_minus2.png) no-repeat center center;background-size:48px 48px;width: 48px;height: 48px;text-indent: -9999px;}
.btn_minus2:hover {background:url(/cm/mobile/img/btn_minus2_on.png) no-repeat center center;background-size:48px 48px;width: 48px;height: 48px;text-indent: -9999px;}







.btn_add {background: url(/cm/mobile/img/btn_plus.png) no-repeat left 20px center;background-size:12.5px 12.5px;border: 1px solid #ddd;border-radius: 100px;padding: 10px 20px 10px 40px;}
.btn_more {background: url(/cm/mobile/img/btn_blueplus.png) no-repeat left 20px center;background-size:12.5px 12.5px;border: 1px solid #54adf8;border-radius: 100px;padding: 10px 20px 10px 40px;color:#54adf8;}
.btn_normal {background-size:12.5px 12.5px;border: 1px solid #ddd;border-radius: 100px;padding: 10px 20px 10px 20px;}


/* 회원가입 */

/* 슬라이드 메뉴 1 */
.slide_menu_box {}
.slide_menu_box .slide_menu {}
.slide_menu_box .slide_menu .slide_link {font-size:17px;color:#111;height: 56px;line-height: 56px;border-bottom: 1px solid #eee;display: block;position: relative;}
.slide_menu_box .slide_menu .slide_link:before{content:'';display:inline-block;width:22px;height:22px;margin-right: 30px;vertical-align: middle;}
.slide_menu_box .slide_menu .slide_link:after{content:'';display:inline-block;width:22px;height:22px;vertical-align: middle;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.slide_menu_box .slide_menu .slide_link.slide_icon01:before {background:url(/cm/mobile/img/ic_menu_my.png);background-size:22px 22px;}
.slide_menu_box .slide_menu .slide_link.slide_icon02:before {background:url(/cm/mobile/img/ic_menu_schedule.png);background-size:22px 22px;}
.slide_menu_box .slide_menu .slide_link.slide_icon03:before {background:url(/cm/mobile/img/ic_menu_booking.png);background-size:22px 22px;}
.slide_menu_box .slide_menu .slide_link.slide_icon04:before {background:url(/cm/mobile/img/ic_menu_export.png);background-size:22px 22px;}
.slide_menu_box .slide_menu .slide_link.slide_icon05:before {background:url(/cm/mobile/img/ic_menu_tracking.png);background-size:22px 22px;}
.slide_menu_box .slide_menu .slide_link.slide_icon06:before {background:url(/cm/mobile/img/ic_menu_freight.png);background-size:22px 22px;}
.slide_menu_box .slide_menu .slide_link.slide_icon07:before {background:url(/cm/mobile/img/ic_menu_contact.png);background-size:22px 22px;}
.slide_menu_box .slide_menu .slide_link.slide_icon08:before {background:url(/cm/mobile/img/ic_menu_bl.png);background-size:22px 22px;}
.slide_menu_box .slide_menu .slide_link.slide_icon09:before {background:url(/cm/mobile/img/ic_menu_amanager.png);background-size:22px 22px;}

.slide_menu_box .slide_menu .slide_link.slide_arrow:after {background:url(/cm/mobile/img/ar_g_right.png) no-repeat center center;background-size:16px 16px ;}

.slide_menu_box .slide_box{background:#f8f8f8;}
.slide_menu_box .slide_box>ul{}
.slide_menu_box .slide_box>ul>li{font-size:15px;color:#777;padding-left: 50px;}
.slide_menu_box .slide_box>ul>li>a {height: 40px;line-height: 40px;display: block;}
.slide_menu_box .slide_box>ul>li>a:before {content:'';display:inline-block;width:12px;height: 12px;background: url(/cm/mobile/img/ar_s_right.png) no-repeat center center;background-size:12px 12px;vertical-align: middle;margin-right: 5px;}

.edit_box {border-bottom:1px solid #ddd;padding-bottom: 20px;margin-bottom: 30px;background: #fff !important;}
.edit_box .edit_bottom {border-bottom:2px solid #ddd;margin-bottom: 20px;padding-bottom: 8px;}
.edit_dl {display: table;margin-bottom: 20px;}
.edit_dl:last-child {margin-bottom:0}
.edit_dl>dt {display: table-cell;width: 75px;vertical-align: middle;font-size: 14px;color: #111;}
.edit_dl>dt:after {content:''; width:1px;height:12px;background:#ddd;display: inline-block;float: right;vertical-align: middle;margin-top: 4px;}
.edit_dl>dd {display: table-cell;padding-left: 16px;vertical-align: middle;font-size: 14px;color: #111;}

.profile_list {margin-top:10px;}
.profile_list>ul{}
.profile_list>ul>li {padding: 10px 0;border-bottom: 1px solid #ddd;box-sizing: border-box;height: 68px;display: table;width: 100%;vertical-align: middle;}
.profile_list>ul>li>.fl>.sung_box {display: inline-block;width: 36px;height: 36px;line-height: 36px;border-radius: 100px;text-align: center;background: #54adf8;color: #fff;font-size: 14px;vertical-align: middle;}
.profile_list>ul>li>.fl>.span_id {display:inline-block;color:#111;font-size:14px;margin-left:20px;}
.profile_list>ul>li>.fr>.span_text {display: inline-block;height: 36px;margin-right: 10px;font-size: 14px;color: #111;vertical-align: middle;line-height: inherit;}
.profile_list>ul>li>.fr>.span_button {display: inline-block;height: 36px;line-height: 36px;border:1px solid #777;border-radius:4px;padding: 0 15px;width: auto;background:transparent;vertical-align: middle;}
.namsung_box .profile_list>ul>li {cursor: pointer;}
.profile_list>ul>li:hover,
.profile_list>ul>li.on {background:#eee;}
.profile_list>ul>li.disabled>.w2group  {opacity: 0.2;}
.profile_list>ul>li>.fl {display: table-cell;vertical-align: middle;margin-top: 5px;}
.profile_list>ul>li>.fr {display: table-cell;vertical-align: middle;margin-top: 6px;}

.spanLine {width:1px;height:12px;background:#ddd;text-indent: -9999px;display: inline-block;margin: 0 10px 0;vertical-align: middle;}
.font1277 {font-size:12px;color:#777;}


.box-info {}
.box-info h2 {font-size:16px;color:#111;}
.box-info h3 {font-size:14px;color:#111;}

.memberscont {padding:0;}
.memberscont ul.list{margin-top: 30px;}
.memberscont ul.list li{margin-bottom: 8px;}
.memberscont ul.list li:last-child{margin-bottom: 0;}
.memberscont ul.list li p span{margin-right: 4px;}
.memberscont ul.list li span:last-child{margin-right: 0;}
.memberscont ul.list li.numb{position: relative;padding-left: 0px;}
.dash {display: table;font-size:14px;color:#777;padding-left: 20px;}
.dash:before {content:'-';display: table-cell;padding-right: 10px;}

.gray {font-size:14px;color:#777;}
.red12 {font-size:12px;color:#e60012 !important;}
.red13 {font-size:13px;color:#e60012 !important;}
.red15 {font-size:15px;color:#e60012 !important;}
.black13 {font-size:13px;color:#111 !important;}
.black15 {font-size:15px;color:#111 !important;}
.black14 {font-size:14px;color:#111 !important;}
.black16 {font-size:16px;color:#111 !important;}
.black17{font-size:17px;color:#010101 !important;}
.black172{font-size:17px;color:#111 !important;}
.black18{font-size:18px;color:#111 !important;}
.black {color:#111;}
.blue_link {font-size:15px;color:#0170fa;}

.gray13 {font-size:13px;color:#777 !important;}

.btnArrBlue {font-size: 15px;color: #54adf8;background: url('/cm/mobile/img/ar_s_right_blue.png') no-repeat center right;background-size: 12px;padding-right: 15px;vertical-align: middle;display: inline-block;}
.error .red12 {padding-top:8px;}
.inbBtn {width:50% !important;}

.mem_title {font-size:20px;color:#111;text-align:center;margin-bottom:30px;}
.mem_title:before {content:''; display:block;width:48px;height:48px;background:url(/cm/mobile/img/img_complete.png) no-repeat;background-size:48px 48px;margin: 0 auto 30px;}
.mem_subtext {font-size:14px;color:#111;text-align:center}

.mem_title2 {font-size:20px;color:#111;text-align:center;margin-bottom:30px;}

.grayLineTop {border-top:1px solid #ddd;}
.grayLineBottom {border-bottom:1px solid #ddd;}

.grayLineTop2 {border-top:2px solid #bbb;}
.grayLineBottom2 {border-bottom:2px solid #bbb;}

.blackLineTop3 {border-top:1px solid #111;}
.blackLineBottom3 {border-bottom:1px solid #111;}

.blackLineTop4 {border-top:2px solid #111;}
.blackLineBottom4 {border-bottom:2px solid #111;}

.blueLineBottom {border-bottom:1px solid #c5d7eb;}
.blueLineBottom2 {border-bottom:2px solid #c5d7eb;}

.pool_text {display: block;position: relative;padding-left: 20px;margin-top: 30px;}
.pool_text:before {content:'※';display: block;position: absolute;left: 0;}

.pool2_text {display: block;position: relative;padding-left: 20px;margin-top: 30px;}
.pool2_text:before {content:'*';display: block;position: absolute;left: 0;}

.customer_btn {display:flex;width: 100%;}
.customer_btn a {display:inline-flex;width: 50%;justify-content: center;background: #eef7fe;color:#999;font-size:18px;padding: 10px;border-radius: 100px;margin-right: 12px;}
.customer_btn a:hover ,
.customer_btn a.on {background:#54adf8;color:#fff;}
.customer_btn a.no_data {background:#DCDCDC;color:#fff;}
.customer_btn a:nth-child(2) {margin-right:0;}
.customer_btn a:nth-child(4) {margin-right:0;}

.customer_title {font-size:17px;color:#111;font-weight:bold;}

.customer_table3 {border-top: 2px solid #111;}
.customer_table {}
.customer_table:last-child {border-bottom: 1px solid #ddd;}
.customer_table th.w2tb_th {background:#f1f6fe;color:#111;font-size:15px;text-align:center;border-bottom:none !important;}
.customer_table td.w2tb_td {text-align:right;border-bottom:none !important;}


.customer_group {border-top: 2px solid #111;}
.customer_group .customer_box2 {border-bottom: 1px solid #ddd;}
.customer_box2 .text3 {margin-bottom:0;}



.customer_box {margin-top:30px;margin-bottom:30px;}
.customer_box .text {font-size:15px;color:#111;margin-bottom:12px;}
.customer_box .customerLink {font-size:15px;color:#0170fa;text-decoration:underline;}


.customer_box2 {padding-top:30px;padding-bottom:30px;}
.customer_box2 .text1 {font-size:16px;color:#111;margin-bottom:12px;font-weight:bold;}
.customer_box2 .text2 {font-size:15px;color:#111;margin-bottom:12px;font-weight:bold;}
.customer_box2 .text3 {font-size:15px;color:#111;margin-bottom:12px;}

.grayBox {border:1px solid #ddd; padding:15px;border-radius: 4px;margin-bottom:12px;}
.grayBox:last-child {margin-bottom:0;}
.mail {color:#0170fa;    text-decoration: underline;}

.mem_telbox {margin-top:30px;padding-top:30px;}
.memtext02 {font-size:14px;color:#111;position: relative;padding-left: 10px;}
.memtext02:before {content:'';width:4px;height:4px;background:#111;display: block;border-radius: 100px;position: absolute;top: 7px;left: 0;}

.telgroup {margin-bottom:30px;}
.telgroup>h3 {font-size:14px;color:#111;margin-bottom:10px;}
.telgroup>dl{display: table;padding-bottom:10px;}
.telgroup>dl>dt{display: table-cell;padding-right: 10px;font-size: 14px;color: #111;}
.telgroup>dl>dd{display: table-cell;font-size: 14px;color: #777;}


/* 스케줄 */
.iconLink {display: flex;margin-bottom: 40px;}
.iconLink:after {content:'';display:table;clear:both;}
.iconLink img {display: inline-block;float: left;vertical-align: middle;margin-top: 11px;margin-right: 20px;}
.iconLink .w2selectbox {float:right;/* width:87%; */display: inline-flex;}



.mapform {position: relative;}
.mapform:before {content:'';background:url(/cm/mobile/img/ic_form_location.png) no-repeat center center;background-size:48px;width:48px;height:48px;display: inline-block;vertical-align: middle;margin-right: 16px;position: absolute;}
.mapform>.w2input {padding-left:48px;}

.Magform {position: relative;}
.Magform:before {content:'';background:url(/cm/mobile/img/ic_form_search.png) no-repeat center center;background-size:48px;width:48px;height:48px;display: inline-block;vertical-align: middle;margin-right: 16px;position: absolute;}
.Magform>.w2input {padding-left:48px;}

.line_btn {}
.line_btn>.w2trigger {display:inline-block !important;    width: auto;}
.ic_btn_updown {background:url(/cm/mobile/img/ic_btn_updown.png) no-repeat center center;background-size:48px;width: 48px !important;height:48px;text-indent: -9999px;}
.ic_btn_updown:hover {background:url(/cm/mobile/img/ic_btn_updown_on.png) no-repeat center center;background-size:48px;width: 48px !important;height:48px;text-indent: -9999px;}
.colorbox01 {background: #f1f6fe !important;padding:20px;border-radius: 4px;}
.colorbox01.pd1630 {padding:30px 16px !important;}
.colorbox02 {background: #f4f4f4 !important;padding:20px;border-radius: 4px;}
.colorbox03 {background: #f4f4f4 !important;padding:30px 20px ;border-radius: 4px;}


.check_block>.w2checkbox_item  {    padding-bottom: 10px;}
.check_block>.w2checkbox_item:last-child {padding-bottom: 0px;}

.radio_block>.w2radio_item {display: block !important;}
.radio_block>.w2radio_item:last-child {}

.updownLine {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.sel_area_list1 {width: 36%;overflow: auto;height: 362px;}
.sel_area_list1 ul {margin-right: 8px;margin-left: 0px;}
.sel_area_list1 li {width:auto;height: 54px;line-height: initial;font-size: 15px;color:#111;border-radius: 4px;padding: 11px 0;margin-left: 0px;box-sizing: border-box;}
.sel_area_list1 li.on a {}
.sel_area_list1 li:hover a {color:#fe695a;} 
.sel_area_list1 li.on {background: url('/cm/mobile/img/ar_b_right.png') no-repeat center right 10px;background-size:16px 16px;border:2px solid #fe695a;}
.sel_area_list1 li a {margin-left: 10px;display: inline-block;}
.sel_area_list1 li a.star {background: url('/cm/mobile/img/ic_star_s.png') no-repeat top 4px right;background-size:13px 13px;padding-right: 20px;padding-left: 0;}



.sel_area_list2 {width: 64%;overflow: auto;height: 362px;}
.sel_area_list2 ul {margin-right: 0;}
.sel_area_list2 ul li {width: 100%;display: inline-block;min-height: 54;height:54px;vertical-align: middle;font-size: 15px;color:#111;border-radius: 4px;box-sizing: border-box;padding: 5px 0;}
.sel_area_list2 ul li:nth-child(odd) {background:#f5f5f5;}
.sel_area_list2 ul li.oncheck {border:2px solid #fe695a}
.sel_area_list2 ul li.on .left_list .link_star{background: url('/cm/mobile/img/ic_star_filled.png') no-repeat center center;background-size:16px 16px;}
.sel_area_list2 ul li.on:hover .left_list .link_star{background:url('/cm/mobile/img/ic_star_line.png') no-repeat center center;background-size:16px 16px;}
.sel_area_list2 ul li.check {background:#e3eef5;}
.sel_area_list2 ul li .left_list {display: table;}
.sel_area_list2 ul li .left_list .link_star {display: table-cell;background: url('/cm/mobile/img/ic_star_line.png') no-repeat center center;background-size:16px 16px;text-indent: -9999px;line-height: 42px;float: left;}
.sel_area_list2 ul li:hover .left_list .link_star {display: inline-block;background:url('/cm/mobile/img/ic_star_line.png') no-repeat center center;background-size:16px 16px;text-indent: -9999px;line-height: 42px;vertical-align: middle;}
.sel_area_list2 ul li .left_list a {padding:0 20px;}
.sel_area_list2 ul li .left_list a:nth-child(2) {width: 323px;padding-left: 0px;display: table-cell;vertical-align: middle;}

.Magbtnform {position: relative;}
.Magbtnform>.w2input {padding-right:48px;}
.magBtn {background:url(/cm/mobile/img/ic_form_btn_search.png) no-repeat center center;background-size:48px;width:48px;height:48px;text-indent: -9999px;position: absolute !important;top: 0;right: 0;}



.Magbtnform2 {position: relative;}
.Magbtnform2>.w2input {padding-right:48px;}
.magimg {position: absolute !important;top: 0;left: 0;}

/* 대쉬보드 */
.textMag {position: relative;height: 26px;margin-bottom: 15px;}
.textMag .magText {display: inline-block;line-height: 26px;font-size:20px;color:#111;font-weight:bold}
.textMag  .magBtn2 {position: relative !important;    top: -2px;}
.magBtn2 {background:url(/cm/mobile/img/btn_search_s.png) no-repeat center center;background-size:26px;width:26px;height:26px;text-indent: -9999px;position: absolute !important;top: 0;right: -6px;}

.grptextBox {}
.grptextBox .w2image{margin-right: 8px;}
.grptextBox .grp_text {font-size:16px;color:#111;}
.grptextBox .grp_num{font-size:26px;color:#111;font-weight: bold;padding: 0 10px;width: 45px;text-align: right;}
.grptextBox .grp_textGray{font-size:18px;color:#999;}

.textRate {}
.textRate .magText {font-size:20px;color:#111;display: inline-block;vertical-align: middle;margin-right: 8px;font-weight: bold;}
.queBtn{width: 20px;display: inline-block;background:url('/cm/mobile/img/btn_ques.png') no-repeat;background-size:20px 20px;text-indent: -9999px;}

.refBtn {width: 20px;height: 20px;display: inline-block;background:url('/cm/mobile/img/btn_circle_refresh.png') no-repeat;background-size:20px 20px;text-indent: -9999px;}
.seeLink {font-size:14px;color:#54adf8;text-decoration: underline;margin-right:8px;}

.rateBox {display: flex;width: 100%;}
.rateBox .rateGroup {display: inline-flex;width: 33.33%;height: 110px;background: #f1f2f9;margin-right: 8px;vertical-align: top;text-align: center;position: relative;}
.rateBox .rateGroup:last-child {margin-right:0;}
.rateGroup .rateNum {font-size:36px;display: inline-block;font-weight: bold;}
.rateGroup .rateGray{display: inline-block;font-size: 15px;color: #999;}
.rateGroup .rateText{font-size: 18px;font-weight: bold;}
.verCenter {display: block;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.rateGroup.blue {background:#f1f2f9;}
.rateGroup.blue .rateNum {color:#6e7ffd;}
.rateGroup.blue .rateText {color:#6e7ffd;}


.rateGroup.green {background:#e8f7f4;}
.rateGroup.green .rateNum {color:#20c7a1;}
.rateGroup.green .rateText {color:#20c7a1;}


.rateGroup.gray {background:#f4f4f4;}
.rateGroup.gray .rateNum {color:#999;}
.rateGroup.gray .rateText {color:#999;}



.rateBox2 {display: flex;width: 100%;}
.rateBox2 .rateGroup2 {display: inline-flex;width: 50%;height: 110px;background: #f1f2f9;margin-right: 8px;vertical-align: top;text-align: center;position: relative;}
.rateBox2 .rateGroup2:last-child {margin-right:0;}
.rateGroup2 .rateNum {font-size:36px;display: inline-block;font-weight: bold;}
.rateGroup2 .rateGray{display: inline-block;font-size: 15px;color: #999;}
.rateGroup2 .rateText{font-size: 18px;font-weight: bold;}
.verCenter {display: block;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.rateGroup2.blue {background:#fcf1e8;}
.rateGroup2.blue .rateNum {color:#fe695a;}
.rateGroup2.blue .rateText {color:#fe695a;}


.rateGroup2.green {background:#f4f4f4;}
.rateGroup2.green .rateNum {color:#999;}
.rateGroup2.green .rateText {color:#999;}


.oneDone {width: 12px;height:12px;background:url(/cm/mobile/img/one_done.png) no-repeat;background-size: 12px 12px;text-indent: -9999px;vertical-align: middle;}
.oneRevision {width: 12px;height:12px;background:url(/cm/mobile/img/one_revision.png) no-repeat;;background-size: 12px 12px;text-indent: -9999px;vertical-align: middle;}
.oneNot {width: 12px;height:12px;background:url(/cm/mobile/img/one_not.png) no-repeat;;background-size: 12px 12px;text-indent: -9999px;vertical-align: middle;}

.oneBoard {width: 12px;height:12px;background:url(/cm/mobile/img/one_board.png) no-repeat;background-size: 12px 12px;text-indent: -9999px;vertical-align: middle;}


.oneDoneG .w2grid_image {width: 12px;height:12px;background:url(/cm/mobile/img/one_done.png) no-repeat;background-size: 12px 12px; display:block; width:12px;height:12px;text-align: center;margin: 0 auto;}
.oneRevisionG .w2grid_image {width: 12px;height:12px;background:url(/cm/mobile/img/one_revision.png) no-repeat;background-size: 12px 12px; display:block; width:12px;height:12px;text-align: center;margin: 0 auto;}
.oneNotG .w2grid_image {width: 12px;height:12px;background:url(/cm/mobile/img/one_not.png) no-repeat;background-size: 12px 12px; display:block; width:12px;height:12px;text-align: center;margin: 0 auto;}


.containera .w2grid_image {background:url(/cm/mobile/img/ic_cargo.png) no-repeat;background-size: 17px 17px; display:block; width:17px;height:17px;text-align: center;margin: 0 auto;}
.pic .w2grid_image {background:url(/cm/mobile/img/ic_contact.png) no-repeat;background-size: 17px 17px; display:block; width:17px;height:17px;text-align: center;margin: 0 auto;}

.undLink a {font-size:15px;color:#0170fa;text-decoration: underline;}
.undLink2 a {font-size:15px;color:#111;text-decoration: underline;}

.totalGroup {margin:30px 0 16px 0;}
.totalGroup2{margin:30px 16px 0 16px;}
.blackLine {border-top:2px solid #111;margin-top:30px; padding-top:30px;}

.clearBox {}
.clearBox>dl {margin-bottom:20px;}
.clearBox>dl:last-child {margin-bottom:0;}
.clearBox>dl:after {content:'';display:table;clear:both;}
.clearBox>dl>dt {float:left;font-size:15px;color:#777;}
.clearBox>dl>dd {float:right;font-size:15px;color:#111;}
.detail_link_box {background: #f1f6fe !important; display: block;padding: 16px 20px 16px 16px;border-radius: 0 0 4px 4px;border:1px solid #ddd;border-top:none;}
.detail_link {background: url('/cm/mobile/img/ar_b_right.png') no-repeat center right;background-size: 16px 16px;display: block;font-size:15px;}
.todayBox2 {padding: 16px;background: #fff !important;border-radius: 4px 4px 0 0;border:1px solid #ddd;border-bottom:none;}
.boxshowGroup {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;margin-bottom:20px;}
.detail_cont {border-top:none;margin-top:16px;padding-top:16px;}
.titleBlue {font-size:15px;color:#0170fa !important;}


.one_list {}
.one_list .one_group{display: inline-block;margin-right: 20px;}
.one_list .one_group:last-child {margin-right:0px;}
.one_text {display: inline-block;vertical-align: middle;line-height: 12px;font-size:13px;color:#999;margin-left:4px;}


.my_calendar .w2calendar  select {border:none !important;}
.my_calendar {margin:0; padding:0;}

.w2calendar > .w2calendar_wrap > .w2calendar_header > select {border:none !important;}

.radio_btn {display: table;border: 1px solid #777;border-radius: 4px;overflow: hidden;}
.radio_btn input[type="radio"] + label {display: inline-block !important;width: 100%;height: 46px !important;line-height: 46px !important;font-size: 15px !important;border-left: 1px solid #777;border-right: none;border-top: none;border-bottom: none;cursor: pointer;color: #777;text-align: center;vertical-align: middle;border-radius: 0;box-sizing: border-box;}
.radio_btn .w2radio_item:first-child label {border-left:none;}
.radio_btn .w2radio_item label  {}
.radio_btn input[type="radio"]:checked + label {background-color: #333;border: 1px solid #333;color:#fff;border-radius: 0;    padding-left: 15px !important;}
.radio_btn input[type="radio"] {display: none;}
.radio_btn.w2radio .w2radio_item {margin: 0;display: table-cell;padding: 0;border-radius: 0;border: 0;overflow: hidden;}
.radio_btn.w2radio .w2radio_item .w2checkbox_label {margin-left: 0px;}


.radio_filters {display:block;}
.radio_filters:after {content:'';display:table;clear:both;}
.radio_filters .w2radio_item {width: 48.2%;float: left;position: relative;display: inline-block;margin-right: 0 !important;margin-bottom:12px;}
    
.radio_filters .w2radio_item.w2radio_item_0 {margin-right:1.8% !important;}
.radio_filters .w2radio_item.w2radio_item_1 {margin-left:1.8% !important;}
.radio_filters .w2radio_item.w2radio_item_2 {margin-right:1.8% !important;}
.radio_filters .w2radio_item.w2radio_item_3 {margin-left:1.8% !important;}


.radio_filters input[type="radio"] + label {background:#fff;border:1px solid #ddd;border-radius: 100px;padding: 12px 8px;padding-left: 8px !important;text-align: center;color: #111 !important;font-size: 15px !important;}
.radio_filters input[type="radio"]:checked + label {background: #333;border:1px solid #333;color:#fff !important;}
.radio_filters .w2radio_input {display: none;}



.radio_basic {display:block;}
.radio_basic:after {content:'';display:table;clear:both;}
.radio_basic .w2radio_item {width: auto;float: left;position: relative;display: inline-block;margin-right: 0 !important;margin-bottom:12px;margin-right: 10px !important;}

.radio_basic input[type="radio"] + label {background:#fff;border:1px solid #ddd;border-radius: 100px;padding: 12px 20px;padding-left: 20px !important;text-align: center;color: #111 !important;font-size: 15px !important;}
.radio_basic input[type="radio"]:checked + label {background: #333;border:1px solid #333;color:#fff !important;}
.radio_basic .w2radio_input {display: none;}
    
    

.todayTotal {padding:30px 16px 16px;}
.todayList { padding: 2px 2px 20px 2px;}
.todayList li {margin-bottom:12px;}
.todayList li .todayBox{background:#fff !important;border:1px solid #ddd;padding:16px;border-radius: 4px;box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 20px 0px;margin-bottom: 20px;}



.todayBox.on {box-shadow: rgb(84, 173, 248) 0px 0px 0px 2px !important;}
.todayBox .title {font-size:16px;color:#111;font-weight: bold;}
.todayBox .text01 {font-size:16px;color:#111;margin-top:16px;}
.todayBox .text02 {font-size:14px;color:#777;text-align: right;margin-top: 12px;}

.usedBox {display: table;width: 100%;}
.usedBox .leftText {display: table-cell;width: 50%;position: relative;}
.usedBox .leftText:after {display: block;content:'';width:22px;height:22px;background:url(/cm/mobile/img/ic_fromto.png) no-repeat center center;background-size: 22px 22px;position: absolute;right: -11px;top: 7px;}
.usedBox .rightText {display: table-cell;width: 50%;text-align: right;}

.included_box {border:1px solid #ddd;background: #f1f6fe !important;min-height:48px;padding: 0 10px;box-sizing: border-box;border-radius: 4px;margin-bottom: 20px;}
.included_box>a {line-height:48px;display: block;background:url('/cm/mobile/img/ar_b_right.png') no-repeat right center;background-size:16px 16px;}


.totalBox {margin-top:30px;margin-bottom:20px;}
.totalBox .totalText {font-size:15px;color:#111;}
.totalBox .totalNum {font-size:15px;color:#111;padding-left:10px; }


.freightBox {position: relative;}
.freightBox:after {content:'';background:url('/cm/mobile/img/ar_round_blue.png') no-repeat;display: block;width: 24px;height: 24px;background-size: 24px 24px;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}
.freightBox .titleText {font-size:17px;color:#111;}
.freightBox .titleDate{font-size:15px;color:#777;line-height: 20px;padding-right: 40px;}
.freightBox .titleBlack{font-size:17px;color:#111;}
.freightBox .redLink {font-size:14px;color:#e60012;text-decoration: underline;}

.guideLink {background:url('/cm/mobile/img/ar_b_right.png') no-repeat center right;background-size:16px 16px;height:16px;line-height: 16px;padding-right: 20px;}


.basicBox {border: 1px solid #ddd;border-radius: 4px;padding: 20px 15px;margin-bottom:20px;}
.basicBox:last-child{margin-bottom:0;}
.basicBox dl {display: table;width: 100%;margin-bottom:15px;}
.basicBox dl:last-child{margin-bottom:0;}
.basicBox dl dt {display: table-cell;font-size:15px;color:#777;}
.basicBox dl dd {display: table-cell;text-align: right;font-size:15px;color:#111;}



.basicBox2 {border: 1px solid #ddd;border-radius: 4px;margin-bottom:20px;}
.basicBox2 .title {background:#f1f6fe;padding:15px;box-sizing:border-box;border-bottom: 1px solid #ddd;}
.basicBox2 .title>.w2textbox  {font-size:17px;color:#475b90;font-weight:bold;display: block;background:url('/cm/mobile/img/btn_detail.png') no-repeat right center;background-size:24px 24px;padding-right:30px;}
.basicBox2 dl {display: table;width: 100%;padding: 15px 15px 0 15px;box-sizing: border-box;}
.basicBox2 dl:last-child{padding-bottom:15px;}
.basicBox2 dl dt {display: table-cell;font-size:15px;color:#777;}
.basicBox2 dl dd {display: table-cell;text-align: right;font-size:15px;color:#111;}
.basicBox2 .grayBg {background:#f4f4f4;border-bottom:1px solid #ddd;}
.basicBox2 .grayBg:last-child{border-bottom:none;}

.basicBox2 .title2 {background:#f1f6fe;padding:15px;box-sizing:border-box;border-bottom: 1px solid #ddd;}
.basicBox2 .title2>.w2textbox  {font-size:17px;color:#475b90;font-weight:bold;display: block;}



.w2pageControl_left_icon {background:url(/cm/mobile/img/b_prev.png) no-repeat center center; background-size:36px 36px;}
.w2pageControl_right_icon {background:url(/cm/mobile/img/b_next.png) no-repeat center center; background-size:36px 36px;}
.w2pageControl_button_background {    background-image:none;border: none;}
.w2pageControl_right {width:11%;}
.w2pageControl_left {width:11%;}
.w2pageControl_center {width:78%;}
.w2pageControl_center_td {font-size:17px;}


.btn_green_link button {background:transparent;font-size:15px;color:#6e7ffd;text-decoration: underline;border:none;}
.btn_blue_link button {background:transparent;font-size:15px;color:#20c7a1;text-decoration: underline;border:none;}
.btn_gray_link button {background:transparent;font-size:15px;color:#999;text-decoration: underline;border:none;}

.btn_red_link button {background:transparent;font-size:15px;color:#fe695a;text-decoration: underline;border:none;}


.search_title {margin:0  0 0 16px;color:#111;font-size:18px;margin-bottom:30px;}


.nav_scroll_wrap {overflow: hidden;}
.native_scroll::-webkit-scrollbar { display: none;}
.native_scroll {position: relative; z-index: 1;overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.native_scroll>ul {min-width: 100%; -webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-inline-box;display: -webkit-inline-flex;display: inline-flex; vertical-align: top;}
.native_scroll>ul>li {width:150px;}
.native_scroll>ul>li.w100 {width:100px;}
.native_scroll>ul>li>.w2tb .w2tb_td {border:none !important;padding: 0 !important;margin: 0 !important;height: auto;}
.dline_bg {background: url('/cm/mobile/img/img_tr_line.png') repeat-x center center !important;background-size:40px !important}

.detail_text01 {font-size:15px;color:#111;}
.detail_text02 {font-size:14px;color:#777;margin-top:20px;}


.arrLink {display:block;font-size:17px;color:#111;background:url('/cm/mobile/img/ar_g_right.png') no-repeat right top 7px;background-size:16px 16px;}
.arrLink2 {display:block;font-size:15px;color:#111;background:url('/cm/mobile/img/ar_b_right.png') no-repeat right center;background-size:16px 16px;padding-right: 20px;}


.schduleBox {}
.schduleMb {margin-bottom:12px;}
.schduleGroup {border: 1px solid #ddd;background:#fff !important; border-radius: 4px;padding: 10px 10px 10px 20px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.schduleGroup.blue {border-left:6px solid #54adf8;}
.schduleGroup.red {border-left:6px solid #fe695a;}


.usedBox2 {display: table;width: 100%;}
.usedBox2 .leftText {display: table-cell;width: 50%;position: relative;}
.usedBox2 .leftText:after {display: block;content:'';width:22px;height:22px;background:url(/cm/mobile/img/ic_fromto.png) no-repeat center center;background-size: 22px 22px;position: absolute;right: -11px;top: 7px;}
.usedBox2 .rightText {display: table-cell;width: 50%;text-align: right;}
.usedTitle {font-size:17px;color:#111;font-weight: bold;}
.usedDate {font-size:13px;color:#777;margin-top: 5px;}
.blueDate {font-size:14px;color:#54adf8;}
.redDate {font-size:14px;color:#fe695a;}
.schduleText {font-size:17px;color:#111;line-height: 30px;}


.bluebgTitle {background:#f1f6fe;font-size:15px;color:#475b90;text-align:center;line-height: 30px;margin-bottom: 12px;}

.tweenBtnBox {display: flex;width: 100%;}
.tweenBtnBox .twbbG {display: inline-flex;position: relative;border: 1px solid #54adf8;border-radius: 4px;width: 50%;}
/* .tweenBtnBox .twbbG:after {content:'';position:absolute;display:block;width:1px;height:36px;background:#ddd;top: 0;left: 15px;} */
.tweenBtnBox .twbbG:nth-child(2) {margin-left: 8px;}
.tweenBtnBox .twbbG a {display:block;font-size:15px;color:#54adf8;background: url('/cm/mobile/img/ar_round_blue.png') no-repeat right 12px center;background-size:24px 24px;padding: 12px;width: 100%;box-sizing: border-box;}



.blueBtnTab {}
.blueBtnTab .w2tabcontrol_tabhost  {background: #f4f4f4; border-radius: 100px;}
.blueBtnTab .w2tabcontrol_tabhost .w2tabcontrol_tab_center { }
.blueBtnTab .w2tabcontrol_tabhost .w2tabcontrol_tab_right{display:none;}
.blueBtnTab .w2tabcontrol_tabhost .w2tabcontrol_tab_left {display:none;}
.blueBtnTab  .w2tabcontrol_active .w2tabcontrol_tab_center, 
.blueBtnTab  .w2tabcontrol_selected .w2tabcontrol_tab_center {background:#54adf8;}
.blueBtnTab .w2tabcontrol_tabhost li a{font-size:18px;color:#999;}
.blueBtnTab {}

.titleUndline {font-size:20px;color:#111;padding-bottom: 15px;border-bottom: 1px solid #111;margin-bottom: 30px;}
.print_lineBox {}
.print_lineBox a {display:block;font-size:16px;color:#475b90;border-bottom:1px solid #ddd;padding:20px 0;position: relative;}
.print_lineBox a:before {content:'';background:url('/cm/mobile/img/ic_print.png') no-repeat center center;background-size:23px 23px;width:23px;height:23px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.print_lineBox a:after {content:'';background:url('/cm/mobile/img/ar_g_right.png') no-repeat center center;background-size:16px 16px;width:16px;height:16px;display: inline-block;vertical-align: middle;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.slideBg {background:url('/cm/mobile/img/bg_in_top.png') repeat-x;background-size:1px 20px;padding-bottom:20px;}
.slideBgTItle {font-size:15px;color:#111;padding:30px 0 16px;}
.slideBgTItle2 {font-size:17px;color:#111;padding:30px 0 16px;font-weight: bold;}
.jumeBtn {font-size:17px;color:#475b90;font-weight: bold;}
.jumeBtn:before {content:'';width:4px;height:4px;background:#475b90;display: inline-block;vertical-align: middle;margin-right: 10px;}


.jumeBtn2 {font-size:17px;color:#475b90;font-weight: bold;display: block;position: relative;line-height: 20px;padding: 20px 0;border-top:1px solid #c7d5fa;}
.jumeBtn2:first-child {border-top:none;}
.jumeBtn2:before {content:'';width:4px;height:4px;background:#475b90;display: inline-block;vertical-align: middle;margin-right: 10px;}
.jumeBtn2:after {content:'';width:16px;height:16px;background:url('/cm/mobile/img/ar_b_right.png') no-repeat center center;background-size:16px 16px;display: inline-block;vertical-align: middle;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.notice_box {}
.notice_box .blue_title {font-size:15px;color:#54adf8;margin-bottom:12px;}
.notice_box .text {font-size:15px;color:#111;margin-bottom:12px;}
.notice_box .mailLink {font-size:15px;color:#0170fa;margin-bottom:12px;text-decoration: underline;}

.btn_icon_myLink2 {background: #f1f6fe url('/cm/img/icon_myLink2.png') no-repeat center right 10px !important;    padding-right: 30px !important; cursor:pointer;}
.btn_icon_myLink2 nobr {line-height: 36px;}


.btn_cancel  {background: #fff url('/cm/mobile/img/ic_gr_cancel.png') no-repeat center center; background-size:17px 17px;}
.btn_cancel nobr {line-height: 36px;}

.btn_check  {background: #fff url('/cm/mobile/img/ic_gr_check.png') no-repeat center center; background-size:17px 17px;}
.btn_check nobr {line-height: 36px;}

.btn_clock  {background: #fff url('/cm/mobile/img/ic_gr_clock.png') no-repeat center center;background-size:17px 17px; }
.btn_clock nobr {line-height: 36px;}

.btn_contact  {background: #fff url('/cm/mobile/img/ic_gr_contact.png') no-repeat center center; background-size:17px 17px;}
.btn_contact nobr {line-height: 36px;}

.btn_contact2  {background: #fff url('/cm/mobile/img/ic_gr_contact2.png') no-repeat center center; background-size:17px 17px;}
.btn_contact2 nobr {line-height: 36px;}

.btn_edit  {background: #fff url('/cm/mobile/img/ic_gr_edit.png') no-repeat center center; background-size:17px 17px;}
.btn_edit nobr {line-height: 36px;}

.btn_file  {background: #fff url('/cm/mobile/img/ic_gr_file.png') no-repeat center center; background-size:17px 17px;}
.btn_file nobr {line-height: 36px;}

.btn_paper  {background: #fff url('/cm/mobile/img/ic_gr_paper.png') no-repeat center center; background-size:17px 17px;}
.btn_paper nobr {line-height: 36px;}

.btn_ques  {background: #fff url('/cm/mobile/img/ic_gr_ques.png') no-repeat center center; background-size:17px 17px;}
.btn_ques nobr {line-height: 36px;}

.btn_search  {background: #fff url('/cm/mobile/img/ic_gr_search.png') no-repeat center center; background-size:17px 17px;}
.btn_search nobr {line-height: 36px;}

.btn_to  {background: #fff url('/cm/mobile/img/ic_gr_to.png') no-repeat center center; background-size:17px 17px;}
.btn_to nobr {line-height: 36px;}

.btn_contact  {background: #fff url('/cm/mobile/img/ic_gr_to.png') no-repeat center center; background-size:17px 17px;}
.btn_contact nobr {line-height: 36px;}

.btn_copy {background:url('/cm/mobile/img/btn_copy.png') no-repeat  left center;background-size:14.5px;padding-left: 20px;text-decoration: underline;margin-right: 12px;font-size: 14px;color: #111;margin-top: -6px;}

.blueTextLink {font-size:15px;color:#54adf8;}
.blueTextLink:after {content:'';width:12px;height:12px;background: url('/cm/mobile/img/ar_s_right_blue.png') no-repeat;display: inline-block;background-size: 12px 12px;vertical-align: middle;margin-left: 10px;}


.copy_content {border:1px solid #ddd;padding:20px 12px;border-radius: 4px;margin-bottom: 20px;}
.copy_content>.gray_butLine {border-bottom:1px solid #ddd;padding-bottom:12px;margin-bottom:15px;}

.copy_cont_text {display: block;width: 100%;}
.copy_cont_text .copy_link{display: block;width: 100%;}
.copy_cont_text .copy_link>a {font-size:15px;color:#0170fa;text-decoration: underline;}
.copy_cont_text .copy_right{display: table;width: 100%;font-size:14px;color:#777;}
.copy_cont_text .copy_right .w2textbox {display:table-cell;}
.copy_link .w2checkbox {display:inline-block;}
.copy_link .w2checkbox .w2checkbox_item {margin: 0 !important;}
.copy_link .w2checkbox .w2checkbox_item .w2checkbox_label {margin-left: 0;padding-right: 0;}



.book_scroll {overflow-x: scroll;overflow-y: none;}
.booking_type {width: 100%;padding: 20px;box-sizing: border-box;display: block;}
.booking_type .book_icon {display: table-cell;padding-right: 20px;vertical-align: top;}
.booking_type .sea_box {font-size:12px; color:#6499ef;margin: 4px 0 6px;text-align: center;position: relative;}
.booking_type .sea_box:after {content:'';position: absolute;top: 23px;left: 50%;transform: translateX(-50%);display: block;width: 9px;height: 25px;background:url('/cm/img/ico_line_sea.png') no-repeat center center}
.booking_type .book_sea_box {display: table-cell;width: 100%;}
.booking_type .book_sea_box .book_text {display: block;}
.booking_type .book_sea_box .book_text {display: block;margin-bottom: 20px;}
.booking_type .book_sea_box .book_text:last-child {margin-bottom:0 !important;}
.booking_type .book_sea_box .book_text .booking_text dt {font-size:16px;color:#111}
.booking_type .book_sea_box .book_text .booking_text dd {font-size:11px; color:#777}
.booking_type .book_sea_box .book_text .booking_time {display:table-cell;font-size:14px; color:#111;vertical-align: middle;line-height: 36px;}

.bing_table {}
.bing_table th {background: #fff !important;border: none !important;padding: 0 !important;margin: 0 !important;}
.bing_table td.w2tb_td {background:#fff !important;border: none !important;padding: 0 !important;margin: 0 !important;}

.ship {font-size:14px;padding:5px 0;}
.ship.sea {color:#6499ef;}
.ship.rail {color:#fe695a;}
.ship.truck {color:#2ea775;}
.ship.barge {color:#9565d6;}

.arrivalText {font-size:16px;color:#777;}
.arrivalText2 {font-size:16px;color:#111;}
.arrivalText.bold {font-weight:bold;}
.arrivalText2.bold {font-weight:bold;}

.inputMag {position: relative;}
.inputMag .itMagBtn {position: absolute;right: 0;top: 0;width:26px;height: 48px;background:url('/cm/mobile/img/btn_search_s.png') no-repeat center center;background-size:26px 26px;text-indent: -9999px;}
.inputMag .w2input {padding-right: 30px;}

.tbla td.graybg {background:#eee !important;}


.inquiryBox {border:1px solid #ddd;border-radius: 4px;margin-bottom:20px;}
.inquiryBox:last-child {margin-bottom:0;}
.inquiryBox .inquiryBox1 {border-bottom:1px solid #ddd;padding: 10px;background: #f1f6fe;}
.inquiryBox .inquiryBox1 .inquiryBox1_link a {font-size:15px;color:#0170fa; text-decoration: underline;}
.inquiryBox .inquiryBox1 .inquiryBox1_title{}
.inquiryBox .inquiryBox1 .inquiryBox1_title>.title{font-size:16px;color:#111;font-weight:bold;line-height: 30px;}
.inquiryBox .inquiryBox1 .inquiryBox1_title>.state{font-size:16px;font-weight:bold;line-height: 30px;}
.inquiryBox .inquiryBox1 .inquiryBox1_title>.state.green{color:#038227;}
.inquiryBox .inquiryBox1 .inquiryBox1_title>.state.red{color:#e60012;}
.inquiryBox .inquiryBox1 .inquiryBox1_title>.state.blue{color:#0170fa;}
.inquiryBox .inquiryBox1 .inquiryBox1_time {font-size:13px;color:#777;}



.inquiryBox .inquiryGroup {padding: 16px 10px;}
.inquiryBox .inquiryGroup .inquiryBox2 {border-bottom:1px solid #ddd;}
.inquiryBox .inquiryGroup .inquiryBox2>.clear{margin-bottom: 10px;}
.inquiryBox .inquiryGroup .inquiryBox2>.clear>.fl{position: relative;font-size: 15px;color: #111;font-weight: bold;padding-right: 15px;box-sizing: border-box;}
.inquiryBox .inquiryGroup .inquiryBox2>.clear>.fl:after {content:'';width:22px;height:22px;background:url('/cm/mobile/img/ic_fromto.png') no-repeat;background-size:22px 22px;display: inline-block;position: absolute;right: -10px;top: 50%;transform: translateY(-50%);}
.inquiryBox .inquiryGroup .inquiryBox2>.clear>.fr{text-align: right;font-size: 15px;color: #111;font-weight: bold;padding-left: 15px;box-sizing: border-box;}

.inquiryBox .inquiryGroup .inquiryBox3 {margin-top: 10px;}
.inquiryBox .inquiryGroup .inquiryBox3>dl {display: table;margin-bottom: 10px;}
.inquiryBox .inquiryGroup .inquiryBox3>dl:last-child {margin-bottom: 0;}
.inquiryBox .inquiryGroup .inquiryBox3>dl>dt {font-size:15px;color:#475b90;width:85px;display: table-cell;}
.inquiryBox .inquiryGroup .inquiryBox3>dl>dd {display: table-cell;}


.w2autoComplete{width:100%;height:50px;border:1px solid #ddd;box-sizing:border-box;}
.w2autoComplete .w2autoComplete_input{height:inherit; font:inherit; line-height:18px; padding-left:35px !important; box-sizing:border-box;border:none !important;background: transparent !important;}
.w2autoComplete .w2autoComplete_input:focus {outline:0}
.w2autoComplete .w2autoComplete_col_label {font:inherit;background: #fff;}
.w2autoComplete .w2autoComplete_label > .w2autoComplete_label{font:inherit; padding-left:0px; text-align:left;line-height: 35px;}
.w2autoComplete .w2autoComplete_col_button {width:30px; background:url('/cm/img/ico_select.png') no-repeat left 3px center}
.w2autoComplete_selected .w2autoComplete_col_button {background-color:#fff}
.w2input_table_sb.w2input_table{box-shadow:0px 4px 8px 0 rgba(0, 0, 0, 0.3);left:19px !important;width:337px !important;height:300px !important;}
.w2input_table_sb_col {height:22px; font:inherit; padding-left:5px; border:0; border-bottom:1px solid #ccc; box-sizing:border-box; text-align:left; cursor:default}
.w2input_table_sb_main {top:0} /*최하단 항목의 보더가 깔끔하게 보이지 않는 문제 때문에 조정. 메인상단의 검색*/


.Magform .w2autoComplete .w2autoComplete_label > .w2autoComplete_label {padding-left:50px;}


.detail_box {margin-top:20px;margin-bottom:20px;padding: 0;box-sizing: border-box;position: relative; z-index: 1;overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
.detail_box::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.detail_box .detail_list {display: table;}
.detail_box .detail_list li {width: 350px;display: table-cell;position: relative;}
.detail_box .detail_list li:after {content:'';background:url('/cm/mobile/img/ar_tr_right.png') no-repeat center center;width:40px;height:80px;background-size:40px 80px;display: inline-block;position: absolute;top: -10px;right: -20px;}
.detail_box .detail_list li:last-child:after {display:none;}
.detail_box  .detail_list li .detail_cont{width: 140px;}
.detail_box  .detail_list li .detail_cont dt {font-size:14px;color:#111;text-align: center;/* background: red; */vertical-align: middle;display: inline-block;width: 100%;}
.detail_box  .detail_list li .detail_cont dt:before {content:'';display: block;background:url('/cm/mobile/img/img_tr_pickup.png') no-repeat center center;width: 100px;height: 80px;background-size:100px 80px;margin: 0 auto;top: -2px;left: 50%;transform: translateX(-50%);}
.detail_box .detail_list li.img01 .detail_cont dt:before{content:'';background:url('/cm/mobile/img/img_tr_pickup.png') no-repeat center center; width: 100px;height: 80px;background-size:100px 80px;display: inline-block;position: absolute;}
.detail_box .detail_list li.img02 .detail_cont dt:before {content:'';background:url('/cm/mobile/img/img_tr_gatein.png') no-repeat center center; width: 100px;height: 80px;background-size:100px 80px;display: inline-block;position: absolute;}
.detail_box .detail_list li.img03 .detail_cont dt:before {content:'';background:url('/cm/mobile/img/img_tr_loading.png') no-repeat center center; width: 100px;height: 80px;background-size:100px 80px;display: inline-block;position: absolute;}
.detail_box .detail_list li.img04 .detail_cont dt:before {content:'';background:url('/cm/mobile/img/img_tr_discharging.png') no-repeat center center; width: 100px;height: 80px;background-size:100px 80px;display: inline-block;position: absolute;}
.detail_box .detail_list li.img05 .detail_cont dt:before {content:'';background:url('/cm/mobile/img/img_tr_gateout.png') no-repeat center center;width: 100px;height: 80px;background-size:100px 80px;display: inline-block;position: absolute;}
.detail_box .detail_list li.img06 .detail_cont dt:before {content:'';background:url('/cm/mobile/img/img_tr_return.png') no-repeat center center; width: 100px;height: 80px;background-size:100px 80px;display: inline-block;position: absolute;}

.img_block {display:none;}
.img_block.open {display:block;}

.detail_box  .detail_list li .detail_cont dd {}
.detail_box  .detail_list li .detail_cont dd:before {content:'';background:url('/cm/mobile/img/img_tr_line_off.png') no-repeat center center;display: block;width: 140px;height: 28px;background-size:150px 28px;margin: 8px 0 0 0;}
.detail_box  .detail_list li.on .detail_cont dd:before {content:'';background:url('/cm/mobile/img/img_tr_line_on.png') no-repeat center center;display: block;width: 140px;height: 28px;background-size:150px 28px;margin: 8px 0 0 0;}
.detail_box  .detail_list li .detail_cont dd .detail_title {font-size:14px;color:#111;text-align:center;height: 38px;}
.detail_box  .detail_list li .detail_cont dd .detail_time {font-size:14px;color:#777;text-align:center;margin-top:10px;font-family: 'Roboto Mono', monospace;}
.dt_text {padding-top: 0px;font-size: 15px;height: 40px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}

/* op */
.btn_inline {}
.btn_inline .btn {display: inline-block;width: auto;margin-left: 0;margin-right: 12px;}

.vsl_box {margin-top:30px;}
.vsl_box .st_group {display: block;}
.vsl_box .st_group .st_box {font-size:15px;color:#111;border:1px solid #bbb;display: inline-block;vertical-align: middle;padding: 6px;margin-right: 12px;border-radius: 4px;}
.vsl_box .st_group .st_text {font-size:15px;color:#111;display: inline-block;vertical-align: middle;}

.stlink_group {margin-top:12px;}
.red_linelink {font-size:15px;color:#fe695a;text-decoration: underline;margin-right:15px;}
.blue_linelink {font-size:15px;color:#54adf8;text-decoration: underline;}

.boxLine {border:1px solid #ddd;padding:20px 15px;    border-radius: 4px;}
.boxLine dl{margin-bottom: 15px;}
.boxLine dl:last-child{margin-bottom: 0px;}
.boxLine dl:after {content:'';display:table;clear:both;}
.boxLine dl dt{float:left;font-size:15px;color:#777;}
.boxLine dl dd{float:right;font-size:15px;color:#111;}

.formBoxClear {position: relative;display: flex;width: 100%;padding: 0;box-sizing: border-box;}
.formBoxClear .formClear {display: table-cell;padding: 0 0 0 16px;margin: 0;vertical-align: middle;position: relative;}
.formBoxClear .formClear * {vertical-align: middle;}
.formBoxClear .formClear:first-child {padding-left: 0;}

.colorBox {display: block;text-align: right;margin-top:30px;}
.colorBox .colorGroup {display: inline-block;margin-right: 30px;}
.colorBox .colorGroup:last-child {margin-right: 0;}
.blueBox {display: inline-block;background:#e9f1f7;color:#2f96ec;font-size:13px;padding:5px 8px;border-radius: 4px;}
.greenBox {display: inline-block;background:#e8f5f0;color:#2c8f6b;font-size:13px;padding:5px 8px;border-radius: 4px;}
.redBox {display: inline-block;background:#fbf0ef;color:#fe695a;font-size:13px;padding:5px 8px;border-radius: 4px;}
.purpleBox {display: inline-block;background:#f0e9f7;color:#6c3e9a;font-size:13px;padding:5px 8px;border-radius: 4px;}
.oliveBox {display: inline-block;background:#f1f7e9;color:#51643b;font-size:13px;padding:5px 8px;border-radius: 4px;}
.colorText {display: inline-block;color:#777;font-size:13px;margin-left: 10px;}
.color_list {}


.color_list .blueBox,
.color_list .greenBox,
.color_list .redBox,
.color_list .purpleBox,
.color_list .oliveBox {margin-right:8px;}


.bkgBox {display:table;width:100%;margin-top:16px;}
.bkgBox .bkgFl {display: table-cell;position: relative;}
.bkgBox .bkgFl:after {content:'';width:22px;height:22px;background:url(/cm/mobile/img/ic_fromto.png) no-repeat center center;background-size:22px 22px;display: block;position: absolute;top: 10px;right: 0;}
.bkgBox .bkgFr {text-align: right;display: table-cell;}

.btnMore {background: #fff url(/cm/mobile/img/ic_btnMore.png) no-repeat left 20px center;background-size:12.5px 12.5px;display: inline-block;width: auto;padding: 10px 20px 10px 43px;vertical-align: middle;border: 1px solid #54adf8 !important;border-radius: 100px;font-size: 15px;color: #54adf8;}

.bkgTitle {font-size:17px;color:#111;}
.bkgDate {font-size:13px;color:#777;}
.bkgText {font-size:14px;color:#111;}


.coaActBOx {border-top:1px solid #ddd;padding:30px 0;}
.coaActGroup {background:url('/cm/mobile/img/ar_round_blue.png') no-repeat center right;background-size:24px 24px;}
.coaActBOx:last-child {border-bottom:1px solid #ddd;}
.coaActBOx dl {display: table;margin-bottom: 12px;}
.coaActBOx dl:last-child {margin-bottom: 0px;}
.coaActBOx dl dt {font-size:15px;color:#777;display: table-cell;width: 100px;}
.coaActBOx dl dd {font-size:16px;color:#111;display: table-cell;}

.coaActCont {margin-top:30px;}
.coaActCont dl {width: 100%;}
.coaActCont dl dt .dtGrayText {display: inline-block;}
.coaActCont dl dt .dtRedText,
.dtRedText {font-size:15px;color:#fe695a;display: inline-block;padding-left: 10px;}
.coaActCont dl dd {display: inline-flex;width: 100%;}


.op_login_text {font-size:15px;color:#777;text-align: center;margin-bottom: 45px;}

.copyright_text {font-size:10px;color:#777;}

.grf_Text {font-size:15px;color:#111;}
.grf_Num {font-size:16px;color:#111;font-weight:bold;}

.logout_box a{font-size: 17px;color: #111;text-decoration: underline;}
.logout_box a:before{content:'';width:22px;height:22px;background:url('/cm/mobile/img/logout.png') no-repeat;display: inline-block;background-size: 22px 22px;vertical-align: middle;margin-right: 12px;}

.side_box{display: table;width: 100%;margin-bottom:22px;}
.side_box dt{background: #f4f4f4;    width: 140px;color:#54adf8; font-weight:bold; font-size:20px;display: table-cell;vertical-align: middle;text-align: center;}
.side_box dd{text-align: right;display: table-cell;}
.side_box dd>a {display:block;padding: 10px 0;font-size: 16px;color: #111;box-sizing: border-box;font-weight: bold;}
.side_box dd>a:after {content:'';width:16px;height:16px;background:url('/cm/mobile/img/ar_g_right.png') no-repeat;background-size:16px 16px;display: inline-block;vertical-align: middle;margin-left: 10px;}


.total_group {display: table;width: 100%;margin-bottom:12px;}
.total_group .total_text{display: table-cell;font-size:15px;color:#111;}
.total_group .btn_group{display: table-cell;}


.contract_box {border: 1px solid #ddd;border-radius: 4px;margin-bottom:20px;box-sizing: border-box;}
.contract_box.on { outline: 2px solid #54adf8; outline-offset: -2px;}
.contract_box .contract_group {background:#f1f6fe;display: block;display: flex;width: 100%;}
.contract_box .contract_group:after {content:'';display:table;clear:both;}
.contract_box .contract_group .contract_cont {display: inline-flex;vertical-align: middle;flex-flow: column;flex-direction: column;padding: 15px;width: 100%;}
.contract_box .contract_group .contract_cont .cont_title {display: block;font-size:17px;color:#111;font-weight:bold;}
.contract_box .contract_group .contract_cont .cont_gray {display: block;font-size:12px;color:#999;}
.contract_box .contract_group .contract_cont2 {display: inline-flex;vertical-align: middle;text-align: center;padding: 15px;justify-content: center;align-items: center;}
.contract_box .contract_group .contract_cont2>.w2textbox {background:#dce5f2;font-size:15px;color:#475b90;padding: 5px 10px;width: 90px;box-sizing: border-box;border-radius: 100px;}

.contract_box .contract_group2 {padding: 15px;}
.contract_box .contract_group2>p {font-size:15px;color:#111;margin-bottom: 20px;}


.input_dlBox {display:block;margin-bottom:12px;}
.input_dlBox:last-child {margin-bottom:0;}
.input_dlBox:after {content:'';display:table;clear:both;}
.input_dlBox>dt {float:left;font-size:15px;color:#777;}
.input_dlBox>dd {float:right;font-size:15px;color:#111;}