@charset "utf-8";

/*
- 주황색 #bb4f1a → #e0794a,
- 파랑색 #4b63c3 → #506de0 로 일괄교체 해주세요.
*/

@media all and (max-width:767px){

:root { font-size: 14px;}

/* 공통 구조
**********************************************/

/* 화면 감춤 */
#wrap .only_pc { display:none !important;}
#wrap .only_mobile { display:block !important;}


/* base */
select { background-position: right 11px;}
select, input[type=file], input[type=text], input[type=password], input[type=number], input[type=search], input[type=tel], input[type=email] { height: 30px; line-height: 30px;}
input[type=checkbox], input[type=radio]  { width:16px; height:16px;}
textarea { padding: 10px;}


/* Footer */
.footer .footer_info { padding: 20px 5px 10px;}
.footer .footer_address .address br { display: none;}
.footer .footer_address .address span { display: block;}
.footer .footer_address .copyright { font-size: 11px;}

/* Location */
.location { display: none;}


/* 공통 STYLE
**********************************************/

/* 정렬 */
.flex { flex-wrap: wrap;}
.flex .box { width: 100%; margin-left: inherit; margin-right: auto; margin-top: 5px;}
.flex .lable_set { width: 100%; margin-top: 10px;}

.flex .box .btn { height: 30px; margin-left: 0;}
.flex .box .btn, .file_search .btn { height: 30px; margin-left: 0;}
.flex .box .blue_btn { padding: 0 10px;}

/* 버튼 */
#wrap .btn_default { height: 40px; line-height: 40px;}
#wrap .btn_small { height: 30px; line-height:30px;}

/* 헤딩 */
.contents >h3 { min-height: 65px; padding-bottom: 10px; font-size: 22px;}
.contents .sub_content { font-size: 16px; line-height: 25px;}
.contents .sub_content br { display: none;}
h4.twins_dot { margin-top: 30px; padding-top: 0; font-size: 18px;}
h4.twins_dot br { display: none;}
h5.list_title { margin-top: 5px; font-size: 16px;}

/* 블릿 */
.expan >dt, .bul_red { margin-top: 15px; padding-left: 10px; font-size: 16px;}
.expan >dt::after, .bul_red::after { top: 9px; width: 5px; height: 5px;}
.expan >dd { margin: 0 0 0 10px;}
.expan >dd::after { top: 7px; width: 4px; height: 4px;}
.expan >dd.no_blet_padding { padding-left: 10px;}
.expan.inline dd { width: 100%;}
.expan.inline dd:nth-child(4n+2) { width: 100%;}

.comm_blet_default >li::after { top: 8px; width: 4px; height: 4px;}

.round_title { padding-left: 10px;}
.round_title::after { top: 9px; width: 5px; height: 5px;}

/* 알림 박스 */
.alarm_box,
.alarm_box_blue { margin-top: 10px; padding: 15px 10px; border-radius: 10px;}
.alarm_box.short p { padding-left: 0; text-indent: 0;}

.alarm_box_orange { padding: 20px;}
.alarm_box_orange ol li a[download], .alarm_box_orange ol li a.download { padding: 5px 10px; text-indent: 0; line-height: 20px;}
.alarm_box_orange .rbtn { margin-top: 5px;}


/* level화 */
#wrap .level_common li { width: 50%; min-height: 80px; padding: 5px;}
.level_common li:nth-child(4n+4) { border-right: 1px solid #d1d1d1;}
.level_common li:nth-child(2n+2) { border-right: none;}

/* 제안 사항 */
.foldset_lists .bg_white,
.foldset_lists .bg_gray,
.foldset_lists .bg_blue { padding: 15px;}
.foldset_group .bg_blue .foldset_label { position: inherit; right: inherit; top: inherit; margin-top: 10px; text-align: right;}
.foldset_group .bg_blue .foldset_label input:first-child { margin-left: 0;}
.all_agree strong { display: block; margin-bottom: 10px;}
.all_agree strong::before { display: none;}

/* 공용 탭 */
.support_tabs { flex-wrap: wrap;}
.support_tabs li { flex: none; margin: 5px 0 0 0; border-radius:5px;}
.support_tabs li:first-child { margin-top: 0;}
.support_tabs li::after { display: none; right: 50%; top:inherit; bottom: -14px; width: 20px; height: 20px; margin-right: -10px; transform: rotate(90deg); background-size: 20px 40px;}
.support_tabs li.active::after { display: block; background-position-y: -20px;}
.support_tabs li:last-child.active::after { display: none;}
.support_tabs li p { height: 34px;}
.support_tabs li p br { display: none;}

/* 상단 가이드 */
.guide_common { padding: 0 5px 5px;}
.guide_common >ul >li { padding-left: 10px;}
.guide_common >ul >li::after { top: 8px; width: 4px; height: 4px;}
.guide_common >ol > li ul li { padding-left: 10px; line-height: 20px;}
.guide_common.number >ul >li { text-indent: -10px;}

.guide_common.bdt1 { padding-top: 0;}

/* 툴팁 */
.tooltip .tooltip_body { position: fixed; width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 10px; box-shadow: 0 0 10px #aaa;}
.tooltip .tooltip_por { border-radius: 10px;}
.tooltip .tooltip_por::before,
.tooltip .tooltip_por::after { display: none;}

/* 회원 인증 */
.auth_select { flex-wrap: wrap; border-bottom: none;}
.auth_select li { width: 100%; flex-grow: inherit; border-left: none; border-bottom: 1px solid #d1d1d1;}
.auth_select li dl { display: flex; justify-content: space-between; align-items: center;}
.auth_select li dl dt {position: inherit;top: inherit;width: inherit;height: inherit;padding-left: 5px;overflow: inherit;visibility: inherit;font-size: inherit;line-height: inherit; border-bottom: none;}
.auth_select li dl dd { width: 50%; padding: 0 5px 0 0;}
#wrap .auth_select li dl dd button { height: 35px;}
.auth_select li dl dd .pg { display: none;}
.auth_select li dl dd .pg .member_ico { display: none;}

/* 만족도 조사 */
.question >li dl dt { position: inherit; left: inherit; top: inherit; padding-top: 10px;}
.question >li dl dt strong { display: inline;;}
.question >li dl dd { padding-left: 0;}
.question >li dl dd p { padding: 5px 0 10px; line-height: 20px;}
.question >li dl dd >ul >li >ul { flex-wrap: wrap;}
.question >li dl dd >ul >li >ul li { width: 100%; margin-right: 0;}
.question >li dl dd >ul >li >ul.half li { width: 100%;}

/* 게시판 */
.controls { padding: 15px !important;}
.controls >div { min-height: 30px; padding-left: 0;}
.controls >div.mobile_block { flex-wrap: wrap;}
.controls >div.mobile_block .db { display: block; position: inherit; left: inherit; top: inherit; width: 100%; margin-bottom: 10px; padding: 0 0 10px; font-weight: 500; text-align: center; border-bottom: 1px solid #d1d1d1;}
.controls >div.mobile_block .title::before { display: none;}
.controls >div.bdb { padding-bottom: 10px;}
.controls .box { padding-right: 0 !important;}
.controls .box input[type=search] { width: calc(100% - 146px);}
.controls .title { display: none;}
.controls .btn { display: flex; position: inherit !important; right: inherit !important; bottom: inherit !important; width: 100%; height: 30px; margin-top: 10px; justify-content: center; align-items: center;}
.controls .list_component.space3 li { width: 50%;}
.controls.reset_form .btn  { justify-content: space-between;}
.controls.reset_form .btn button { margin: 0; width: calc(50% - 3px);}
.controls.flex_add .btn { top: inherit;}
.controls.flex_add2 select { width: calc(50% - 3px) !important; margin-right: 6px;}
.controls.flex_add2 select:nth-child(2) { margin-right: 0;}
.controls.flex_add2 input[type=text],
.controls.flex_add2 input[type=tel] { width: 100% !important; margin: 10px 0 0 !important;}
.controls.flex_add2 input[type=checkbox],
.controls.flex_add2 label { display: inline-block; margin-top: 10px !important;}


/* 게시판 상세 */
.detail-view { padding: 20px 0;}
.detail-view2 { padding: 15px 0;}

/* 임시 */
.detail-view3 { padding: 15px 0;}

.comment { margin-top: 10px;}
.comment .comment_write { padding: 10px; flex-wrap: wrap;}
.comment .comment_write textarea { width: 100%;}
.comment .comment_write button { width: 100%; height: 30px; margin-top: 10px;}
.comment ul li p { padding: 0;}
.comment .comment_btns { justify-content: space-between;}
.comment .comment_btns span { padding-left: 0;}
.comment .comment_btns .box { width: inherit; margin-left: auto !important; margin-right: inherit;}

.comment.read ul li >p { float: inherit; width: 100%;}
.comment.read ul li >div { float: inherit;}

/* 페이지 넘버 및 게시판 관련 */
.pagination { margin-top: 20px;}
.pagination a,
.pagination strong { width: 24px; height: 24px; margin: 0; padding-top: 5px; }
.pagination .first,
.pagination .prev,
.pagination .next,
.pagination .last { padding-top: 6px;}

.btns { display: flex; margin-top: 25px; align-items: center; align-items: stretch;}
#wrap .btns a,
#wrap .btns button { display: flex; width: 100%; min-width: inherit; padding: 10px 5px; align-items: center; justify-content: center; line-height: 17px;}
#wrap .btns a:first-child,
#wrap .btns button:first-child { margin-left: 0;}

/* 블라인드 */
.loading_bar { transform-origin: 0 0;}




/* Table
**********************************************/

/* 공통 */
col.w230 { width: 120px;}
col.w270 { width: 130px;}

#wrap .calendar { width: calc(50% - 7.4px)!important; margin: 0;}
#wrap .calendar img { width: 29px; height: 30px; padding: 7px;}
#wrap .calendar >label >button,
#wrap .calendar >button { display: block; position: absolute; right: 0; top: 0; padding: 0px 0px 0px 0px;}
#wrap .calendar >label >img { padding: 0;}

.mo_x_scroll { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.mo_x_scroll table { width: 870px;}

#wrap .files_download li { margin-top: 0; padding: 10px; border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8;}
#wrap .file_guide { padding: 0;}
#wrap .file_guide li { line-height: 20px;}

.agree_check { padding: 10px;}
.agree_check ul li { flex-wrap: wrap;}

.file_search +.files_download { margin: 0 -5px -10px; border-top: 1px solid #d1d1d1;}
.file_search label { padding: 1px 19px 2px;}

table .min_height { min-height:inherit; line-height:inherit; flex-wrap: wrap;}
table .min_height >span { width: 100%;}

#wrap .wp100_mobile { width: 100%;}

/* 기본 가로 테이블 */
.wtable_mobile { margin-top: 10px; border-top: 1px solid #111;}
.wtable_mobile li { padding: 15px 10px; border-bottom: 1px solid #d1d1d1;}
.wtable_mobile li .box_contain { display: inline-block; min-width: 46px; padding: 6px; color: #fff; text-align: center;}
.wtable_mobile li .title { display: block; margin-top: 10px; font-size: 16px; line-height: 20px;}
.wtable_mobile li .title a { color: #4b63c3; text-decoration: underline;}
.wtable_mobile li .sub { margin-top: 10px;}
.wtable_mobile li .sub a { display: inline-block; margin: -2px 0 0 2px; vertical-align: middle;}
.wtable_mobile li .sub a img { width: 20px; height: 20px;}
.wtable_mobile li .sub .date { margin-right: 5px;}
.wtable_mobile li >p { line-height: 20px;}
.wtable_mobile li .list_btn { display: flex; margin-top: 10px; justify-content: space-between;}
.wtable_mobile li .list_btn .link { display: block; width: 48%; padding: 7px 0; text-align: center; border-radius: 5px;}
.wtable_mobile li .list_btn .link:hover { text-decoration: underline;}
.wtable_mobile li .list_btn .blue { color: #fff; background-color: #004f91;}
.wtable_mobile li .list_btn .line_gray { border: 1px solid #bdbdbd;}
.wtable_mobile li.empty { padding: 25px; text-align: center; background-color: #f5f5f5;}


/* 기본 세로 테이블 */
#wrap .email_form { width: 100% !important;}
#wrap .email_form span { padding-top: 2px;}
#wrap .email_form input { float: left; width: calc(34% - 15px) !important;}

#wrap .contact_form select { width: calc(25% - 3px) !important;}
#wrap .contact_form2 { width: 100% !important;}
#wrap .contact_form2 input { width: calc(35% - 5px) !important;}

#wrap .btnset_form { width: 100% !important;}
#wrap .btnset_form button { margin-left: 5px;}
#wrap .btnset_form .wid30 { width: 30%;}

#wrap .address_form { display: block; clear: left; overflow: hidden;}
#wrap .address_form button { width: 25% !important; padding: 0;}
#wrap .address_form input[type=text] { width: 25% !important;}
#wrap .address_form input[type=text]:last-child { width: calc(50% - 20px) !important;}
#wrap .address_form2 { display: block; clear: left; overflow: hidden; margin-top: 5px;}
#wrap .address_form2 input[type=text] { margin: 0;}
#wrap .address_form3 { display: block; clear: left; overflow: hidden; margin-top: 5px;}
#wrap .address_form3 input[type=text] { width: 30% !important; margin-left: 0;}
#wrap .address_form3 input[type=text]:last-child { width: calc(70% - 6px) !important; margin: 0 0 0 5px;}

#wrap .contact_form input { width: calc(50% - 4px) !important;}

#wrap .center_form input { margin-bottom: 5px;}
#wrap .center_form button { margin-left: 5px;}
#wrap .center_form input +button { margin-left: 0;}

#wrap .radioset_form button { padding: 0 5px;}
#wrap .radioset_form input[type=text] { margin: 5px 0 0;}

#wrap .radioset_form2 button { padding: 0 5px;}
#wrap .radioset_form2 input[type=text],
#wrap .radioset_form2 button { margin: 5px 0 0;}

#wrap .sein_form select { width: calc(50% - 2.5px) !important;}
#wrap .sein_form input[type=text] { width: calc(50% - 2.5px) !important;}

#wrap .jumin_form input[type=tel] { width: calc(50% - 10px) !important; margin-left: 0;}
#wrap .jumin_form span { width: 20px; margin: 2px 0 0 0; text-align: center;}
#wrap .jumin_form button { display: block; width: 100%; margin: 10px 0 0 0;}

#wrap .search_form select { width: calc(100% - 61px) !important;}
#wrap .search_form button { margin-left: 5px;}

#wrap .twins_form input:first-child { width: calc(35% - 10px) !important;}
#wrap .twins_form input:last-child { width: calc(65% - 10px) !important; margin-left: 0;}
#wrap .twins_form span { width: 20px; margin: 0; text-align: center; line-height: 30px;}

#wrap .number_form input { width: 150px !important;}
#wrap .number_form span { margin-left: 5px; line-height: 30px;}

#wrap .time_form { width: 100% !important;}
#wrap .time_form input { width: 45% !important;}
#wrap .time_form span { line-height: 30px;}

.view_table td input[type=text],
.view_table td input[type=tel],
.view_table td input[type=email],
.view_table td input[type=password],
.view_table td select { width: 100% !important; margin-left: 5px;}

.view_table td >input:first-child,
.view_table td >select:first-child,
.view_table td >div >input:first-child,
.view_table td >div >select:first-child,
.view_table td button:first-child {margin-left: 0;}

.view_table colgroup { display: none;}
.view_table th { display: block; padding:10px 5px 5px;}
.view_table tr:first-child td + th { border-top: 1px solid #d1d1d1;}
.view_table th br { display: none;}
.view_table td { display: block; padding: 0 5px 10px; border-top: none;}
.view_table td .files_download { margin: 0 -5px -10px;}

.view_table_mobile { padding: 15px 10px; border-top: 2px solid #111; border-bottom: 1px solid #d1d1d1; background-color: #eff7fa;}
.view_table_mobile .box_contain { display: inline-block; padding: 4px 6px; font-size: 12px; color: #fff;}
.view_table_mobile h4 { margin-top: 5px; font-size: 16px; line-height: 25px;}
.view_table_mobile div { margin-top: 4px;}
.view_table_mobile div span { font-size: 12px;}

.view_table tbody .bdb_line_black { border-bottom: none;}

/* 기본 세로 테이블 - 모바일용 */
.view_table_list { border-top: 1px solid #111; border-bottom: 1px solid #111;}
.view_table_list >li { border-top: 1px solid #111; border-bottom: none;}
.view_table_list >li:first-child { border-top: none;}
.view_table_list >li.heders { display: none;}
.view_table_list >li.heders +li { border-top: none;}
.view_table_list >li >ul { display: flex; flex-wrap: wrap; justify-content: inherit; align-items: inherit;}
.view_table_list >li >ul >li { display: flex; position: relative; width: 100% !important; padding: 10px 0px; align-items: center; text-align: left; border-bottom: 1px solid #f1f1f1;}
.view_table_list >li >ul >li:last-child { border-bottom: none;}
.view_table_list >li >ul >li >label { display: block; width: 110px; padding-right: 10px; font-weight: 500; color: #363636; line-height: 16px;}
.view_table_list >li >ul >li .ctl_body { display: block; width: calc(100% - 85px); min-height: inherit; justify-content: inherit; align-items: inherit; line-height: 16px;}
.view_table_list >li >ul >li .ctl_body a { color: #4b63c3; text-decoration: underline;}
.view_table_list >li >ul >li .ctl_body a:hover { color: #004f91;}
.view_table_list >li >ul >li .a_link { padding: 0; color: #1079ba; text-align: center; text-decoration: underline;}
.view_table_list >li >ul >li .a_link:hover { color: #111;}

.view_table_list.block >li >ul >li { flex-wrap: wrap;}
.view_table_list.block >li >ul >li label { width: 100%;}
.view_table_list.block >li >ul >li .ctl_body { width: 100%; margin-top: 5px;}
.view_table_list.block >li >ul >li .ctl_body input[type=text] { width: 100%;}
.view_table_list.block >li >ul >li .ctl_body .white_line { width: 100%;}
.view_table_list.block >li >ul >li .ctl_body .address_set { display: flex; margin-top: 5px; justify-content: space-between;}
.view_table_list.block >li >ul >li .ctl_body .address_set:first-child { margin-top: 0;}
.view_table_list.block >li >ul >li .ctl_body .address_set button { width: 24%; padding: 0;}
.view_table_list.block >li >ul >li .ctl_body .address_set input { width: 24%;}
.view_table_list.block >li >ul >li .ctl_body .address_set input:last-child { width: 49%;}
.view_table_list.block >li >ul >li .ctl_body .min_set { display: flex; justify-content: space-between;}
.view_table_list.block >li >ul >li .ctl_body .min_set input { width: calc(50% - 2.5px) !important;}
.view_table_list.block >li >ul >li .ctl_body .contact_set { display: flex; justify-content: space-between;}
.view_table_list.block >li >ul >li .ctl_body .contact_set select { width: calc(33.33% - 2.5px) !important;}
.view_table_list.block >li >ul >li .ctl_body .contact_set input { width: calc(33.33% - 2.5px) !important;}
.view_table_list.block >li >ul >li .ctl_body .twins_set input:first-child { width: calc(35% - 15px) !important;}
.view_table_list.block >li >ul >li .ctl_body .twins_set input:last-child { width: calc(65% - 15px) !important;}
.view_table_list.block >li >ul >li .ctl_body .twins_set span { display: inline-block; width: 22px; margin-left: 0; text-align: center;}
.view_table_list.block >li >ul >li .ctl_body .min_height input[type=radio] { margin-right: 5px;}
.view_table_list.block >li >ul >li .ctl_body .min_height label { margin-right: 15px;}

.view_table_list.type_adrees >li { border-top: 1px solid #d1d1d1;}
.view_table_list.type_adrees .ctl_body { margin-left: 10px; width: 100%; font-weight: 400; cursor: pointer;}
.view_table_list.type_adrees .ctl_body p { margin-top: 5px;}
.view_table_list.type_adrees .ctl_body p:first-child { margin-top: 0;}


/* 기본 가로세로 테이블 */
.wh_table td input[type=text],
.wh_table td input[type=tel],
.wh_table td input[type=email],
.wh_table td select { width: 100%;}

.wh_table colgroup { display: none;}
.wh_table tbody th { display: block; padding:10px 0; text-align: left; border-bottom: none;}
.wh_table tbody th br { display: none;}
.wh_table tbody td { display: block; padding: 10px 0;}




/* 레이어
**********************************************/

.layer { padding: 45px 20px 20px;}
.layer .layer_body { left: inherit; top: inherit; width: 100% !important; height: 100%; padding: 18px; transform:none; border-radius: 15px;}
/* .layer.scroll_up .layer_body { top: inherit; transform: none;} */
.layer .y_scroll { max-height:calc(var(--vh, 1vh) * 100 - 171px) !important; -webkit-overflow-scrolling: touch;}
.layer .y_scroll.minus { max-height:calc(var(--vh, 1vh) * 100 - 232px) !important;}
.layer .y_scroll.minus2 { max-height:calc(var(--vh, 1vh) * 100 - 261px) !important;}
.layer .y_scroll.minus3 { max-height:calc(var(--vh, 1vh) * 100 - 198px) !important;}
.layer .y_scroll.minus4 { max-height:calc(var(--vh, 1vh) * 100 - 312px) !important;}
.layer .y_scroll.minus5 { max-height:calc(var(--vh, 1vh) * 100 - 439px) !important;}
.layer .xy_scroll { max-height:calc(var(--vh, 1vh) * 100 - 381px) !important;}
.layer .xy_scroll.minus { max-height:calc(var(--vh, 1vh) * 100 - 165px) !important;}
.layer .xy_scroll.minus2 { max-height:calc(var(--vh, 1vh) * 100 - 215px) !important;}

.layer .pop_close { right: -21px; top: -31px; z-index: 999999;}
.layer .pop_close:hover i { background-color: #bb4f1a;}
.split.pop_close_ico { background-color: #fff; border-radius: 50%;}

.layer .hgroup { padding: 5px 0 10px; color: #111; border-bottom: 1px solid #362f2d; background-color: inherit;}
.layer .hgroup h3 { font-size: 18px;}

.layer .tablist { flex-wrap: wrap;}
.layer .tablist .tab { width: 33.33%; flex-grow: inherit;}

.layer .layer_contents { padding: 15px 0;}

.layer .h_title { padding: 10px; border-top: none;}

/* 취업지원관리 */
.layer .h_title p br { display: none;}
.layer .file_set { padding: 10px 0;}
.layer .file_set dt { position: inherit; left: inherit; top: inherit; margin: 0;}
.layer .file_set dt br { display: none;}

/* 일경험 */
.round_check { padding-left: 0;}
.round_check strong { display: block; position: inherit; left: inherit; top: inherit; font-size: 16px;}
.round_check .rc_group { margin-top: 10px;}

/* 마이페이지 - 취업유형진단 이력 */
.layer .survey p.title { padding: 15px 0; line-height: 1.563rem;}

.layer .survey p.title .round { display: block; margin: 0 auto 10px;}

/* 비밀번호 변경 */
.layer .password_center img { width: 121px; height: auto;}
.layer .password_center .jouin_box p { line-height: 20px;}
.layer .close_check { margin: 30px -15px -30px;}
.layer .btn_group button { width: 48% !important;}
.layer .btn_group.mo_flex {display: flex;}
.layer .btn_group.mo_flex button, .layer .btn_group.mo_flex a { width:auto;  flex: 1;}

/* 마이페이지 - 일경험 관리 */
.layer .ncs_item { flex-wrap: wrap; border-bottom: 1px solid #d1d1d1;}
.layer .ncs_item >li { flex-basis: 100%; border-right: 1px solid #d1d1d1;}
.layer .ncs_item >li:first-child { border-left: 1px solid #e5e5e5;}
.layer .ncs_item >li:first-child h4 { border-top: none;}
.layer .ncs_item >li h4 { padding: 15px 0; border-top: 1px solid #e5e5e5;}
.layer .ncs_item >li ul { display: none; height: 100px;}
.layer .resultbox { padding: 10px;}


/* 메인
**********************************************/

/* 메인 공통 */
.main >.area { padding: 0;}

.main h3 { width: 100%; font-size: 18px; text-align: center;}
.main .sub_more { position: absolute; right: 15px; top: 27px; width: 28px; height: 28px; text-indent: -99999px; background: url(/static/image/split_mobile.png) no-repeat; background-position: -153px -950px; background-size: 1000px 1000px;}
.main .sub_more i { display: none;}

.main .p_link { width: 28px; height: 28px;}

.main .promote .bx-default-pager { display: block;}

/* 섹션별 */
.main .login_group { overflow: inherit; padding: 20px; border: none; border-radius: inherit;}
.main .login_group .promote { overflow: inherit; width: 100%; height: 260px;}
.main .login_group .bx-wrapper { overflow: inherit;}
.main .login_group .promote_a { padding: 20px 0 0; background: url(/static/image/main_promote_a_bg_mobile.png) no-repeat; background-position: center center; background-size: 960px 259px;}
.main .login_group .promote_b { padding: 20px 0 0; background: url(/static/image/main_promote_b_bg_mobile.png) no-repeat; background-position: center center; background-size: 960px 259px;}
.main .login_group .bx-controls-auto,
.main .login_group .bx-controls-direction,
.main .login_group .promote_a_sub,
.main .login_group .promote_page { display: none;}
#wrap .main .login_group .bx-default-pager .bx-pager-link { width: 17px; height: 17px; margin: 0 3px; border: 1px solid #666; background-color:#fff;} /* 20231214 수정 */
#wrap .main .login_group .bx-default-pager .bx-pager-link.active { background: #333; border: none} /* 20231214 수정 */
.main .login_group .bx-controls { margin-top: 6px;}
.main .login_group .size_set { width: inherit;}
.main .login_group .promote_a_title { font-size: 24px; text-align: center; line-height: 30px;}
.main .login_group .promote_a_btn { padding: 5px 10px;}
.main .promote .bxslider { overflow: hidden; border-radius: 10px;}
#wrap .main .promote .bx-wrapper .bx-pager {position:inherit; right:inherit; bottom:inherit; padding:0; height:inherit; background:none} /* 20231214 추가 */

.main .my_group { flex-wrap: wrap; margin-top: 20px; border: none; border-radius: 0;}
.main .my_group .participation { position: relative; width: 100%; padding: 30px 20px 20px;}
.main .my_group .participation_overview { margin-top: 0; padding: 15px; border: 1px solid #0677d4; background-color: #fff; border-radius: 0 0 10px 10px;}
.main .my_group .participation_overview dt { width: 100%; margin-top: 15px;}
.main .my_group .participation_overview dt::after { top: 5px;}
.main .my_group .participation_overview dt:first-child { margin-top: 0;}
.main .my_group .participation_overview dd { width: 100%; height: inherit; margin-top: 8px; font-size: 14px; padding-left: 12px;}
.main .my_group .participation_btn { right: 20px; top: 25px;}

.main .my_group .recruit { position: relative; width: 100%; padding: 10px 20px 30px; background-color: #f2f7fc;}
.main .my_group .recruit h3 { padding-bottom: 13px; border-bottom: 1px solid #111;}
.main .my_group .recruit .lists li { margin-top: 0; padding: 12px 0; border-bottom: 1px solid #cfcfcf;}
.main .my_group .recruit .lists li:first-child { margin-top: 0;}
.main .my_group .recruit .lists li a { white-space: inherit}
.main .my_group .recruit .lists li a span { display: block; margin-top: 6px; line-height: 20px;}
.main .my_group .recruit .lists li .dec,
.main .my_group .recruit .lists li .dec2 { display: none;}
.main .my_group .recruit .sub { right: 20px; top: 4px;}
.main .my_group .recruit .sub a { width: 28px; height: 28px;}

.main .my_group .participation_step { display: block; overflow: hidden; margin: 15px 0 0; background-color: #ddd; border-radius: 10px 10px 0 0;}
.main .my_group .participation_step li { position: relative; width: 100%; padding: 3px 5px 3px 120px; text-align: left;}
.main .my_group .participation_step li:first-child { border-radius: 10px 10px 0 0;}
.main .my_group .participation_step li .participation_ico { display: block; position: absolute; left: 26px; top: 4px; width: initial; height: inherit; padding: 5px; background-color: inherit; border-radius:0;}
.main .my_group .participation_step li p { margin-top: 0; padding: 5px;}
.main .my_group .participation_step li.active { background-color: #0677d4;}
.main .my_group .participation_step li.active .participation_ico { color: #fff; background-color: #0677d4;}
.main .my_group .participation_step li.active p { font-weight: 500; color: #fff;}

.main .prospectus { padding: 3.125rem 20px;}
.main .prospectus .lists { flex-wrap: wrap;}
.main .prospectus .lists li { width: 33.33%;}
.main .prospectus .lists li a p { margin-top: 0;}
.main .prospectus .lists li a:hover i { background-position-y: -200px;}

.main .info { flex-wrap: wrap; border: none;}
.main .info .test { width: 100%; padding: 30px 20px;}
.main .info .tablist { margin-top: 10px;}
.main .info .tablist .tab:first-child button { border-radius: 0;}
.main .info .tablist .tab:last-child button { border-radius: 0;}
.main .info .tablist .tab button { height: 48px; padding: 0 5px; line-height: 18px;}
.main .info .test .target { border: none;}

.main .info .institution { width: 100%; padding: 30px 20px 20px;}
.main .info .institution_lists { min-height: inherit;}
.main .info .institution_call {align-items:inherit; align-items: center;}
.main .info .institution_call h4 { width: 100%; padding-top: 10px; font-size: 18px; text-align: center}
.main .info .institution_call h4 span {display:inline-block}
.main .info .institution_call h4::after { top:0;}
.main .info .institution_call .guide { padding: 10px 10px 0 0; font-size: 14px; line-height: 14px; background-size: 28px 25px;}
.main .info .institution_call .guide br { display: none;}
.main .info .institution_call .call { padding: 0 0 0 40px; background-size: 33px 29px;}
.main .info .institution_call .call span { font-size: 30px; line-height: 30px;}
.main .info .institution_call .call sub { font-size: 13px;}
.main .info .institution_call .right-cont {flex-direction: column; flex: 1; align-items: center}
.main .info .institution_call .chatbot {flex: 1; padding-left: 0; text-align: center}

.main .notice { position: relative; padding: 30px 20px 30px; background-color: #eff7fb;}
.main .notice .target { margin-top: 10px;}
.main .notice_lists { display: inherit; padding: 20px; align-content: inherit; justify-content: inherit; border: 1px solid #0677d4; background-color: #fff; border-radius: 15px;}
.main .notice_lists li { width: 100%; margin: 15px 0 0 0;}
.main .notice_lists li:first-child { margin-top: 0;}
.main .notice_lists li a { min-height:inherit; padding: 0; border: none;}
.main .notice_lists li a .new { display: inline-block; position: inherit; left: inherit; top: inherit; margin: -4px 0 0 5px; font-size: 11px; vertical-align: middle;}
.main .notice_lists li a .date { left: 82px; right: inherit; top: 6px;}
.main .notice_lists li a:hover .date,
.main .notice_lists li a:focus .date { right: 82px; top: 6px;}
.main .notice_lists li a dl { margin-top: 5px;}
.main .notice_lists li a dl dt { overflow:inherit; height: inherit; font-size: 15px; font-weight: 400; text-align: left; line-height: 20px;}
.main .notice_lists li a dl dd.oh { display: none;}
.main .notice_lists li a:hover { padding: 0; border: none; background-color: inherit;}
.main .notice_lists li.all_empty { padding: 0; background-color: inherit;}

.main .service { padding: 30px 20px 20px; border: none; background-color: inherit;}
.main .service_lists { flex-wrap: wrap;}
.main .service_lists li { flex-grow:inherit; width: 33.33%;}
.main .service_lists li a p { margin-top: 8px; line-height: 20px;}
.main .service_lists li a p br { display: block;}
.main .service_lists li a:hover i { background-position-y: -314px;}

.main .system { padding: 0 0 20px; flex-wrap: wrap;}
.main .system h3 { padding-bottom: 13px; border-bottom: 1px solid #111;}
.main .system .story { position: relative; width: 100%; padding: 30px 20px; background-color: #eff7fb;}
.main .system .story_lists a { width: 100px;}
.main .system .story_lists a figure { width: 100px; height: 100px;}
.main .system .faq { position: relative; width: 100%; margin-top: 40px; padding: 0 20px;}
.main .system .story_btn { right: 20px; top:25px;}
.main .system .faq_btn { right: 20px; top:-5px;}




/* 사업소개
**********************************************/

/* 국민취업지원제도 */
.intro .group .twins_left { width: 100%;}
.intro .group .twins_right { width: 100%; border-left: none;}
.intro .group .twins dd { padding: 15px 5px;}
.intro .group .twins dd ul li::after { top: 7px;}
.intro .group .process { margin-top: 10px;}
.intro .group .process >li dl { display: flex; flex-wrap: wrap;}
.intro .group .process >li dt { width: 100%; padding: 15px 0 15px 12px; font-weight: 500;}
.intro .group .process >li dd { width: 100%; padding: 15px 12px; border-left: none;}
.intro .group .snd { margin-top: 10px;}
.intro .group .snd dd { padding: 1.563rem 3px;}
.intro .group .snd dd >ul >li strong { display: block; width: inherit;}
.intro .group .snd dt { padding: 15px 0;}


/* 취업지원 및 생계안정지원 */
.intro .group .expan >dd .step { margin-top: 0; flex-wrap: wrap;}
.intro .group .expan >dd .step >li { width: 100%; margin-top: 10px;}
.intro .group .expan >dd .step >li dd.m { height: inherit; padding: 10px;}
.intro .group .expan >dd .step >li::after { left: 50%; top: -5px; width: 34px; height: 34px; margin-left: -17px; background: #fff url(/static/image/intro_ico_arrow_mobile.png) no-repeat center center; background-size: 18px 10px; transform: rotate(0deg);}

/* 운영기관 찾기 */
.intro .guide { padding: 10px 10px 20px;}
.intro .guide .decor { display: none;}
.intro .guide ul li::after { top: 8px; width: 4px; height: 4px;}

/* FAQ */
.intro .accordion li h5 { padding: 10px 10px 10px 30px;}
.intro .accordion li h5 abbr { left: 5px;}
.intro .accordion li .accopanel { padding: 10px 10px 10px 30px;}
.intro .accordion li .accopanel abbr { left: 5px; top:10px;}



/* 자기진단
**********************************************/

/* 수급자격 모의산정 */
.diagnosis .twins { flex-wrap: wrap;}
.diagnosis .twins_left { width: 100%;}
.diagnosis .twins_right { width: 100%; border-left: none;}
.diagnosis .twins_right dt { border-width: 1px;}
.diagnosis .twins dd { padding: 15px 5px;}

.diagnosis .all_open { display: none;}
#wrap .diagnosis .all_open +.twins_dot { margin-top: 30px;}

.diagnosis .step { flex-wrap: wrap;}
.diagnosis .step >li { width: 100%; margin-top: 10px;}
.diagnosis .step >li:first-child { margin-top: 0;}
.diagnosis .step >li::after { left: 50%; top: -11px; width: 38px; height: 38px; margin-left: -23px; transform: rotate(0deg);}

.diagnosis .help_box { padding: 15px; flex-wrap: wrap;}
.diagnosis .help_box li { width: 100%; margin-top: 10px;}
.diagnosis .help_box li:first-child { margin-top: 0;}
.diagnosis .help_box +.help_box { margin-top: 10px;}

.diagnosis .btn_set a { margin-top: 10px;}

.diagnosis .simulation >li { border-top: none;}
.diagnosis .simulation >li .s_head { padding: 10px 0 0;}
.diagnosis .simulation >li .s_head h5 { padding: 0; text-indent: 0;}
.diagnosis .simulation >li .s_head button { display: block; position: inherit; right: inherit; top: inherit; width: 100%; margin-top: 10px; font-weight: 400; color: #363636; border: 1px solid #d1d1d1; background-color: #f7f7f7;}
.diagnosis .simulation >li .s_head >ul { margin-top: 5px; padding: 0;}
.diagnosis .simulation >li .s_head >ul li { display: block; margin-top: 8px; padding-left: 22px; text-indent: -22px;}
.diagnosis .simulation >li .s_head >ul li:first-child { margin-top: 0;}
.diagnosis .simulation >li .sbody { padding: 20px 15px; border-top: none; border-bottom: 1px solid #aab7ea;}
.diagnosis .simulation >li .s_head >ul.half li { width: 100%; margin-top: 8px; }


/* 취업유형진단 */
.diagnosis .survey { padding: 0; border: none; background-color: #fff;}
.diagnosis .survey h4.title { display: none;}
#wrap .diagnosis .survey p.title { margin: 15px 0; padding-bottom: 15px; text-align: center; border-bottom: 1px solid #d1d1d1;}
.diagnosis .survey p.title .round { display: block; margin: 0 auto 10px;}
.diagnosis .survey .simulation { padding: 0 0 15px; border:none; border-bottom: 1px solid #d1d1d1; border-radius: inherit;}
.diagnosis .survey .simulation >li { border-top: 1px solid #111;}
.diagnosis .survey .simulation >li .s_head { padding: 15px 0;}
.diagnosis .survey .simulation >li ul { margin-top: 15px; padding: 15px 10px 0; border-top: 1px solid #d1d1d1;}
.diagnosis .survey .simulation >li ul.hidden_target { margin-top: 0; padding:0; border-top: none;}

.diagnosis .tablist { flex-wrap: wrap; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1;}
.diagnosis .tablist .tab { flex-grow: inherit; width: 33.33%;}
.diagnosis .tablist .tab a { height: 40px; border-left: none; border-top: none; line-height: 40px;}


/* 취업지원관리
**********************************************/

/* 공통 */
.support .twins { flex-wrap: wrap;}
.support .twins_left { width: 100%;}
.support .twins_right { width: 100%; border-left: none;}
.support .twins_right dt { border-width: 1px;}
.support .twins dt { padding: 15px 0;}
.support .twins dd { padding: 10px 5px;}
.support .twins dd li::after { width: 4px; height: 4px; top: 8px;}
.support .blue_box { padding: 15px 45px 15px 15px;}

.support .blue_box ul li a::before { width: 4px; height: 4px; top: 8px;}
.support .blue_box ul li a::after { margin-top: -1px;}

/* 신청현황관리 */
.support .support_step { flex-wrap: wrap;}
.support .support_step li { width: 100%; margin-top: 10px;}
.support .support_step li:first-child { margin-top: 0;}
.support .support_step li::after { left: 50%; top:-6px; margin-left:-20px; transform: rotate(90deg);}
.support .support_step li p { height: inherit; padding: 15px 10px;}

.support .info_guide { padding: 10px 0;}
.support .info_guide .ico { display: none;}
.support .info_guide .btn_form { position: inherit; right: inherit; top: inherit; width: 100%; height: 40px; margin-top: 10px;}
.support .info_guide.full { padding: 10px 0;}

.support .info_service .bumber_list >li h5 { padding: 10px 0;}
.support .info_service .bumber_list >li .check { position: inherit; right: inherit; top: inherit;  padding-bottom: 10px; text-align: center; line-height: 20px;}
.support .info_service .bumber_list >li >ul { flex-wrap: wrap; margin: 10px 0;}
.support .info_service .bumber_list >li >ul li.w3 { width: 100%;}
.support .info_service .bumber_list >li >ul li.other { width: 100%; padding: 10px;}
.support .info_service .bumber_list >li .component_set { padding: 15px 0 0; text-align: center;}
.support .info_service .bumber_list >li .component_set label { margin: 0 20px 0 5px;}
.support .info_service .bumber_list >li .component_set input[type=text] { width: 100% !important; margin: 10px 0;}

.support .agree_form { flex-wrap: wrap;}
.support .agree_form p { width: 100%;}
.support .agree_form .radioset { text-align: center;}


/* I유형 이행관리 */
.support .agree_box { padding: 15px;}
.support .lable_group { display: flex; justify-content: space-between;}


/* Ⅱ유형 이행관리 */
.support .twins_other dl dd { width: 100%; padding: 10px 5px; border-left: none;}
.support .twins_other dl dt +dd { border-bottom: 1px solid #d1d1d1;}

.support .text_right.mt20 { display: flex; margin-top: -5px; justify-content: flex-end; flex-wrap: wrap;}
.support .text_right.mt20 button { width: 48%; height: inherit; margin: 5px 1% 0; padding: 5px 10px; line-height: 17px;}


/* 취업성공수당관리 */
.support .radio_box2 { padding: 10px 0;}
.support .radio_box2 p { position: inherit; left: inherit; top: inherit;}
.support .radio_box2 ul { margin-top: 10px;}
.support .radio_box2 ul li { margin-right: 16px;}
.support .radio_box2 ul li label { margin-left: 0;}


/* 국취이야기
**********************************************/

/* 공통 */
.program .story-keyword .purple { margin-left: 0;}
.program .story-keyword .purple::before { left: 0; width: 18px; height: 13px; background: url(/static/image/progrma_ico_movie_mobile.png) no-repeat; background-size: 18px 13px;}
.program .story-keyword .green { margin-left: 0;}
.program .story-keyword .green::before { left: 0; width: 18px; height: 12px; margin-left: 0; background: url(/static/image/progrma_ico_news_mobile.png) no-repeat; background-size: 18px 12px;}

/* View - 페이지 상세 */
.program .view .story-keyword { display: inline;}
.program .view .story-keyword span { width: 18px; margin: 0 4px 0 0; text-indent: -99999px;}
.program .view .title { display: inline;}
.program .article { padding: 15px 0;}
.program .relate-content { margin-top: 30px;}


.program .relate-content .story-wrap .story-list { flex-wrap: wrap; margin-top: 10px; padding: 0;}
.program .relate-content .story-wrap .story-list li { position: relative; flex: none; width: 100%; min-height: 90px; margin-left: 0; padding: 15px 10px 15px 125px; border-bottom: 1px solid #d1d1d1;}
.program .relate-content .story-wrap .story-list li figure { overflow: hidden; position: absolute; left: 10px; top: 50%; width: 100px; height: 70px; margin-top: -35px; border: 1px solid #ccc; background:#ebebeb url(/static/image/progrma_empty_bg.png) no-repeat center center; background-size: 36px 37px; border-radius: 10px;}
.program .relate-content .story-wrap .story-list lii figure img { width: 100%; height: 100%;}
.program .relate-content .story-wrap .story-list li .story-keyword { margin-top: 0;}
.program .relate-content .story-wrap .story-list li .story-keyword span { text-indent: -99999px;}
.program .relate-content .story-wrap .story-list li a { display: block; word-break: inherit; text-align: initial;}
.program .relate-content .story-wrap .story-list li a dt { margin-top: 3px; color: #363636; line-height: 18px;}
.program .relate-content .story-wrap .story-list li a dd { overflow:hidden; height: inherit; margin-top: 3px; font-size: 12px; color: #636363; text-overflow:ellipsis; white-space:nowrap; line-height: 16px; }
.program .relate-content .story-wrap .story-list li a:hover { text-decoration: underline;}
.program .relate-content .story-wrap .story-list li.empty { min-height: inherit; padding: 25px; text-align: center; background-color: #f5f5f5;}
.program .relate-content .story-wrap .story-list li dl, .program .relate-content .story-wrap .story-list li .txt { margin-top: 0;}


/* 국민취업지원제도 이야기 */
.program .card_news { margin-top: 10px; border-top: 1px solid #111;}
.program .card_news li { position: relative; min-height: 90px; padding: 15px 10px 15px 125px; border-bottom: 1px solid #d1d1d1;}
.program .card_news li figure { overflow: hidden; position: absolute; left: 10px; top: 50%; width: 100px; height: 70px; margin-top: -35px; border: 1px solid #ccc; background:#ebebeb url(/static/image/progrma_empty_bg.png) no-repeat center center; background-size: 36px 37px; border-radius: 10px;}
.program .card_news li figure img { width: 100%; height: 100%;}
.program .card_news li .story-keyword span { text-indent: -99999px;}
.program .card_news li a { display: block;}
.program .card_news li a dt { margin-top: 3px; color: #363636; line-height: 18px;}
.program .card_news li a dd { overflow:hidden; margin-top: 3px; font-size: 12px; color: #636363; text-overflow:ellipsis; white-space:nowrap; line-height: 16px; }
.program .card_news li a:hover { text-decoration: underline;}
.program .card_news li.empty { min-height: inherit; padding: 25px; text-align: center; background-color: #f5f5f5;}
.program .detail-view2 .bx-controls-direction { display: none;}

/* 임시 */
.program .detail-view3 .bx-controls-direction { display: none;}




/* 일경험
**********************************************/

/* 공통 */
.program .support_step { flex-wrap: wrap;}
.program .support_step li { width: 100%; margin-top: 10px;}
.program .support_step li:first-child { margin-top: 0;}
.program .support_step li::after { left: 50%; top:-6px; margin-left:-20px; transform: rotate(90deg);}
.program .support_step li p { height: inherit; padding: 15px 10px;}



/* 고객센터
**********************************************/

/* 고객센터 메인 */
.service .infomation ul { flex-wrap: wrap;}
.service .infomation ul li { width: 100%; border-left: none; border-top: 1px solid #d1d1d1;}
.service .infomation ul li:first-child { border-top: none;}

/* 문의합니다 */
.service .consent .patten { padding: 10px 5px;}
.service .consent .pdbox { padding: 10px 5px;}

/* 개인정보 처리요구 */
.service .download_btns a { display: block; margin: 0; text-align: center;}
.service .download_btns a:first-child { margin-bottom: 5px;}







/* 회원가입 / 로그인
**********************************************/

/* 회원가입 */
.join .join_box .joi_title { height: inherit; padding: 15px;     background-size: cover;}
.join .join_box .joi_title h4 { line-height: 25px;}
.join .join_box .type { margin-top: 30px; padding: 0;; flex-wrap: wrap; border: none;}
.join .join_box .type .personal { width: 100%;}
.join .join_box .type .business { width: 100%; border-left: none;}
.join .join_box .type a { display: block; width: inherit; margin-top: 10px;}
.join .join_box .type dl { margin-top: 20px; flex-wrap: wrap;}
.join .join_box .type dl dt { width: 100%; text-align: left;}
.join .join_box .type dl dt br { display: none;}
.join .join_box .type dl dd { width: 100%; margin-left: 0;}
.join .join_box .type dl dd ul { margin-top: 10px;}
.join .join_box .type dl dd ul li { margin-top: 2px;}

.join .register_box { flex-wrap: wrap; border: none;}
.join .register_box .one_id { width: 100%; padding: 0 0 20px;}
.join .register_box .keis_id { width: 100%; padding: 20px 0 0; border-left: none; border-top: 1px solid #d1d1d1;}
.join .register_box .one_id .logoset { margin-top: 20px;}
.join .register_box .one_id a { margin-top: 20px;}
.join .register_box a { width: 100%;}
.join .register_box .article p br { display: none;}

.join .round_box { padding: 15px;}
.join .proposal { padding: 10px 0 0;}
.join .proposal p { margin-bottom: 10px; padding-left: 14px; line-height: 20px;}
.join .proposal p::after { top: 7px;}
.join .proposal .radio_set input { margin: 0 3px 0 13px;}

.join .round_box >ol > li ul li { margin-top: 10px;}

.join .business_rn strong { display: block; margin: 0 0 10px; text-align: left;}
.join .business_rn .w_r { width: 30% !important;}
.join .business_rn .w_m { width: 20% !important;}
.join .business_rn .w_l { width: calc(50% - 27px) !important;}
.join .business_rn span { width: 20px;}

/* 로그인 */
.join .regicom { display: inherit; padding: 15px; text-align: center;}
.join .regicom img { width: 74px; height: 74px;}
.join .regicom >div h4 { margin-top: 15px; line-height: 30px;}
.join .regicom .comm_blet_small li br { display: none;}
.join .idpw_search_box { padding: 15px;}
.join .ip_search { padding: 15px 10px; line-height: 25px;}
.join .ip_search em { margin: 0;}
.join .pw_search { padding: 15px 5px; text-align: left;}
.join .pw_search input { width: 100%; margin-top: 10px;}
.join .pw_search.other label { display: block; text-align: left;}
.join .join_de_box { padding: 15px;}
.join .join_de_box dd ul li::after { top: 8px;}
.join .sb_search { padding: 15px 5px;}
.join .sb_search .sb1 { width: 30%;}
.join .sb_search .sb2 { width: 100%;}
.join .sb_search .sb3 { width: 39%;}
.join .sb_search span { width: calc(30% - 7px);}
.join .sb_search label { display: block; margin-bottom: 10px; text-align: left;}

.join .member_box { padding-top: 20px;}
.join .member_body { flex-wrap: wrap;}
.join .member_body .fieldset { width: 100%; margin: 15px 0 0; padding-top: 0;}
.join .member_body .fieldset fieldset .login_btn { width: 90px; height: 70px;}
.join .member_body .fieldset fieldset >input[type=text] { width: calc(100% - 100px)}
.join .member_body .fieldset fieldset >input[type=password] { width: calc(100% - 134px)}
.join .member_body .fieldset fieldset img { width: 30px; height: 30px;}


/* 일경험
**********************************************/












/* 마이페이지
**********************************************/

/* 나이 참여현황 */
.mypage .partici_box { padding: 15px; border-radius: 10px;}
.mypage .partici_box p { line-height: 20px;}
.mypage .partici_box .present_btn { flex-wrap: wrap;}
.mypage .partici_box .present_btn .app_btn { display: block; width: inherit; height: inherit; margin-top: 5px; padding: 5px 15px; line-height: 20px;}
.mypage .partici_box .present_btn .orange_btn { display: block; width: inherit; height: inherit; margin-top: 5px; padding: 5px 15px; line-height: 20px;}
.mypage .partici_box .present_btn .app_btn br { display: none;}

/* 회원 정보관리 */
.mypage .auth_select li dl dd { padding: 0;}

/* 일경험 참여현황 - 만족도 조사 참여 */
.mypage .simulation >li .s_head { padding: 10px 0;}
.mypage .simulation >li .s_head h5 { padding: 0;}
.mypage .simulation >li .s_head >ul { padding: 0;}
.mypage .simulation >li .s_head >ul li { display: block; margin-top: 8px; padding-left: 22px; text-indent: -22px;}
.mypage .simulation >li .s_head >ul li:first-child { margin-top: 0;}


/* 기타
**********************************************/

/* 개인정보처리방침 */
.other .help_box { padding: 10px; justify-content:inherit; flex-wrap: wrap;}
.other .help_box li { width: 100%; margin-top: 10px;}
.other .help_box li:first-child { margin-top: 0;}

.other .sub_description { margin-top: 0;}

.other .version_box { padding: 10px;}
.other .version_box select { width: calc(100% - 60px); margin: 10px 0;}

.other .mo_background { padding: 10px; text-align: center; background-color: #f8f8f8;}

/* 이메일주소무단수집거부, 저작권정책 및 제휴문의 */
.other .paragraph-group { padding: 20px 0 0;}

/* 이용안내 */
.other .tablist .tab button,
.other .tablist .tab a { line-height: inherit;}
.other .tablist.flex_wrap  { flex-wrap: wrap; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1;}
.other .tablist.flex_wrap .tab { flex-grow: inherit; width: 50%;}
.other .tablist.flex_wrap .tab a { height: 40px; border-left: none; border-top: none; line-height: 40px;}


.other .guidance { padding: 10px;}

/* 개인정보처리방침(20221223) start */
.other .sub_txt {line-height:1.563rem; font-size:1rem}
.other .indprtec_label {margin-left:-20px; padding:30px 20px; width:calc(100% + 40px)}
.other .indprtec_label ul {margin-left:0; margin-top:4px}
.other .indprtec_label li {float:none; margin-left:0; margin-top:10px; width:100%; height:10.35rem}
.other .indprtec_label li a {padding-top:7.14rem}
.other .indprtec_label li a img {top:2.21rem; width:4.07rem}
.other .indprtec_label li a .txt {font-size:0.857rem}
.other .indprtec_label li .hover_info .tit {height:2.14rem; line-height:2.14rem; font-size:0.857rem}
.other .indprtec_label li .hover_info .txt {padding:0.357rem 0.714rem; line-height:1.307rem; height:calc(100% - 2.14rem); font-size:0.857rem; align-items:flex-start}
.other .indprtec_label li .hover_info .btn_close {right:0.71rem; top:0.42rem; background-size:0.85rem; background-position:center center}
.other .indprtec_list {padding:1.42rem 1.42rem 0}
.other .indprtec_list li {float:none; width:100%; margin-bottom:1.07rem; min-height:2.14rem}
.other .indprtec_list li a {padding-left:2.71rem; line-height:1.563rem; font-size:1rem}
.other .indprtec_list li a span {height:auto; min-height:2.14rem}
.other .indprtec_list li a img {width:2.14rem; height:2.14rem}

.other .policy_lists.v3 .sub_description {margin-top:0.437rem}
#wrap .other .policy_lists.v3 .mt65 {margin-top:2.187rem}
/* 개인정보처리방침(20221223) end */

/* 404 */
.other_404 { width: 100%; padding: 20px;}
.other_404 h1 { display: none;}
.other_404 h2.heading_eng { width: 100%;}
.other_404 h2.heading_kor,
.other_404 h2.heading_eng { font-size: 24px;}

/* OZ용 새창 */
#wrap .oz_body { padding: 80px 10px 110px;}
#wrap .oz_body header h3 { font-size: 18px; line-height: 20px;}
#wrap .oz_body .split.pop_close_ico { background-color: inherit;}
#wrap .oz_body .pop_close { top: 5px;}

/* 구촉 추가 */
.idnt { text-indent:unset;}

/* 삭제용
**********************************************/

.ia { display: none;}









}