@charset "utf-8";
/* 태블릿 : 화면 너비 0 ~ 1024px */

html{font-size: 20px;}
body{font-size: 1rem;}

/* 모바일웹 화면 가로 회전시 텍스트 크기 변경 방지 */
body{ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}


/* IE에서 스크롤바 감춤 */
body {-ms-overflow-style:none;}


/* 윈도우 크롬 등 스크롤바 감춤 */
body::-webkit-scrollbar {display:none;}


/* ======================== 서브 공통 ======================== */

/* sub_visual */ 
.sub_visual{min-width: 100%; height:5rem; margin-top:3rem;}
.sub_visual .sub_visu_txt{width: 100%; height: 100%; text-align: center; line-height: 5rem}

/* sub_container_wrap - sub_contents */
.sub_contents{float: none; width: 100%; height: auto;}

/* mo_sub_nav */
.mo_nav_wrap{display:block;}
.mo_sub_nav{display:block; margin-bottom:40px;}
.mo_sub_nav ul{width: 100%;}
.mo_sub_nav ul > li{display: table; table-layout: fixed; float: left;  margin-left: -1px; width: calc(100%/5 + 1px); font-size: 0.85rem; background: #f6f6f6; position: relative;}
.mo_sub_nav ul > li > a{display: table-cell;vertical-align: middle; text-align: center; padding:0 0.1rem; height: 2.5rem; color:#666 ; border: 1px solid #d7d7d7; line-height: 0.9rem; letter-spacing:-0.08rem;} 
.mo_sub_nav ul > li a.active {border: 1px solid #00185b; color:#fff; background:#00185b;}




/* ======================== ka(제품소개)======================== */

/* 화물운송관리 - 주요기능 teb01 */
ul.function_box1{margin-bottom: 1.25rem;}
ul.function_box1 > li{float: left; font-size: 0.8rem; border:1px solid #cbe2fa; width: 48.9%; height:13.6rem; margin-left: 0rem; margin-bottom: 1rem; border-radius: 5px}
ul.function_box1 > li:first-child, ul.function_box1 > li:nth-child(1) {margin-right: 0.75rem}
ul.function_box1 > li:first-child, ul.function_box1 > li:nth-child(3) {margin-right: 0.75rem}
ul.function_box1 > li:first-child, ul.function_box1 > li:nth-child(5) {margin-right: 0.75rem}
ul.function_box1 > li:last-child{width:100%;}
ul.function_box1 > li:last-child ul.f_l{width:50%;}
ul.function_box1 > li:last-child ul.f_r{width:50%;}
ul.function_box1 > li > div:last-child{padding: 1rem}



/* ======================== kb(정보센터) ======================== */

/* ------[ 큰수레솔루션 kb01 ]------ */
.information_wrap .solu_box1 > ul.color_box{width: 36.95rem; height: 2.6rem; margin: 0 auto;}
.information_wrap .solu_box1 > ul.color_box > li{width: 22.5%; height: 2.6rem;}
.information_wrap .solu_box1 .white_box > ul{max-width:36.95rem;}
.information_wrap .solu_box1 .white_box > ul > li{width:48.5%;}


/* ------[ 프로그램개발 kb02 ]------ */

/* 개발절차 */
.si_process{max-width:36.95rem; margin: 0 auto 2.25rem;}
.si_process > div.line_2{margin:1.4rem auto; width: 100%;}
.si_process > div.line_2 > ul{width: 27.7rem;}
.si_process ul > li{word-break: keep-all;}
.si_process ul > li:after{right: 5px;}
.si_process > div.line_2 > ul > li{width: 33.3%;}
.si_process ul > li > span{border-radius:2.5rem; font-size: 0.75rem;  height:2.6rem; line-height: 2.6rem; width:90%;}


/* ------[ 홈페이지 kb03 ]------ */

/* 제작안내 */
.web_process{max-width:36.95rem; margin: 0 auto 2.25rem;}
.web_process > div.line_2{margin:1.4rem auto; text-align: center; width: 100%;}
.web_process > div.line_1, .web_process > div.line_3{margin:1.4rem auto; width: 100%;}
.web_process > div.line_1 > ul,
.web_process > div.line_3 > ul{width: 27.7rem;}
.web_process ul > li{width: 33.3%;}
.web_process ul > li:after{right: 5px;}
.web_process > div.line_2 > ul > li{width: 25%;}
.web_process ul > li > span{border-radius:2.5rem; font-size: 0.75rem; height:2.6rem; line-height: 2.6rem; width: 90%;}


/* 포트폴리오 */
.information_teb02 .portfolio_slider{width:25rem; height:12.6rem;}
.information_teb02 .portfolio_slider > div{width: 24.8rem;}
.information_teb02 .portfolio_slider > div img{width: 24.8rem; height: 12.6rem;}


/* ------[ 호스팅 kb05 ]------ */

.hosting_img{padding:0 1rem; margin: 0 auto;width:35.95rem;}
.hosting_img > div:nth-child(3),
.hosting_img > div:nth-child(5){padding:3rem 0;}
.hosting_img .arrow_img{text-align:center; padding:2.7rem 2.5rem ;}
.hosting_img .dong_dash2{padding:0.7rem; margin: 0 auto}
 


/* ======================== kc(고객센터) ======================== */

/* ------[ 고객센터 안내 kc05 ]------ */

/* 이용절차 */
.customer_wrap .center_process{}
.customer_wrap .center_process ul > li{width: 100%; float: none; margin-bottom: 2rem;}
.customer_wrap .center_process ul > li:after{
border-left: 6px solid transparent;border-right: 6px solid transparent; border-top: 6px solid #003399; right: 50%; top: 50%; margin-top: 64px; }
.customer_wrap .center_process ul > li:last-child{margin-bottom: 0;}
.customer_wrap .center_process ul > li:last-child:after{display: none;}
.customer_wrap .center_process ul > li > span{width: 100%;}
.customer_wrap .center_process ul > li:last-child > span{line-height:1rem; padding: 1.7rem 0}


/* ------[ 원격지원 kc06 ]------ */
.remote_wrap{width: 100%; height:auto; padding:1.25rem;}
.remote_wrap .remote_box{width: 100%; padding: 1.2rem 0 0; text-align: center;}



/* ======================== ky(회원서비스) ======================== */

/* ------[ 회원가입/프로그램 신청 ky01(로그아웃) ]------ */

/* 회원가입/프로그램 신청 내용 - 가입절차*/
.sub_contents .sub_detail_wrap ol.join_process > li{padding: 0.5rem 7%;} 


/* ======================== kz(마이페이지) ======================== */