@charset "utf-8";

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



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

/* sub_visual */ 
.sub_visual{width: 100%; height:7.5rem; float: left; background:url('../image/sub/sub_visual.png') no-repeat center; position: relative; z-index: 8; background-size: cover;}
.sub_visual .sub_visu_txt{width: 100%; height: 100%; text-align: center; line-height: 7.5rem}
.sub_visual .sub_visu_txt strong{color: #fff; font-family:'NanumSquare','Malgun Gothic', '맑은 고딕', sans-serif; font-size:1.5rem }


/* location_wrap */ 
.location_wrap{width: 100%; height:2.5rem; float: left; border-bottom: 1px solid #d7d7d7}
.location_wrap ul.loca_wrap > li{float: left;}
.location_wrap ul.loca_wrap > li > a{font-size: 0.8rem; padding: 0 0.65rem 0 0.9rem; line-height: 2.5rem;}
.location_wrap ul.loca_wrap > li.loc_home > a{padding-left: 0;}
.location_wrap ul.loca_wrap > li.loc_item > a{background:url('../image/sub/arrow_r.png') no-repeat 0 50%; }


/* sub_container_wrap */ 
.sub_container_wrap{width: 100%; float: left;}

/* sub_container_wrap - sub_contents */
.sub_contents{float: right; width: 46.4em; height: auto;}

/* mo_sub_nav */
.mo_sub_nav{display:none}
.mo_nav_wrap{display:none;}

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

/* sub_container_wrap - sub_contents 정보 박스 */
.sub_contents .sub_info_box{width: 100%; height: auto;border-bottom: 3px solid #d7d7d7; position: relative;}
.sub_contents .sub_info_box:before{content:""; position: absolute; right: 0; top:0; width: 3px; height: 34px; background:#7e8199;}
.sub_contents .sub_info_box:after{content:""; position: absolute; left: 0; bottom:0; width: 3px; height: 34px; background:#d7d7d7;}
.sub_contents .sub_info_box .box_wrap{padding:1.7rem 1.2rem; position: relative;}
.sub_contents .sub_info_box .box_wrap > div{margin-left: 6rem;}
.sub_contents .sub_info_box .box_wrap > div.sub_info_img{width:4.8rem ; height: 4.45rem; position: absolute; left:-4.6rem; top: 1.6rem; }
.sub_contents .sub_info_box .box_wrap h3.box_tit{font-size:1rem; padding-bottom:0.5rem;}
.sub_contents .sub_info_box .box_wrap ul.box_txt{word-break:keep-all;}
.sub_contents .sub_info_box .highlight{font-weight: bold; background: linear-gradient(to top, #bfeef8 45%, transparent 50%);}

/* sub_container_wrap - sub_contents 세부 내용 박스 */
.sub_contents .sub_detail_wrap{width: 100%; height: auto; padding-top:2.5rem}



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

.sub_login_wrap{width: 100%; float: left;}
.sub_login_wrap .sub_inner{min-height: 0;}
.sub_login_wrap .login_box{width: 100%; height: 18.35rem; background:#fff; border-top:3px solid #003399; border-bottom:3px solid #54afdb; padding: 2.5rem;}
.sub_login_wrap .login_box > h2{font-size: 1.5rem; line-height: 1.5rem;}
.sub_login_wrap .login_box > p{color: #777; font-size: 0.8rem; padding-bottom:1.5rem ;}
.sub_login_wrap .login_form{width:26rem; margin:0 auto; border-top:2px solid #666; padding-top:1.4rem;}
.sub_login_wrap .login_form .login_input_wrap{width:100%; height: 5.4rem;}
.sub_login_wrap .login_form .login_input_wrap .id_pw_wrap{width:19rem; height: 5.45rem;}
.sub_login_wrap .login_form .login_input_wrap .id_pw_wrap .id_input{position: relative;}
.sub_login_wrap .login_form .login_input_wrap .id_pw_wrap .pw_input{position: relative; margin-top: 0.37rem;}
.sub_login_wrap .login_form .login_input_wrap .id_pw_wrap > div > span.icon_cell{width: 16px; height: 20px;display: inline-block; position: absolute; left: 17px; top:14px;}
.sub_login_wrap .login_form .login_input_wrap .id_pw_wrap > div.id_input > span.icon_cell{background: url('../image/main/icon_id.png') no-repeat center;}
.sub_login_wrap .login_form .login_input_wrap .id_pw_wrap > div.pw_input > span.icon_cell{background: url('../image/main/icon_pw.png') no-repeat center;}
.sub_login_wrap .login_form .login_input_wrap .login_btn{width:6.5rem; height:5.45rem;}
.sub_login_wrap .login_form .login_input_wrap .login_btn input{display: inline-block; width:6.5rem; height: 5.45rem; color: #fff; background:#24a1d5; font-size: 1rem;}

.sub_login_wrap .login_form .member_btn_wrap{width:100%; height: 1.15rem;margin-top: 0.8rem;font-size: 0.8rem;}
.sub_login_wrap .login_form .member_btn_wrap .id_save{width: 5.15rem;}
.sub_login_wrap .login_form .member_btn_wrap .id_save .keep_text{display: inline-block; color:#666; line-height: 1.15rem;}
.sub_login_wrap .login_form .member_btn_wrap .search_member{width:11rem;}
.sub_login_wrap .login_form .member_btn_wrap .search_member > ul{font-size: 0;}
.sub_login_wrap .login_form .member_btn_wrap .search_member > ul > li{display: inline-block;}
.sub_login_wrap .login_form .member_btn_wrap .search_member > ul > li:last-child{margin-left:0.9rem;}
.sub_login_wrap .login_form .member_btn_wrap .search_member > ul > li > a{font-size: 0.8rem;color: #666; line-height:1.15rem; text-decoration: underline; text-underline-position: under;}



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

/* sub_tabmenu */
.sub_tebmenu > ul{width: 100%; margin-bottom:2rem;}
.sub_tebmenu > ul.sub_teb3 > li{display: table; table-layout: fixed; /*border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;*/float: left;  margin-left: -1px; width: calc(100%/3 + 1px); font-size: 0.9rem; background: #f6f6f6; position: relative;}
.sub_tebmenu > ul > li > a{display: table-cell;vertical-align: middle; text-align: center; padding:0 1rem; height: 2.5rem; color:#666 ; border: 1px solid #d7d7d7;} 
.sub_tebmenu > ul.sub_teb3 > li.active{z-index:9; background: #fff; }
.sub_tebmenu > ul.sub_teb3 > li.active a {border-left: 1px solid #999;
border-right: 1px solid #666; border-top:3px solid #24a1d5; border-bottom: 1px solid #fff; color:#000; font-weight:bold;}


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

/* 화물운송관리 - 상품소개 teb00 */
.product_teb00 .triangle_box{width: 18.65rem; height:25rem ; text-align: center; background: url('../image/ka/img_triangle1.png') no-repeat center 50%; position: relative; margin: 0 auto; margin-bottom:1rem;}
.triangle_box .dong_dash{width:6.9rem; height: 6.9rem; border: 1px dashed #003399; border-radius:50%; display: table; padding:0.7rem; margin: 0 auto}
.triangle_box .dong_dash > span{width:100%; height: 100%; background:#cbe2fa; font-size:0.8rem; border-radius: 50%; display:table-cell; padding: 1rem 0; }
.triangle_box .dong_dash > span > p{font-weight: bold;}
.triangle_box .dong_dash.dong2{position: absolute; bottom: 0; left: -20%;}
.triangle_box .dong_dash.dong3{position: absolute; bottom: 0; right: -20%;}

/* 화물운송관리 - 주요기능 teb01 */
ul.function_box1{margin-bottom: 1.25rem;}
ul.function_box1 > li{float: left; font-size: 0.8rem; border:1px solid #cbe2fa; width: 23.3%; height:13.6rem; margin-left: 1rem; margin-bottom: 1rem; border-radius: 5px}
ul.function_box1 > li:first-child, ul.function_box1 > li:nth-child(5) {margin-left: 0}
ul.function_box1 > li:last-child{width:48.9%;}
ul.function_box1 > li > div.box1_tit{width: 100%; height: 2.5rem; background: #cbe2fa; border-radius: 5px 5px 0 0; text-align: center; line-height: 2.5rem; font-weight: bold;}
ul.function_box1 > li > div:last-child{padding: 0.75rem 0.6rem}
ul.function_box1 > li > div:last-child > ul > li{line-height:1rem ;} 
ul.function_box1 div.function_box1_07 > ul{float: left; width: 50%;}

/* tbl_type2 */
.product_teb01 .tbl_type2 table {border-spacing: 0 1rem; border-collapse: separate;}
.product_teb01 .tbl_type2 table th, 
.product_teb01 .tbl_type2 table td{border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; font-size: 0.8rem; font-weight: normal; padding: 0.75rem}
.product_teb01 .tbl_type2 table th{background:#f6f6f6; font-weight: bold; text-align: center; }
.product_teb01 .tbl_type2 table th:first-child, 
.product_teb01 .tbl_type2 table td:first-child{border-left:0}
.product_teb01 .tbl_type2 table td > img{vertical-align: middle;}

/* 화물운송관리 - 가입안내 teb02 */
/* tbl_type1 */ 
.product_teb02 .tbl_type1{border-top:2px solid #091f60;}
.product_teb02 .tbl_type1 table th, 
.product_teb02 .tbl_type1 table td{border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; font-size: 0.8rem; font-weight: normal; height:2.5rem; padding: 0 0.75rem;}
.product_teb02 .tbl_type1 table th{background:#f6f6f6;  text-align: center; }
.product_teb02 .tbl_type1 table th:first-child, 
.product_teb02 .tbl_type1 table td:first-child{border-left:0}
.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;}


/* ------[ 건설기계배차관리 ka02]------ */

/* 건설기계배차관리 - 상품소개 teb00 */
.product_teb00 .triangle_img{background: url('../image/ka/img_triangle2.png') no-repeat center 50%;}



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

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

.information_wrap .solu_box1 > ul.color_box > li{float:left; margin-left:1.23rem; width: 23%; height: 2.6rem; background:#cbe2fa; font-size:0.9rem; text-align: center; line-height: 2.6rem; border-radius: 5px;}
.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{margin-left: 0;}
.information_wrap .solu_box1 .arrow_img{width: 100%; height:1.75rem; text-align: center; background: url('../image/kb/arrow_up.png') no-repeat center 50%; margin:0.75rem 0;}
.information_wrap .solu_box1 .white_box > ul{width: 100%; max-width:764px; margin: 0 auto;}
.information_wrap .solu_box1 .white_box > ul > li{width:18.6rem;height: 4.85rem; background: #f6f6f6; float: left; font-size: 0.8rem; text-align: center; padding: 10px 0;}
.information_wrap .solu_box1 .white_box > ul > li:first-child,
.information_wrap .solu_box1 .white_box > ul > li:nth-child(3){margin-right:1rem;}
.information_wrap .solu_box1 .white_box > ul > li:first-child,
.information_wrap .solu_box1 .white_box > ul > li:nth-child(2){margin-bottom:1rem;}
.information_wrap .solu_box1 .blue_box{width:21.85rem; 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;} 

/* tbl_type1 */ 
.solu_box2 .tbl_type1{border-top:2px solid #091f60;}
.solu_box2 .tbl_type1 table th, 
.solu_box2 .tbl_type1 table td{border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; font-size: 0.8rem; font-weight: normal; height:2.5rem;}
.solu_box2 .tbl_type1 table td{padding: 0.75rem}
.solu_box2 .tbl_type1 table th{background:#f6f6f6; text-align: center; }
.solu_box2 .tbl_type1 table th:first-child, 
.solu_box2 .tbl_type1 table td:first-child{border-left:0}
.solu_box2 .tbl_type1 table ul.td_txt{margin-top: 0.5rem;}
.solu_box2 .tbl_type1 table ul.td_txt > li{float: left; margin-left: 0.4rem;}


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

/* 개발환경 - sub_tabmenu */
.sub_tebmenu > ul{width: 100%; margin-bottom:2rem;}
.sub_tebmenu > ul.sub_teb2 > li{;display: table; table-layout: fixed; /*border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;*/float: left;  margin-left: -1px; width: calc(100%/2 + 1px); font-size: 0.9rem; background: #f6f6f6; position: relative;}
.sub_tebmenu > ul > li > a{display: table-cell;vertical-align: middle; text-align: center; padding:0 1rem; height: 2.5rem; color:#666 ; border: 1px solid #d7d7d7;} 
.sub_tebmenu > ul.sub_teb2 > li.active{z-index:9; background: #fff; }
.sub_tebmenu > ul.sub_teb2 > li.active a {border-left: 1px solid #999;
border-right: 1px solid #666; border-top:3px solid #24a1d5; border-bottom: 1px solid #fff; color:#000; font-weight:bold;}
.information_teb00 .m_table{display: none;}

/* 개발절차 */
.si_process > div.line_2{margin:1.4rem auto; text-align: center; width: 100%;}
.si_process > div.line_2 > ul{width: 34.7rem; margin: 0 auto;}
.si_process ul > li{width: 25%; float:left; text-align: center; position: relative;}
.si_process ul > li:after{content:''; position: absolute; right: 13px; top: 50%; margin-top: -6px; border-bottom: 6px solid transparent;
border-left: 6px solid #003399; border-top: 6px solid transparent;}
.si_process div.line_3 > ul > li:last-child:after{display: none;}
.si_process ul > li:first-child{padding-left:0;}
.si_process > div.line_2 > ul > li{width: 33.3%;}
.si_process ul > li > span{display: block; border-radius:1.25rem; background:#cbe2fa; font-size: 0.8rem;  height:2.6rem; line-height: 2.6rem; width: 10rem;}
.si_process ul > li > span.bg_sky{background:#eaf2fa}


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

/* 제작안내 */
.web_process > div.line_2{margin:1.4rem auto; text-align: center; width: 100%;}
.web_process > div.line_1 > ul,
.web_process > div.line_3 > ul{width: 34.7rem; margin: 0 auto;}
.web_process ul > li{width: 33.3%; float:left; text-align: center; position: relative;}
.web_process ul > li:after{content:''; position: absolute; right: 13px; top: 50%; margin-top: -6px; border-bottom: 6px solid transparent;border-left: 6px solid #003399; border-top: 6px solid transparent;}
.web_process div.line_3 > ul > li:last-child:after{display: none;}
.web_process ul > li:first-child{padding-left:0;}
.web_process > div.line_2 > ul > li{width: 25%;}
.web_process ul > li > span{display: block; border-radius:1.25rem; background:#cbe2fa; font-size: 0.8rem; height:2.6rem; line-height: 2.6rem; width: 10rem;}
.web_process ul > li > span.bg_sky{background:#eaf2fa}

/* 포트폴리오 */
.information_teb02 .portfolio_slider{width:35.1rem; height:17.7rem;border:1px solid #d7d7d7; position: relative; margin: 0 auto; margin-bottom: 1.5rem;}
.information_teb02 .portfolio_slider > div{width: 35rem; height: 100%; float: left;}
.information_teb02 .portfolio_slider > div > img{width: 35rem; height: 17.7rem;}
.information_teb02 .portfolio_slider .slick-dots{bottom:-30px;}
.information_teb02 .portfolio_slider .slick-dots li {width: 10px; height: 10px;}
.information_teb02 .portfolio_slider .slick-dots li button{width: 10px; height: 10px; background-color: #fff; border-radius: 50%; opacity: 1; margin:auto;}
.information_teb02 .portfolio_slider .slick-dots li button:before{font-family: 'slick'; font-size: 6px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: ''; text-align: center; border-radius: 50%; opacity: 1; background-color: #d7d7d7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.information_teb02 .portfolio_slider .slick-dots li.slick-active{width: 10px; height: 10px;}
.information_teb02 .portfolio_slider .slick-dots li.slick-active button:before
{opacity: 1; background-color: #666; width: 10px; height: 10px; border-radius: 1em;
vertical-align: center; margin: 0 auto }
.slick-prev {display: inline-block; width: 3rem; height: 3rem;background:#fff url('../image/kb/icon_arrow_l.png')no-repeat 50% 50%; position: absolute; left:-90px; top: 50%; border: 1px solid #888; border-radius: 50%;}
.slick-next {display: inline-block; width: 3rem; height: 3rem; background:#fff url('../image/kb/icon_arrow_r.png')no-repeat 56% 50%; position: absolute; right: -90px; top: 50%; border: 1px solid #888; border-radius: 50%;}
.slick-prev:hover,
.slick-next:hover{border: 1px solid #555;}



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

.hosting_img{width: 100%; height: 14.9rem; padding:0 4.85rem;}
.hosting_img > div{float: left; height: 100%;}
.hosting_img > div:nth-child(3),
.hosting_img > div:nth-child(5){padding:3.2rem 0;}
.hosting_img .dong_dash{width:6.9rem; height: 6.9rem; border: 1px dashed #003399; border-radius:50%; display: table; padding:0.7rem; margin: 0 auto}
.hosting_img .dong_dash > span{width:100%; height: 100%; background:#cbe2fa; font-size:0.8rem; border-radius: 50%; display:table-cell; padding: 1rem 0; text-align: center;}
.hosting_img .dong_dash > span > p{font-weight: bold;}
.hosting_img div:first-child > div.dong_dash:last-child{margin-top:1rem;}
.hosting_img .arrow_img{text-align:center; background: url('../image/kb/arrow_r.png') no-repeat center 50%;height:100%; padding:2.7rem;}

.hosting_img .dong_dash2{width:8.5rem; height: 8.5rem; border: 1px dashed #003399; border-radius:50%; display: table; padding:0.7rem; margin: 0 auto}
.hosting_img .dong_dash2 > span{width:100%; height: 100%; background:#eaf2fa; font-size:0.8rem; border-radius: 50%; display:table-cell; padding: 1rem 0; text-align: center;}
.hosting_img .dong_dash2 > span > p{font-weight: bold;}
.hosting_img div:first-child > div.dong_dash:last-child{margin-top:1rem;}
.hosting_img > div:last-child .dong_dash2 span{background:#cbe2fa;}



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

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

/* tbl_type1 */ 
/* 공지사항 - 세부내용 */
.notice_view_wrap .tbl_type1 table th.tit{font-weight: bold;}

/* 게시판 형태 html 공통 view */
.board_content {width: 100%; min-height: 14rem; word-break: break-all; padding:1rem 0.75rem; text-align: left; border-bottom: 1px solid #d7d7d7; overflow: auto}
.board_content > .view > span {white-space : pre-wrap;}



/* ------[ 자주묻는 질문 kc04 ]------ */
.faqlist_wrap ul.faqlist_box > li{width: 100%;  border-bottom: 1px solid #d7d7d7;}
.faqlist_wrap ul.faqlist_box > li:first-child{border-top: 2px solid #091f60;}
.faqlist_wrap ul.faqlist_box > li > button{width: 100%; display: block; padding:0.65rem 1rem; text-align: left; position: relative;}

.faqlist_wrap ul.faqlist_box span.faq_Q{width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #003399; display: inline-block; text-align: center; color: #fff; line-height: 1.5rem; position: absolute; left:20px; top:10px;}
.faqlist_wrap ul.faqlist_box span.faq_que{padding-left:3.5rem; width: 100%; display: block;}
.faqlist_wrap ul.faqlist_box .faq_answer_box{width: 100%; height: auto; background: #f6f6f6; padding: 1rem; position: relative; font-size: 0.8rem; border-top: 1px solid #d7d7d7;}
.faqlist_wrap ul.faqlist_box span.faq_A{width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #24a1d5; display: inline-block; text-align: center; color: #fff; line-height: 1.5rem; position: absolute; left: 20px; top:20px;}
.faqlist_wrap ul.faqlist_box span.faq_answer{display:block;padding-left: 3.5rem; word-break: keep-all;}


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

/* 이용절차 */
.customer_wrap .center_process{}
.customer_wrap .center_process ul > li{width: 33.3%; float:left; text-align: center; position: relative;}
.customer_wrap .center_process ul > li:after{content:''; position: absolute; right: 13px; top: 50%; margin-top: -6px; border-bottom: 6px solid transparent;
border-left: 6px solid #003399; border-top: 6px solid transparent;}
.customer_wrap .center_process ul > li:last-child:after{display: none;}
.customer_wrap .center_process ul > li:first-child{padding-left:0;}
.customer_wrap .center_process ul > li > span{display: block; border-radius:2.25rem; background:#cbe2fa; font-size: 0.8rem; width: 14rem; padding: 0.5rem; height:4.6rem;}
.customer_wrap .center_process ul > li > span.bg_sky{background:#eaf2fa}


/* ------[ 원격지원 kc06 ]------ */
.remote_wrap{width: 40rem; height:25.45rem; background:#f6f6f6; margin: 0 auto; padding:1.25rem;}
.remote_wrap .remote_box{width: 100%; padding: 1.25rem 7.5rem; }



/* ======================== ky(회원가입 및 서비스) ======================== */

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

/* 회원가입/프로그램 신청 내용*/
.sub_contents .sub_detail_wrap > ul.ky01_join > li{float: left; width: 22.25rem; height:14.75rem; background: #f6f6f6;border: 1px solid #d7d7d7; padding: 2rem; text-align:center;}
.sub_contents .sub_detail_wrap > ul.ky01_join > li:last-child{float: right;}
.sub_contents .sub_detail_wrap > ul.ky01_join > li > strong{font-size: 1rem;}
.sub_contents .sub_detail_wrap > ul.ky01_join > li > div.join_img{width: 100%; height:5rem; text-align:center; padding:1rem 0 0.4rem;}
.sub_contents .sub_detail_wrap > ul.ky01_join > li > div.join_img span{display:inline-block; }
.sub_contents .sub_detail_wrap > ul.ky01_join > li > p{font-size: 0.8rem; color: #666; padding-bottom:0.5rem ;}
.sub_contents .sub_detail_wrap > ul.ky01_join > li > div.join_btn a{background:#003399; color: #fff;}

/* 회원가입/프로그램 신청 내용 - 가입절차*/
.sub_contents .sub_detail_wrap ol.join_process{width: 100%; display: table; table-layout: fixed; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;margin-bottom:2.5rem ;}
.sub_contents .sub_detail_wrap ol.join_process > li{display: table-cell;width: 33.3%; padding: 0.5rem 3rem; vertical-align: middle; border-left: 1px solid #d7d7d7;} 
.sub_contents .sub_detail_wrap ol.join_process > li:last-child{border-right: 1px solid #d7d7d7;}
.sub_contents .sub_detail_wrap ol.join_process > li > span.porocess_img{float: left; margin-right: 9px; width:3.1rem; height: 3.1rem; border-radius:50%; background:#f6f6f6; display: inline-block; position: relative;}
.sub_contents .sub_detail_wrap ol.join_process > li > span.porocess_img img{position: absolute; top: 50%; left: 50%;text-align: center;image-rendering: -webkit-optimize-contrast;
transform: translateZ(0); backface-visibility: hidden; margin-top: -0.775rem; margin-left:-0.75rem ;}
.sub_contents .sub_detail_wrap ol.join_process > li > div.porocess_step{float: left;}
.sub_contents .sub_detail_wrap ol.join_process > li > div.porocess_step strong{font-size: 0.8rem;}
.sub_contents .sub_detail_wrap ol.join_process > li > div.porocess_step p{font-size: 0.9rem;}
.sub_contents .sub_detail_wrap ol.join_process > li.on{background: #f6f6f6;}
.sub_contents .sub_detail_wrap ol.join_process > li.on > span.porocess_img{background:#2865c9;}

/* 회원가입/프로그램 신청 내용 - step01.약관동의*/
.sub_detail_wrap .rule_box_wrap{margin-top:1.5rem ;}
.sub_detail_wrap .rule_box_wrap .rule_box:not(:first-child){margin-top:2.5rem;}
.sub_detail_wrap .rule_box{padding: 0;width: 100%;border: 1px solid #d7d7d7; }
.sub_detail_wrap .rule_box .rule_tit{width: 100%; padding:0.58rem 1.75rem; font-size: 0.9rem; font-weight: bold; border-bottom: 1px solid #d7d7d7;background:#f6f6f6;}
.sub_detail_wrap .rule_box .rule_tit > span{color: #db251b;}
.sub_detail_wrap .rule_box .rule_cont{width: 100%; height: 11.3rem; border-bottom: 1px solid #d7d7d7; padding: 1rem 1.75rem; overflow-y:scroll; font-size:0.8rem;}
.sub_detail_wrap .rule_box .rule_agree{width: 100%; padding:0.58rem 1.75rem; font-size: 0.8rem;}
.sub_detail_wrap .rule_box .rule_agree > div > span:last-child{margin-left:15px ;}
.allchk_wrap{width: 100%; margin-top: 2rem; font-size: 0.9rem; text-align: center; font-weight: bold;}


/* 회원가입/프로그램 신청 내용 - step02.본인인증 */
/* 빨간색 필수입력 사항 동그라미 */
p.compulsory{text-align:right; position:relative; font-size: 0.7rem; color: #666; width: 100%; margin-bottom: 5px;}
p.compulsory_red{text-align:right; position:relative; font-size: 0.7rem; color: #666; width: 100%; margin-bottom: 5px;}
p.compulsory_red:before{content:''; position:absolute; right:173px; top: 50%; margin-top:-2.5px ;width:5px;height: 5px; background:#ee0700; border-radius:50%;}
span.red_mrak{overflow: hidden; display: inline-block; width: 5px;height: 5px; border-radius:50%; background:#ee0700; margin-bottom: 9px; margin-left:7px;}

/*input 사이에 기호 또는 빈칸 span*/
span.icon_empty{display:inline-block; font-size:0.8rem; font-weight: bold; padding: 0 0.2rem;}


/* ------[ 회원가입/프로그램 신청 ky01(로그인) ]------ */
.sub_contents .sub_detail_wrap > ul.ky01_join > li.join_asp_btn{width: 22.25rem; height:14.75rem; background: #f6f6f6;border: 1px solid #d7d7d7; padding: 2rem; text-align:center; margin: 0 auto; float:none;}

/* 프로그램 신청 감사 페이지 */
.sub_contents .sub_info_box .box_wrap h3.box_tit2{font-size:1.4rem; padding-bottom:0.5rem;}
.sub_contents .sub_info_box .box_wrap ul.box_txt2{font-size: 0.8rem; word-break:keep-all;}
.sub_contents .sub_info_box .box_wrap ul.box_txt2 li.txt2{font-size: 0.85rem;}
.sub_contents .sub_info_box .highlight{font-weight: bold; background: linear-gradient(to top, #bfeef8 45%, transparent 50%);}


/* ------[ 아이디/비밀번호 찾기 ky02 ]------ */

/* 아이디/비밀번호 찾기 - sub_tabmenu */
.idpw_search_wrap .sub_tebmenu > ul{width: 100%; margin-bottom:2rem;}
.idpw_search_wrap .sub_tebmenu > ul.sub_teb2 > li{;display: table; table-layout: fixed; /*border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;*/float: left;  margin-left: -1px; width: calc(100%/2 + 1px); font-size: 0.9rem; background: #f6f6f6; position: relative;}
.idpw_search_wrap .sub_tebmenu > ul > li > a{display: table-cell;vertical-align: middle; text-align: center; padding:0 1rem; height: 2.5rem; color:#666 ; border: 1px solid #d7d7d7;} 
.idpw_search_wrap .sub_tebmenu > ul.sub_teb2 > li.active{z-index:9; background: #2865c9; }
.idpw_search_wrap .sub_tebmenu > ul.sub_teb2 > li.active a {border: 1px solid #2865c9; color: #fff;}

.idpw_search_wrap .pw_search_box{width: 100%;  border-bottom: 1px solid #d7d7d7; padding: 1.1rem 0.8rem 1.5rem;}
.idpw_search_wrap .pw_search_box > p{font-size: 0.8rem;}
.idpw_search_wrap .pw_search_box .pw_check{border: 1px solid #d7d7d7; padding: 0 1.5rem; margin-top: 1rem;border-radius: 5px;}
.idpw_search_wrap .pw_search_box .pw_check > ul > li{padding: 1rem 0; font-size: 0.8rem;}
.idpw_search_wrap .pw_search_box .pw_check > ul > li:first-child{border-bottom: 1px solid #d7d7d7;}
.idpw_search_wrap .pw_search_box .pw_check div.pw_sear{margin-top: 1rem; padding: 0 1.3rem; line-height: 2rem;}
.idpw_search_wrap .pw_search_box .pw_check div.pw_sear > ul > li{float: left;}
.idpw_search_wrap .pw_search_box .pw_check div.pw_sear > ul > li:first-child{margin-right: 1rem;}



/* ======================== kz ======================== */

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

/* tbl_type1 */ 
/* 패치자료실  - 세부내용 */
.mypage_wrap .tbl_type1 table th.tit{font-weight: bold;}


/* ------[ a/s 요청 kz05 ]------ */

/* a/s 요청  - 글쓰기 */
.as_request_wrap .write_content {width: 100%; min-height: 15rem; border-bottom: 1px solid #d7d7d7;}
.as_request_wrap .write_content textarea{width: 100%; height: 14rem; resize: none; word-break: break-all; padding:1rem 0.75rem; overflow-y: scroll; border:none;}


/* ------[ 회원탈퇴 kz06 ]------ */

.withdrawal_wrap p.info{color:#666; padding-bottom:1.5rem; border-bottom: 1px solid #d7d7d7; margin-bottom: 1.5rem;}
.withdrawal_wrap ul.para24_num > li > ul.txt > li{padding-left: 1rem; position: relative; padding-bottom: 0.1rem;}
.withdrawal_wrap ul.para24_num > li > ul.txt > li:before{content:'→'; position: absolute; left: 0; top: -1px;}

.withdrawal_wrap .tbl_type1 th,
.withdrawal_wrap .tbl_type1 td{word-break: keep-all; font-size: 0.7rem;}
.withdrawal_wrap .tbl_type1 th{text-align:left;}
.withdrawal_wrap .tbl_type1 table th.table_title{height:2.4rem;background: #ededed; text-align: center; width:50%;}

.withdrawal_wrap div.complain_check{width: 100%; text-align: center;}
.withdrawal_wrap div.complain_check > span{padding: 10px 12px; display: inline-block;}
.withdrawal_wrap div.complain_check input{margin-right:5px;}
.withdrawal_wrap div.complain_check input[type='radio'] + label{vertical-align: middle;}

.withdrawal_wrap div.complain_write{width: 100%; height: 7rem; max-height: height: 7rem; border: 1px solid #d7d7d7;}
.withdrawal_wrap div.complain_write > textarea{width: 100%; height:100%; overflow-y: scroll; border:none; padding:0.75rem; resize: none;}