@charset "utf-8";

/* 저해상도 태블릿, 모바일(가로) : 화면 너비 0 ~ 768px */

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



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

/* mo_sub_nav */
.mo_sub_nav ul > li{font-size: 0.8rem; }


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

.sub_login_wrap .login_form{width:100%;}
.sub_login_wrap .login_form .login_input_wrap .id_pw_wrap{width:74%;}
.sub_login_wrap .login_form .login_input_wrap .login_btn{width:25%; height:5.45rem;}
.sub_login_wrap .login_form .login_input_wrap .login_btn input{width:100%;}
.sub_login_wrap .login_form .member_btn_wrap .id_save .keep_text{font-size: 0.75rem;}
.sub_login_wrap .login_form .member_btn_wrap .search_member > ul > li > a{font-size: 0.75rem;}



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

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

/* 화물운송관리 - 상품소개 teb00 */
.product_teb00 .triangle_box{width: 18.65rem; height:21rem; background-size: 16rem;}
.triangle_box .dong_dash.dong2{position: absolute; bottom: 0.8rem; left: -7%;}
.triangle_box .dong_dash.dong3{position: absolute; bottom: 0.8rem; right: -7%;}

/* 화물운송관리 - 주요기능 teb01 */
ul.function_box1 > li{float: left; font-size: 0.8rem; border:1px solid #cbe2fa; width: 48.2%; height:13.6rem; margin-left: 0rem; margin-bottom: 1rem; border-radius: 5px}
.product_teb01 div.function_box2 > table td > img{width: 10rem;}

/* 화물운송관리 - 가입안내 teb02 */
/* tbl_type1 */ 
.product_teb02 .tbl_type1 table th, 
.product_teb02 .tbl_type1 table td{padding: 0 0.5rem; font-size: 0.75rem;}
.product_teb02 .tbl_type1 table th.table_title {width: 100%; height:2.5rem;background: #ededed; text-align: center; font-weight: bold;} /*thead title*/
.product_teb02 .tbl_type1 table td{height: 49px;}



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

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

.information_wrap .solu_box1 > ul.color_box{width: 100%; height: 100%;} 
.information_wrap .solu_box1 > ul.color_box > li{margin-left:0.75rem; width: 48%;font-size:0.8rem;}
.information_wrap .solu_box1 > ul.color_box > li:nth-child(2),
.information_wrap .solu_box1 > ul.color_box > li:nth-child(4){background:#eaf2fa;}

.information_wrap .solu_box1 > ul.color_box > li:first-child,
.information_wrap .solu_box1 > ul.color_box > li:nth-child(3){margin-left: 0;}

.information_wrap .solu_box1 > ul.color_box > li:first-child,
.information_wrap .solu_box1 > ul.color_box > li:nth-child(2){margin-bottom: 0.75rem;}

.information_wrap .solu_box1 .white_box > ul{width: 100%; max-width:38.4rem;}
.information_wrap .solu_box1 .white_box > ul > li{width:100%; height:auto; float: none;}
.information_wrap .solu_box1 .white_box > ul > li:first-child,
.information_wrap .solu_box1 .white_box > ul > li:nth-child(3){margin-right:0rem;}

.information_wrap .solu_box1 .white_box > ul > li:first-child,
.information_wrap .solu_box1 .white_box > ul > li:nth-child(2),
.information_wrap .solu_box1 .white_box > ul > li:nth-child(3){margin-bottom:0.75rem;}

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

/* 개발절차 */
.si_process{display: none;}


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

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

/* 포트폴리오 */
.information_teb02 .portfolio_slider{width:20rem; height:10.1rem;}
.information_teb02 .portfolio_slider > div{width: 19.8rem;}
.information_teb02 .portfolio_slider > div img{width: 19.8rem; height: 10.1rem;}


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

.hosting_img{width: 100%; height:auto;}
.hosting_img > div{float: none;}
.hosting_img > div:nth-child(1){width:15rem; 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:6.9rem; height: 6.9rem;}
.hosting_img .arrow_img{transform: rotate(90deg); height:4rem;}
.hosting_img div:first-child > div.dong_dash:last-child{margin-top:0rem; margin-left: 1rem;}



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


/* ------[ 공지사항 kc01 ]------ */

/* 반응형 table에서 theade th를 대체하는 td */
table.table_kc01 td:nth-of-type(1):before { content: "제목"; }
table.table_kc01 td:nth-of-type(2):before { content: "등록일"; }
table.table_kc01 td:nth-of-type(3):before { content: "조회"; }


/* ------[ 업데이트 안내 kc02 ]------ */

/* 반응형 table에서 theade th를 대체하는 td */
table.table_kc02 td:nth-of-type(1):before { content: "제목"; }
table.table_kc02 td:nth-of-type(2):before { content: "등록일"; }
table.table_kc02 td:nth-of-type(3):before { content: "조회"; }


/* ------[ 프로그램 정보자료실 kc03 ]------ */

/* 반응형 table에서 theade th를 대체하는 td */
table.table_kc03 td:nth-of-type(1):before { content: "번호"; }
table.table_kc03 td:nth-of-type(2):before { content: "제목"; }
table.table_kc03 td:nth-of-type(3):before { content: "작성자"; }
table.table_kc03 td:nth-of-type(4):before { content: "작성일자"; }
table.table_kc03 td:nth-of-type(5):before { content: "조회"; }


/* ------[ 원격지원 kc06 ]------ */

.remote_wrap{width: 100%; height:auto;}
.remote_wrap .remote_box{width: 100%; height: 100%;overflow-y: auto; padding-top:1rem;}



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

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

/* 회원가입/프로그램 신청 내용 - 가입절차*/
.sub_contents .sub_detail_wrap ol.join_process > li{padding: 0.5rem 3%; text-align: center;} 
.sub_contents .sub_detail_wrap ol.join_process > li > div.porocess_step{float:none;}
.sub_contents .sub_detail_wrap ol.join_process > li > span.porocess_img{display: none}



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

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

/* 반응형 table에서 theade th를 대체하는 td */
table.table_kz03 td:nth-of-type(1):before { content: "프로그램"; }
table.table_kz03 td:nth-of-type(2):before { content: "시작일자"; }
table.table_kz03 td:nth-of-type(3):before { content: "종료일자"; }
table.table_kz03 td:nth-of-type(4):before { content: "잔여일"; }
table.table_kz03 td:nth-of-type(5):before { content: "신청"; }


/* ------[ 패치자료실 kz04 ]------ */

/* 반응형 table에서 theade th를 대체하는 td */
table.table_kz04 td:nth-of-type(1):before { content: "번호"; }
table.table_kz04 td:nth-of-type(2):before { content: "제목"; }
table.table_kz04 td:nth-of-type(3):before { content: "작성자"; }
table.table_kz04 td:nth-of-type(4):before { content: "작성일자"; }
table.table_kz04 td:nth-of-type(5):before { content: "조회"; }


/* ------[ A/S요청 현황 kz05 ]------ */

/* 반응형 table에서 theade th를 대체하는 td */
table.table_kz05 td:nth-of-type(1):before { content: "구분"; }
table.table_kz05 td:nth-of-type(2):before { content: "일자"; }
table.table_kz05 td:nth-of-type(3):before { content: "구분"; }
table.table_kz05 td:nth-of-type(4):before { content: "프로그램"; }
table.table_kz05 td:nth-of-type(5):before { content: "메뉴"; }
table.table_kz05 td:nth-of-type(6):before { content: "항목"; }
table.table_kz05 td:nth-of-type(7):before { content: "결과"; }