@charset "UTF-8";

/********* sub_layout *********/
/* sub_common */
.sub_each {margin-bottom: 20px;}
/* .sub_each:last-of-type {margin-bottom: 0;} */
.sub_each2 {margin-bottom: 40px;}
/* .sub_each2:last-of-type {margin-bottom: 0;} */
.sub_each3 {margin-bottom: 80px;}
/* .sub_each3:last-of-type {margin-bottom: 0;} */
/* .sub_each > *:last-child {margin-bottom: 0;} */

.sub_tit1 {margin-bottom: 10px; font-size: 28px; font-weight: 700;}
.sub_tit2 {margin-bottom: 20px; font-size: 21px; font-weight: 700;}
.sub_tit3 {margin-bottom: 15px; font-weight: 700;}
.sub_txt {line-height: 1.5; word-break: keep-all;}
.sub_txt2 {font-weight: 700; line-height: 1.5; word-break: keep-all;}

.sub_con_dep1 {margin-top: 15px;}
.sub_con_dep2 {margin-top: 8px;}

.titx {padding: 0 15px;} 
.titx::before {content: ''; display: inline-block; width: 15px; height: 10px; background: url('../common/front/img/subimages/bu_noticearrow.gif') center no-repeat;}
.ansr {display: block; text-align: right;}

/* sub_dep2_menu */
.sub_dep2_menu {display: flex; margin-top: 35px; background-color: #eee; border-top: 1px solid #bfbfbf; border-bottom: 2px solid #7346a9; border-radius: 8px 8px 0 0;}
.sub_dep2_menu li {flex: 1;}
.sub_dep2_menu li:last-child {margin-right: 0;}
.sub_dep2_menu li a {display: block; position: relative; height: 53px; line-height: 51px; margin-top: -1px; padding-top: 1px; border-left: 1px solid #d5d5d3; font-size: 18px; text-align: center;}
.sub_dep2_menu li:first-child a {border-radius: 8px 0 0 0;}
.sub_dep2_menu li:last-child a {border-right: 1px solid #d5d5d3; border-radius: 0 8px 0 0;}
/* .sub_dep2_menu li a::before {content: ''; display: block; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 0; background-color: #7346a9; transition: all 0.2s;} */
.sub_dep2_menu li a:hover, .sub_dep2_menu li a:focus {color: #7346a9; font-weight: 500;}
.sub_dep2_menu li.active a {padding-top: 0; background-color: #fff; border: 2px solid #7346a9; border-bottom-width: 0; border-radius: 8px 8px 0 0; color: #7346a9; font-weight: 700;}
.sub_dep2_menu li.active + li a {border-left-width: 0;}
/* .sub_dep2_menu li a:hover::before, .sub_dep2_menu li a:hover:focus, .sub_dep2_menu li.active a::before {content: ''; height: 4px;} */
.sub_dep2_menu li.active a::after {content: ''; display: block; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: #fff;}

.form_sh {position: relative; display: block; width: 100%; margin: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.form_sh .row {display: table; width: 100%; height: 90px; border-bottom: 1px solid #dfdfdf;}
.form_sh .row .lbl {display: table-cell; width: 210px; vertical-align: middle; text-align: center; background-color: #eee;}
.form_sh .row:last-child {border-bottom: none;}
.form_sh .row .txt {display: table-cell; padding: 10px 15px; vertical-align: middle;}

.sub_qna {position:relative; float: right; clear: both; margin: 50px; padding: 20px; width:400px; height:60px; color: #FFF; border-radius: 10px; background-color: #ac8fcd;}
.sub_qna:after {content:''; position: absolute; top: 21px; right: -30px; border-left: 30px solid #ac8fcd; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}

/* subform_box */
.subform_view {display: block;}
.subform_view .fw_bul {position: relative; width: 525px; height: 95px; margin: 0 auto; padding: 35px 20px; color: #FFF; text-align: center; border-radius: 10px; background-color: #7446a9;}
.subform_view .fw_bul::after {content: ''; position: absolute; left: 48%; bottom: -20px; border-top: 20px solid #7446a9; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.subform_view .gy {color: #000; background-color: #eee;}
.subform_view .gy::after {border-top: 20px solid #eee;}

.subform_view img {display: block; margin: 0 auto; padding: 20px 0;}
.subform_box {display: block; text-align: center; padding: 20px 0 10px 0;}
.subform_box .row {display: inline-block; width: 480px; padding: 10px 7px; vertical-align: middle;}
.subform_box .row .lbl {display: inline-block; width: 180px; height: 195px; padding: 44px 0; text-align: center; color: #FFF; border-radius: 10px 0 0 10px; background-color: #7446a9;}
.subform_box .row:last-child .lbl {padding: 30px 0;} 
.subform_box .lbl .sub_tit {display: block; padding-top: 10px; font-size: 18px;}
.subform_box .row .txt {display: inline-block; float: right; width: calc(100% - 180px); height: 195px; padding: 21px 10px; border-radius: 0 10px 10px 0; border: 1px solid #7446a9;}

.subform_box .ico {display: block; width: 50px; height: 50px; margin: 0 auto;}
.subform_box .ico_list {background: url('../images/sub/ico_list.svg')no-repeat center;}
.subform_box .ico_fw {background: url('../images/sub/ico_fw.svg')no-repeat center;}

.subform {position: relative; display: block; padding: 20px 0 40px 0; text-align: center;}
.subform li {display: inline-block; width: 178px; height: 230px; padding: 45px 0; vertical-align: middle; border-radius: 15px; border: 3px solid #003676;}
.subform li::after {content: ''; position: absolute; display: block; top: 38px; width: 160px; height: 173px;}
.subform li::before {content: ''; position: absolute; display: block; top: 36px; left: 185px; height: 198px;}
.subform li .txt {display: block; padding-top: 10px;}
.subform li .ico {display: block; width: 50px; height: 50px; margin: 0 auto;}
.subform li .hand {background: url('../images/sub/ico_hand.svg') no-repeat center;}
.subform li .put {background: url('../images/sub/ico_put.svg') no-repeat center;}
.subform li .chek {background: url('../images/sub/ico_chek.svg') no-repeat center;}
.subform li .bora {background: url('../images/sub/ico_show.svg') no-repeat center;}
.subform li .set {background: url('../images/sub/ico_set.svg') no-repeat center;}

/* exp_box 말풍선 */
.exp_box {width: 900px; margin: 0 auto; padding: 27px 0;}
.exp_box .exp {position:relative; padding: 35px; margin-top: 35px; color: #FFF; text-align: center; border-radius: 10px; background-color: #003676;}
.exp_box .exp_l {position: relative; width: 505px; padding: 35px; text-align: center; border-radius: 10px; background-color: #eee;}
.exp_box .exp_l::after {content: ''; position: absolute; left: -29px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 30px solid #eee;}
.exp_box .exp_r {position: relative; float: right; clear: both; width: 505px; margin: 7px 0; padding: 35px; color: #FFF; text-align: left; border-radius: 10px; background-color: #003676;}
.exp_box .exp_r::after {content: ''; position: absolute; right: -30px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 30px solid #003676;}
.exp_box .pu {background-color: #6597d3;}
.exp_box .pu::after {border-left: 30px solid #6597d3;}

.exp_box .imgbox {position: relative; display: block; width: 250px; height: 250px; margin: 0 auto; padding: 50px 30px; border-radius: 50%; border: 5px solid #003676;}
.exp_box .imgbox::before {content: ''; position: absolute; display: block; left: 50%; bottom: -41px; height: 40px; border-left: 3px solid #003676;}
    
.pdsc_list {display: block; padding: 20px;}
.pdsc_list li {display: inline-block; width: 190px; height: 95px; padding: 20px 15px; margin: 0 6px; vertical-align: middle; text-align: center; border-radius:10px; background-color: #eeeeee;}
.pdsc_list li.active {color: #FFF; background-color: #003676;}

/* terms_con_box */
.terms_con_box {padding: 10px 0; line-height: 1.5; border: 1px solid #bfbfbf;}
.terms_con_box .num_list {padding-bottom: 20px;}

/* men_find */
.login_box {padding: 50px 0 70px 0;}
.member_tab {display: flex; width: 820px; margin: 0 auto 70px;}
.member_tab li {flex: 1;}
.member_tab li a {display: block; height: 60px; line-height: 58px; border: 1px solid #d5d5d3; border-right-width: 0; font-size: 20px; text-align: center; transition: all 0.2s;}
.member_tab li a:last-child {border-right-width: 1px;}
.member_tab li.active a {background-color: #7346a9; border-color: #7346a9; color: #fff;}

.member_find_box {display: flex; width: 100%; padding-bottom: 150px;}
.member_find_box .type_each {width: 50%;}
.member_find_box .top_tit {margin-bottom: 35px; font-size: 14px; text-align: center;}
.member_find_box .top_tit img {display: block; margin: 0 auto 7px;}
.member_find_box .input_box .row:not(:last-child) {margin-bottom: 20px;}
.member_find_box .input_box label {display: block; margin-bottom: 15px; font-size: 19px; font-weight: 500;}
.member_find_box .input_box input {width: 100%; height: 50px; padding: 0 35px; border: 1px solid #bfbfbf; font-size: 20px; transition: all 0.12s;}
.member_find_box .input_box input:focus {border: 2px solid #7346a9; outline: 0 none;}
.member_find_box .input_box .row.bus_num input {float: left; width: calc(33.33% - 8px); margin-right: 12px;}
.member_find_box .input_box .row.bus_num input:last-child {margin-right: 0;}
.member_find_box .find_btn {display: block; width: 165px; line-height: 55px; margin: 45px auto 0; background-color: #373a5b; border-radius: 8px; color: #fff; font-size: 20px; text-align: center;}
.member_find_box .btm_txt_list {margin-top: 20px; line-height: 1.5; text-align: center;}
.member_find_box .btm_txt_list li.row:not(:last-child) {margin-bottom: 15px;}
.member_find_box .certi_btn_box {overflow: hidden; margin-top: 20px;}
.member_find_box .certi_btn_box .certi_btn {float: left; width: calc(50% - 10px); line-height: 100px; margin-right: 20px; padding-left: 90px; background: 43px center no-repeat; border: 1px solid #d8d8d6; border-radius: 8px; font-size: 20px; font-weight: 700;}
.member_find_box .certi_btn_box .certi_btn.ipin {background-image: url('../images/sub/ico_ipin.png');}
.member_find_box .certi_btn_box .certi_btn.phone {margin-right: 0; background-image: url('../images/sub/ico_phone.png');}
.member_find_box .certi_btn_box .certi_btn:hover {border-color: #7346a9;}
.member_find_box .certi_btn_box .certi_btn.ipin:hover {background-image: url('../images/sub/ico_ipin_hover.png');}
.member_find_box .certi_btn_box .certi_btn.phone:hover {background-image: url('../images/sub/ico_phone_hover.png');}

.find_btn_box {position: absolute; display: block; width: 100%; bottom: 45px;}
.find_btn_box .find_btn {display: block; width: 165px; line-height: 55px; margin: 45px auto 0; background-color: #373a5b; border-radius: 8px; color: #fff; font-size: 20px; text-align: center;}
.find_btn_box .btm_txt_list {margin-top: 20px; line-height: 1.5; text-align: center;}
.find_btn_box .btm_txt_list li.row:not(:last-child) {margin-bottom: 15px;}

.member_find_box .type_each.type1 {padding-right: 65px; margin: auto;}
.member_find_box .type_each.type2 {padding-left: 65px;}
/* .member_find_box .type_each.type2 .btm_txt_list {margin-top: 200px;} */

/* login_box */
.login_box .find_result_txt {margin-bottom: 30px; color: #333; font-size: 24px; text-align: center;}
.login_box .find_result_txt:nth-of-type(2) {margin-top: 30px; margin-bottom: 0;}
.login_box .find_result_view {width: 480px; margin: 0 auto; padding: 23px 0; border-top: 2px solid #7346a9; border-bottom: 2px solid #7346a9; font-size: 24px; font-weight: 500; text-align: center;}
.login_box .find_result_view dt {display: inline-block;}
.login_box .find_result_view dd {display: inline-block; color: #f47320;}

.login_box .find_result_id {width: 580px; margin: 0 auto; padding: 23px 0; border-top: 2px solid #7346a9; border-bottom: 2px solid #7346a9; font-size: 24px; font-weight: 500; text-align: center;}
.login_box .find_result_id p {padding: 7px 0;}
.login_box .find_result_id .id_box {padding-top: 10px;}
.login_box .find_result_id .id_box .txt {}

.login_box .find_txt {width: 580px; margin: 0 auto; text-align: left; margin-bottom: 30px;}
.login_box .find_txt p {font-size: 16px; line-height: 1.5; padding-top: 5px;}

.ans_tit {margin-bottom: 5px; font-size: 21px; font-weight: 700; color: #666;}
.ans_board {width: 100%; padding-bottom: 20px; border-collapse:collapse; border-top: 2px solid #b9b9b9; border-bottom: 1px solid #b9b9b9;}
.ans_board tr {height: 60px;}
.ans_board tr th {font-weight: 500; background-color: #eee;}
.ans_board .txt {display: block; min-height: 120px; line-height: 1.5; padding: 20px 0;}
.ans_board tr td {padding: 0 10px; border-bottom: 1px solid #d9d9d9;}