@charset "utf-8";

/* 모바일(세로) : 화면 너비 320 ~ 480px */

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



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

/* sub_visual */ 
.sub_visual .sub_visu_txt strong{color: #fff; font-family:'NanumSquare','Malgun Gothic', '맑은 고딕', sans-serif; font-size:1.3rem }

/* location_wrap */ 
.location_wrap ul.loca_wrap > li > a{font-size: 0.7rem; padding: 0 0.4rem 0 0.6rem; line-height: 2.5rem;}

/* mo_sub_nav */
.mo_sub_nav ul > li{font-size: 0.75rem; }
.mo_sub_nav ul > li > a{height: 3rem;} 

/* sub_container_wrap - sub_contents 타이틀 */
.sub_contents .contents_title{font-size:1.1rem ; width: 100%; padding-bottom: 0.4rem; padding-left: 0.75rem;border-bottom: 3px solid #7e8199;}

/* sub_container_wrap - sub_contents 정보 박스 */
.sub_contents .sub_info_box .box_wrap{padding:1rem; position: relative;}
.sub_contents .sub_info_box .box_wrap > div{margin-left:0;}
.sub_contents .sub_info_box .box_wrap > div.sub_info_img{display: none;}
.sub_contents .sub_info_box .box_wrap h3.box_tit{font-size:0.9rem; padding-bottom:0.5rem;}


/* ======================== sub_login ======================== */

.sub_login_wrap .login_box{width: 100%; height: 20.5rem; padding: 2.5rem 1rem;}
.sub_login_wrap .login_form{width:100%;}
.sub_login_wrap .login_form .login_input_wrap{width:100%; height: 100%;}
.sub_login_wrap .login_form .login_input_wrap .id_pw_wrap{width:100%;}
.sub_login_wrap .login_form .login_input_wrap .login_btn{width:100%; height:2.5rem; margin:0.37rem 0;}
.sub_login_wrap .login_form .login_input_wrap .login_btn input{width:100%; height: 100%;}
.sub_login_wrap .login_form .member_btn_wrap .id_save{display: none;}



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

/* sub_tabmenu */
.sub_tebmenu > ul{margin-bottom:1.5rem;}
.sub_tebmenu > ul.sub_teb3 > li{font-size: 0.75rem;}

/* ------[ 화물운송관리 ka01 ]------ */

/* 화물운송관리 - 상품소개 teb00 */
.product_teb00 .triangle_box{width: 11rem; height:12rem; background-size: 11rem;}
.triangle_box .dong_dash{width:4rem; height: 4rem; padding:0.5rem; margin: 0 auto}
.triangle_box .dong_dash span > img{display: none;}
.triangle_box .dong_dash > span{font-size:0.7rem;}
.triangle_box .dong_dash.dong2{position: absolute; bottom: -0.2rem; left: -18%;}
.triangle_box .dong_dash.dong3{position: absolute; bottom: -0.2rem; right: -18%;}

/* 화물운송관리 - 주요기능 teb01 */
ul.function_box1 > li{float: left; font-size: 0.75rem; height:auto;width: 100%;}
ul.function_box1 > li > div.box1_tit{height: 2rem; line-height: 2rem;}
ul.function_box1 div.function_box1_07 > ul{width: 100%;}
div.function_box2 > table td > img{width: 10rem;}

/* tbl_type2 */
.product_teb01 .tbl_type2 table th, 
.product_teb01 .tbl_type2 table td{font-size: 0.75rem; }
.product_teb01 div.function_box2 > table td > img{display: none;}

/* 화물운송관리 - 가입안내 teb02 */
.product_teb02 .tbl_type1 table td{word-break: break-all;}



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

/* ------[ 큰수레솔루션 kb01 ]------ */

.information_wrap .solu_box1 > ul.color_box{width: 100%; height: 100%;} 
.information_wrap .solu_box1 > ul.color_box > li{margin-left:0.7rem; width: 47.5%;font-size:0.8rem;}
.information_wrap .solu_box1 .blue_box{width:14rem; height:2.35rem; background:#003399; margin: 0 auto; color: #fff; border-radius: 5px; margin-top: 10px; margin-bottom: 2.5rem;text-align: center; line-height: 2.35rem; font-size: 0.75rem;} 


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

/* 개발절차 */
.si_process{display: none;}
.information_teb00 .m_table{display: block;}
.information_teb00 .pc_table{display: none;}


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

/* 제작안내 */
.web_process{display: none;}

/* 포트폴리오 */
.information_teb02 .portfolio_slider{width:13.5rem; height:6.8rem;}
.information_teb02 .portfolio_slider > div{width: 13.3rem;}
.information_teb02 .portfolio_slider > div img{width: 13.3rem; height: 6.8rem;}


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

.hosting_img{width: 100%; height:auto;}
.hosting_img > div{float: none;}
.hosting_img > div:nth-child(1){width:11.5rem; margin: 0 auto;}
.hosting_img > div:nth-child(1):after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.hosting_img > div:nth-child(1) > div{float: left;} 
.hosting_img > div:nth-child(3),
.hosting_img > div:nth-child(5){padding:0;}
.hosting_img .dong_dash{width:4.9rem; height:4.9rem;}
.hosting_img .dong_dash2{width:6.9rem; height: 6.9rem;}
.hosting_img .dong_dash img,
.hosting_img .dong_dash2 img{display: none;}
.hosting_img .dong_dash2 > span > p{padding-top: 10px;}
.hosting_img .arrow_img{transform: rotate(90deg); padding: 0rem;}
.hosting_img div:first-child > div.dong_dash:last-child{margin-top:0rem; margin-left: 1rem;}



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

/* ------[ 고객센터 안내 kc05 ]------ */
.customer_wrap .center_process ul > li:last-child > span{line-height:1rem; padding: 1.4rem 0}



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

/* ------[ 회원가입/프로그램 신청 ky01 ]------ */
.sub_contents .sub_detail_wrap > ul.ky01_join > li.join_asp_btn{width: 100%; height:auto;}




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

/* ------[ ASP프로그램 사용현황 kz03 ]------ */