@charset "euc-kr";
/* CSS Document */

body{}
.box1{}



@media only screen and (max-device-width: 1286px) {  
.mainH {height:calc(65vh - 5em) !important;} 
#header .top_Title {font-size:2em;}  
.box2 {margin:0 1%;} 
}


@media screen and (max-width:1600px){
.st2022 #header .logo{width:24%;}
}

@media screen and (max-width:1500px){
#header .top_Title {font-size:2em;}
.root_daum_roughmap {width:100% !important;}


.st2022 #header .gnb_wrap {padding: 0;}
.st2022 #header .gnb_wrap .gnb > li {width: 11em;}

}


@media screen and (max-width:1430px){
  
/**HEADER****************************************/
#header .gnb_wrap .gnb .dp1 {padding:0 15px;}
.st2022 #header .header_wrap .search_form_wrap {width: 100%;}
.st2022 #header .gnb_wrap {display:none;}
#header .header_wrap .box2.clb {display:block}

#header .left {float:left;}
#header .right {float:right;}

}

@media screen and (max-width:1280px){
body{ font-size:14px}
.box1 {max-width:96%; width:1200px; margin:0 auto; min-width:inherit;}

/* .st2022 #header .gnb_wrap{ display:none} */
#header .header_wrap .logo .mark {/* width: 9em */;}

}

@media screen and (max-width:1150px){
#contents .sub_gnb{width:10.5em;}
#contents .sub_gnb .gnb > li .dp1 {padding:.8em 1em; text-align:center; line-height:5em;}
#contents .sub_gnb .gnb > li .dp1 .vm_tt {font-size:1.313em; padding-left:0;}
#contents .sub_gnb .gnb > li .dp2 a {padding-right:.5em; padding-left:.5em;}



}

@media screen and (max-width:1100px){
/**HEADER****************************************/
#header .gnb_wrap .gnb .dp1 {padding:0 10px;}

}




@media screen and (max-width:1024px){
body{ font-size:13px}

/* main */
.main_visual.new .el .slogan .t1 { font-size: 2.38em;}
.main_visual.new .el .slogan .t1 br{display: none;}
.main_Visual_W .slogan{width: 100%; padding-right: 25vw; box-sizing: border-box;}

.mainQuickSlider_wrap .mainQuick{gap: 1.5em;}
.mainQuickSlider_wrap .mainQuick,
.mainQuickSlider_wrap .mainQuick .el > a{margin: 0;}
.mainQuickSlider_wrap .mainQuick .el{ width: calc((100% - 1.5em) / 2); flex: none; max-width:none;}
.mainQuick .el .wrap_in .posImg{bottom: 3em;}
.mainQuick .el .wrap_in .con_bg{ padding-bottom: 45%;}
.main_link .list{gap: 1.5em;}
.main_link .list > li .in{padding: 2em;}
.main_link .list > li .in .posImg{width: 34%; height: 27%;}
.main_link .list > li .in .posImg.st1{width: 21%;}

.main_con{ padding: 3em 0 5.5em;}



/*��ȭ��ȣ*/
.tel_group .input_st,
.tel_group .label_select{ width:calc(33.33% - 1.375em) !important;}
.tel_group .label_select .input_st{ width:100% !important;}

/*�̸���*/
.mail_group .input_st[type=text]{ width:calc(50% - 1em) !important;}
.mail_group .label_select{ width:calc(100% - 1em) !important; margin-top:.4em;}
.mail_group .label_select .input_st{ width:100% !important;}
.mail_group .input_st.s2[type=text] + .label_select{ width:calc(100% - .813em) !important;}

/**/
.main_menu {flex-wrap:wrap; margin:0 0 0 .5em;}
.main_menu > li {margin-left:0 !important; flex:1 1 16.666%; max-width:16.666%;}
.main_menu > li .in {margin:0 0 0 .5em;}
.main_menu > li .in .con .tt {font-size:1.313em;}

.page_tbg_TW .down-fileW{ flex-direction: column;}
.page_tbg_TW .down-fileW .dw .file_list{ justify-content: center;}


#footer .info_wrap .info .con_wrap > li.add div:nth-child(2){margin-right: 0;}



}

@media screen and (max-width:1000px){
#header .gnb_wrap{display:none}
#header .top_Title {font-size:1.9em;}

}


@media screen and (max-width:900px){
.sub_gnb{display:none}
.PHONE{ display:block !important}

.PC{ display:none !important}
#header .eng_Btn {display:none}
.main #header .right .eng_Btn {display:none !important;}
.main #header .btn_wrap {display:block !important;}
#header .etc_wrap {display:none;}
#header .header_wrap .btn_wrap .btn_search {color:#111;}
#header .header_wrap .btn_wrap .btn {background:none; font-size:2em;}
#header .top_Title {font-size:1.5em;}

#contents .sub_con {padding-left:0;}
#contents .sub_tit_wrap .tit_wrap {padding-left:1em;}

.page_tab.sec3_st .tab > li {width:50%;}

#header .header_wrap .btn_wrap .btn_all.pcBtn{ display:none}
.st2022 #header .gnb_wrap{ display:none}

#header .right{margin-left: auto;}
}

@media screen and (max-width:768px){
/* body{ font-size:12px} */

.mwD100 {width:100% !important;}
.ac.mStL {text-align:left !important;}
.mStC {text-align:center !important;}


/**�̼��� ī��****************************************/
body.pop.dp1_popM {background:rgba(0,0,0,.7); font-size:inherit;}
body.pop.dp1_popM .popWrap {}
body.pop.dp1_popM .popWrap .popIn {}

/***����****************************************/
.main_up_conw {position:inherit; left:inherit; width:inherit; bottom:inherit; margin:1em 0;}
.main_menu {flex-wrap:wrap; margin:0 0 0 -.5em;}
.main_menu > li {margin-left:0; flex:1 0 50%; max-width:50% !important}
.main_menu > li .in {margin:0 0 .5em .5em;}
.main_con2 {padding:1.5em 0;}
.main_con2 .main_con2_inn {margin:0; display:block;}
.main_con2 .coon {flex:inherit;}
.main_con2 .coon.con2_r {margin-top:1em;}
.main_con2 .coon .in {margin:0;}
.main_con2 .con2_l .con2_ctt_wrap ul li .img_box {margin-bottom:.8rem;}
.main_con2 .con2_r .con2_ctt_wrap ul li .vid_box {margin-bottom:.8rem;}
.main_con2 .con2_r .con2_ctt_wrap ul li .txt_box p {min-height:inherit;}
.main_con2 .con2_l .con2_ctt_wrap ul {margin:0 0 0 -1em;}
.main_con2 .con2_l .con2_ctt_wrap ul li .inner {margin:0 0 0 1em;}
.main_con2 .con2_r .con2_ctt_wrap ul {margin:0 0 0 -1em;}
.main_con2 .con2_r .con2_ctt_wrap ul li .inner {margin:0 0 0 1em;}

.main_con2 .con2_r2 .con2_ctt_wrap .link {margin:0 0 .5em -.5em; display:flex; flex-wrap:wrap;}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn {flex:1 0 50%;}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn .btn {margin:0 0 .5em .5em; padding:1.250em .5em;}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn .xi {padding-right:1px; font-size:1em; display:none;}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn .tt {font-size:1.125em; font-family: 'notokrB'; text-align:center; display:block}

.main_menu > li .in .con .tt {position:inherit; left:inherit; top:inherit; width:inherit; transform:inherit;}
.main_menu > li .in .in_btn {opacity:1 !important; margin-top:1.25em;}
.main_menu > li .in:hover .in_btn {position:inherit; left:inherit;bottom:inherit; right:inherit; height:inherit;}

/* INC */
.va_wrap{white-space: wrap;}

/***HEADER****************************************/
#header .top_Title {display:none}
#header .header_wrap .logo .mark {width:16em; }
#header .header_wrap .btn_wrap .btn_all .vm_tt {border:1px solid #ddd; }
#header .header_wrap .btn_wrap .btn {width:45px; height:45px; line-height:45px;}
#header .searchSection {z-index:333333333}
#header .searchSection .inp_wrap {padding-left:0; display:block; position:absolute; left:50vw; transform:translateX(-50%); width:100vw; padding:1em; background:#114a86}
#header .searchSection .inp_wrap .inp {height:50px; line-height:50px; width:inherit; padding-right:10px;}
#header .searchSection .inp_wrap .inp_txt {width:70%; background:#fff !important;}
#header .searchSection .inp_wrap .inp_btn .xi {color:#fff;}
#header .searchSection .searchClose {right:.5em; top:50%; transform:translateY(-50%); margin-top:-5px;}
#header .searchSection .searchClose .icon:before,
#header .searchSection .searchClose .icon:after {background:#fff !important}

/**FOOTER****************************************/
/*#footer .menu_wrap .top {display:none}*/
#footer .menu_wrap .top{width:50px;}
#footer .info_wrap .innER {display:block;}
#footer .info_wrap .innER .info_wrap_in {display:flex; flex-wrap:wrap;}
#footer .info_wrap .innER .info_wrap_in .info.tElst {width:29%}
#footer .info_wrap .innER .info_wrap_in .info.tElst .con1 {}
#footer .info_wrap .innER .info_wrap_in .info.aDdst {width:71%;}
#footer .info_wrap .tel_con_wrap .a2 .xi {width:20px; height:20px; line-height:20px;}
#footer .info_wrap .tel_con_wrap .a2 .tel_num {font-size:1.375em;}
#footer .info_wrap .tel_con_wrap .a3 {font-size:.813em; letter-spacing:-.2px;}
#footer .info_wrap .info .con_wrap {margin:0;}
#footer .info_wrap .info .con_wrap > li.infoL {display:block}
#footer .info_wrap .info .con_wrap > li.infoL > div {letter-spacing:-.5px;}

#footer .tit_wrap .logoMark > img {width:28px;}

/**CONTENTS****************************************/
#contents .subCon {padding-bottom:5em;}
#contents .subCon .sub_wrap{display:block;}
#contents .sub_gnb {width:inherit;}
#contents .sub_con {padding-left:0; flex:inherit;}
#contents .sub_tit_wrap {padding:1em; line-height:3em; display:flex; flex-direction:column;}
#contents .sub_tit_wrap .tit_wrap {float:inherit; text-align:center; height:inherit; display:block; padding-left:0;}
#contents .sub_tit_wrap .nav_wrap {padding-right:0; float:inherit; order:-1;}
#contents .sub_tit_wrap .nav_wrap.va_wrap {height:inherit;}
#contents .sub_tit_wrap .nav { padding:0; line-height: 1.5em;}
#contents .sub_tit_wrap .tit {font-family: 'notokrB'; font-size:2em;}

/**/
.history_wrap:before, .history_wrap .lineAni,
.history_wrap .lineAni:before, .history_wrap:after{ left:5%;}
.history_wrap .history > li .list{width:100%; margin-left:2em;}
.history_wrap .history > li .year.flex{ display:block; width:100%;}
.history_wrap .history > li .year .tt:before{ display:none;}
.history_wrap .history > li .year .wrap_in{ width:100%; text-align:left; margin-left:2em;}

.history_wrap .history > li:nth-child(2n) .year{width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li:nth-child(2n) .list{order:inherit;}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-start}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail{ order: inherit;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ right:auto; left:0}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r{ text-align:left !important;}
.history_wrap .history > li .list .detail .tt {font-size:1em;}

.load .history_bgw .line_wrap {margin:2em 1em;}
.history_bgw.sub2_4_1_St .txt_wrap .kr {font-size:.938em;}
.pg_num_Wrap {padding:1em;}
.pg_num_list .in {display:block;}
.pg_num_list .in .no {display:block; margin-bottom:1em;}


/**�̼��� ī��****************************************/
.cardW1 .in .mid .img_w .people {padding-bottom:90% !important;}
.cardW1 .in .mid .img_w .mark {bottom:-10%; right:0;}
.cardW1 .in .mid .img_w .mark img {width:90%;}
.cardW1 .in .bot .tx {text-align:left;}

.cardW2 .in .mid .img_w .people {padding-bottom:90% !important;}
.cardW2 .in .mid .img_w .mark {bottom:-10%; right:0;}
.cardW2 .in .mid .img_w .mark img {width:90%;}
.cardW2 .in .bot .tx {text-align:left;}

.cardW3 .in .mid .img_w .people {padding-bottom:90% !important;}
.cardW3 .in .mid .img_w .mark {bottom:-10%; right:0;}
.cardW3 .in .mid .img_w .mark img {width:90%;}
.cardW3 .in .bot .tx {text-align:left;}

.cardW4 .in .mid .img_w .people {padding-bottom:90% !important;}
.cardW4 .in .mid .img_w .mark {bottom:-10%; right:0;}
.cardW4 .in .mid .img_w .mark img {width:90%;}
.cardW4 .in .bot .tx {text-align:left;}


/**POP****************************************/
body.pop .popWrap .popIn .popCon {padding:3em 1em 5em 1em;}
body.pop .popWrap.card_ST .popTit .popClose {border-radius:inherit; width:2em; height:2em; line-height:2em; right:0; top:-2em; background:rgba(255,255,255,.2)}

/**TABLE********************************/
/*���̺� ����*/
/*����������?*/
.board_table.response1,
.board_table.response1 caption,
.board_table.response1 thead,
.board_table.response1 tbody,
.board_table.response1 tfoot,
.board_table.response1 th,
.board_table.response1 td,
.board_table.response1 tr,
.board_table.response1 .in_table,
.board_table.response1 .in_table .tr,
.board_table.response1 .in_table .th,
.board_table.response1 .in_table .td{ display:block; box-sizing:border-box; height:auto;}
.board_table.response1 .in_table .th,
.board_table.response1 .in_table .td{ width:auto;}
.board_table.response1{ font-size:1em !important;}
.board_table .in_table .th {text-align:left !important;}

/*����Ʈ ����1*/
/*2_4_3_form1.*/
.board_table.response2,
.board_table.response2 caption,
.board_table.response2 thead,
.board_table.response2 tbody,
.board_table.response2 tfoot,
.board_table.response2 th,
.board_table.response2 td,
.board_table.response2 tr,
.board_table.response2 .in_table,
.board_table.response2 .in_table .tr,
.board_table.response2 .in_table .th,
.board_table.response2 .in_table .td{ display:block; box-sizing:border-box; height:auto;}
.board_table.response2 .in_table .th,
.board_table.response2 .in_table .td{ width:auto;}
.board_table.response2{ font-size:1em !important;}
.board_table.response2{border-top:none;}
.board_table.response2 thead{ display:none;}
.board_table.response2 tr{ position:relative; margin-top:.5em; padding:.5em .75em; border:1px solid #d4d5d8; min-height:4em; overflow:hidden;}
.board_table.response2 tr:first-child{ margin-top:0; border-top-width:4px;}
.board_table.response2 th,
.board_table.response2 td{ width:auto; border:none; text-align:left; padding:.2em 0; padding-left:0 !important;}
.board_table.response2 th[class^="w_"],
.board_table.response2 td[class^="w_"]{width:auto;}
.board_table.response2 td[data-th]{ display:inline-block; padding-right:.75em;}
.board_table.response2 td[data-th]:before{ content:attr(data-th); display:inline-block; margin-right:.5em; color:#0d2d4f; font-family:'notokrM'; font-size:.875em; letter-spacing:-1px;}
.board_table.response2 td.w_tit{ font-size:1.063em;}
.board_table.response2 td.w_tit[data-th]{ font-size:1em;}
.board_table.response2 td.w_name,
.board_table.response2 td.w_tit,
.board_table.response2 td.w_tit > *{ color:#000;}
.board_table.response2 td.w_down{ position:absolute; top:.5em; right:.5em;}
.board_table.response2 td.w_downFull{ display:block;}
.board_table.response2 td.w_state,
.board_table.response2 td.w_btn{ display:inline-block; padding:.75em 0;}
.board_table.response2 td.w_state .input_row{ display:inline-block; padding:0 0;}
.board_table.response2 tr{ padding:.75em .75em; background:#f3f3f3; border-color:#777; text-align:right;}
.board_table.response2 td[data-th]{ display:flex; align-items:center; min-width:0; padding:.5em .75em !important; background:#fff; border-top:1px dashed #f3f3f3; text-align:left; overflow:hidden;}
.board_table.response2 td[data-th]:before{ flex:1 0 5.5em; max-width:8em; margin-right:1em;}
.board_table.response2 td:first-child{ border-top:none;}

/*����Ʈ����2*/
/*2_5_3Form.php*/
.board_table.response3{ font-size:1em;}
.board_table.response3,
.board_table.response3 caption,
.board_table.response3 thead,
.board_table.response3 tbody,
.board_table.response3 tfoot,
.board_table.response3 tr,
.board_table.response3 th,
.board_table.response3 td{ display:block; box-sizing:border-box; height:auto !important; width:auto !important; border:none; border-bottom:1px dashed #f3f3f3}
.board_table.response3 tr{ position:relative; padding:.5em; background:#f3f3f3; border:1px solid #777; margin-bottom:.5em;}
.board_table.response3 td{background:#fff}
.board_table.response3 *[data-th]{ display:flex !important; flex-wrap:wrap; align-items:stretch; text-align:left;}
.board_table.response3 *[data-th]:before{ content:attr(data-th); box-sizing:border-box; display:flex; align-content:center; align-items:center; flex:1 0 6em; max-width:6em; font-family:'notokrM'; color:#111;}
.board_table.response3 *[data-th] > *{ flex:1;}
.board_table.response3.mNo thead {display:none !important;}
.board_table.response3 .mbg1 {background:#eef3f6 !important; color:#111; font-family:'notokrB';}
.board_table.response3 .mbg2 {background:#f7f7f7 !important;}

/*����Ʈ����1*/
.board_st.responSe1.mNo {display:none}
.board_st.responSe1.mNo1 tbody tr {display:none !important;}
.board_st.responSe1,
.board_st.responSe1 caption,
.board_st.responSe1 thead,
.board_st.responSe1 tbody,
.board_st.responSe1 tfoot,
.board_st.responSe1 th,
.board_st.responSe1 td,
.board_st.responSe1 tr{ display:block; box-sizing:border-box; height:auto;}
.board_st.responSe1{ font-size:1em !important;}
.board_st.responSe1{border-top:none;}
.board_st.responSe1 thead{ display:none;}
.board_st.responSe1 tr{ position:relative; margin-top:.5em; padding:.5em .75em; border:1px solid #d4d5d8; min-height:4em; overflow:hidden;}
.board_st.responSe1 tr:first-child{ margin-top:0; border-top-width:4px;}
.board_st.responSe1 th,
.board_st.responSe1 td{ width:auto; border:none; text-align:left; padding:.2em 0; padding-left:0 !important;}
.board_st.responSe1 th[class^="w_"],
.board_st.responSe1 td[class^="w_"]{width:auto;}
.board_st.responSe1 td[data-th]{ display:inline-block; padding-right:.75em;}
.board_st.responSe1 td[data-th]:before{ content:attr(data-th); display:inline-block; margin-right:.5em; color:#0d2d4f; font-family:'notokrM'; font-size:.875em; letter-spacing:-1px;}
.board_st.responSe1 td.w_tit{ font-size:1.063em;}
.board_st.responSe1 td.w_tit[data-th]{ font-size:1em;}
.board_st.responSe1 td.w_name,
.board_st.responSe1 td.w_tit,
.board_st.responSe1 td.w_tit > *{ color:#000;}
.board_st.responSe1 td.w_down{ position:absolute; top:.5em; right:.5em;}
.board_st.responSe1 td.w_downFull{ display:block;}
.board_st.responSe1 td.w_state,
.board_st.responSe1 td.w_btn{ display:inline-block; padding:.75em 0;}
.board_st.responSe1 td.w_state .input_row{ display:inline-block; padding:0 0;}
.board_st.responSe1 tr{ padding:.75em .75em; background:#f3f3f3; border-color:#777; text-align:right;}
.board_st.responSe1 td[data-th]{ display:flex; align-items:center; min-width:0; padding:.5em .75em !important; background:#fff; border-top:1px dashed #f3f3f3; text-align:left; overflow:hidden;}
.board_st.responSe1 td[data-th]:before{ flex:1 0 5.5em; max-width:8em; margin-right:1em;}
.board_st.responSe1 td:first-child{ border-top:none;}

/**ȸ������********************************/
/*table*/
.joinTbl_response,
.joinTbl_response thead,
.joinTbl_response tbody,
.joinTbl_response tr,
.joinTbl_response th,
.joinTbl_response td{ display:block;}
.joinTbl_response{ border-top:none;}
.joinTbl_response tr{ margin-top:.5em; border:1px solid #666;}
.joinTbl_response tr:first-child{ margin-top:0;}
.joinTbl_response th,
.joinTbl_response td{ height:auto !important}
.joinTbl_response th{ padding:1em .75em; background:#ecf0f4; font-size:1.125em; color:#000;}

.login_wrap .login {width:inherit; max-width:inherit;}
.step_st > li {width:100%;}
.step_st > li .in:after {display:none;}
.step_st > li .in {height:3em; margin:0; padding:0 1em; border-bottom:1px solid #ddd;}
.step_st > li .in .tt .t1 {display:inline-block; padding:0 1em; margin-bottom:0;}
.step_st > li:last-child .in {border-bottom:none;}
.step_st > li:first-child .in {padding:0 1em 0 1em;}

.join_select {margin:0; padding:0;}
.join_select > li {flex:100%; margin-top:1em;}
.join_select > li > a {margin:0;}

.agree_wrap {padding:1em;}
.agree_box .agree_wrap {margin-left:0;}

.eye_icon_w {display:block}

/**/
.kss_Imgw .list {flex-wrap:wrap;}
.kss_Imgw .list > li {flex:100%}
.ksss_wrap .in_area {padding:1em;}

.box_st {padding:1.5em;}

/**������ ��߱� 6_5_intro.php***********************************/
.join_select.sub2_4_3_sT{flex-direction:column;}
.join_select.sub2_4_3_sT > li > a{padding-bottom:2em;}

/*2_4_3_form1.php*/
.sub2_4_3_form_W .form_W .form_W1 {width:33%;}
.sub2_4_3_form_W .form_W .form_W3 {width:66%;}
.sub2_4_3_form_W .form_W .form_W5 {width:100%; margin-top:1em;}
.sub2_4_3_form_W .form_W .form_W14 {width:100%;}
.sub2_4_3_form_W .form_W .form_W15 {width:100%; margin-top:1em;}

/*sub6_4*/
.page_step_box1 .in {display:block;}
.page_step_box1 .in .tit {width:inherit;}
.page_step_box1 .in .txt {flex:inherit; padding-left:3em;}

/*ci*/
.ci_col_Wrap {margin:0;}
.ci_col_Wrap > li {width:100%;}
.ci_col_Wrap .wrap_in {margin:0 0 1em 0;}
.ci_col_Wrap .wrap_in .info_wrap .info {padding:2em 1em;}

/*���ô±�*/
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:200px !important;}
.maP_info1 .t1 span {display:block; margin-right:0; margin-bottom:1em}
.maP_info1 .t1 span:last-child {margin-bottom:0;}

/*sub4_2*/
.page_tbl_wrap .inner {padding-right:0;}
.page_tbl_wrap .inner .btn_wrap {position:inherit; width:100%; right:inherit; top:inherit; margin-top:.5em;}
.page_tbl_wrap .inner .btn_wrap .tt {display:inline-block; padding:.5em 0;}

/*sub4_1*/
.page_tbg_Wrap {height:300px;}
.page_tbg_TW {padding:2em 1em; margin:-230px auto 0 auto;}
.page_img_W {margin:0; margin-top:7em;}

.step_process {margin-left:0;}
.step_process.seC_5 > li {width:100%;}
.step_process > li .inner {margin-left:0; margin-bottom:1em; padding:1em;}
.step_process .icon {width:50px; height:50px; line-height:50px;}
.step_process .line {right:inherit; top:inherit; left:50%; transform:translateX(-50%); bottom:-3em; height:3em;}
.step_process.hst1 .tit {min-height:0;}

/*sub5_7*/
.find_wrap .inner {margin-top:0;}
.find_wrap .inner .find_in {max-width:inherit;}

/*sub5_4_view*/
.sub5_4_iframe {width:100% !important;}

/*2_4_4view, 2_5_3view*/
.iFramew100 {width:100% !important;}

/**/
.sub_Tit_wrap .ti:before {top:3px}
.sub_Txt_wrap {padding:1em;}

/*sub2_5_1*/
.ml270 {margin-left:0 !important;}
.sub2_5_1_wd1 {width:6em;}
.sub2_5_1_wd2 {width:6em;}

/*sub2_1_1*/
.page_tab.sec3_st .tab > li {width:50%;}
.page_tab.sec4_st .tab > li {width:50%;}

.sub_Txt_wrap .tx {font-size:1em;}



#quick{top:81px;}
#quick .quickWrap .quick_menu .menu > li:nth-child(8),
#quick .quickWrap .quick_menu .menu > li:nth-child(7),
#quick .quickWrap .quick_menu .menu > li:nth-child(6),
#quick .quickWrap .quick_menu .menu > li:nth-child(5){ display:none;}

#quick .quickWrap .quick_menu .menu > li:last-of-type{display:block;}


.mainQuick .el .wrap_in .con_wrap{padding: 2.2em;}
.mainQuick .el .wrap_in .posImg{width: 39%; right: -0.5em; bottom: 2em;}
.mainQuick .el .wrap_in .con_bg{padding-bottom: 65%;}
.mainQuick_wrap .quick_wrap .lcon{width:100%;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-of-type(3) .in:after{display:none;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li{flex:1 1 33.33%}
.mainQuickSlider_wrap .mainQuick,
.main_link .list{gap: 1em;}

/*.mainQuickSlider_wrap .mainQuick .el, .main_link .list > li{ width: calc((100% - 1em) / 2);}*/
.main_link .list > li{flex: 1 1 32%;} 
.main_link .list > li .in .posImg{ bottom: 7.4em;}
.main_link .list > li .in .posImg:nth-child(1){width: 28%;}
.main_link .list > li .in .posImg.st1{width: 17% !important;}
.main_txt .t7{font-size: 1.38em;}

.main_more > .more{ height: 2.375em; padding: 0em 1em;}

#footer .vm_wrap{text-align: left;}
#footer .vm_wrap img{height: 3em; margin-bottom: 1em;}

/*  */
.sub_Txt_wrap .ti{flex-wrap: wrap;}
.sub_Txt_wrap .flex.gap05 img{width: 100%;}


.infographic_wrap .infographic_group .item {width:10rem; height:10rem; gap:1rem; font-size:0.8em;}


.sub_Txt_wrap.st2 .ti {width:calc((100% - 1.5em) / 2)}
.sub_Txt_wrap img {width:100%; height:100%;}
}


@media screen and (max-width:600px){
/**pop_ksssform****************************************/
.va_wrap img{width:6em}

.board_new th, .board_new td{ padding: .8em 1em; font-size: .9em;}
.together-T > p{ font-size: 1.65em;}
.mb_w{ width: 7em !important;}
.sub_Tit_wrap .ti_tx{ font-size: 1em;}
.table_star{ font-size: 1em;}
.C-top > p{ font-size: 2.25em;} 
.page_tbg_TW .down-fileW .dw{ margin-bottom: 3em;}
.page_tbg_TW .down-fileW .dw > .manual{ top: -17px; padding: 1em .5em;}
#footer .info_wrap .info{width: 100%;}

.mainInfoWrap {display:grid; grid-template-columns: repeat(2, 1fr);}
.mainInfoWrap.st1 .wrap.p2 {padding: 7vmin 4vmin;}
.mainInfoWrap .wrapBtn .st {padding: 2vmin;}


.dp1_1.dp2_3 .sub_Tit_wrap {width:96%; margin:0 auto;}

.history_wrap .history > li .list .detail > li:first-child {flex-direction:column; align-items:start;}
.history_wrap .history > li .list .detail .flex .img {width:80%;}
.st2022 #header .logo {width:auto;}

}

@media screen and (max-width:506px){

/* main */
.main_Visual_W .slogan{left: 7%;}
.main_visual.new .el .slogan .t1{font-size: 2em;}
.controls_wrap{flex-direction: column-reverse; gap: 2em; padding: 0 7vw;}
.controls_wrap .visual-controls .slick-arrow{width: 32px; height: 32px;}

.ci_list > li {flex:100%; margin:0 0 0 0;}
.ci_list > li .in {margin:0 0 1em 1em;}

.mainQuickSlider_wrap .mainQuick .el{width: 100%;}
.mainQuick .el .wrap_in .con_bg{padding-bottom: 13em;}
.mainQuick .el .wrap_in .con_wrap{padding: 1.7em;}
.mainQuick .el .wrap_in .posImg{ right: 2em; width: 27%;}

.sub_Txt_wrap .left_con{width: 100%;}
.sub_Txt_wrap .flex_cont{flex-direction: column;}

#contents .subCon .doc {padding-bottom:0;}

.dp1_1.dp2_1 .tt01 {font-size:1em!important;}
.dp1_1.dp2_1 .tt02 {font-size:1em!important;}
.dp1_1.dp2_1 .tt03 > span {font-size:1em!important;}
.dp1_1.dp2_1 .tt_co {font-size:1.5em!important;}
.dp1_1.dp2_1 .tw > span {font-size:1em!important;}
.dp1_1.dp2_1 .ceo {font-size:1em!important;}
}



@media screen and (max-width:460px){
/* body{ font-size:11px} */
#header .header_wrap .logo .mark {width:13em; height:inherit;}
.sub1_4_con {padding:1.5em 0;}
.infographic_wrap .infographic_group .item {padding: 1rem; width:8rem; height:8rem; font-size: 0.8em;}


}


@media screen and (max-width:400px){
#footer .info_wrap .innER .info_wrap_in {display:block;}
#footer .info_wrap .innER .info_wrap_in .info.tElst {width:100%;}
#footer .info_wrap .innER .info_wrap_in .info.aDdst {width:100%;}


	
}