@charset "UTF-8";

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


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

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

/* Global */
body.none_scroll { overflow: hidden;}
.area { width: 1180px; margin: 0 auto;}
.skipnav a { display: block; position: fixed; left: 0; top: -100px; z-index: 300; width: 100%; padding: 10px 0; color: #fff; text-align: center; background-color: #111;}
.skipnav a:focus { top: 0;}
.float_none { float: inherit !important;}

/* Header */
.header { position: relative; z-index: 200; border-bottom: 1px solid #bebebe; background-color: #fff;}
.header.no_line { border-bottom: none;}
#wrap .header .header_promote { display: none; overflow: hidden; position: relative; height: 100px; background-color: #fff0bf;}
.header .header_promote .promote_a { width: 100% !important; height: 100%;}
.header .header_promote .promote_a dt { display: inline-block; font-size: 1.625rem; font-weight: 700; color: #111; text-align: left; line-height: 30px; vertical-align: middle;}
.header .header_promote .promote_a dt span { font-size: 1.125rem; color: #bb4f1a; letter-spacing: 3.6px;}
.header .header_promote .promote_a dd { display: inline-block; margin-left: 12px; padding: 4px 0 0 45px; font-size: 1.125rem; font-weight: 200;line-height: 1.75rem; vertical-align: middle; background: url(/static/image/header_promote_a_line.png) no-repeat left center;}
.header .header_promote .promote_a dd span { color: #bb4f1a;}
.header .header_promote .bann_close { position: absolute; right: 20px; bottom: 21px; z-index: 100; font-size: 0.875rem;}
.header .header_promote .bann_close label { margin: 0 10px; color: #333333;}
.header .header_promote .bann_close button { padding: 2px 6px 4px; color: #fff; background-color: #363636; border-radius: 5px;}

.header .promote_page { position: absolute; right: 82px; top:21px; z-index: 100; letter-spacing: 1px;} /* 20220923 수정 */
.header .promote_page .current { color: #111;}
.menu { position: relative; padding: 9px 0 0 0;}
.menu h1 { position: absolute; left: 1px; top: 40px;}
.menu h1 a { display: block; width: 223px; height: 53px; text-indent: -99999px; background: url(/static/image/keis_logo.png) no-repeat;}
.menu .global {background: url(/static/image/gov-info.png) no-repeat 10px 0; height: 20px; text-align: right;}
.menu .global a { font-size: 0.875rem;}
.menu .global a:hover { text-decoration: underline;}
.menu .global a span { display: inline-block; width: 19px; height: 19px; margin-left: 12px; text-align: center; border: 1px solid #aaa; background-color: #fff; border-radius: 50%;}
.menu .global >span { margin: 0 11px; font-size: 0.875rem;}

.header .gnb_blind { position: absolute; left: 0; width: 100%; height: 0; border-top: 1px solid #e0e0e0; background-color: #fff; opacity: 0;}
.header .gnb_blind .area { height: 100%; border-left: 1px solid #e0e0e0; background-color: #eff5ff;}

.gnb { margin-top: 15px; padding-left: 258px;}
.gnb >ul { text-align: right;}
.gnb >ul >li { display: inline-block; position: relative; width: 20%; margin-left: -4px; text-align: left;}
.gnb >ul >li >a { display: block; position: relative; padding: 29px 0 24px; font-size: 1.35rem; font-weight: 700; color: #111; text-align: center;}
.gnb >ul >li >a span { position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background-color: #4b63c3; transition: all .3s .5s ease;}
.gnb >ul >li .gnb_menu a { display: block;}
.gnb >ul >li .gnb_menu_sub { position: absolute; z-index: 10; width: 100%; padding: 0 10px 0 19px; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; background-color: #fff; opacity: 0; transition: all .3s .1s ease;}
.gnb >ul >li .gnb_menu_sub >li { margin: 20px 0;}
.gnb >ul >li .gnb_menu_sub >li:last-child { margin-bottom: 40px;}
.gnb >ul >li .gnb_menu_sub >li >a { font-size: 0.875rem; font-weight: 400; color: #363636; line-height: 1.25rem;}
.gnb >ul >li .gnb_menu_sub >li >a:hover { color: #4b63c3;}
.gnb >ul >li .gnb_menu_sub >li ul li { margin-top: 9px;}
.gnb >ul >li .gnb_menu_sub >li ul li:last-child { margin-bottom: 20px;}
.gnb >ul >li .gnb_menu_sub >li ul li:first-child { margin-top: 10px;}
.gnb >ul >li .gnb_menu_sub >li ul li a { position: relative; padding-left: 11px; font-size: 0.8125rem; color: #363636; line-height: 1rem;}
.gnb >ul >li .gnb_menu_sub >li ul li a::after { content: ''; display: block; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; background-color: #d7d7d7; border-radius: 50%;}
.gnb >ul >li .gnb_menu_sub >li ul li a:hover { color: #4b63c3;}
.gnb >ul >li >a:hover span { width: 70px; margin-left: -35px; transition: all .3s .1s ease;}
.gnb >ul >li >a.active span { width: 70px; margin-left: -35px;}
.gnb >ul >li .gnb_menu.active { display: block;}
.gnb >ul >li:first-child .gnb_menu_sub { border-left: 1px solid #e3e3e3;}
.gnb >ul >li .gnb_menu_sub >li >a.active,
.gnb >ul >li .gnb_menu_sub >li ul li a.active  { color: #4b63c3;}

/* Container */
.container { display: flex; padding-bottom: 140px;}
.container .contents { width: calc(100% - 310px);}

/* LNB */
.lnb { width: 250px; margin-right: auto;}
.lnb h2 { display: flex; height: 100px; font-size: 1.75rem; font-weight: 700; color: #fff; justify-content: center; align-items: center; background-color: #4b63c3;}
.lnb .lnb_lists >ul >li >a { display: block; position: relative; padding: 20px 0; font-size: 1.125rem; font-weight: 400; color: #363636; border-bottom: 1px solid #ccc;}
.lnb .lnb_lists >ul >li >a.menu_exist::after { content: ''; display: block; position: absolute; right: 3px; top: 25px; width: 15px; height: 9px; background: url(/static/image/global_lnb_arrow.png) no-repeat;}
.lnb .lnb_lists >ul >li >a br { display: none;}
.lnb .lnb_lists >ul >li >a:hover { color: #4b63c3;}
.lnb .lnb_lists >ul >li >a.active { font-weight: 500; color: #4b63c3;}
.lnb .lnb_lists >ul >li >a.menu_exist.arrow::after { background-position-y: -191px;}
.lnb .lnb_lists >ul >li >a.active.menu_exist +ul { display: block;}
.lnb .lnb_lists >ul >li >ul { display: none; padding: 0px 0; border-bottom: 1px solid #ccc;}
.lnb .lnb_lists >ul >li >ul >li >a { display: block; padding: 10px 20px; letter-spacing: -1px; line-height: 25px;}
.lnb .lnb_lists >ul >li >ul >li >a:hover { text-decoration: underline;}
.lnb .lnb_lists >ul >li >ul >li >a.active { color: #111; background-color: #eff5ff;}


/* Footer */
.footer .links { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.footer .links .area { display: flex; justify-content: space-between; align-items: center;}
.footer .links .area .links_set { display: flex;}
.footer .links .area .links_set a { display: block; position: relative; padding: 22px 20px;}
.footer .links .area .links_set a:first-child { padding-left: 0;}
.footer .links .area .links_set a:hover { text-decoration: underline;}
.footer .links .area .links_set a::after { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; margin-top: -6px; background-color: #d1d1d1;}
.footer .links .area .links_set a:first-child::after { display: none;}
.footer .links .area .select select { margin-right: 5px; padding: 0 35px 0 15px; vertical-align: middle;}
.footer .footer_info { display: flex; padding: 30px 0 2.125rem; justify-content: space-between; align-items: flex-start;}
.footer .footer_logo { width: 380px;}
.footer .footer_logo img { vertical-align: middle;}
.footer .logo_unique img:first-child { margin: 6px 20px 0 0;}
.footer .logo_set { margin-top: 20px;}
.footer .logo_set img { margin-right: 24px;}
.footer .footer_address { width: calc(100% - 560px);}
.footer .footer_address .address { font-size: 0.875rem; letter-spacing:0; line-height: 1.438rem;}
.footer .footer_address .address b { font-weight: 500;}
.footer .footer_address .copyright { margin-top: 1.375rem; font-size: 0.875rem; font-weight: 400; letter-spacing:0; line-height: 1.438rem;}
.footer .other_mark { padding-top: 20px;}
.footer .other_mark img:first-child { margin-right: 5px;}
.footer >.area { position: relative;}

/* Aside */
.aside { position: fixed; left: 50%; bottom: 315px; margin-left: 640px; text-align: center;}
.aside_up { display: block; width: 54px; height: 54px; border: 1px solid #d9d9d9; background-color: #fff; border-radius: 50%;}
.aside_down { display: block; width: 54px; height: 54px; margin-top: 10px; border: 1px solid #d9d9d9; background-color: #fff; border-radius: 50%;}
.aside i { width: 18px; height: 10px;}
.aside i.document_up { background-position: -910px -20px;}
.aside i.document_down { background-position: -936px -20px;}
.aside button:hover { border-color: #bb4f1a;}
.aside button:hover i { background-position-y: -50px;}

/* Location */
.location { padding: 21px 0; font-size: 0.875rem; text-align: right;}
.location span { display: inline-block; margin-left: 14px; padding-left: 24px; background: url(/static/image/location_arrow.png) no-repeat left center;}
.location span:first-child { background: none;}
.location span.depth2 { color: #111;}



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

/* 마진 */
#wrap .mtm1 { margin-top: -1px;}
#wrap .mtm10 { margin-top: -0.625rem;}
#wrap .mt0 { margin-top: 0;}
#wrap .mt5 { margin-top: 0.3125rem;}
#wrap .mt10 { margin-top: 0.625rem;}
#wrap .mt12 { margin-top: 0.75rem;}
#wrap .mt15 { margin-top: 0.9375rem;}
#wrap .mt18 { margin-top: 1.125rem;}
#wrap .mt20 { margin-top: 1.25rem;}
#wrap .mt25 { margin-top: 1.563rem;}
#wrap .mt30 { margin-top: 1.875rem;}
#wrap .mt35 { margin-top: 2.188rem;}
#wrap .mt40 { margin-top: 2.5rem;}
#wrap .mt50 { margin-top: 3.125rem !important;}
#wrap .mt60 { margin-top: 3.75rem;}
#wrap .mt65 { margin-top: 4.063rem;}
#wrap .mt80 { margin-top: 5rem;}
#wrap .mt120 { margin-top: 7.5rem;}

#wrap .ml0 { margin-left: 0;}
#wrap .ml5 { margin-left: 5px;}
#wrap .ml10 { margin-left: 10px;}
#wrap .ml20 { margin-left: 20px;}
#wrap .ml30 { margin-left: 30px;}
#wrap .ml40 { margin-left: 40px;}
#wrap .ml50 { margin-left: 50px;}

#wrap .mr0 { margin-right: 0 !important;}
#wrap .mr10 { margin-right: 10px !important;}

/* Line-height */
#wrap .vam { vertical-align: middle;}
#wrap .lh25 { line-height: 1.563rem;}
#wrap .lh30 { line-height: 1.875rem;}

/* 색상 */
#wrap .color_orange { color: #4b63c3;}
#wrap .color_orange_n { color: #bb4f1a;}
#wrap .color_blue { color: #4b63c3;}
#wrap .color_darkblue { color: #004f91;}
#wrap .color_black { color: #111;}
#wrap .color_lightblack { color: #363636;}
#wrap .color_default { color: #636363;}
#wrap .color_green { color: #008763;}
#wrap .color_red { color: red;}

/* 글꼴 */
#wrap .notosans { font-family: "Noto Sans Kr", "맑은 고딕", "Malgun Gothic", sans-serif;}

/* 폰트 크기 */
#wrap .fs14 { font-size: 0.875rem;}
#wrap .fs16 { font-size: 1rem;}
#wrap .fs18 { font-size: 1.125rem;}
#wrap .fs20 { font-size: 1.25rem;}
#wrap .fs24 { font-size: 1.5rem;}

#wrap .fw400 { font-weight: 400;}
#wrap .fw600 { font-weight: 600;}

/* 정렬 */
#wrap .text_left { text-align:left;}
#wrap .text_center { text-align:center;}
#wrap .text_right { text-align:right;}
#wrap .vertical_middle { vertical-align: middle;}

.flex { display: flex; align-items: flex-end;}
.inline_flex {display: inline-flex;}
.flex .box { margin-left: auto;}
.flex .box .btn, .file_search .btn { height: 40px; margin-left: 5px; padding: 0 1.5rem; border: 1px solid #bdbdbd; border-radius: 0.625rem;}
.flex .box .btn:hover, .file_search .btn:hover { text-decoration: underline;}
.flex .box .btn.bg_blue { color: #fff; border-color: #4b63c3; background-color: #4b63c3;}
.flex .box .blue_btn { height: 32px; padding: 0 24px; font-size: 14px; color: #fff; background-color: #4b63c3; border-radius: 0.625rem;}
.flex .box .blue_btn i.rg { width: 24px; height: 24px; background-position: -780px -20px;}
.flex .box .blue_btn:hover { text-decoration: underline;}
.flex .box .orange_btn { height: 32px; padding: 0 24px; font-size: 14px; color: #fff; background-color: #bb4f1a; border-radius: 0.625rem;}
.flex .box .orange_btn:hover { text-decoration: underline;}
.flex .box i.m_glass { width: 18px; height: 18px; margin-top: -2px; background-position: -840px -20px;}
.flex .box .btn.map_btn { padding: 0 1.063rem;}
.flex .radio_group input { margin: 0 3px 0 25px;}
.flex .sub { font-size: 14px;}
.flex .lable_set { padding-bottom: 5px;}
.flex .lable_set label { margin: 0 25px 0 5px;}
.flex.flext_center { align-items: center;}
.flex .als_center { align-self: center;}
.flex.flx_wrap { flex-wrap:wrap;}

/* 버튼 */
#wrap .btn_default { display: inline-block; min-width: 100px; height: 50px; padding: 0 14px; text-align: center; line-height: 48px; vertical-align: middle; border-radius: 0.625rem;}
#wrap  .btn_default:hover { text-decoration: underline !important;}
#wrap  .btn_small { display: inline-block; height: 40px; padding: 0 15px; font-size: 0.875rem; text-align: center; line-height: 38px; vertical-align: middle; border-radius: 0.625rem;}
#wrap  .btn_small:hover { text-decoration: underline !important;}

#wrap .btn_default.bg_blue,
#wrap .btn_small.bg_blue { color: #fff; background-color: #4b63c3;}
#wrap .btn_default.white_line,
#wrap .btn_small.white_line { border: 1px solid #bdbdbd; background-color: #fff; white-space:nowrap;}
#wrap .btn_default.blue_line,
#wrap .btn_small.blue_line { color: #4b63c3; border: 1px solid #4b63c3;}
#wrap .btn_small.pd18 { padding: 0 1.125rem;}
#wrap .btn_small i.expand { width: 18px; height: 18px; margin-top: -2px; background-position: -840px -20px;}

#wrap .btn_default.bg_red,
#wrap .btn_small.bg_red { color: #fff; background-color: red;}

/* 필수 */
.required { display: inline-block; width: 13px; font-family: "Noto Sans Kr", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 1.875rem; font-weight: 100; color: #bb4f1a; text-align: right; vertical-align: middle; line-height: 10px;}

/* 헤딩 */
.contents >h3 { display: flex; min-height: 100px; margin-bottom: 10px; padding-top: 26px; font-size: 1.889rem; font-weight: 700; color: #111; justify-content: center; border-bottom: 2px solid #111;}
.contents >h3.no_line { margin-bottom: 0; border-bottom: none;}
h4.twins_dot { margin-top: 3.75rem; font-size: 1.375rem; font-weight: 500; color: #111; line-height: 1.875rem;}
h4.twins_dot span { font-weight: 300;}
.contents .sub_content { padding: 0 1.25rem; font-size: 18px; color: #4b63c3; text-align: center; line-height: 1.875rem;}

/* 문단 그룹 */
.paragraph_group p { margin-top: 0.625rem; line-height: 1.563rem;}
.paragraph_group.text_indent p { padding-left: 1.25rem; text-indent: -1.25rem;}


/* 사용안함 JSP에서 제거 후 삭제 */
.exp { margin-top: 0.625rem; font-size: 1.125rem; line-height: 1.875rem;}
.exp_sub { margin-top: 0.625rem; line-height: 1.563rem;}
/* 사용안함 JSP에서 제거 후 삭제 */

/* 블릿 */
.expan >dt, .bul_red { position: relative; display:block; margin-top: 2.5rem; padding-left: 1.375rem; font-size: 1.25rem; font-weight: 400; color: #363636; line-height: 1.875rem;}
.expan >dt::after, .bul_red::after { content: ''; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background-color: #bb4f1a;}
_:-ms-input-placeholder, :root .expan >dt::after {
	top: 11px;
}
.expan >dt.first, .bul_red.first { margin-top: 0.625rem;}
.expan >dt span, .bul_red span { font-weight: 300;}
.expan >dd { position: relative; margin: 0.5556rem 0 0 1.5rem; padding-left:0.75rem; line-height: 1.563rem;}
.expan >dd::after { content: ''; display: block; position: absolute; left: 0; top: 0.625rem; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.expan >dd .ex_sublist li { padding-left: 10px; text-indent: -10px;}

.expan >dd.no_blet { margin-left: 0; padding-left: 0;}
.expan >dd.no_blet::after { display: none;}
.expan >dd.no_blet_padding { margin-left: 0; padding-left: 1.5rem;}
.expan >dd.no_blet_padding::after { display: none;}
.expan.no_padding dd { margin-left: 0;}
.expan.no_padding dd:first-child { margin-top: 0.875rem;}
.expan.inline { display: flex; flex-wrap: wrap; justify-content: flex-start;}
.expan.inline dt { width: 100%;}
.expan.inline dd { width: 20%;}
.expan.inline dd:nth-child(4n+2) { width: 28%;}

.expan_sub { margin-top: 20px;}
.expan_sub dd { margin-top: 10px; padding-left: 17px; line-height: 25px;}

.round_title { position: relative; padding-left: 22px; font-size: 1.25rem; font-weight: 400; color: #363636; line-height: 1.875rem;}
.round_title::after { content: ''; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background-color: #e0794b;}

#wrap .comm_blet_default >li { position: relative; margin-top: 5px; padding: 0 0 0 0.75rem; line-height: 1.563rem;}
.comm_blet_default >li::after { content: ''; display: block; position: absolute; left: 0; top: 0.625rem; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.comm_blet_default >li:first-child { margin-top: 0.625rem;}
.comm_blet_small >li { position: relative; padding-left: 0.8125rem; line-height: 1.563rem;}
.comm_blet_small >li::after { content: ''; display: block; position: absolute; left: 0; top: 0.625rem; width: 3px; height: 3px; background-color: #d1d1d1;}

/* 알림 박스 */
.alarm_box { margin-top: 3.056rem; padding: 1.667rem 2.222rem; /*border: 1px solid #d7d7d7;*/ background-color: #f7f7f7; border-radius: 0.625rem;}
.alarm_box >dt { padding-left: 0;}
.alarm_box >dt::after { display: none;}
.alarm_box >dt:first-child { margin-top: 0;}
.alarm_box >dd { margin: 4px 0 0 0;}
.alarm_box dt +dd { margin-top: 0.444rem;}
.alarm_box >dd ul { margin-top: 0.9375rem;}
.alarm_box >dd ul li { padding-left: 10px; text-indent: -10px;}
.alarm_box >dd ul.comm_blet_small li { text-indent: 0;}
.alarm_box >p { line-height: 1.563rem;}
.alarm_box.short { padding: 20px;}
.alarm_box.short p { padding-left: 21px; text-indent: -21px; line-height: 1.563rem;}
.alarm_box.short label { margin-left: 5px;}

.alarm_box_blue {  margin-top: 3.056rem; padding: 1.667rem 2.222rem; /*border: 1px solid #d7d7d7;*/ background-color: #eff5ff; border-radius: 0.9375rem;}
.alarm_box_blue >dt { padding-left: 0;}
.alarm_box_blue >dt::after { display: none;}
.alarm_box_blue >dt:first-child { margin-top: 0;}
.alarm_box_blue >dd { margin: 4px 0 0 0; padding-left: 0;}
.alarm_box_blue >dd::after { display: none;}
.alarm_box_blue dt +dd { margin-top: 0.444rem;}
.alarm_box_blue >dd ul { margin-top: 0.9375rem;}

.alarm_box_orange { margin-top: 20px; padding: 1.667rem 2.222rem; /*border: 1px solid #f9ad81;*/ background-color: #f7f7f7; border-radius: 0.9375rem;}
.alarm_box_orange ol li { margin-top: 0.8125rem; padding-left: 1.25rem; text-indent: -1.25rem; line-height: 1.563rem;}
.alarm_box_orange ol li:first-child { margin-top: 5px;}
.alarm_box_orange ol li a[download], .alarm_box_orange ol li a.download { display: block; width: 100%; margin-top: 10px; padding: 15px 0; font-size: 1.125rem; color: #fff; text-align: center; background-color: #bb4f1a; border-radius: 0.625rem;}
.alarm_box_orange ol li a[download]:hover, .alarm_box_orange ol li a.download:hover { text-decoration: underline;}
.alarm_box_orange ol li a .iconset { display: inline-block; position: relative;}
.alarm_box_orange ol li a .iconset::before { content:''; position: absolute; right: -26px; top: 1px; width:20px; height:20px; background: url(/static/image/common_ico_download2.png) no-repeat; background-size: 20px;}
.alarm_box_orange .color_orange { font-weight: 500 !important;}
.alarm_box_orange >p { margin-top: 8px; padding: 0 24px; line-height: 1.563rem;}
.alarm_box_orange .rbtn { margin-top: -20px; text-align: right;}
.alarm_box_orange button { padding: 4px 10px 8px; color: #fff; background-color: #bb4f1a; border-radius: 5px;}
.alarm_box_orange button:hover { text-decoration: underline;}
.alarm_box_orange button i.white_glass { width: 18px; height: 18px; margin-top: -2px; background-position: -840px -42px;}


/* 공용 탭 */
.support_tabs { display: flex;justify-content: space-between;align-items: center;}
.support_tabs li { position: relative; flex: 1; width: 100%; margin-left: 13px; border: 1px solid #ccc; border-radius: 15px;}
.support_tabs li:first-child { margin-left: 0;}
.support_tabs li a { display:block;}
.support_tabs li p { display: flex; height: 70px; color: #363636; text-align: center; justify-content: center; align-items: center; line-height: 25px;}
.support_tabs li::after { content: ''; display: block; position: absolute; right: -27px; top: 50%; z-index: 1; width: 41px; height: 40px; margin-top: -20px; background: url(/static/image/diagnosis_ico_arrow.png) no-repeat;}
.support_tabs li:last-child:after { display: none;}
.support_tabs li.active { border-color: #bb4f1a; background-color: #bb4f1a;}
.support_tabs li.active p { color: #fff;}
.support_tabs li.active::after { background-position-y: -40px;}

/* 상단 가이드 */
.guide_common { position: relative; padding: 0.4375rem 1.25rem 1.688rem; border-bottom: 1px solid #ccc;}
.guide_common strong { font-size: 1.125rem;}
.guide_common >ul >li { position: relative; margin-top: 0.6875rem; padding-left: 1.063rem; color: #363636; line-height: 1.563rem;}
.guide_common >ul >li::after { content: ''; display: block; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background-color: #076fd9; border-radius: 50%;}
.guide_common >ul >li ol li { margin-top: 10px; line-height: 25px;}
.guide_common >ol > li { margin-top: 11px; padding-left: 16px; color: #363636; text-indent: -16px; line-height: 1.563rem;}
.guide_common >ol > li ul li { position: relative; margin-top: 10px; padding-left: 17px; text-indent: 0; line-height: 25px;}
.guide_common >ol > li ul li::before { content: ''; display: block; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background-color: #d1d1d1;}

.guide_common.bdt1 { padding-top: 1rem; border-top: 1px solid #111;}
.guide_common.bdt2 { border-top: 2px solid #111;}
.guide_common.number >ul >li { text-indent: -17px;}
.guide_common.number >ul >li::after  { display: none;}

/* 툴팁 */
.tooltip { display: inline-block; position: relative;}
.tooltip .tooltip_btn { width: 28px; height: 28px; margin: -1px 0 0 8px; text-indent: -99999px; background-position: -530px -20px; cursor: help;}
.tooltip .tooltip_btn:hover,
.tooltip .tooltip_btn.active { background-position-y: -49px;}
.tooltip .tooltip_body { position: absolute; left: 19px; top: 52px; z-index: 700; width: 440px; border: 2px solid #536fde; background-color: #fff; border-radius: 0 10px 10px 10px;}
.tooltip .por { position: relative;}
.tooltip .tooltip_por::before { content: ''; display: block; position: absolute; left: -2px; top: -40px; width: 0; height: 0; border-left: 20px solid none; border-right: 20px solid transparent; border-top: 20px solid transparent; border-bottom: 20px solid #536fde;}
.tooltip .tooltip_por::after { content: ''; display: block; position: absolute; left: 0; top: -30px; width: 0; height: 0; border-left: 15px solid none; border-right: 15px solid transparent; border-top: 15px solid transparent; border-bottom: 15px solid #fff;}
.tooltip .tooltip_por dt { padding: 15px 45px 0 25px; color: #4b63c3; line-height: 1.563rem;}
.tooltip .tooltip_por dd { padding: 15px 25px; font-weight: 400; color: #767676; line-height: 1.563rem;}
.tooltip .tooltip_close { position: absolute; right: 12px; top: 12px; width: 25px; height: 25px; text-indent: -99999px; background-color: #797777; border-radius: 50%; background-position: -570px -21px;}
.tooltip .tooltip_close:hover { background-color: #4b63c3;}

/* level화 */
.level_common { display: flex; flex-wrap: wrap; margin-top: 0.9375rem; justify-content: flex-start; border-top: 1px solid #111;}
.level_common li { width: 25%; padding: 1.056rem 10px; font-size: 0.9444rem; text-align: center; line-height: 1.667rem; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.level_common li:nth-child(4n+4) { border-right: none;}

/* 회원 인증 */
.auth_select { display: flex; margin-top: 30px; border-top: 1px solid #372f2d; border-bottom: 1px solid #d1d1d1;}
.auth_select li { flex-grow: 1; width: 16.66%; text-align: center; border-left: 1px solid #d1d1d1;}
.auth_select li:first-child { border-left: none;}
.auth_select li dl dt { padding: 1.563rem 0; font-size: 1.125rem; color: #363636; border-bottom: 1px solid #d1d1d1;}
.auth_select li dl dd { padding: 0 20px 30px; line-height: 1.563rem;}
.auth_select li dl dd .pg { min-height: 100px; padding-top: 1.563rem;}
.auth_select li dl dd .pg .btn_set { margin-top: 5px;}
.auth_select li dl dd .pg .btn_set img { width: 27px; height: auto;}
.auth_select li dl dd button { display: block; width: 100%; height: 70px; margin: 0 auto; color: #fff; background-color: #4b63c3; border-radius: 0.625rem;}
.auth_select li dl dd button:hover { text-decoration: underline;}

.auth_select li dl .visible +dd .pg { min-height: 174px; padding-top: 35px;}
.auth_select li dl .visible +dd .pg p { margin-top: 15px;}
.auth_select li dl .visible +dd button { color: #363636; border: 1px solid #bebebe; background-color: #fff;}
.auth_select li dl .visible +dd:hover .pg p { color: #4b63c3;}
.auth_select li dl .visible +dd:hover .pg .member_ico  { background-position-y: -491px;}
.auth_select li dl .visible +dd:hover button { color: #4b63c3; text-decoration: underline; border-color: #4b63c3;}
.auth_select.bt2 { border-top: 2px solid #333;}

.auth_select li dl dd .pg .member_ico { width: 55px; height: 53px;}
.auth_select li dl dd .pg .member_1 { background-position: 0 -438px;}
.auth_select li dl dd .pg .member_2 { background-position: -55px -438px;}
.auth_select li dl dd .pg .member_3 { background-position: -110px -438px;}
.auth_select li dl dd .pg .member_4 { background-position: -165px -438px;}
.auth_select li dl dd .pg .member_5 { background-position: -220px -438px;}
.auth_select li dl dd .pg .member_6 { background-position: -275px -438px;}

/* 질문 문항 */
.question { margin-top: 30px; border-top: 1px solid #111;}
.question >li { position: relative; border-bottom: 1px solid #959595;}
.question >li dl dt { position: absolute; left: 20px; top: 20px; color: #363636; line-height: 20px;}
.question >li dl dt strong { display: block;}
.question >li dl dd { padding: 0 0 0 170px; line-height: 25px;}
.question >li dl dd p { padding: 17px 0;}
.question >li dl dd >ul >li { padding: 9px 0; border-top: 1px solid #d1d1d1;}
.question >li dl dd >ul >li >ul { display: flex; padding: 7px 0;}
.question >li dl dd >ul >li >ul li { margin-right: 20px;}
.question >li dl dd >ul >li >ul li label { margin-left: 5px;}
.question >li dl dd >ul >li >ul.half { flex-wrap: wrap; margin-top: -5px;}
.question >li dl dd >ul >li >ul.half li { width: 50%; margin: 5px 0 0 0;}
.question >li dl dd input[type=text] { width: 100%;}

/* 제안 사항 */
.foldset_group { margin-top: 0.9375rem;}
.foldset_lists .bg_white { padding: 1.875rem; border: 1px solid #ccc; border-radius: 0.625rem;}
.foldset_lists .bg_blue { position: relative; padding: 1.875rem; border: 1px solid #ccc; background-color: #eff5ff; border-radius: 0.625rem;}
.foldset_lists .bg_blue ul li { line-height: 1.563rem;}
.foldset_lists .bg_gray { padding: 1.875rem; border: 1px solid #ccc; background-color: #f7f7f7; border-radius: 0.625rem;}
.foldset_group .bg_blue .foldset_label { position: absolute; right: 1.875rem; top: 1.875rem;}
.foldset_group .bg_blue .foldset_label input { margin: -1px 0.75rem 0 1.25rem;}
.foldset_lists h5 { font-size: 1.25rem; color: #363636; line-height: 1.563rem;}
.foldset_lists >li { margin-top: 0.625rem;}
.foldset_lists >li:first-child { margin-top: 0;}
.foldset_lists >li >div >p { margin-top: 0.9375rem; line-height: 1.563rem;}
.foldset_lists >li .blet_list li { position: relative; margin-top: 15px; padding-left: 11px; line-height: 1.563rem;}
.foldset_lists >li .blet_list li::before { content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.foldset_lists >li .blet_list li:first-child { margin-top: 20px;}
.foldset_lists >li .number_list li { position: relative; margin-top: 15px; padding-left: 16px; text-indent: -16px; line-height: 1.563rem;}
.foldset_lists >li .number_list li:first-child { margin-top: 20px;}
.all_agree { padding: 1.875rem; text-align: right;}
.all_agree strong { position: relative; padding-left: 16px; font-size: 1.125rem; color: #363636;}
.all_agree strong::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.all_agree input { margin: -1px 12px 0 20px;}
.explain_group ul li { margin-top: 5px; line-height: 1.563rem;}
.explain_group ul li:first-child { margin-top: 25px;}
.explain_group >p { margin-top: 20px; line-height: 1.563rem;}
.sign { margin-top: 1.875rem; padding-top: 1.875rem; font-size: 1.125rem; text-align: right; line-height: 1.875rem; border-top: 1px solid #ccc;}
.sign em { font-weight: 700;}


/* 게시판 */
.controls { position: relative; padding: 25px 30px; color: #363636; border: 1px solid #ccc; background-color: #eff5ff; border-radius: 0.75rem;}
.controls >div { display: flex; position: relative; min-height: 40px; margin-top:10px; padding-left: 130px; align-items: center;}
.controls >div.only_pc { display: flex !important;}
.controls >div.bdb { margin-bottom: 15px; padding-bottom: 1.563rem; border-bottom: 1px solid #d1d1d1;}
.controls >div:first-child,
.controls >i +div { margin-top: 0;}
.controls .title { position: absolute; left: 0; top: 13px; padding-left: 14px; color: #363636;}
.controls .title::before { content: ''; display: block; position: absolute; left: 0; top: 5px; width: 4px; height: 4px; background-color: #8a8987;}
.controls .box { width: 100%; padding-right: 86px;}
.controls .box >label { margin: 0 18px 0 7px;}
.controls .box .calendar { display: inline-block; position: relative; width: calc(50% - 8.5px);}
.controls .box .calendar input {width: 100%;}
.controls .box select,
.controls .box input[type=search] { float: left;}
.controls .box input[type=search] { width: calc(100% - 147px);}
.controls .box select { width: 140px; margin-right: 6px; padding-left: 10px;}
.controls .box select.w100p { width: 100%;}
.controls .box select.w100p_minus { width: calc(100% - 150px); margin-right: 0;}
.controls .btn { position: absolute; right: 30px; bottom: 25px; width: 80px; height: 40px; color: #fff; background-color: #4b63c3; border-radius: 7px;}
.controls .btn:hover { text-decoration: underline;}
.controls .list_component { display: table; clear: left; overflow: hidden; margin-top: -0.8125rem;}
.controls .list_component li { float: left; width: 115px; margin-top: 0.8125rem; line-height: 0.563rem;}
.controls .list_component li input[type=radio] { margin-right: 5px;}
.controls .list_component.space3 li { width: 33.33%;}
.controls .list_component.mheight li { display:flex; align-items:center; height: 40px;}
.controls label.blet { position: relative; padding-left: 14px;}
.controls label.blet::after { content: ''; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; background-color: #888;}

.controls.flex_add { padding: 12px 30px;}
.controls.flex_add >div { height: inherit; align-items: flex-start;}
.controls.flex_add .box select,
.controls.flex_add .box input[type=search] { float: inherit;}
.controls.flex_add .btn { top: 12px; bottom: inherit;}
.controls.flex_add2 { padding: 12px 111px 16px 20px;}
.controls.flex_add2 >div { padding-left: 0;}
.controls.flex_add2 .box { padding-right: 0;}
.controls.flex_add2 .btn { bottom: 16px;}

.controls.reset_form .btn { position: absolute;right: 30px;bottom: 25px;width: inherit;height: inherit;padding:0;color: inherit;background-color: inherit;border-radius: 0;}
.controls.reset_form .box { display:flex; align-items:center; height:40px; padding-right: 153px;}
.controls.reset_form .btn button { width: 71px; margin-left: 6px;}



/* 게시판 상세 */
.detail-view { padding: 50px 22px; line-height: 1.563rem; border-bottom: 1px solid #d1d1d1;}
.detail-view2 { position: relative; padding: 40px; border-bottom: 1px solid #d1d1d1;}
.detail-view2 img { max-width: 100%;}
.detail-view2 .caption {top: 0; overflow: hidden; overflow-y: scroll; margin-top: 40px; margin-bottom: auto; height: 150px; right: 0; padding: 20px; border: 1px solid #e4ebf1;}
.ermsView {word-break : break-word;}

/* 국취임시스타일 */
.detail-view3 { position: relative; padding: 40px; border-bottom: 1px solid #d1d1d1;}
.detail-view3 img { max-width: 100%;}
.detail-view3 .caption {position: absolute; top: 0; overflow: hidden; overflow-y: scroll; margin-top: 40px; margin-bottom: auto; height: 450px; right: 0; padding: 20px; width: calc(100% - 500px); border: 1px solid #e4ebf1;}

.comment { margin-top: 15px;}
.comment .comment_write { display: flex; padding: 18px 20px; justify-content: space-between; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #363636; background-color: #f5f5f5;}
.comment .comment_write textarea { width: calc(100% - 210px); height: 80px;}
.comment .comment_write button { width: 200px; color: #bb4f1a; border: 1px solid #bb4f1a; background-color: #fff; border-radius: 0.6875rem;}
.comment .comment_write button:hover { text-decoration: underline;}
.comment ul li { padding: 1.25rem 0 0.9375rem; border-bottom: 1px solid #d1d1d1;}
.comment ul li p { padding: 0 20px; line-height: 1.563rem}
.comment ul li textarea { height: 80px; margin-bottom: 6px;}
.comment .comment_btns span { padding-left: 20px; font-size: 0.875rem;}
.comment .comment_btns .box button { height: 26px; margin-left: 2px; padding: 0 6px; font-size: 14px; border: 1px solid #ccc; border-radius: 5px;}
.comment .comment_btns .box button:hover { text-decoration: underline;}
.comment .comment_btns .register { color: #4b63c3;}
.comment .comment_btns .cancle { color: #363636;}

.comment.read { border-top: 1px solid #111;}
.comment.read ul li { clear: both; overflow: hidden;}
.comment.read ul li >p { float: left; width: calc(100% - 120px);}
.comment.read ul li >div { float: right; padding-right: 20px; line-height: 1.563rem;}


/* 페이지 넘버 및 게시판 관련 */
.pagination { margin-top: 40px; text-align: center;}
.pagination a,
.pagination strong { display: inline-block; width: 32px; height: 32px; margin: 0 2px; padding-top: 9px; color: #363636; vertical-align: middle; border-radius: 50%;}
.pagination .active { color: #fff; background-color: #bb4f1a;}
.pagination .first { padding-top: 7px; border: 1px solid #c2c2c2;}
.pagination .prev { padding-top: 7px; margin-right: 20px; border: 1px solid #c2c2c2;}
.pagination .next { padding-top: 7px; margin-left: 20px; border: 1px solid #c2c2c2;}
.pagination .last { padding-top: 7px; border: 1px solid #c2c2c2;}
.pagination .first i { width: 12px; height: 9px; background-position: -140px 0;}
.pagination .prev i { width: 6px; height: 9px; background-position: -165px 0;}
.pagination .next i { width: 6px; height: 9px; background-position: -182px 0;}
.pagination .last i { width: 12px; height: 9px; background-position: -201px 0;}
.pagination .first:hover,
.pagination .prev:hover,
.pagination .next:hover,
.pagination .last:hover { border: 1px solid #bb4f1a;}
.pagination .first:hover i,
.pagination .prev:hover i,
.pagination .next:hover i,
.pagination .last:hover i { background-position-y: -11px;}

.btns { margin-top: 2.5rem; text-align: right;}
.btns button { padding: 20px 5px; line-height: 1;}
.btns button:hover { text-decoration: underline;}
.btns a { padding: 20px 5px;}
.btns a:hover { text-decoration: underline;}
.btns .btn_orange { display: inline-block; min-width: 160px; margin-left: 6px; font-size: 1.125rem; color: #fff; text-align: center; vertical-align: middle; border: 1px solid #4b63c3; background-color: #4b63c3; border-radius: 0.625rem;}
.btns .btn_white { display: inline-block; width: 160px; margin-left: 6px; font-size: 1.125rem; color: #363636; text-align: center; vertical-align: middle;  border: 1px solid #d1d1d1; border-radius: 0.625rem;}
.btns .btn_orange_line { display: inline-block; width: 160px; margin-left: 6px; font-size: 1.125rem; color: #bb4f1a; text-align: center; vertical-align: middle;  border: 1px solid #bb4f1a; border-radius: 0.625rem;}
.btns.bt_line { padding-top: 2.5rem; border-top: 1px solid #ccc;}

/* 블라인드 */
.blind_common{ position: fixed; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); transition: all .3s ease; opacity: 0;}
.blind_common.active { z-index: 110; opacity: 1;}

/* nomal */
.nomal { position: relative; padding: 0.4375rem 1.25rem 0rem;}
.nomal >ul >li { position: relative; margin-top: 0.6875rem; padding-left: 1.063rem; color: #363636; line-height: 1.563rem;}
.nomal >ul >li::after { content: ''; display: block; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background-color: #076fd9; border-radius: 50%;}
.nomal >ul >li ol li { margin-top: 10px; line-height: 25px;}
.nomal >ol > li { margin-top: 11px; padding-left: 16px; color: #363636; text-indent: -16px; line-height: 1.563rem;}
.nomal >ol > li ul li { position: relative; margin-top: 10px; padding-left: 17px; text-indent: 0; line-height: 25px;}
.nomal >ol > li ul li::before { content: ''; display: block; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background-color: #d1d1d1;}
.extra { position: relative; padding: 0.4375rem 0rem 0rem;}
.extra.pb {padding-bottom:0.4375rem}
.extra .foldset_label { position: absolute; right: 18rem; top: 3.3rem;}
.extra .foldset_label input { margin: -1px 0.75rem 0 1.25rem;}
.extra >ul >li { position: relative; margin-top: 0.6875rem; padding-left: 1.063rem; color: #363636; line-height: 1.563rem;}

.loading_common { display: none; position: fixed; left: 0; top: 0; z-index: 501; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5);}

.lds-roller { display: inline-block; position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px;}
.lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px;}
.lds-roller div::after { content: ''; display: block; position: absolute; width: 7px; height: 7px; margin: -4px 0 0 -4px; border-radius: 50%; background: #fff;}
.lds-roller div:nth-child(1) { animation-delay: -0.036s;}
.lds-roller div:nth-child(1)::after { top:63px; left:63px;}
.lds-roller div:nth-child(2) { animation-delay: -0.072s;}
.lds-roller div:nth-child(2)::after { top:68px; left:56px;}
.lds-roller div:nth-child(3) { animation-delay: -0.108s;}
.lds-roller div:nth-child(3)::after { top:71px; left:48px;}
.lds-roller div:nth-child(4) { animation-delay: -0.144s;}
.lds-roller div:nth-child(4)::after { top:72px; left:40px;}
.lds-roller div:nth-child(5) { animation-delay: -0.18s;}
.lds-roller div:nth-child(5)::after { top:71px; left:32px;}
.lds-roller div:nth-child(6) { animation-delay: -0.216s;}
.lds-roller div:nth-child(6)::after { top:68px; left:24px;}
.lds-roller div:nth-child(7) { animation-delay: -0.252s;}
.lds-roller div:nth-child(7)::after { top:63px; left:17px;}
.lds-roller div:nth-child(8) { animation-delay: -0.288s;}
.lds-roller div:nth-child(8)::after { top:56px; left:12px;}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading_common.active { display: block;}


/* 후크 */
.header .bx-wrapper .bx-controls-auto,
.header .bx-wrapper .bx-pager { right:42px; top:20px; z-index: 50; width: inherit; height: 18px;}
.header .bx-wrapper .bx-prev { left: inherit; right: 125px; top:20px; z-index:50; width: 18px; height: 18px; margin-top: 0; background: url(/static/image/btn-controls.png) no-repeat 0 0;}
.header .bx-wrapper .bx-next { right: 23px; top:20px; z-index:50; width: 18px; height: 18px; margin-top: 0; background: url(/static/image/btn-controls.png) no-repeat -54px 0;}
.header .bx-wrapper .bx-controls-auto .bx-start {margin:0; width: 18px; height: 18px; background: url(/static/image/btn-controls.png) no-repeat -36px 0;}
.header .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -36px -18px;}
.header .bx-wrapper .bx-controls-auto .bx-stop {margin:0; width: 18px; height: 18px; background: url(/static/image/btn-controls.png) no-repeat -18px 0;}
.header .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -18px -18px;}
.header .bx-wrapper .bx-controls-auto .bx-controls-auto-item { vertical-align: top;}

.promote .bx-controls { position: relative; z-index: 51; margin-top: -50px; text-align: center; direction: rtl;}
/* 20231214 수정 */
.promote .bx-wrapper .bx-controls-auto { display: inline-block;position: absolute;bottom: -50px; padding: 12px 8px 0 0;width: inherit !important;height: 48px;border-radius: 0 0 10px 0;background: rgba(0,0,0,0.6);vertical-align: middle;direction: ltr;}
.promote .bx-wrapper .bx-controls-auto .bx-start {margin: 0; width: 24px; height: 24px; background: url(/static/image/split.png) no-repeat -141px -110px;}
.promote .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -141px -84px;}
.promote .bx-wrapper .bx-controls-auto .bx-stop { margin:0 8px; width: 24px; height: 24px; vertical-align: middle; background: url(/static/image/split.png) no-repeat -181px -110px;}
.promote .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -181px -84px;}

#wrap .promote .bx-wrapper .bx-pager {display: inline-block;position: absolute;bottom: -50px; right: 72px; padding: 12px 8px 0 16px;width: inherit;height: 48px;border-radius: 10px 0 0 0;background: rgba(0,0,0,0.6);direction: ltr;}
.promote .bx-wrapper .bx-pager.bx-default-pager a { width: 24px; height: 24px; border: 2px solid #ccc; border-radius: 50%; background:transparent}
.promote .bx-wrapper .bx-pager.bx-default-pager a.active {border: none;background-color: #fff;}
/* 20231214 수정 end*/
.promote .bx-wrapper .bx-prev { left: 35px; top: -157px; z-index:50; width: 42px; height: 81px; background: url(/static/image/split.png) no-repeat 0 -60px; opacity: 0.5;}
.promote .bx-wrapper .bx-next { right: 35px; top: -157px; z-index:50;  width: 42px; height: 81px; background: url(/static/image/split.png) no-repeat -74px -60px; opacity: 0.5;}
.promote .bx-wrapper .bx-prev:hover,
.promote .bx-wrapper .bx-next:hover { opacity: 1;}

.bx-wrapper { overflow: hidden; margin-bottom:0; border: none; background:inherit; box-shadow:inherit; -webkit-box-shadow:inherit; -moz-box-shadow:inherit;}
.header_promote .bx-viewport,
.header_promote .bxslider_header { height: 100px;}
.promote .bx-viewport,
.promote .bxslider,
.promote .bxslider >li,
.promote .bxslider_header,
.promote .bxslider_header >li { overflow: inherit; height: 100% !important;}

body .ui-widget,
body .ui-widget input,
body .ui-widget select, .ui-widget textarea,
body .ui-widget button { font-family: "Montserrat", "Noto Sans Kr", "맑은 고딕", "Malgun Gothic", sans-serif;}
body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next { top: 10px;}

/* body .xwup_common .xwup-drag-guide-certselect { height: 113px;}
body .xwup_common .xwup-passwd-field { padding-top: 3px;}
 */

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

/* 공통 */
col.w230 { width: 230px;}
col.w270 { width: 270px;}
#wrap div .wp100 { width: 100% !important;}

#wrap .calendar { display: inline-block; position: relative; width: 160px; margin: 0 4px; vertical-align: middle;}
#wrap .calendar:first-child { margin-left: 0;}
#wrap .calendar:last-child { margin-right: 0;}
#wrap .calendar input { width: 100%; margin: 0;}
#wrap .calendar >button { display: block; position: absolute; right: 0; top: 0; padding: 9px 10px 7px 8px;}
#wrap .calendar >label >button,
#wrap .calendar >label >img,
#wrap .calendar >button >img { display: inline-block; }
#wrap .calendar.small { width: 140px !important;}

#wrap .box_contain { display: inline-block; width: 70px; padding: 5px 0; font-size: 0.875rem; color: #fff; text-align: center;}
#wrap .box_gray { padding: 4px; color: #636363; border: 1px solid #707070;}
#wrap .box_green { padding: 4px 0; color: #4b63c3; border: 1px solid #4b63c3; background-color: #fff;}
#wrap .box_blue { background-color: #004f91;}
#wrap .box_darkblue { background-color: #506de0;}
#wrap .box_end { padding: 4px 6px; color: #707070; border: 1px solid #c4c4c4; background-color: #fff;}
#wrap .box_porgress { padding: 4px 6px; color: #004f91; border: 1px solid #004f91; background-color: #fff;}

.file_search { display: inline-block; position: relative; margin: 10px 0;}
.file_search input[type=file] { overflow: hidden; position: absolute; left: 0; top: 0; z-index: -1; width: 92px; height: 39px; margin: 0; padding: 0; border: 0; opacity: 0;}
.file_search input[type=file]:focus { opacity: 1;}
.file_search label { display: inline-block; padding: 7px 19px 6px; vertical-align: middle;  border: 1px solid #bdbdbd; background-color: #fff; border-radius: 0.625rem; cursor: pointer;}
.file_search label:hover { text-decoration: underline;}
.file_search +.files_download { margin-bottom: 10px;}
.files_download li { margin-top: 5px;}
.files_download li:first-child { margin-top: 0;}
.files_download li input[type=text] { width: calc(100% - 130px);}
.files_download li a { display: inline-block; position: relative; padding: 0 6px 0 28px; color: #004f91; line-height: 25px;}
.files_download li a:hover { text-decoration: underline;}
.files_download li a::before { content: ''; display: block; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url(/static/image/common_ico_download.png) no-repeat; background-size: 20px 20px;}
.files_download li button { display: inline-block; width: 24px; height: 24px; border: 1px solid #d8d8d8; border-radius: 50%;}
.files_download li button .file_delete { display: inline-block; width: 10px; height: 10px; margin-top: -2px; background-position: -239px 0;}
.file_guide { padding: 10px 0;}
.file_guide li { margin-top: 10px; padding-left: 18px; color: #363636; text-indent: -18px; line-height: 25px;}
.file_guide li:first-child { margin-top: 0;}
.files_download li span { display: inline-block; position: relative; padding: 0 6px 0 28px; line-height: 25px;}
.files_download li span::before { content: ''; display: block; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url(/static/image/common_ico_download.png) no-repeat; background-size: 20px 20px;}

.file_box_orange a[download], .file_box_orange a.download { display: block; width: 100%; margin-top: 10px; padding: 15px 0; font-size: 1.125rem; color: #fff; text-align: center; background-color: #bb4f1a; border-radius: 0.625rem;}
.file_box_orange a[download]:hover, .file_box_orange a.download:hover { text-decoration: underline;}
.file_box_orange a .iconset { display: inline-block; position: relative;}
.file_box_orange a .iconset::before { content:''; position: absolute; right: -26px; top: 1px; width:20px; height:20px; background: url(/static/image/common_ico_download2.png) no-repeat; background-size: 20px;}

table .min_height { display: flex; min-height: 40px; align-items: center; line-height: 40px;}
table .min_height >span >label,
table .min_height >label { margin: 0 17px 0 8px; color: #363636;}
#wrap table .min_height >label:last-child { margin-right: 0;}
table .min_height >input[type=text] { width: 70%;}
table .min_height.padding_long >label { margin-right: 45px;}

.agree_check { margin-top: -1px; padding: 20px 0 20px 165px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #959595;}
.agree_check ul li { display: flex; margin-top: 10px; justify-content: space-between; align-items: center;}
.agree_check ul li:first-child { margin-top: 0;}
.agree_check ul li p { line-height: 25px;}
.agree_check ul li label { margin: 0 30px 0 5px;}

#wrap .font_blue { color: #4b63c3;}
#wrap .font_gray { color: #636363;}
#wrap .font_darkblue { color: #004f91;}
#wrap .font_orange { color: #bb4f1a;}
#wrap .font_green { color: #008763;}

/* 테이블 가이드 */
.table_guide { margin-top: 15px;}
.table_guide li { font-size: 14px; color: #506de0; line-height: 20px;}

/* 사업소개 - 개인정보처리방침 */
.default_table { margin-top: 0.9375rem; border-top: 1px solid #363636;}
.default_table th { padding: 1.375rem 0; color: #363636; text-align: center; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8;}
.default_table th.noraml { color: #636363; background-color: #fff;}
.default_table td { padding: 14px 5px; text-align: center; word-break: break-all; line-height: 1.25rem; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #fff;}
.default_table th:first-child,
.default_table td:first-child { border-left: none;}
.default_table td dl dt { font-weight: 700;}
.default_table td dl dd { position: relative; margin-top: 0.625rem; padding-left: 0.75rem; text-align: left; line-height: 1.25rem;}
.default_table td dl dd::after { content: ''; display: block; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background-color: #a9a9a9; border-radius: 50%;}
.default_table td.text_left { padding: 0.875rem 1.5rem;}
.default_table td.empty { padding: 20px 0;}

.default_table.fs14_style { margin-top: 0.625rem;}
.default_table.fs14_style th,
.default_table.fs14_style td { padding: 18px 5px; font-size: 0.875rem;}

/* 사업소개 - 취업지원 프로그램 */
.default_table_employment { margin-top: 0.9375rem; border-top: 1px solid #363636;}
.default_table_employment th { padding: 1.375rem 0; color: #363636; text-align: center; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8;}
.default_table_employment th.noraml { color: #636363; background-color: #fff;}
.default_table_employment td { padding: 14px 5px; text-align: center; word-break: break-all; line-height: 1.25rem; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #fff;}
.default_table_employment th:first-child,
.default_table_employment td dl dt { font-weight: 700;}
.default_table_employment td dl dd { position: relative; margin-top: 0.625rem; padding-left: 0.75rem; text-align: left; line-height: 1.25rem;}
.default_table_employment td dl dd::after { content: ''; display: block; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background-color: #a9a9a9; border-radius: 50%;}
.default_table_employment td.text_left { padding: 0.875rem 1.5rem;}
.default_table_employment td.empty { padding: 20px 0;}

.default_table_employment tbody tr .division_style { border-left: none; }
.default_table_employment thead tr .division_style { border-left: none; }
.default_table_employment.fs14_style { margin-top: 0.625rem;}
.default_table_employment.fs14_style th,
.default_table_employment.fs14_style td { padding: 18px 5px; font-size: 0.875rem;}

/* 기본 가로 테이블 */
.wtable { border-top: 1px solid #111;}
.wtable tr.bg_gray th { background-color: #f9f9f9;}
.wtable th { padding: 15px 0; line-height: 20px; border-bottom: 1px solid #d1d1d1;}
.wtable td { padding: 24px 5px 21px;/*padding: 24px 12px 21px;*/ text-align: center; line-height: 1.25rem; border-bottom: 1px solid #d1d1d1;}
.wtable td >a { display: block; padding-left: 25px; font-size: 1.125rem; color: #363636; text-align: left; line-height: 1.563rem;}
.wtable td a:hover { color: #111; text-decoration: underline;}
.wtable td .link { padding-left: 0; font-size: 0.875rem; text-align: center; border-radius: 0.625rem;}
.wtable td .link.blue { padding: 8px 0; color: #fff; background-color: #4b63c3;}
.wtable td .link.line_gray { padding: 7px 0; border: 1px solid #bdbdbd; background-color: #fff;}
.wtable td.text_left a { padding-left: 0; font-size: 1rem;}
.wtable td.text_left a:hover i { background-position-y: -44px;}
.wtable td.text_left .address { color: #363636;}
.wtable td.text_left .phone_number { margin-top: 6px; color: #707070;}
.wtable td.lable_blue { color: #004f91;}
.wtable td .sub { margin-top: 9px; padding-left: 25px; text-align: left;}
.wtable td .sub .date { display: inline-block; margin: -2px 12px 0 0; color: #707070; vertical-align: middle;}
.wtable td .sub a { display: inline-block; padding-left: 0; vertical-align: middle;}
.wtable td .sub a img { width: 20px; height: 20px;}
.wtable td .a_link { padding: 0; color: #004f91; text-align: center; text-decoration: underline;}
.wtable td .a_link:hover { color: #111;}
.wtable td.empty { padding: 20px;}
.wtable tr:hover td { background-color: #f5f5f5;}
.wtable tr.notice td:first-child .min_height { color: #004f91;}



/* 기본 세로 테이블 */
#wrap .email_form { clear: left; overflow: hidden;}
#wrap .email_form input { float: left; width: calc(34% - 18px) !important;}
#wrap .email_form select { float: left; width: 32% !important;}
#wrap .email_form span { display: block; float: left; width: 25px; padding-top: 7px; text-align: center;}
#wrap .email_form span +input { margin-left: 0;}

#wrap .contact_form { clear: left; overflow: hidden;}
#wrap .contact_form input { float: left; width: 50% !important;}
#wrap .contact_form select { float: left; width: calc(25% - 10px) !important;}
#wrap .contact_form2 { clear: left; overflow: hidden;}
#wrap .contact_form2 input { width: calc(35% - 10px) !important;}
#wrap .contact_form2 select { width: 30% !important;}

#wrap .btnset_form { display: flex; clear: left; overflow: hidden;}
#wrap .btnset_form input[type=text] {flex-grow: 1;}

#wrap .center_form { clear: left; overflow: hidden;}

#wrap .jumin_form { clear: left; overflow: hidden;}
#wrap .jumin_form span { float: left; margin: 7px 0 0 10px;}

#wrap .search_form { clear: left; overflow: hidden;}

#wrap .twins_form { clear: left; overflow: hidden;}
#wrap .twins_form span { float: left; margin-left: 10px; line-height: 40px;}

#wrap .number_form { clear: left; overflow: hidden;}
#wrap .number_form span { float: left; margin-left: 10px; line-height: 40px;}

#wrap .coor_form { display: flex; line-height: 40px;}
#wrap .coor_form label { width: 50px;}

#wrap .time_form { clear: left; overflow: hidden;}
#wrap .time_form input { width: 45%; margin-left: 0;}
#wrap .time_form span { float: left; width: 10%; text-align: center; line-height: 40px;}

#wrap .calendar_form button { float: inherit; margin-left: 0;}

.view_table { border-top: 1px solid #111; border-bottom: 1px solid #959595;}
.view_table th { padding: 20px 0 20px 15px; color: #363636; text-align: left; vertical-align: top; line-height: 20px; border-top: 1px solid #d1d1d1;}
.view_table tr:first-child th,
.view_table tr:first-child td { border-top: none;}
.view_table tr.bg_blue th,
.view_table tr.bg_blue td { color: #363636; background-color: #eff5ff;}
.view_table tr.bg_gray th,
.view_table tr.bg_gray td { background-color: #f3f2f2;}
.view_table tr.bg_orange th,
.view_table tr.bg_orange td { background-color: #faf2ef;}
.view_table td { clear: left; overflow: hidden; padding: 10px 15px 10px 0; line-height: 1.563rem; border-top: 1px solid #d1d1d1;}
.view_table td h4 { color: #363636;}
.view_table td .text_paddding { padding: 8px 0; color: #363636; line-height: 1.563rem;}
.view_table td input[type=text],
.view_table td input[type=tel],
.view_table td input[type=email],
.view_table td select,
.view_table td button.btn_small { float: left; margin-left: 10px; vertical-align: middle;}

.view_table td .white_line { float: left;}
.view_table td >ul >li { margin-top: 3px; line-height: 25px;}
.view_table td >ul >li:first-child { margin-top: 0;}
.view_table td >ul.radio_block >li { margin-top: 12px; padding-left: 24px; text-indent: -24px;}
.view_table td >ul.radio_block >li:first-child { margin-top: 0;}
.view_table td >ul.radio_block >li label { margin-left: 3px;}
.view_table td >ul.set_item li { display:inline-block; clear: left; overflow: hidden; margin-right: 25px; line-height: 40px;}
.view_table td >ul.set_item li * { display: block; float: left;}
.view_table td >ul.set_item li input[type=checkbox] { margin-top: 8px;}
.view_table td >ul.set_item li span,
.view_table td >ul.set_item li label { margin-left: 10px;}


.view_table td .ei_items { position: relative; margin-top: 10px; padding-left: 72px;}
.view_table td .ei_items:first-child { margin-top: 0;}
.view_table td .ei_items .poa { position: absolute; left: 0; top: 0;}
.view_table td label.blet_round { position: relative; padding-left: 9px; line-height: 40px;}
.view_table td label.blet_round::after { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -3px; background-color: #707070; border-radius: 50%;}
.view_table td .ei_items ul.set_item2 li  { clear: left; overflow: hidden; margin-top: 10px; line-height: 40px;}
.view_table td .ei_items ul.set_item2 li:first-child { margin-top: 0;}
.view_table td .ei_items ul.set_item2 li * { display: block; float: left;}
.view_table td .ei_items ul.set_item2 li span { margin: 0 5px;}
.view_table td .ei_items ul.set_item2 li input:first-child { margin-left: 0;}
.view_table td .etc_item { clear: left; overflow: hidden; line-height: 40px;}
.view_table td .etc_item span { float: left; margin-left: 10px;}

.view_table td .space_bar { margin: 0 3px;}
.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 td .newl-item li { padding: 15px 0 10px; border-top: 1px solid #d1d1d1;}
.view_table td .newl-item li:first-child { border-top: none;}
.view_table td .newl-item li .newl-title { font-weight: 500;}
.view_table td .newl-item li .newl-sub { margin-top: 10px;}

.view_table td button:first-child { margin-left: 0;}
.view_table tbody .bdb_line_black { border-bottom: 1px solid #363636;}

.view_table .sns_icon { width: 30px; height: 30px; margin: -3px 5px 0 0px; vertical-align: middle;}
.view_table.bdt2 { border-top: 2px solid #111;}
.view_table.bdt1_gray { border-top: 1px solid #d1d1d1;}

.agree_terms >li { margin-top: 10px;}
.agree_terms >li:first-child { margin-top: 0;}
.agree_terms >li >p { color: #363636;}
.agree_terms >li ul { padding-left: 10px;}
.agree_terms >li ul li { padding-left: 10px; text-indent: -10px;}

.view_table_list  { margin-top: 10px; border-top: 1px solid #111; background-color: #f8f8f8;}
.view_table_list >li { border-bottom: 1px solid #d1d1d1; background-color: #fff;}
.view_table_list >li.empty { padding: 20px; text-align: center; line-height: 20px; border-bottom: 1px solid #d1d1d1; background-color: #f5f5f5;}
.view_table_list >li ul { display: flex; justify-content: space-between; align-items: center;}
.view_table_list >li ul li { position: relative; padding: 10px; text-align: center; }
.view_table_list >li ul li >label { display: none;}
.view_table_list >li ul li .ctl_body { display: flex; min-height: 40px; justify-content: center; align-items: center; line-height: 20px;}
#wrap .view_table_list >li ul li .ctl_body .calendar { width: calc(50% - 8px);}
.view_table_list >li ul.comm_blet_default { flex-wrap: wrap;}
.view_table_list >li ul.comm_blet_default li { width: 100%; text-align: left;}
.view_table_list >li ul.comm_blet_default li ul { flex-wrap: wrap;}
.view_table_list >li ul.comm_blet_default li ul li { padding: 3px 0;}

.view_table_list >li.heders { background-color: #f8f8f8;}
.view_table_list >li.heders ul li { padding: 22px 10px;}
.view_table_list >li.heders ul li >label { display: block; line-height: 20px;}

.view_table_list.li_space1 >li ul li:nth-child(1) { width: 20%;}
.view_table_list.li_space1 >li ul li:nth-child(2) { width: 20%;}
.view_table_list.li_space1 >li ul li:nth-child(3) { width: 30%;}
.view_table_list.li_space1 >li ul li:nth-child(4) { width: calc(30% - 90px);}
.view_table_list.li_space1 >li ul li:nth-child(5) { width: 90px;}

.view_table_list.li_space2 >li ul li:nth-child(1) { width: 12%;}
.view_table_list.li_space2 >li ul li:nth-child(2) { width: 20%;}
.view_table_list.li_space2 >li ul li:nth-child(3) { width: calc(38% - 90px);}
.view_table_list.li_space2 >li ul li:nth-child(4) { width: 15%;}
.view_table_list.li_space2 >li ul li:nth-child(5) { width: 15%;}
.view_table_list.li_space2 >li ul li:nth-child(6) { width: 90px;}

.view_table_list.li_space3 >li ul li:nth-child(1) { width: 15%;}
.view_table_list.li_space3 >li ul li:nth-child(2) { width: 15%;}
.view_table_list.li_space3 >li ul li:nth-child(3) { width: calc(34% - 90px);}
.view_table_list.li_space3 >li ul li:nth-child(4) { width: 36%;}
.view_table_list.li_space3 >li ul li:nth-child(5) { width: 90px;}

.view_table_list.li_space3_1 >li ul li:nth-child(1) { width: 30%;}
.view_table_list.li_space3_1 >li ul li:nth-child(2) { width: 40%;}
.view_table_list.li_space3_1 >li ul li:nth-child(3) { width: calc(30% - 90px);}
.view_table_list.li_space3_1 >li ul li:nth-child(4) { width: 90px;}

.view_table_list.li_space3_2 >li ul li:nth-child(1) { width: 10%;}
.view_table_list.li_space3_2 >li ul li:nth-child(2) { width: 30%;}
.view_table_list.li_space3_2 >li ul li:nth-child(3) { width: calc(60% - 200px);}
.view_table_list.li_space3_2 >li ul li:nth-child(4) { width: 200px;}


.view_table_list.li_space4 >li ul li:nth-child(1) { width: 19%;}
.view_table_list.li_space4 >li ul li:nth-child(2) { width: 22%;}
.view_table_list.li_space4 >li ul li:nth-child(3) { width: calc(46% - 90px);}
.view_table_list.li_space4 >li ul li:nth-child(4) { width: 13%;}
.view_table_list.li_space4 >li ul li:nth-child(5) { width: 90px;}

.view_table_list.li_space5 >li ul li:nth-child(1) { width: 15%;}
.view_table_list.li_space5 >li ul li:nth-child(2) { width: 15%;}
.view_table_list.li_space5 >li ul li:nth-child(3) { width: calc(45% - 90px);}
.view_table_list.li_space5 >li ul li:nth-child(4) { width: 25%;}
.view_table_list.li_space5 >li ul li:nth-child(5) { width: 90px;}

.view_table_list.li_space6 >li ul li:nth-child(1) { width: 15%;}
.view_table_list.li_space6 >li ul li:nth-child(2) { width: 20%;}
.view_table_list.li_space6 >li ul li:nth-child(3) { width: calc(55% - 130px);}
.view_table_list.li_space6 >li ul li:nth-child(4) { width: 10%;}
.view_table_list.li_space6 >li ul li:nth-child(5) { width: 130px;}

.view_table_list.li_space7 >li ul li:nth-child(1) { width: 25%;}
.view_table_list.li_space7 >li ul li:nth-child(2) { width: calc(55% - 140px);}
.view_table_list.li_space7 >li ul li:nth-child(3) { width: 20%;}
.view_table_list.li_space7 >li ul li:nth-child(4) { width: 140px;}

.view_table_list.li_space8 >li ul li:nth-child(1) { width: 70px;}
.view_table_list.li_space8 >li ul li:nth-child(2) { width: 30%;}
.view_table_list.li_space8 >li ul li:nth-child(3) { width: calc(35% - 70px);}
.view_table_list.li_space8 >li ul li:nth-child(4) { width: 15%;}
.view_table_list.li_space8 >li ul li:nth-child(5) { width: 20%;}

.view_table_list.li_space9 >li ul li:nth-child(1) { width: 15%;}
.view_table_list.li_space9 >li ul li:nth-child(2) { width: 35%;}
.view_table_list.li_space9 >li ul li:nth-child(3) { width: calc(40% - 130px);}
.view_table_list.li_space9 >li ul li:nth-child(4) { width: 10%;}
.view_table_list.li_space9 >li ul li:nth-child(5) { width: 130px;}

.view_table_list.li_space10 >li ul li:nth-child(1) { width: 20%;}
.view_table_list.li_space10 >li ul li:nth-child(2) { width: 20%;}
.view_table_list.li_space10 >li ul li:nth-child(3) { width: calc(60% - 100px);}
.view_table_list.li_space10 >li ul li:nth-child(4) { width: 100px;}


.view_table_list.li_space11 >li ul li:nth-child(1) { width: 15%;}
.view_table_list.li_space11 >li ul li:nth-child(2) { width: 25%;}
.view_table_list.li_space11 >li ul li:nth-child(3) { width: calc(50% - 130px);}
.view_table_list.li_space11 >li ul li:nth-child(3)>.ctl_body { overflow:hidden;}
.view_table_list.li_space11 >li ul li:nth-child(4) { width: 10%;}
.view_table_list.li_space11 >li ul li:nth-child(5) { width: 130px;}

.view_table_list.li_space12 >li ul li:nth-child(1) { width: 12%;}
.view_table_list.li_space12 >li ul li:nth-child(2) { width: 14%;}
.view_table_list.li_space12 >li ul li:nth-child(3) { width: 10%;}
.view_table_list.li_space12 >li ul li:nth-child(4) { width: 18%;}
.view_table_list.li_space12 >li ul li:nth-child(5) { width: 20%;}
.view_table_list.li_space12 >li ul li:nth-child(6) { width: 20%;}
.view_table_list.li_space12 >li ul li:nth-child(7) { width: 20%;}

.view_table_list.li_space13 >li ul li:nth-child(1) { width: 15%;}
.view_table_list.li_space13 >li ul li:nth-child(2) { width: 20%;}
.view_table_list.li_space13 >li ul li:nth-child(3) { width: calc(55% - 130px);}
.view_table_list.li_space13 >li ul li:nth-child(4) { width: 12%;}
.view_table_list.li_space13 >li ul li:nth-child(5) { width: 100px;}
.view_table_list.li_space13 >li ul li:nth-child(6) { width: 100px;}

.view_table_list.bdt_none { border-top: none;}
.view_table_list.bdt1_gray { border-top: 1px solid #d1d1d1;}

/* 기본 가로세로 테이블 */
.wh_table { border-top: 1px solid #363636;}
.wh_table thead th { padding: 23px 15px; line-height: 20px; border-bottom: 1px solid #d1d1d1; background-color: #f9f9f9;}
.wh_table tbody th { color: #363636; line-height: 25px; border-bottom: 1px solid #d1d1d1;}
.wh_table tbody th.text_left { padding-left: 30px;}
.wh_table tbody td { padding: 9px 10px; text-align: center; word-break: break-all; line-height: 25px; border-bottom: 1px solid #d1d1d1;}
.wh_table tbody td.padding_right { padding-left: 50px; text-align: left;}
.wh_table tbody td .space { display: flex; align-items: center;}
.wh_table tbody td .space .title { width: 150px; margin-right: 20px;}
.wh_table tbody td .hidden_lists { margin: 9px 0 -10px;}
.wh_table tbody td .hidden_lists >li { display: flex; padding: 9px 0; align-items: center; border-top: 1px solid #d1d1d1;}
.wh_table tbody td .hidden_lists >li >label { display: block; width: 25%; margin-right: 20px; text-align: left;}
.wh_table tbody td .hidden_lists >li .space_stpe_1 { width: 35%;}
.wh_table tbody td .hidden_lists >li .space_stpe_1 input { width: 180px; margin-right: 7px;}
.wh_table tbody td .hidden_lists >li .space_stpe_2 { width: 40%; text-align: right;}
.wh_table tbody td .hidden_lists >li ul { width:calc(100% - 150px); margin: -9px 0 0;}
.wh_table tbody td .hidden_lists >li ul li { margin-top: 9px; padding: 9px 20px 0; text-align: left; border-top: 1px solid #d1d1d1;}
.wh_table tbody td .hidden_lists >li ul li:first-child { margin-top: 0; border-top: none;}
.wh_table tbody td .hidden_lists >li ul li select { vertical-align: middle;}
.wh_table tbody td .hidden_lists >li ul li input { width: 125px; margin: 0 2px 0 1px; vertical-align: middle;}
.wh_table tbody td .space.style .title { width: 150px; margin-right: 0;}
.wh_table tbody td .space.style +.hidden_lists >li >label { width: 150px; margin-right: 0;}
.wh_table tbody td .link { text-decoration: underline;}
.wh_table tbody td .link:hover { color: #506de0;}
.wh_table tbody .bdb_line_black { border-bottom: 1px solid #363636;}
.wh_table td.empty { padding: 20px;}

.wh_table.align_left th,
.wh_table.align_left td { text-align: left;}
.wh_table.align_left tbody th { padding: 0 0 0 30px;}
.wh_table.td_spce tbody td  { padding: 15px 10px;}
.wh_table.td_shot thead th  { padding: 23px 5px;}
.wh_table.td_shot tbody td  { padding: 10px 5px;}
.wh_table.bt_none { border-top:none;}
.wh_table.no_block td { display: table-cell; padding: 9px 0;}

/* 가로세로 라인 테이블 */
.thline_table { border-top: 1px solid #111;}
.thline_table th { padding: 12px 0; line-height: 20px; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #f9f9f9;}
.thline_table th.bg_blue { background-color: #ebefff;}
.thline_table th.bg_yellow { background-color: #fffae9;}
.thline_table thead tr:first-child th:first-child { border-left: none;}
.thline_table td { padding: 20px 0; text-align: center; border-bottom: 1px solid #d1d1d1;}
.thline_table td .color_btn { text-decoration: underline;}
.thline_table td .link { text-decoration: underline;}
.thline_table td .link:hover { color: #506de0;}
#wrap .thline_table td.empty { padding: 30px;}

.thline_table.noline th { border-left: none;}
.thline_table.noline th.text_left,
.thline_table.noline td.text_left { padding-left: 5px;}
.thline_table.noline td.bg_gray { background-color: #f3f3f3;}
.thline_table.noline td.bg_orange { background-color: #faebe4;}
.thline_table.space td { padding: 10px 5px;}

/* 국민취업지원제도 이야기 */
.story_table { margin-top: 10px; border-top: 1px solid #111;}
.story_table th { padding: 20px 0; color: #363636; border-bottom: 1px solid #d1d1d1;}
.story_table td { padding: 20px 0; text-align: center; word-break: break-all; line-height: 1.25rem; border-bottom: 1px solid #d1d1d1;}
.story_table td figure { overflow: hidden; width: 200px; height: 140px; margin: 0 auto; border: 1px solid #ccc; background:#ebebeb url(/static/image/progrma_empty_bg.png) no-repeat center center; border-radius: 20px;}
.story_table td figure img { width: 100%; height: 100%; transition: all .3s ease; }
.story_table td figure:hover img { transform: scale(1.2);}
.story_table td a { display: block; padding-left: 30px; text-align: left;}
.story_table td a dt { font-size: 1.125rem; font-weight: 600; color: #363636;}
.story_table td a dd { overflow: hidden; height: 53px; margin-top: 15px; line-height: 1.563rem;}
.story_table td a:hover dt { text-decoration: underline;}
.story_table td .story-keyword .purple { display: block; position: relative; margin: 23px 0 0;}
.story_table td .story-keyword .purple::before { content: ''; display: block; position: absolute; left: 50%; top:-23px; width: 24px; height: 16px; margin-left: -12px; background: url(/static/image/progrma_ico_movie.png) no-repeat;}
.story_table td .story-keyword .green { display: block; position: relative; margin: 20px 0 0;}
.story_table td .story-keyword .green::before { content: ''; display: block; position: absolute; left: 50%; top:-20px; width: 22px; height: 14px; margin-left: -11px; background: url(/static/image/progrma_ico_news.png) no-repeat;}


/* 헤더고정 테이블 */
.fixed-table-container {position: relative; margin-top: 10px; padding-top: 60px; border-top: 1px solid #111;}
.fixed-table-header-bg { border-bottom:1px solid #d1d1d1; text-align:center; font-weight:bold; height: 60px; position: absolute; top: 0; right: 0; left: 0;}
.fixed-table-wrapper { overflow-x: hidden; overflow-y: auto; height: 100%;}
table.fixed-table { width: 100%; border-collapse: collapse;}
table.fixed-table td { border-bottom: 1px solid #d1d1d1; padding: 10px; text-align:center; color:#636363; line-height: 25px;}
table.fixed-table td a.link { text-decoration: underline;}
table.fixed-table td a.link:hover { color: #506de0;}
table.fixed-table th { padding: 0px;}
table.fixed-table .th-text { display: flex; position: absolute; top: 0; width: inherit; height: 60px; align-items: center; justify-content: center;}
table.fixed-table th:first-child .th-text { border-left: none;}




/* Split
**********************************************/

.split { display: inline-block; vertical-align: middle; background: url(/static/image/split.png) no-repeat;}

/* 공통 */
.split.menu_line { width: 1px; height: 8px; background-position: -15px 0;}






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

.layer { display: flex; position: fixed; left:0; top: 0; z-index: -1; overflow-x:hidden; overflow-y:scroll; width: 100%; height:100%; padding:20px; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, .5); opacity: 0; transition: all .3s ease;}
.layer .layer_body { position:relative; z-index:601; width: 880px; background-color:#fff;}
#wrap .layer.scroll_up { align-items: flex-start;}
.layer .layer_body.w500 { width: 500px;}
.layer .layer_body.w800 { width: 800px;}
.layer .layer_body.w900 { width: 900px;}
.layer .layer_body.w950 { width: 950px;}
.layer .layer_body.w976 { width: 976px;}
.layer .layer_body.w1100 { width: 1100px;}

.layer .pop_close { position: absolute; right: 25px; top: 20px;}
.layer .pop_close:hover i { background-position-x: -490px;}
.split.pop_close_ico { width: 31px; height: 31px; background-position: -452px -20px;}

.layer .hgroup { padding: 1.25rem 1.25rem; color: #fff; text-align: center; background-color: #4b63c3;}
.layer .hgroup h3 { font-size: 1.5rem; line-height: 1.875rem;}
.layer .hgroup h4 { margin-top: 0.9375rem; font-size: 1rem; font-weight: 400;}
.layer h4.big { font-size: 1.75rem; color: #111; text-align: center;}
.layer .layer_contents { padding: 1.875rem;}

.layer .scroll_body { padding-right: 40px;}
.layer .y_scroll { overflow-x: hidden; overflow-y: auto;}
.layer .scroll_line { border-top: 1px solid #111; border-bottom: 1px solid #d1d1d1;}
.layer .scroll_body .y_scroll { margin-right: -40px;}
.layer .scroll_body .simulation { margin-top: 0; padding-right: 25px; border-top: none;}
.layer .scroll_body .simulation .sbody { padding: 20px; background-color: #f5f5f5;}
.layer .scroll_body .simulation .sbody th { text-align: center; background-color: #fff;}
.layer .scroll_body .simulation .sbody td { background-color: #fff;}

.layer .xy_scroll { overflow-y: auto; max-height: 536px;}
.layer .overflow_y { overflow-x: hidden; overflow-y: auto; max-height: 389px;}

.layer .expan >dt { font-size: 1rem;}
.layer.open { display: flex; z-index: 600; opacity: 1; align-items: center; justify-content: center;}

.layer .tablist { display: flex; margin-top: 3.125rem;}
.layer .tablist .tab { flex-grow: 1; display: block; width: 100%; height: 50px; text-align: center; line-height: 50px; border: 1px solid #ccc; border-left: none;}
.layer .tablist .tab:hover { color: #bb4f1a;}
.layer .tablist .tab:first-child { border-left: 1px solid #ccc;}
.layer .tablist .tab:nth-of-type(1n+2) { border-left: none;}
.layer .tablist .tab.active { color: #fff; border: 1px solid #bb4f1a; background-color: #bb4f1a;}


.layer .btn_group { margin-top: 20px; text-align: center;}
.layer .btn_group button { margin: 0 2px;}
.layer .target { margin-top: 30px;}

.layer .h_title { padding: 1.688rem 0.9375rem; text-align: center; line-height: 1.875rem; border-top: 1px solid #363636; border-bottom: 1px solid #d1d1d1;}
.layer .h_title h4 { font-size: 1.25rem;}
.layer .h_title p { margin-top: 0.625rem; font-size: 1.125rem;}
.layer .h_sub_title { margin-top: 1.875rem;}
.layer .h_sub_title dt { font-size: 1.125rem; font-weight: 400;}
.layer .h_sub_title dd { position: relative; margin-top: 1.25rem; padding-left: 0.9375rem; line-height: 25px;}
.layer .h_sub_title dd::after { content: ''; position: absolute; left: 2px; top: 8px; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.layer .h_sub_title dt +dd { margin-top: 10px;}

/* 사업소개 */
.layer .round_lists li { margin-top: 25px; padding-left: 1.5rem;  line-height: 1.25rem;}
.layer .round_lists li:first-child { margin-top: 0;}
.layer .round_lists li dl dt { position: relative; font-weight: 600; color: #363636;}
.layer .round_lists li dl dt::after { content: ''; position: absolute; left: -1.25rem; top: 6px; width: 8px; height: 8px; background-color: #bb4f1a;}
.layer .round_lists li dl dd { line-height: 1.563rem;}
.split.new_window { width: 16px; height: 16px; margin: -4px 0 0 18px; background-position: -424px -20px;}

/* 취업지원관리 */
.layer .wide_list ul li { display: flex; padding: 20px 0; justify-content: center; border-bottom: 1px solid #d1d1d1;}
.layer .wide_list ul li:last-child { border-bottom: none;}
.layer .wide_list ul li .cl { width: 40px; padding-top: 5px; text-align: center;}
.layer .wide_list ul li .cc { width: calc(60% - 30px); padding-left: 10px;}
.layer .wide_list ul li .cc .title { font-weight: 400; line-height: 25px;}
.layer .wide_list ul li .cc .sub_title { margin-top: 5px; line-height: 25px;}
.layer .wide_list ul li .cr { width: 40%; padding-top: 5px;}
.layer .wide_list ul li .cr .box { display: inline-block; margin-right: 5px; padding: 5px; border: 1px solid #ccc;}

.layer .blet_lists { margin-top: 30px; padding: 25px 30px; border-top: 1px solid #363636; border-bottom: 1px solid #d1d1d1;}
.layer .blet_lists ul li { position: relative; margin-top: 15px; padding-left: 17px; line-height: 25px;}
.layer .blet_lists ul li::after { content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.layer .blet_lists ul li:first-child { margin-top: 0;}
.layer .type_table { border-top: 1px solid #363636; border-bottom: 1px solid #d1d1d1;}
.layer .type_table th { line-height: 30px;}
.layer .type_table th span { font-weight: 400;}
.layer .type_table td { padding: 25px 12px; line-height: 25px; border-top: 1px solid #d1d1d1;}
.layer .type_table th +td { border-top: none;}
.layer .type_table td ol { margin-top: 10px;}
.layer .type_table td ol li { margin-top: 5px;}
.layer .type_table td ol li:first-child { margin-top: 0;}
.layer .type_table td p.text_indent { padding-left: 20px; text-indent: -20px;}
.layer .type_table .bdt { border-top: 1px solid #363636;}
.layer .file_set { position: relative; padding: 10px 10px 10px 180px;border-bottom: 1px solid #d1d1d1;}
.layer .file_set dt { position: absolute; left: 15px; top: 50%; margin-top: -25px; font-weight: 700; line-height: 25px;}
.layer .file_set dd p { padding: 10px 0 0 21px; line-height: 25px; text-indent: -21px}

.layer ul.simulation { margin-top: 25px; border-top: 1px solid #111;}
.layer ul.simulation >li { border-bottom: 1px solid #d1d1d1;}
.layer ul.simulation >li .s_head { display: flex; padding: 1.25rem 0 1.25rem 3px; align-items: flex-start;}
.layer ul.simulation >li .s_head .rs { width: 50px; padding-top: 7px; text-align: center;}
.layer ul.simulation >li .s_head .ts { width: calc(100% - 90px);}
.layer ul.simulation >li .s_head h5 { font-size: 1.125rem; line-height: 1.875rem;}
.layer ul.simulation >li .s_head p { margin-top: 5px; line-height: 25px;}
.layer ul.simulation >li .s_head >button { width: 40px; padding: 5px 10px;}
.layer ul.simulation >li .s_head >button.active i { background-position-y: -53px;}
.layer ul.simulation >li .s_head >button .ico_simulation { width: 12px; height: 7px; background-position: -820px -20px;}
.layer ul.simulation >li .sbody { display: none; padding: 20px 55px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #bdbdbd;}
.layer ul.simulation >li.empty { padding: 30px; text-align: center;}
.layer .y_scroll ul.simulation { margin-top: 0; border-top:none;}
.layer .agency_table th { padding: 11px 25px; line-height: 25px; border: 1px solid #ccc; background-color: #f5f5f5;}
.layer .agency_table td { padding: 11px 25px; line-height: 25px; border: 1px solid #ccc;}
.layer .agency_table td >ol >li { margin-top: 10px; padding-left: 22px; text-indent: -22px;}
.layer .agency_table td >ol >li ol { padding-left: 22px;}
.layer .resident_number { margin-top: 50px;}
.layer .resident_number ul li { margin-top: 7px; line-height: 25px;}
.layer .resident_number ul li:first-child { margin-top: 20px;}
.layer .desc { display: flex; margin-top: 25px; justify-content: space-between;}
.layer .desc ol { width: 605px;}
.layer .desc ol li { margin-top: 25px; padding-left: 21px; text-indent: -21px; line-height: 25px;}
.layer .desc ol li:first-child { margin-top: 15px;}

/* 일경험 */
.round_check { position: relative; margin-top: 20px; padding-left: 110px;}
.round_check strong { position: absolute; left: 0; top: 11px;}
.round_check .rc_group span { display: inline-flex; align-items:center; height:35px; padding-left: 15px; font-size: 14px; color: #fff; background-color: #bb4f1a; border-radius: 17px;}
.round_check .rc_group span .rc_d { padding: 3px 15px 8px 5px; color: #fff;}
.round_check .rc_group span .rc_d:hover { text-decoration: underline;}

/* 고객센터 */
.layer .password_box { display: flex; padding: 0.5625rem 1.25rem; align-items: center; border-top: 1px solid #111; border-bottom: 1px solid #d1d1d1;}
.layer .password_box input { flex: 1; margin-left: auto; margin-left: 20px;}

/* 비밀번호 변경 */
.layer .password_center { padding-top: 20px; text-align: center;}
.layer .password_center >p { margin-top: 2.125rem; font-size: 1.25rem;}
.layer .password_center .jouin_box { margin-top: 2.813rem; padding: 1.889rem 0; border-top: 2px solid #363636; border-bottom: 1px solid #d1d1d1;}
.layer .password_center .jouin_box p { margin-top: 1.25rem;}
.layer .password_center .jouin_box p:first-child { margin-top: 0;}
.layer .close_check { margin: 30px -30px -30px; padding: 10px 30px; text-align: right; background-color: #f3f1f2;}
.layer .close_check label { margin: 0 10px 0 8px; font-size: 14px;}

/* 마이페이지 - 취업유형진단 이력 */
.layer .survey >ol >li {padding-bottom: 50px; border-bottom: 1px solid #111;}
.layer .survey >ol >li:nth-child(1) .round i { width: 40px; height: 39px; background-position: -680px -20px;}
.layer .survey >ol >li:nth-child(1) p.title  { padding-top: 0;}
.layer .survey >ol >li .round i { width: 40px; height: 39px; background-position: -730px -20px;}
.layer .survey h4.title { font-size: 1.5rem; text-align: center;}
.layer .survey p.title { padding: 30px 0; font-size: 1.25rem; font-weight: 400; text-align: center; border-bottom: 1px solid #ccc;}
.layer .survey p.title strong { color: #004f91;}
.layer .survey p.title .round { display: inline-block; width: 60px; height: 60px; margin-right: 10px; padding-top: 12px; vertical-align: middle; background-color: #4b63c3; border-radius: 50%;}
.layer .survey >ol >li .simulation .expan >dt { font-size: 1.25rem;}

/* 마이페이지 - 일경험 관리 */
.layer .ncsbox { border-top: 2px solid #000; border-bottom: 1px solid #e5e5e5;}
.layer .ncs_item { display: flex;}
.layer .ncs_item >li { flex-grow: 1; flex-basis: 25%; border-left: 1px solid #e5e5e5;}
.layer .ncs_item >li:first-child { border-left: none;}
.layer .ncs_item >li h4 { padding: 26px 0; font-size: 16px; text-align: center; border-bottom: 1px solid #e5e5e5; background-color: #f5f5f5;}
.layer .ncs_item >li ul { overflow-x: hidden; overflow-y: scroll; height: 180px;}
.layer .ncs_item >li ul li { padding: 14px 10px 12px; border-bottom:1px solid #eee; cursor: pointer;}
.layer .ncs_item >li ul li label { margin-left: 5px;}
.layer .ncsbox .empty { padding: 23px 0; text-align: center; background-color: #fafafa;}

.layer .resultbox { padding: 25px 0 0 27px; border: 1px solid #e5e5e5; border-top: 2px solid #000; }
.layer .resultbox .result_item { overflow-x: hidden; overflow-y: scroll; height: 160px; padding: 17px 27px 0 0;}
.layer .resultbox .result_item li { margin-top: 17px;}
.layer .resultbox .result_item li:first-child { margin-top: 0;}

.layer .maparea { display: flex; margin-top: 19px; justify-content: space-between;}
.layer .maparea .ma_list { width: 42%;}
.layer .maparea .ma_map { width: 56%; height: 400px; border: 1px solid #d1d1d1;}
.layer .maparea .marea_item { overflow-x: hidden; overflow-y: auto; max-height: 219px; margin-top: 10px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.layer .maparea .marea_item li { display: flex; padding: 15px 0 13px; align-items: center; justify-content: space-evenly; border-top: 1px solid #d1d1d1;}
.layer .maparea .marea_item li:first-child { border-top: none;}
.layer .maparea .marea_item li label { width: 80%;}
.layer .maparea .marea_item li label strong { display: block; margin-bottom: 5px;}
.layer .maparea .marea_item li label p { font-size: 15px; line-height: 18px;}

.layer .layer_body .layer_contents .blue_box { margin-top: 10px; padding: 28px 30px; background-color: #eff5ff; /*border: 1px solid #0278be;*/ border-radius: 0.625rem;}
.layer .layer_body .layer_contents .blue_box ul li { margin-top: 0.625rem;}
.layer .layer_body .layer_contents .blue_box ul li:first-child { margin-top: 0;}
.layer .layer_body .layer_contents .blue_box ul li a { display: inline-block; position: relative; padding-left: 1rem; color: #004f91; line-height: 1.563rem;}
.layer .layer_body .layer_contents .blue_box ul li a:hover { text-decoration: underline;}
.layer .layer_body .layer_contents .blue_box ul li a::before { content: ''; display: block; position: absolute; left: 0; top: 9px; z-index: 1; width: 5px; height: 5px; background-color: #004f91; border-radius: 50%;}
_:-ms-input-placeholder, :root .layer .layer_body .layer_contents .blue_box ul li a::before {top: 10px;}
.layer .layer_body .layer_contents .blue_box ul li a::after { content: ''; display: block; position: absolute; right: -30px; top: 0; z-index: 1; width: 20px; height: 20px; margin-top: 1px; background: url(/static/image/common_ico_download.png) no-repeat; background-size: 20px 20px;}


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

/* 메인 공통 */
.main h3 { font-size: 32px; font-weight: 700; color: #111;}
.main .sub_title { margin-top: 11px; font-size: 1.125rem; color: #767676; text-align: center; line-height: 26px;}

.main .sub_more { display: inline-block; font-weight: 400; color: #111;}
.main .sub_more span { display: inline-block; margin-right: 7px; vertical-align: middle;}
.main .sub_more:hover span  { text-decoration: underline;}

.main .p_link { display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; border: 1px solid #d4d9e2; border-radius: 50%;}
.main .p_link i.participation_arrow { width: 10px; height: 10px; background-position: -960px -20px;}
.main .p_link:hover i { background-position-y: -50px;}

.split.s_close { width: 9px; height: 9px; margin-top: -3px; background-position: 0 0;}
.split.prospectus_ico { width: 74px; height: 57px;}
.split.prospectus_1 { background-position: 0 -200px;}
.split.prospectus_2 { background-position: -74px -200px;}
.split.prospectus_3 { background-position: -148px -200px;}
.split.prospectus_4 { background-position: -222px -200px;}
.split.prospectus_5 { background-position: -296px -200px;}
.split.prospectus_6 { background-position: -370px -200px;}
.split.prospectus_7 { background-position: -444px -200px;}
.split.prospectus_8 { background-position: -518px -200px;}
.split.prospectus_9 { background-position: -592px -200px;}
.split.application_ico { width: 34px; height: 34px; background-position: -224px -20px;}


/* 섹션별 */
.main .login_group .promote { overflow: hidden; position: relative; width: 100%; height: 350px;}
.main .login_group .promote .bx-wrapper { height: 100%;}
.main .login_group .promote_a { padding: 75px 0 0 170px; background: url(/static/image/main_promote_a_bg.png) no-repeat right bottom;}
.main .login_group .size_set { width: 310px; text-align: center;}
.main .login_group .promote_a_title { font-size: 40px; font-weight: 200; color: #111; text-align: center; text-align: justify; line-height: 48px;}
.main .login_group .promote_a_title b { font-weight: 700 !important;}
.main .login_group .promote_a_sub { margin-top: 5px; font-size: 20px; font-weight: 200; color: #111; letter-spacing: -1px; line-height: 28px;}
.main .login_group .promote_a_btn { display: inline-block; margin-top: 13px; padding: 11px 20px; color: #111; border: 1px solid #111; border-radius: 5px;}
.main .login_group .promote_a_btn:hover { text-decoration: underline;}
.main .login_group .promote_b { padding: 75px 0 0 700px; background: url(/static/image/main_promote_b_bg.png) no-repeat right bottom;}
.main .promote .bxslider { overflow: hidden; border-radius: 15px;}


.main .my_group { display: flex; margin-top: 10px; border: 1px solid #4b63c3; border-radius: 15px;}
.main .my_group .participation { position: relative; width: 50%; padding: 50px 45px 45px; background-color: #f2f7fc; border-radius: 15px 0 0 15px;}
.main .my_group .participation_step { display: flex; margin: 18px -9px 0; align-content: stretch; justify-content: space-between;}
.main .my_group .participation_step li { width: calc(20%); text-align: center;}
.main .my_group .participation_step li .participation_ico { display: flex; width: 50px; height: 50px; margin: 0 auto; font-size: 14px; font-weight: 500; justify-content: center; align-items: center; background-color: #fff; border-radius: 50%;}
.main .my_group .participation_step li p { margin-top: 14px; font-size: 15px; line-height: 17px;}
.main .my_group .participation_step li.active .participation_ico { color: #fff; background-color: #4b63c3;}
.main .my_group .participation_step li.active p { color: #111; font-weight: 400;}
.main .my_group .participation_overview { clear: left; overflow: hidden; margin-top: 7px;}
.main .my_group .participation_overview dt { float: left; position: relative; width: 36%; margin-top: 20px; padding-left: 0.875rem; font-size: 1.1rem; font-weight: 700; color: #111;}
.main .my_group .participation_overview dt::after { content: ''; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background-color: #a1a1a1; border-radius: 50%;}
.main .my_group .participation_overview dd { float: left; width: 64%; height: 2.2rem; margin-top: 20px; font-size: 18px;}
.main .participation_btn { position: absolute; right: 35px; top: 48px;}
.main .my_group .recruit { position: relative; width: 50%; padding: 50px 35px 45px;}
.main .my_group .recruit .lists li { margin-top: 20px;}
.main .my_group .recruit .lists li:first-child { margin-top: 30px;}
.main .my_group .recruit .lists li a { display: block; overflow:hidden; font-size: 1.125rem; font-weight: 400; color: #111; text-overflow:ellipsis; white-space:nowrap;}
.main .my_group .recruit .lists li a:hover { color: #4b63c3; text-decoration: underline;}
.main .my_group .recruit .lists li a .name { color: #4b63c3; font-weight: 700 !important;}
.main .my_group .recruit .lists li .dec { margin-top: 0.4375rem; line-height: 1.563rem;}
.main .my_group .recruit .lists li .dec span::after { content: '/'; margin: 0px 5px 0px 7px; color: #ccc;}
.main .my_group .recruit .lists li .dec span:last-child::after { display: none;}
.main .my_group .recruit .lists li .dec2 { margin-top: 5px;}
.main .my_group .recruit .lists li .dec2 span:first-child { margin-right: 25px;}
.main .my_group .recruit .lists li.empty { text-align: center;}
.main .my_group .recruit .sub { position: absolute; right: 35px; top: 48px;}
.main .my_group .recruit .sub a { display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; border: 1px solid #d4d9e2; border-radius: 50%;}
.main .my_group .recruit .sub i.more_arrow { width: 5px; height: 8px; background-position: -980px -20px;}
.main .my_group .recruit .sub a:hover i { background-position-y: -52px;}

.main .prospectus { padding: 3.125rem 0;}
.main .prospectus .lists { display: flex; margin-top: 28px; align-content: stretch;}
.main .prospectus .lists li { width: 11.11%; text-align: center;}
.main .prospectus .lists li a { display: inline-block;}
.main .prospectus .lists li a p { display: flex; height: 40px; margin-top: 13px; font-size: 1.125rem; color: #363636; line-height: 1.25rem; justify-content: center; align-items: center;}
.main .prospectus .lists li a:hover i { background-position-y: -257px;}
.main .prospectus .lists li a:hover p { text-decoration: underline;}

.main .info { display: flex; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.main .info .test { width: 50%; padding: 45px 35px 30px; background-color: #eff5ff;}
.main .info .tablist { display: flex; margin-top: 27px; align-content: stretch;}
.main .info .tablist .tab { width: 30%;}
.main .info .tablist .tab:nth-child(2) { width: 40%;}
.main .info .tablist .tab a,
.main .info .tablist .tab button { display: block; width: 100%; height: 43px; color: #fff; text-align: center; line-height:43px; border-left: 1px solid rgba(255, 255, 255, .5); background-color: #707070;}
.main .info .tablist .tab:first-child a,
.main .info .tablist .tab:first-child button { border-radius: 7px 0 0 0;}
.main .info .tablist .tab:last-child a,
.main .info .tablist .tab:last-child button { border-radius: 0 7px 0 0;}
.main .info .tablist .tab.active a,
.main .info .tablist .tab.active button { background-color: #4b63c3;}
.main .info .test .target { padding: 18px 0 18px; border: 1px solid #e1e1e1; background-color: #fff;}
.main .info .tabpanel { display: none;}
.main .info .tabpanel.active { display: block;}
.main .info .application { display: flex; align-content: stretch;}
.main .info .application li { flex-grow: 1; text-align: center;}
.main .info .application li i { display: block; margin: 0 auto;}
.main .info .application li input { width: 24px; height: 24px; margin-top: 10px;}
.main .info .application li label { display: block; margin-top: 13px;}
.main .info .test .app_btn { margin-top: 14px; text-align: center;}
.main .info .test .app_btn span { vertical-align: middle;}
.main .info .test .app_btn .p_link { margin-left: 5px;}
.main .info .test .app_btn button:hover span:first-child { text-decoration: underline;}
.main .info .institution { width: 50%; padding: 3.125rem 1.875rem 2.5rem; border-left: 1px solid #d7d7d7;}
.main .info .institution_lists { display: flex; min-height: 135px; margin: 16px 0 0 -6px; flex-wrap: wrap; justify-content: flex-start;}
.main .info .institution_lists li { width: calc(16.66% - 6px); margin: 6px 0 0 6px;}
.main .info .institution_lists li a { display: block; padding: 12px 0; font-size: 18px; color: #363636; text-align: center; border: 1px solid #e1e1e1; background-color: #f3f3f3; border-radius: 5px;}
.main .info .institution_lists li a:hover,
.main .info .institution_lists li a:focus { color: #fff; background-color: #4b63c3;}
.main .info .institution_call { display: flex; margin-top: 15px; align-items: center;}
.main .info .institution_call h4 { display: inline-block; position: relative; padding-left: 17px; padding-right: 15px; font-size: 26px; color: #111; letter-spacing: -1px; vertical-align: middle;}
.main .info .institution_call h4 span {display: block; line-height: 23px; font-size: 18px;}
.main .info .institution_call .guide { display: inline-block; padding: 7px 0 0 0; font-size: 18px; color: #767676; line-height: 1.375rem; vertical-align: middle;}
.main .info .institution_call .call { display: inline-block; padding: 0 0 0 60px; background: url(/static/image/main_institution.png) no-repeat left center;}
.main .info .institution_call .call span { font-size: 50px; font-weight: 300; color: #bb4f1a; line-height: 48px; vertical-align: sub;}
.main .info .institution_call .call sub { font-size: 18px; vertical-align: sub;}
.main .info .institution_call .right-cont {display: flex; position: relative;}
.main .info .institution_call .right-cont:after { content: ''; display: block; position: absolute; left: 0; top: 2px; width: 2px; height: 100%; background-color: #676767;}
.main .info .institution_call .chatbot {position: relative; padding: 0 15px;}
.main .info .institution_call .chatbot a {display:block}
.main .info .institution_call .chatbot img {width:138px}

.main .notice { padding: 3.125rem 0;}
.main .notice_tabs { margin-top: 19px; padding-bottom: 2px; text-align: center;}
.main .notice_tabs a { display: inline-block; position: relative; margin-left: 13px; padding-left: 17px; font-size: 1.25rem; color: #363636;}
.main .notice_tabs a::after { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -2px; background-color: #898989; border-radius: 50%;}
.main .notice_tabs a:hover,
.main .notice_tabs a.active { font-weight: 500; color: #111; text-decoration: underline;}
.main .notice_tabs a:first-child { margin-left: 0; padding-left: 0;}
.main .notice_tabs a:first-child::after { display: none;}
.main .notice .target { margin-top: 20px;}
.main .notice_lists { display: flex; align-content: stretch;}
.main .notice_lists li { width: calc(25% - 15px); margin-left: 20px;}
.main .notice_lists li:first-child { margin-left: 0;}
.main .notice_lists li a { display: block; position: relative; min-height: 230px; padding: 25px; border: 1px solid #ccc; background-color: #fff; border-radius: 30px;}
.main .notice_lists li a .div { display: inline-block; width: 71px; padding: 5px 2px; font-size: 0.875rem; color: #fff; text-align: center; background-color: #707070; border-radius: 12px;}
.main .notice_lists li a .new { display: inline-block; position: absolute; left: 106px; top: 22px; font-size: 14px; font-weight: 700; color: #bb4f1a;}
.main .notice_lists li a dl  { margin-top: 25px;}
.main .notice_lists li a dl dt { overflow: hidden; height: 62px; font-size: 1.25rem; font-weight: 700; color: #111; text-align: center; line-height: 30px;}
.main .notice_lists li a dl dd { margin-top: 25px; color: #111; text-align: center;}
.main .notice_lists li a dl dd.oh { overflow: hidden; height: 77px; margin-top: 5px; line-height: 25px;}
.main .notice_lists li a .date { position: absolute; right: 26px; top: 30px; font-size: 0.875rem;}
.main .notice_lists li:hover a { border: 1px solid #4b63c3; background-color: #eff5ff;}
.main .notice_lists li a:hover .div { background-color: #4b63c3;}
.main .notice_lists li a:hover dl dt { color: #4b63c3; text-decoration: underline;}
.main .notice_lists li.all_empty { width: 100%; padding: 114px 0; text-align: center;}

.main .service { padding: 3.125rem 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; background-color: #eff5ff;}
.main .service_lists { display: flex; margin-top: 30px; align-content: stretch;}
.main .service_lists li { flex-grow: 1; text-align: center;}
.main .service_lists li a { display: inline-block;}
.main .service_lists li a p { margin-top: 25px; font-size: 1.125rem; color: #363636;}
.main .service_lists li a:hover i { background-position-y: -376px;}
.main .service_lists li a:hover p { text-decoration: underline;}
.split.service_ico { width: 65px; height: 62px;}
.split.service_1 { background-position: 0 -314px;}
.split.service_2 { background-position: -65px -314px;}
.split.service_3 { background-position: -130px -314px;}
.split.service_4 { background-position: -195px -314px;}
.split.service_5 { background-position: -260px -314px;}
.split.service_6 { background-position: -325px -314px;}
.split.service_7 { background-position: -390px -314px;}
.split.service_8 { background-position: -455px -314px;}
.split.service_9 { background-position: -520px -314px;}

.main .system { display: flex; padding: 3.125rem 0 140px; justify-content: space-between;}
.main .system .story { position: relative; width: 47%;}
.main .system .story_lists { display: flex; margin-top: 25px; justify-content: space-between;}
.main .system .story_lists a { display: inline-block; width: 174px;}
.main .system .story_lists a figure { display: flex; overflow: hidden; position: relative; width: 100%; height: 174px; align-items: center; justify-content: center; background:#f3f3f3 url(/static/image/progrma_empty_bg.png) no-repeat center center; background-size: 63px 67px; border-radius: 30px;}
.main .system .story_lists a figure img { width: 100%; height: 100%; vertical-align: top; border-radius: 30px;}
.main .system .story_lists a p { margin-top: 1.25rem; text-align: center; line-height: 1.25rem;}
.main .system .story_lists a:hover p { color: #4b63c3; text-decoration: underline;}
.main .system .story_btn { position: absolute; right: 0; top: 0;}
.main .system .faq { position: relative; width: 50%; padding-left: 30px;}
.main .system .faq ul li { margin-top: 1.563rem;}
.main .system .faq ul li a { display: block; overflow:hidden; position: relative; padding-left: 14px; text-overflow:ellipsis; white-space:nowrap;}
.main .system .faq ul li a::after { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -3px; background-color: #898989; border-radius: 50%;}
.main .system .faq ul li a b { color: #111;}
.main .system .faq ul li a:hover { color: #4b63c3; text-decoration: underline;}
.main .system .faq ul li a:hover b { color: #4b63c3;}
.main .system .faq ul li.empty { text-align: center;}
.main .system .faq_btns { display: flex; margin-top: 25px; align-content: stretch; justify-content: space-between;}
.main .system .faq_btns a { display: block; width: calc(25% - 6px); padding: 14px 0 13px; text-align: center; border: 1px solid #d4d4d4; background-color: #f3f3f3; border-radius: 5px;}
.main .system .faq_btns a:hover { color: #fff; border-color: #4b63c3; background-color: #4b63c3;}
.main .system .faq_btn { position: absolute; right: 0; top: 0;}




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

/* 국민취업지원제도 */
.intro .group .twins { clear: both; overflow: hidden; margin: 15px 0 0 -12px; border-top: 1px solid #363636;}
.intro .group .twins dt { padding: 1.938rem 0; font-weight: 700; color: #363636; text-align: center; border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8;}
.intro .group .twins dt span { font-weight: 300;}
.intro .group .twins dd { padding: 22px 0.444rem; border-bottom: 1px solid #d1d1d1;}
.intro .group .twins dd ul li { position: relative; margin-top: 0.625rem; padding-left:0.8125rem; line-height: 1.563rem;}
.intro .group .twins dd ul li::after { content: ''; display: block; position: absolute; left: 0; top: 0.6667rem; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.intro .group .twins dd ul li:first-child { margin-top: 0;}
.intro .group .twins_left { float: left; width: 50%;}
.intro .group .twins_right { float: right; width: 50%; border-left: 1px solid #d1d1d1;}
/*.intro .group .twins_right dt { padding: 1rem 0 0.9375rem; line-height: 1.75rem;} 임시제거*/
.intro .group .twins_right dd { padding: 1.375rem 0.444rem 1.375rem 1rem;}
.intro .group .twins_right dd ul li { margin-top: 1.063rem;}
.intro .group .process { margin-top: 1.25rem; border-top: 1px solid #d1d1d1;}
.intro .group .process >li dl { display: flex;}
.intro .group .process >li dt { display: flex; position: relative; width: 30%; margin-right: auto; padding-left: 20px; color: #111; align-items: center; border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8;}
.intro .group .process >li dd { width: 70%; margin-left: auto; padding: 1.5rem; color: #111; line-height: 1.875rem; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.intro .group .snd { margin-top: 20px;}
.intro .group .snd dt { padding: 1.875rem 0; font-size: 1.063rem; color: #111; text-align: center; border-top: 1px solid #111;  border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8;}
.intro .group .snd dd { padding: 1.563rem; border-bottom: 1px solid #d1d1d1;}
.intro .group .snd dd >ul >li { position: relative; margin-top: 0.3125rem; padding-left:0.8125rem; color: #111; line-height: 1.875rem;}
.intro .group .snd dd >ul >li::after { content: ''; display: block; position: absolute; left: 0; top: 0.6875rem; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.intro .group .snd dd >ul >li:first-child { margin-top: 0;}
.intro .group .snd dd >ul >li strong { display: inline-block; width: 120px;}
.intro .group .snd dd >ul >li ul li { margin-top: 5px;}

.intro .group .intro_table { margin-top: 0.9375rem; border-top: 1px solid #111;}
.intro .group .intro_table th { padding: 0.9375rem 0; color: #363636; line-height: 20px; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.intro .group .intro_table td { padding: 0.9375rem 0; text-align: center; line-height: 1.25rem; word-break: break-all; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.intro .group .intro_table .blnone { border-left: none;}
.intro .group .intro_table .bg_gray { background-color: #f7f7f7;}

.intro .right_btn { text-align: right;}
.intro .right_btn button { padding: 0.4375rem 0.75rem; font-size: 0.875rem; border: 1px solid #c2c2c2; border-radius: 5px;}
.intro .right_btn button:hover { color: #bb4f1a; border-color: #bb4f1a;}
.intro .right_btn .btn_ico { width: 14px; height: 18px; margin: -2px 6px 0 0; background-position: -265px 0;}
.intro .right_btn button:hover i.btn_ico { background-position-x: -290px;}


/* 취업지원 및 생계안정지원 */
.intro .group .expan >dd .step { display: flex; margin-top: 20px; align-content: stretch; justify-content: space-between;}
.intro .group .expan >dd .step >li { position: relative; width: calc(33.33% - 3px); text-align: center; border: 1px solid #d7d7d7; border-radius: 0.625rem;}
.intro .group .expan >dd .step >li::after { content: ''; position: absolute; left: -27px; top: 50%; width: 45px; height: 45px; margin-top: -20px; border: 1px solid #d1d1d1; background: #fff url(/static/image/intro_ico_arrow.png) no-repeat center center; border-radius: 50%; transform: rotate(-90deg);}
.intro .group .expan >dd .step >li:first-child:after { display: none;}
.intro .group .expan >dd .step >li dt { padding: 16px 0; font-weight: 400; color: #fff; background-color: #4b63c3; border-radius: 0.625rem 0.625rem 0 0;}
.intro .group .expan >dd .step >li dd.m { display: flex; height: 160px; justify-content: center; align-items: center;}
.intro .group .expan >dd .step >li dd.f { padding: 19px 0; font-weight: 400; color: #4b63c3; background-color: #f7f7f7; border-radius: 0 0 0.625rem 0.625rem;}
.intro .append { margin-top: 0.5556rem; padding-left: 1.5rem; font-weight: 400; line-height: 1.875rem;}


/* 취업지원 프로그램 */
.intro .explain { margin-top: 1.375rem; font-size: 0.875rem; line-height: 1.25rem;}

/* 운영기관 찾기 */
.layer_contents .map,
.intro .map { margin-top: 10px; border-top: 1px solid #111; border-bottom: 1px solid #959595;}

/* FAQ */
.intro .accordion { margin-top: 11px; border-top: 1px solid #111;}
.intro .accordion li h5 { position: relative; padding: 1.75rem 0.625rem 1.75rem 3.5rem; color: #363636; line-height: 1.375rem; border-bottom: 1px solid #d1d1d1;}
.intro .accordion li h5 abbr { position: absolute; left: 20px; top: 50%; margin-top: -14px; font-family: "Montserrat"; font-size: 1.25rem; font-weight: 700; color: #363636;}
.intro .accordion li h5 button { text-align: left;}
.intro .accordion li h5 button:hover { text-decoration: underline;}
.intro .accordion li .accopanel { display: none; position: relative; margin-top: -1px; padding: 1.563rem 0.625rem 1.563rem 3.5rem; color: #363636; line-height: 1.563rem; background-color: #eff5ff; border-top: 1px solid #004f91; border-bottom: 1px solid #d1d1d1;}
.intro .accordion li .accopanel abbr { position: absolute; left: 1.25rem; top: 1.563rem; font-family: "Montserrat"; font-size: 1.25rem; font-weight: 700; color: #4b63c3;}
.intro .accordion li.empty { padding: 40px 0; text-align: center; border-bottom: 1px solid #d1d1d1;}







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

/* 수급자격 모의산정 */
.diagnosis .twins { display: flex; margin-top: 0.9375rem;}
.diagnosis .twins_left { width: 50%; border-bottom: 1px solid #d1d1d1;}
.diagnosis .twins_right { width: 50%; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.diagnosis .twins dt { padding: 1.875rem 0; font-size: 1.125rem; font-weight: 600; color: #363636; text-align: center; border-top: 1px solid #111; border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8;}
.diagnosis .twins dd { padding: 1.25rem; line-height: 1.563rem;}
.diagnosis .twins dd >ol >li { margin-top: 0.9375rem; padding-left: 1.063rem; text-indent: -1.063rem;}
.diagnosis .twins dd >ol >li:first-child { margin-top: 0;}
.diagnosis .twins dd >ol >li ul li { margin-top: 0.9375rem; text-indent: 0;}
.diagnosis .twins dd .box { margin-top: 15px; padding: 1.063rem 20px 1.063rem 28px; font-size: 0.875rem; text-indent: -8px; line-height: 20px; background-color: #eff5ff; border-radius: 6px;}
.diagnosis .twins dd .other { margin-top: 0.625rem; padding-left: 1.25rem; text-indent: -1.25rem;}

.diagnosis .all_open { margin-top: 0.875rem; text-align: right;}
.diagnosis .all_open button { display: inline-block; margin-left: 2px; padding: 8px 12px; font-size: 0.875rem; border: 1px solid #c2c2c2; border-radius: 4px;}
.diagnosis .all_open button i { width: 12px; height: 12px; margin: -2px 0 0 3px;}
.diagnosis .all_open button .ico_plus { background-position: -608px -20px;}
.diagnosis .all_open button .ico_minus { background-position: -630px -20px;}
.diagnosis .all_open button.active,
.diagnosis .all_open button:hover { color: #bb4f1a; border-color: #bb4f1a;}
.diagnosis .all_open button.active i,
.diagnosis .all_open button:hover i { background-position-y: -48px;}

.diagnosis .simulation { margin-top: 0.9375rem; border-top: 1px solid #111;}
.diagnosis .simulation >li { border-top: 1px solid #d1d1d1;}
.diagnosis .simulation >li:first-child { border-top: none;}
.diagnosis .simulation >li.empty { padding: 30px; text-align: center;}
.diagnosis .simulation >li .s_head { position: relative; padding: 1.563rem 0 30px;}
.diagnosis .simulation >li .s_head h5 { padding:0 80px 0 1rem; font-size: 1rem; font-weight: 500; color: #363636; line-height: 1.563rem;}
.diagnosis .simulation >li .s_head .non-response { display: inline-block; height: 25px; margin: 0 0 5px 0.875rem; padding: 0 7px; font-size: 14px; color: #bb4f1a; text-indent: 0; line-height: 25px; border: 1px solid #bb4f1a; vertical-align: middle;}
.diagnosis .simulation >li .s_head >ul { margin-top: 15px; padding: 0 1.25rem;}
.diagnosis .simulation >li .s_head >ul li { display: inline-block; margin-right: 1.875rem; padding-left: 27px; text-indent: -27px; line-height: 20px;}
.diagnosis .simulation >li .s_head >ul li label { margin-left: 0.4375rem; letter-spacing: -0.5px;}
.diagnosis .simulation >li .s_head >ul.half { display: flex; margin-top: 0.3125rem; flex-wrap: wrap;}
.diagnosis .simulation >li .s_head >ul.half li { width: 50%; margin: 20px 0 0;}
.diagnosis .simulation >li .s_head button { position: absolute; right: 11px; top: 24px; padding: 5px; font-size: 0.875rem; font-weight: 600; color: #4b63c3;}
.diagnosis .simulation >li .s_head button:hover { text-decoration: underline;}
.diagnosis .simulation >li .s_head button .ico_simulation { width: 12px; height: 7px; margin: -6px 0 0 8px; background-position: -660px -20px;}
.diagnosis .simulation >li .s_head button.active .ico_simulation { background-position-y: -53px;}
.diagnosis .simulation >li .s_head.s_hidden { border-top: 1px solid #d1d1d1; background-color: #f8f8f8;}
.diagnosis .simulation >li .s_head.s_hidden h5 { text-indent: 0;}
.diagnosis .simulation >li .sbody { display: none; padding: 28px 1.875rem; border-top: 1px solid #aab7ea; background-color: #eff5ff;}
.diagnosis .simulation >li .sbody dl dt { font-weight: 500;}
.diagnosis .simulation >li .sbody dl dd { margin-top: 0.625rem;}
.diagnosis .simulation >li .sbody dl dd .subtxt { padding-left: 19px; text-indent: -19px; line-height: 25px;}
.diagnosis .simulation >li .sbody dl dd .default_table { border-top: 1px solid #e4e4e4;}
.diagnosis .simulation >li .sbody dl dd .level { display: flex; margin-top: 20px; flex-wrap: wrap; justify-content: flex-start; border-top: 1px solid #d1d1d1;}
.diagnosis .simulation >li .sbody dl dd .level li { width: 20%; padding: 1.056rem 1.25rem; font-size: 0.9444rem; text-align: center; line-height: 1.25rem; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #fff;}
.diagnosis .simulation >li .sbody dl dd .level li:nth-child(5n+5) { border-right: none;}
.diagnosis .simulation >li .sbody dl dd .level li b { font-weight: 700; color: #363636;}
.diagnosis .simulation >li .sbody dl dd >ol >li { margin-top: 10px; padding-left: 16px; text-indent: -16px; line-height: 1.563rem;}
.diagnosis .simulation >li .sbody dl dd >ol >li:first-child { margin-top: 15px; padding-left: 14px; text-indent: -14px;}
.diagnosis .simulation >li .sbody .box { margin: 15px 0 0 -15px; padding: 1.563rem 1.875rem; font-size: 14px; text-indent: 0; border: 1px solid #d1d1d1; background-color: #fff; border-radius: 7px;}
.diagnosis .simulation >li .sbody .box ul li { margin-top: 10px; padding-left: 8px; text-indent: -8px; line-height: 1.25rem;}
.diagnosis .simulation >li .sbody dl dd .sub { margin: 0.375rem 0 0 1.125rem;}
.diagnosis .simulation >li .sbody dl dd .sub >li { padding-left: 0.625rem; text-indent: -0.625rem; line-height:1.563rem;}
.diagnosis .simulation >li .sbody dl dd .sub2 >li { padding-left: 0.625rem; text-indent: -0.625rem; line-height:1.563rem;}
.diagnosis .simulation >li .sbody dl dd .sub_ol { margin: -24px 0 0 18px}
.diagnosis .simulation >li .sbody dl dd .text_index0 { margin-top: 10px; text-indent: 0;}
.diagnosis .simulation >li .sbody .color_orange { margin-top: 5px; font-size: 14px;}

.diagnosis .simulation.full >li .s_head h5 { padding: 0 0 0 1rem;}
.diagnosis .simulation_p_group { margin-top: 1.25rem;}
.diagnosis .simulation_p_group p { margin-top: 5px; padding-left: 1.25rem; text-indent: -1.25rem;}
.diagnosis .simulation_p_group p:first-child { margin-top: 0;}

.diagnosis .step { display: flex; margin-top: 1.25rem; align-content: stretch; justify-content: space-between;}
.diagnosis .step >li { position: relative; width: calc(50% - 3px); border: 1px solid #d7d7d7; border-radius: 0.625rem;}
.diagnosis .step >li::after { content: ''; position: absolute; left: -27px; top: 50%; width: 45px; height: 45px; margin-top: -1.25rem; border: 1px solid #d1d1d1; background: #fff url(/static/image/intro_ico_arrow.png) no-repeat center center; border-radius: 50%; transform: rotate(-90deg);}
.diagnosis .step >li:first-child::after { display: none;}
.diagnosis .step >li dt { padding: 1.438rem 0; font-weight: 500; color: #fff; text-align: center; background-color: #4b63c3; border-radius: 10px 10px 0 0;}
.diagnosis .step >li dd { padding: 1.438rem 1.875rem; line-height: 1.563rem;}
.diagnosis .step >li dd >p { margin-top: 5px;}
.diagnosis .step >li dd >p:first-child { margin-top: 0;}
.diagnosis .step >li dd ul li { position: relative; margin-top: 5px; padding-left: 13px;}
.diagnosis .step >li dd ul li::after { content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.diagnosis .step >li dd ul li:first-child { margin-top: 10px;}
.diagnosis .btn_set { margin-top: 1.25rem;}
.diagnosis .btn_set a { display: inline-block; margin-left: 1.25rem; padding: 0.5625rem 0.9375rem; font-size: 0.875rem; color: #bb4f1a; border: 1px solid #bb4f1a; border-radius: 5px;}
.diagnosis .btn_set a:hover { text-decoration: underline;}
.diagnosis .help_box { display: flex; margin-top: 3.125rem; padding: 1.25rem 2.5rem; border: 1px solid #d7d7d7; border-radius: 5px;}

/* 취업유형진단 */
.diagnosis .survey { padding: 30px 20px; border-top: 1px solid #111; border-bottom: 1px solid #ccc; background-color: #eff5ff;}
.diagnosis .survey h4.title { font-size: 1.5rem; text-align: center;}
.diagnosis .survey p.title { font-size: 1.25rem; font-weight: 400; text-align: center;}
.diagnosis .survey p.title strong { color: #363636;}
.diagnosis .survey p.title .round { display: inline-block; width: 60px; height: 60px; margin-right: 10px; padding-top: 12px; vertical-align: middle; background-color: #4b63c3; border-radius: 50%;}
.diagnosis .survey .simulation { margin-top: 20px; padding: 30px; text-align: left; border: 1px solid #ccc; background-color: #fff; border-radius: 15px;}
.diagnosis .survey >ol >li:nth-child(1) .round i { width: 40px; height: 39px; background-position: -680px -20px;}
.diagnosis .survey >ol >li .round i { width: 40px; height: 39px; background-position: -730px -20px;}
.diagnosis .survey >ol >li p.title { margin: 30px 0; line-height: 1.563rem;}
.diagnosis .survey.bdt2 { border-top: 2px solid #111;}

.diagnosis .tablist { display: flex;}
.diagnosis .tablist .tab { flex-grow: 1; display: block; width: 100%; height: 50px; text-align: center; line-height: 50px; border: 1px solid #ccc;}
.diagnosis .tablist .tab:hover { color: #bb4f1a;}
.diagnosis .tablist .tab:nth-of-type(1n+2) { border-left: none;}
.diagnosis .tablist .tab.active { color: #fff; border: 1px solid #bb4f1a; background-color: #bb4f1a;}







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

/* 공통 */
.heading_center { font-size: 1.563rem; color: #363636; text-align: center;}

.support .twins { display: flex; margin-top: 0.9375rem;}
.support .twins_left { width: 50%; border-bottom: 1px solid #d1d1d1;}
.support .twins_right { width: 50%; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.support .twins dt { padding: 1.875rem 0; font-size: 1.125rem; font-weight: 700; color: #363636; text-align: center; border-top: 1px solid #111; border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8;}
.support .twins dd { padding: 1.563rem 1.25rem; line-height: 1.563rem;}
.support .twins dd li { position: relative; margin-top: 0.875rem; padding-left: 0.8125rem; line-height: 1.563rem;}
.support .twins dd li::after { content: ''; display: block; position: absolute; left: 0; top: 0.6667rem; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.support .twins dd li:first-child { margin-top: 0;}
.support .twins dd li .round_box { margin-top: 15px; padding: 7px 0; font-size: 18px; color: #bb4f1a; text-align: center; background-color: #f8f8f8; border-radius: 0.625rem;}
.support .twins dd >p { margin-top: 15px; padding-left: 21px; text-indent: -21px;}
.support .twins dd.em { padding: 1.563rem 0; font-size: 1.125rem; text-align: center; border-top: 1px solid #d1d1d1;}

.support .blue_box { margin-top: 10px; padding: 28px 30px; background-color: #eff5ff; /*border: 1px solid #0278be;*/ border-radius: 0.625rem;}
.support .blue_box ul li { margin-top: 0.625rem;}
.support .blue_box ul li:first-child { margin-top: 0;}
.support .blue_box ul li a { display: inline-block; position: relative; padding-left: 1rem; color: #004f91; line-height: 1.563rem;}
.support .blue_box ul li a:hover { text-decoration: underline;}
.support .blue_box ul li a::before { content: ''; display: block; position: absolute; left: 0; top: 9px; z-index: 1; width: 5px; height: 5px; background-color: #004f91; border-radius: 50%;}
_:-ms-input-placeholder, :root .support .blue_box ul li a::before {
  top: 10px;
}
.support .blue_box ul li a::after { content: ''; display: block; position: absolute; right: -30px; top: 0; z-index: 1; width: 20px; height: 20px; margin-top: 1px; background: url(/static/image/common_ico_download.png) no-repeat; background-size: 20px 20px;}

a.filedownload { display: inline-block; position: relative; padding-left: 1rem; color: #004f91; line-height: 1.563rem; margin-right:30px;}
a.filedownload:hover { text-decoration: underline;}
a.filedownload::before { display: block; position: absolute; left: 0; top: 9px; z-index: 1; width: 5px; height: 5px; background-color: #004f91; border-radius: 50%;}
a.filedownload::after { content: ''; display: block; position: absolute; right: -30px; top: 0; z-index: 1; width: 20px; height: 20px; margin-top: 1px; background: url(/static/image/common_ico_download.png) no-repeat; background-size: 20px 20px;}

/* 신청현황관리 */
.support .support_table { border-top: 1px solid #111; border-bottom: 1px solid #d1d1d1;}
.support .support_table +.support_table { margin-top: -1px; border-width: 1px;}
.support .support_table th { padding: 20px; color: #363636; line-height: 1.563rem;  border-left: 1px solid #d1d1d1;}
.support .support_table td { padding: 22px 20px; line-height: 1.563rem; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1;}
.support .support_table td ul li { margin-top: 0.625rem;}
.support .support_table td ul li:first-child { margin-top: 0;}
.support .support_table .bg_lightgray { padding: 0; background-color: #f8f8f8;}
.support .support_table .bg_lightblue { font-size: 1.125rem; color: #363636; text-align: center; background-color: #eff5ff;}
.support .support_table tr:first-child th:first-child { border-left: none;}

.support .support_step { display: flex; margin-top: 1.25rem; justify-content: space-between;}
.support .support_step li { display: flex; position: relative; width: calc(20% - 7px); padding: 27px 20px 15px; text-align: center; align-items: center; justify-content: center; line-height: 1.563rem; border: 1px solid #ccc; border-radius: 0.625rem;}
/*.support .support_step li p { display: flex; height: 143px; padding: 0 20px; text-align: center; align-items: center; justify-content: center;}*/
.support .support_step li dd { margin-top: 5px;}
.support .support_step li::after { content: ''; display: block; position: absolute; left: -27px; top: 50%; z-index: 1; width: 41px; height: 40px; margin-top: -20px; background: url(/static/image/diagnosis_ico_arrow.png) no-repeat;}
.support .support_step li:first-child:after { display: none;}



.support .elective { margin-top: -20px; text-align: right;}
.support .info_guide { position: relative; margin-top: 1.25rem; padding: 25px 190px 25px 15px; border-top: 1px solid #363636; border-bottom: 1px solid #d1d1d1;}
.support .info_guide .ico {  position: absolute; left: 42px; top: 50%; margin-top: -39px; border: 1px solid #ebebeb; background-color: #f3f2f2; border-radius: 50%;}
.support .info_guide .ico i { width: 78px; height: 78px;}
.support .info_guide .ico i.info_guide_1 { background-position: 0 -554px;}
.support .info_guide .ico i.info_guide_2 { background-position: -81px -554px;}
.support .info_guide ul li { position: relative; margin-top: 10px; padding-left: 0.9375rem; line-height: 1.25rem;}
.support .info_guide >ul >li::after { content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background-color: #959595;}
.support .info_guide ul li:first-child { margin-top: 0;}
.support .info_guide ul li p,
.support .info_guide ul li ul,
.support .info_guide ul li ul li { margin-top: 5px;}
.support .info_guide .btn_form { position: absolute; right: 0; top: 18px; width: 180px; height: 80px; font-weight: 500; color: #fff; background-color: #bb4f1a; border-radius: 0.625rem;}
.support .info_guide .btn_form:hover { text-decoration: underline;}
.support .info_guide.full { padding: 25px 25px 25px 170px;}

.support .info_btn button { display: inline-block; padding: 5px 14px 5px 9px; font-size: 14px; color: #fff; background-color: #0054a6; border-radius: 0.625rem;}
.support .info_btn button:hover { text-decoration: underline;}
.support .info_btn button i { width: 24px; height: 24px; background-position: -780px -20px;}
.support .info_service .bumber_list { margin-top: 11px; padding-bottom: 20px; border-bottom: 1px solid #111;}
.support .info_service .bumber_list >li { position: relative;}
.support .info_service .bumber_list >li h5 { padding: 21px 20px; font-size: 1.125rem; color: #111; border-top: 1px solid #363636; border-bottom: 1px solid #d1d1d1;}
.support .info_service .bumber_list >li h5 b { font-weight: 400; color: #636363;}
.support .info_service .bumber_list >li .check { position: absolute; right: 15px; top: 22px;}
.support .info_service .bumber_list >li .check label { font-size: 0.875rem;}
.support .info_service .bumber_list >li .component_set { padding: 20px 20px 0;}
.support .info_service .bumber_list >li .component_set label { margin: 0 50px 0 5px;}
.support .info_service .bumber_list >li .component_set button { margin: 0 5px;}
.support .info_service .bumber_list >li >ul { display: flex; margin: 15px 10px; justify-content: space-between;}
.support .info_service .bumber_list >li >ul li { text-align: center;}
.support .info_service .bumber_list >li >ul li dl { border: 1px solid #c2c2c2; border-radius: 0.625rem;}
.support .info_service .bumber_list >li >ul li dl dt { padding: 14px 0 12px; color: #fff; background-color: #3377b3; border-radius: 10px 10px 0 0;}
.support .info_service .bumber_list >li >ul li dl dt + dd { margin-top: 15px;}
.support .info_service .bumber_list >li >ul li dl dd { margin-top: 6px; padding: 0 18px; font-size: 0.875rem; color: #111; text-align: left; line-height: 1.25rem;}
.support .info_service .bumber_list >li >ul li dl dd:last-child { margin-bottom: 15px;}
.support .info_service .bumber_list >li >ul li.w3 { width: calc(33.33% - 26px);}
.support .info_service .bumber_list >li >ul li.other { width: 40px; padding-top: 85px;}

.support .agree_form { margin-top: 1.875rem; align-items: flex-start;}
.support .agree_form p { width: 68%; line-height: 25px;}
.support .agree_form .radioset label { margin: 0 5px 10px; color: #363636;}
.support .agree_form .radioset input:first-child +label { margin-right: 40px;}

.support .radio_box { margin-top: 15px; padding: 30px 30px; border-top: 1px solid #363636; border-bottom: 1px solid #d1d1d1;}
.support .radio_box li { margin-top: 20px;}
.support .radio_box li:first-child { margin-top: 0;}
.support .table_flex_rl { display: flex;  justify-content: space-between; align-items: center;}


/* I유형 이행관리 */
#wrap .c_complete { color: #4b63c3;}
#wrap .c_payments { color: #4b63c3;}
#wrap .c_complementary { color: #bb4f1a;}
#wrap .c_submit { color: #008763;}
#wrap .c_progress { color: #004f91;}
#wrap .c_result { color: #008763;}

/* 사용안함 JSP에서 제거 후 삭제 */
.support .support_wtable { border-top: 1px solid #111;}
.support .support_wtable th { padding: 10px 5px; color: #363636; line-height: 20px; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #f9f9f9;}
.support .support_wtable thead tr:first-child th { padding: 20px 5px;}
.support .support_wtable thead tr:first-child th:first-child { border-left: none;}
.support .support_wtable td { padding: 22px 5px; text-align: center; border-bottom: 1px solid #d1d1d1;}
.support .support_wtable td .color_btn { text-decoration: underline !important;}
.support .support_wtable td .color_btn:hover { font-weight: 400; color: #111;}
.support .support_wtable.no_line th { border-left: none;}
.support .support_wtable.shot_padding td { padding: 10px 5px;}
/* 사용안함 JSP에서 제거 후 삭제 */
.support .agree_box { margin-top: 0.9375rem; padding: 1.875rem 2.125rem; line-height: 25px; border: 1px solid #f9ad81; background-color: #f7f7f7; border-radius: 0.9375rem;}
.support .agree_box p strong { color: #bb4f1a;}
.support .agree_box ul li { margin-top: 5px;}
.support .agree_box ul li:first-child { margin-top: 20px;}
.support .lable_group { margin-top: 1.563rem; padding-top: 1.563rem; border-top: 1px solid #d1d1d1;}
.support .lable_group >div { display: inline-block;}
.support .lable_group input { margin:0 5px 0 1.563rem;}


/* Ⅱ유형 이행관리 */
.support .twins_other { margin-top: 10px;}
.support .twins_other dl { display: flex; flex-wrap: wrap; border-top: 1px solid #111; border-bottom: 1px solid #d1d1d1;}
.support .twins_other dl dt { width: 100%; padding: 1.375rem; font-size: 1.125rem; font-weight: 400; color: #363636; text-align: center; border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8;}
.support .twins_other dl dt +dd { border-left: none;}
.support .twins_other dl dd { width: 50%; padding: 20px; border-left: 1px solid #d1d1d1;}

/* 참여현황관리 */
.support .radio_set { margin-top: 15px; padding: 25px 10px; text-align: center; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8;}
.support .radio_set input { margin: 0 5px 0 35px;}
.support .radio_set input:first-child { margin-left: 0;}
.support .radio_set button { margin-left: 15px;}
.support .tablist { display: flex; margin-top: 15px;}
.support .tablist .tab { flex-grow: 1; display: block; width: 100%; height: 50px; font-weight: 500; text-align: center; line-height: 50px; border: 1px solid #ccc;}
.support .tablist .tab:nth-of-type(1n+2) { border-left: none;}
.support .tablist .tab.active { color: #fff; border: 1px solid #bb4f1a; background-color: #bb4f1a;}
.support .tabpanel { display: none;}
.support .tabpanel.active { display: block;}

/* 취업성공수당관리 */
.support .radio_box2 { position: relative; margin-top: 10px; padding: 20px 20px 20px 165px; border-top: 1px solid #111;}
.support .radio_box2 p { position: absolute; left: 15px; top: 20px;}
.support .radio_box2 ul li { display: inline-block; margin-right: 37px;}
.support .radio_box2 ul li label { margin-left: 8px;}




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

/* 공통 */
.program .story-keyword { font-size: 0.875rem; color: #4b63c3;}
.program .story-keyword span { display: inline-block; position: relative;}
.program .story-keyword span::before { content: ''; display: block; position: absolute; top:-1px}
.program .story-keyword .purple { margin-left: 30px;}
.program .story-keyword .purple::before { left: -30px; width: 24px; height: 16px; background: url(/static/image/progrma_ico_movie.png) no-repeat;}
.program .story-keyword .green { margin-left: 18px;}
.program .story-keyword .green::before { left: -18px; width: 22px; height: 14px; margin-left: -11px; background: url(/static/image/progrma_ico_news.png) no-repeat;}


/* View - 페이지 상세 */
.program .view { padding: 22px 10px 18px; text-align: center; border-top: 2px solid #111; border-bottom: 1px solid #d1d1d1; background-color: #eff5ff;}
.program .view .title { margin-top: 12px; font-size: 1.125rem; word-break: break-all; color: #363636; line-height: 1.563rem;}
.program .article { padding: 19px; text-align: center; line-height: 1.563rem; word-break: break-all; border-bottom: 1px solid #d1d1d1;}
.program .article img { max-width: 100% !important;}
.program .relate-content { margin-top: 60px;}
.program .relate-content h5 { font-size: 1.25rem; color: #363636;}
.program .relate-content .story-wrap .story-list { display: flex; margin-top: 20px; padding: 40px 0; align-content: stretch; justify-content: space-between; border-top: 1px solid #111; border-bottom: 1px solid #d1d1d1;}
.program .relate-content .story-wrap .story-list li { flex: 1; margin-left: 22px;}
.program .relate-content .story-wrap .story-list li:first-child { margin-left: 0;}
.program .relate-content .story-wrap .story-list li a { display: block; word-break: break-all;  text-align: center;}
.program .relate-content .story-wrap .story-list li figure { overflow: hidden; width: 200px; height: 140px; margin: 0 auto; border: 1px solid #ccc; background:#ebebeb url(/static/image/progrma_empty_bg.png) no-repeat center center; border-radius: 20px;}
.program .relate-content .story-wrap .story-list li figure img { width: 100%; height: 100%;}
.program .relate-content .story-wrap .story-list li .story-keyword { margin-top: 16px;}
.program .relate-content .story-wrap .story-list li dl, .program .relate-content .story-wrap .story-list li .txt { margin-top: 20px;}
.program .relate-content .story-wrap .story-list li dl dd { overflow: hidden; height: 60px; margin-top: 10px; line-height: 1.25rem;}


/* 국민취업지원제도 이야기 */
.program .slider li img { margin: 0 auto;}
.program .bx-controls { margin-top: 5px; text-align: center; direction: rtl;}
.program .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { display: inline-block; position: inherit; bottom: inherit; width:inherit; margin-right: 10px; direction: ltr;}
.program .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { display: inline-block; position: inherit; bottom: inherit; width:inherit; direction: ltr;}
.program .bx-wrapper .bx-pager.bx-default-pager a { background-color: #5e5e5e; width: 20px;}
.program .bx-wrapper .bx-pager.bx-default-pager a.active,
.program .bx-wrapper .bx-pager.bx-default-pager a:focus,
.program .bx-wrapper .bx-pager.bx-default-pager a:hover { background-color: #000000;}
.program .bx-wrapper .bx-controls-auto { vertical-align: middle;}
.program .bx-wrapper .bx-controls-auto .bx-controls-auto-item a:hover { border-color: #bb4f1a;}
.program .bx-wrapper .bx-controls-auto .bx-start { width: 25px; height: 25px; background: #5e5e5e url(/static/image/split.png) no-repeat -140px -20px; border-radius: 50%;}
.program .bx-wrapper .bx-controls-auto .bx-start.active { background-color:inherit; background-position: -141px -84px;}
.program .bx-wrapper .bx-controls-auto .bx-stop { width: 25px; height: 25px; background: #5e5e5e url(/static/image/split.png) no-repeat -180px -20px; border-radius: 50%;}
.program .bx-wrapper .bx-controls-auto .bx-stop.active { background-color:inherit; background-position: -181px -84px}
.program .bx-wrapper .bx-controls-direction a { z-index: 50; width: 40px; height: 40px; border: 1px solid #d9d9d9; border-radius: 50%;}
.program .bx-wrapper .bx-prev { background: url(/static/image/split.png) no-repeat -278px -20px;}
.program .bx-wrapper .bx-next { background: url(/static/image/split.png) no-repeat -364px -20px;}





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

/* 공통 */
.program .support_step { display: flex; margin-top: 1.25rem; justify-content: space-between;}
.program .support_step li { position: relative; width: calc(20% - 7px); padding: 27px 20px 15px; text-align: center; line-height: 1.563rem; border: 1px solid #ccc; border-radius: 0.625rem;}
.program .support_step li dt { font-weight: 500;}
.program .support_step li dd { margin-top: 5px;}
.program .support_step li::after { content: ''; display: block; position: absolute; left: -27px; top: 50%; z-index: 1; width: 41px; height: 40px; margin-top: -20px; background: url(/static/image/diagnosis_ico_arrow.png) no-repeat;}
.program .support_step li:first-child:after { display: none;}





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

/* 나이 참여현황 */
.mypage .partici_box { margin-top: 10px; padding: 25px; border: 1px solid #ccc; background-color: #f7f7f7; border-radius: 15px;}
.mypage .partici_box .present_btn { display: flex; justify-content: space-between; align-items: center;}
.mypage .partici_box p { line-height: 30px;}
.mypage .partici_box .present_btn .app_btn { width: 200px; height: 70px; color: #fff; line-height: 25px; background-color: #4b63c3; border-radius: 0.625rem;}
.mypage .partici_box .present_btn .orange_btn { width: 200px; height: 70px; color: #fff; line-height: 25px; background-color: #bb4f1a; border-radius: 0.625rem;}

/* 회원 정보관리 */
.mypage .auth_select li dl dd { padding: 0 15px 25px;}
.mypage .auth_select li dl .visible +dd .pg { min-height: 105px;}
.mypage .auth_select li dl dd .pg .btn_set { margin-top: -9px;}
.mypage .auth_select li dl dd button { height: 40px; color: #363636; border: 1px solid #bebebe; background-color: #fff;}
.mypage .auth_select li dl .visible +dd button { height: 70px;}

/* 일경험 참여현황 - 만족도 조사 참여 */
.mypage .simulation { margin-top: 0.9375rem; border-top: 1px solid #111; border-bottom: 1px solid #111;}
.mypage .simulation >li { border-top: 1px solid #d1d1d1;}
.mypage .simulation >li:first-child { border-top: none;}
.mypage .simulation >li.empty { padding: 30px; text-align: center;}
.mypage .simulation >li .s_head { position: relative; padding: 1.563rem 0 30px;}
.mypage .simulation >li .s_head h5 { padding:0 1rem; font-size: 1rem; font-weight: 500; color: #363636; line-height: 1.563rem;}
.mypage .simulation >li .s_head .non-response { display: inline-block; height: 25px; margin: 0 0 5px 0.875rem; padding: 0 7px; font-size: 14px; color: #bb4f1a; text-indent: 0; line-height: 25px; border: 1px solid #bb4f1a; vertical-align: middle;}
.mypage .simulation >li .s_head >ul { margin-top: 15px; padding: 0 1.25rem;}
.mypage .simulation >li .s_head >ul li { display: inline-block; margin-right: 1.875rem; padding-left: 27px; text-indent: -27px; line-height: 20px;}
.mypage .simulation >li .s_head >ul li label { margin-left: 0.4375rem; letter-spacing: -0.5px;}
.mypage .simulation >li .s_head >ul.half { display: flex; margin-top: 0.3125rem; flex-wrap: wrap;}
.mypage .simulation >li .s_head >ul.half li { width: 50%; margin: 20px 0 0;}

/* 취업지원 설문조사 - 만족도 조사 참여 */
.support .simulation { margin-top: 0.9375rem; border-top: 1px solid #111; border-bottom: 1px solid #111;}
.support .simulation >li { border-top: 1px solid #d1d1d1;}
.support .simulation >li:first-child { border-top: none;}
.support .simulation >li.empty { padding: 30px; text-align: center;}
.support .simulation >li .s_head { position: relative; padding: 1.563rem 0 30px;}
.support .simulation >li .s_head h5 { padding:0 1rem; font-size: 1rem; font-weight: 500; color: #363636; line-height: 1.563rem;}
.support .simulation >li .s_head .non-response { display: inline-block; height: 25px; margin: 0 0 5px 0.875rem; padding: 0 7px; font-size: 14px; color: #bb4f1a; text-indent: 0; line-height: 25px; border: 1px solid #bb4f1a; vertical-align: middle;}
.support .simulation >li .s_head >ul { margin-top: 15px; padding: 0 1.25rem;}
.support .simulation >li .s_head >ul li { margin-right: 1.875rem; padding-left: 27px; text-indent: -27px; line-height: 30px;}
.support .simulation >li .s_head >ul li label { margin-left: 0.4375rem; letter-spacing: -0.5px;}
.support .simulation >li .s_head >ul.half { display: flex; margin-top: 0.3125rem; flex-wrap: wrap;}
.support .simulation >li .s_head >ul.half li { width: 50%; margin: 20px 0 0;}

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

/* 고객센터 메인 */
.service .infomation { margin-top: 0.9375rem;}
.service .infomation ul { display: flex; border-top: 1px solid #111; border-bottom: 1px solid #d1d1d1;}
.service .infomation ul li { width: 33.33%; padding: 1.875rem 1.25rem; text-align: center; border-left: 1px solid #d1d1d1;}
.service .infomation ul li:first-child { border-left: none;}
.service .infomation ul li dl dt { font-size: 18px; font-weight: 700; color: #363636;}
.service .infomation ul li dl dd { margin-top: 0.9375rem; line-height: 1.563rem;}
.service .infomation ul li dl dd .in_btn { margin-top: 1.563rem;}
.service .infomation ul li dl dd .in_btn a { display: inline-block; width: 230px; padding: 6px 0; color: #bb4f1a; border: 1px solid #bb4f1a; border-radius: 0.625rem;}
.service .infomation ul li dl dd .in_btn a i.new_window_orange { width: 11px; height: 11px; margin: -3px 0 0 3px; background-position: -870px -20px;}
.service .infomation ul li dl dd .in_btn a:hover { color: #fff; background-color: #bb4f1a;}
.service .infomation ul li dl dd .in_btn a:hover i.new_window_orange { background-position-y: -49px;}
.service .infomation ul li >a { display: block;}
.service .infomation ul li >a p { margin-top: 0.9375rem;}
.service .infomation ul li >a p i { width: 11px; height: 11px; margin: -4px 0 0 5px; background-position: -890px -20px;}
.service .infomation ul li >a >i { width: 50px; height: 44px;}
.service .infomation ul li >a >i.serviceinfo_1 { background-position: 0 -632px;}
.service .infomation ul li >a >i.serviceinfo_2 { background-position: -55px -632px;}
.service .infomation ul li >a >i.serviceinfo_3 { background-position: -110px -632px;}
.service .infomation ul li >a:hover p { color: #004f91;}
.service .infomation ul li >a:hover p i { background-position-y: -49px;}
.service .infomation ul li >a:hover >i { background-position-y: -680px;}

/* 문의합니다 */
/* 사용안함 JSP에서 제거 후 삭제 */
.service .consent { border-top: 1px solid #363636; border-bottom: 1px solid #d1d1d1;}
.service .consent .patten { padding: 20px 10px; background-color: #f7f7f7;}
.service .consent .pdbox { padding: 25px 10px; line-height: 1.563rem; border-top: 1px solid #d1d1d1; }
.service .consent .pdbox >ol >li { margin-top: 20px; font-weight: 400; color: #363636;}
.service .consent .pdbox >ol >li:first-child { margin-top: 0;}
.service .consent .pdbox >ol >li ul { margin-top: 10px;}
.service .consent .pdbox >ol >li ul li { font-weight: 400; line-height: 25px;}
.service .consent .pdbox p { margin-top: 15px;}
/* 사용안함 JSP에서 제거 후 삭제 */

/* 개인정보 처리요구 */
.service .download_btns { margin-top: 20px; text-align: right;}
.service .download_btns a { display: inline-block; margin-left: 5px; padding: 9px 10px; font-size: 14px; border: 1px solid #c2c2c2; border-radius: 5px;}
.service .download_btns a:hover { text-decoration: underline;}


.group .uapja010S { margin-top: 20px; text-align: right;}
.group .uapja010S a { display: inline-block; margin-left: 5px; padding: 9px 10px; font-size: 14px; border: 1px solid #c2c2c2; border-radius: 5px; background-color: #4b63c3; color:#fff;}
.group .uapja010S a:hover { text-decoration: underline;}

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

/* 회원가입 */
.join.contents { width: 100%; padding-top: 50px;}
.join .join_box .joi_title { height: 127px; padding-top: 35px; color: #fff; text-align: center; background: url(/static/image/join_bg.png) no-repeat;}
.join .join_box .joi_title h4 { font-size: 1.5rem;}
.join .join_box .joi_title p { margin-top: 0.9375rem; font-size: 1.125rem; line-height: 1.563rem;}
.join .join_box .type { display: flex; margin-top: 55px; padding: 50px 0; border-top: 2px solid #111; border-bottom: 1px solid #d1d1d1;}
.join .join_box .type i { display: block; width: 208px; height: 151px; margin: 0 auto;}
.join .join_box .type i.type_1 { background-position: 0 -724px;}
.join .join_box .type i.type_2 { background-position: -208px -724px;}
.join .join_box .type a { display: inline-block; width: 380px; margin-top: 2.5rem; padding: 1.25rem 0; font-size: 1.25rem; font-weight: 400; color: #fff; border-radius: 0.625rem;}
.join .join_box .type a:hover { text-decoration: underline;}
.join .join_box .type dl { display: flex; margin-top: 40px; justify-content: center;}
.join .join_box .type dl dt { font-size: 1.375rem; font-weight: 500; color: #363636; text-align: right; line-height: 1.875rem;}
.join .join_box .type dl dd { text-align: left;  margin-left: 20px;}
.join .join_box .type dl dd ul li { position: relative; margin-top: 7px; padding-left: 12px; line-height: 1.563rem;}
.join .join_box .type dl dd ul li::after { content: ''; position: relative; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; background-color: #757575; border-radius: 50%;}
.join .join_box .type dl dd ul li:first-child { margin-top: 0;}
.join .join_box .type .personal { width: 50%; padding-bottom: 10px; text-align: center;}
.join .join_box .type .personal a { background-color: #4b63c3;}
.join .join_box .type .business { width: 50%; padding-bottom: 10px; text-align: center; border-left: 1px solid #d1d1d1;}
.join .join_box .type .business a { background-color: #bb4f1a;}

.join .register_box { display: flex; margin-top: 3.125rem; border-top: 1px solid #111; border-bottom: 1px solid #d1d1d1;}
.join .register_box h4 { font-size: 1.563rem; color: #363636;}
.join .register_box >div >p { margin-top: 0.9375rem; font-size: 1.125rem; line-height: 1.875rem;}
.join .register_box .logoset { margin-top: 0.9375rem;}
.join .register_box a { display: inline-block; width: 380px; margin-top: 25px; padding: 20px 0; font-size: 1.25rem; font-weight: 400; color: #fff; border-radius: 0.625rem;}
.join .register_box a:hover { text-decoration: underline;}
.join .register_box .article p { margin-top: 2.813rem; line-height: 1.563rem;}
.join .register_box .one_id { width: 200%; padding: 45px 0; text-align: center;}
.join .register_box .one_id .logoset { margin-top: 55px;}
.join .register_box .one_id .logoset img { margin: 0 10px;}
.join .register_box .one_id a { margin-top: 62px; background-color: #4b63c3;}
.join .register_box .keis_id { width: 50%; padding: 45px 0; text-align: center; border-left: 1px solid #d1d1d1;}
.join .register_box .keis_id a { background-color: #bb4f1a;}

.join .round_box { margin-top: 0.9375rem; padding: 30px; border: 1px solid #ccc; border-radius: 0.9375rem;}
.join .round_box >ol { overflow-x: hidden; overflow-y: auto; height: 290px;}
.join .round_box >ol > li { margin-top: 30px;}
.join .round_box >ol > li:first-child { margin-top: 0;}
.join .round_box >ol > li h5 { font-size: 1.125rem; color: #363636;}
.join .round_box >ol > li ul li { margin-top: 10px; line-height: 1.5em;}
.join .round_box >ol > li ul li strong { font-size: 1.125rem; color: #363636;}
.join .round_box >ol > li ol li { margin-top: 10px; line-height: 1.5rem;}
.join .round_box p { margin-top: 10px; line-height: 1.5rem;}

.join .proposal { padding: 30px 30px 0; align-items: center;}
.join .proposal p { position: relative; width: 880px; padding-left: 1.125rem; font-size: 1.125rem; color: #363636; line-height: 1.563rem;}
.join .proposal p::after { content: ''; position: absolute; left: 0; top: 0.4375rem; width: 5px; height: 5px; line-height: 25px; background-color: #363636; border-radius: 50%;}
.join .proposal p strong { font-weight: 400 !important;}
.join .proposal .radio_set input { margin: 0 3px 0 22px;}

.join .business_rn { text-align: center;}
.join .business_rn strong { margin-right: 15px;}
.join .business_rn .w_r { width: 100px;}
.join .business_rn .w_m { width: 70px;}
.join .business_rn .w_l { width: 150px;}

/* 로그인 */
.join .tablist { display: flex; border-top: 2px solid #111;}
.join .tablist .tab { flex-grow: 1; display: block; width: 100%; height: 4.375rem; font-size: 1.375rem; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f3f2f2;}
.join .tablist .tab.active { font-weight: 500; color: #363636; border-bottom: none; background-color: #fff;}
.join .tablist .tab:first-child { border-left: 1px solid #ccc;}
.join .member_box { padding: 50px 0 65px;}
.join .member_body { display: flex; justify-content: center;}
.join .member_body .round { display: inline-block; width: 100px; height: 100px; background-color: #ccc; border-radius: 50%;}
.join .member_body .round i.member_personal { width: 100px; height: 100px; background-position: -416px -724px;}
.join .member_body .round i.member_company { width: 100px; height: 100px; background-position: -516px -724px;}
.join .member_body .fieldset { width: 430px; margin-left:22px; padding-top: 5px;}
.join .member_body .fieldset fieldset { position: relative;}
.join .member_body .fieldset fieldset >input[type=text] { width: calc(100% - 130px);}
.join .member_body .fieldset fieldset >input[type=password] { width: calc(100% - 174px); margin-top: 10px; vertical-align: middle;}
.join .member_body .fieldset fieldset >span { display: inline-block; margin-top: 10px; vertical-align: middle;}
.join .member_body .fieldset fieldset .login_btn { position: absolute; right: 0; top: 0; width: 120px; height: 90px; font-size: 1.25rem; color: #fff; background-color: #4b63c3; border-radius: 0.625rem;}
.join .member_body .fieldset fieldset .login_btn:hover { text-decoration: underline;}
.join .member_body .fieldset .check { margin-top: 20px;}
.join .member_body .fieldset .check  label { margin: 0 20px 0 5px; font-size: 14px;}
#wrap .join .member_body .fieldset .check >div { display: inline-block;}
.join .member_body .fieldset .btn_set { display: flex; margin-top: 1.875rem; justify-content: space-between;}
.join .member_body .fieldset .btn_set a {width: calc(50% - 8px); color: #363636; }
.join .tabpanel  { display: none;}
.join .tabpanel.active { display: block;}
.join .regicom { display: flex; margin-top: 3.125rem; padding: 16px 0; justify-content: center; align-items: center; border-top: 1px solid #111; border-bottom: 1px solid #ccc; background-color: #eff5ff;}
.join .regicom >div { margin-left: 0.9375rem;}
.join .regicom >div h4 { font-size: 1.889rem; font-weight: 400; color: #363636;}
.join .regicom >div h4 b { font-weight: 700;}
.join .regicom >div p { margin-top: 0.9375rem; line-height: 1.563rem;}
.join .ip_search { padding: 35px 0; text-align: center; border-bottom: 1px solid #d1d1d1;}
.join .ip_search em { margin: 0 23px; font-size: 18px; font-weight: 400;}
.join .pw_search { margin-top: 15px; padding: 25px 22px; text-align: center; border-top: 1px solid #111;}
.join .pw_search label { display: inline-block; margin-right: 20px;}
.join .pw_search input { width: 440px;}
.join .pw_search.other { padding-bottom: 0;}
.join .sb_search { margin-top: 15px; padding: 25px 22px; text-align: center; border-top: 1px solid #111;}
.join .sb_search label { display: inline-block; margin-right: 20px;}
.join .sb_search input { text-align: center;}
.join .sb_search .sb1 { width: 94px;}
.join .sb_search .sb2 { width: 70px;}
.join .sb_search span { display: inline-block; position: relative;  padding: 0 10px;}
.join .sb_search span::before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 6px; height: 1px; background-color: #666;}
.join .sb_search span::after { content: ''; display: block; position: absolute; right: 0; top: 50%; width: 6px; height: 1px; background-color: #666;}
.join .sb_search .sb3 { width: 180px;}
.join .sb_search.other { padding-top: 0; border-top: none;}

.join .join_de_box { margin-top: -1px; padding: 40px 40px 55px; border-top: 1px solid #d1d1d1; background-color: #f7f7f7;}
.join .join_de_box dt { color: #bb4f1a;}
.join .join_de_box dd { padding: 0 6px;}
.join .join_de_box dd ul li { position: relative; margin-top: 5px; padding-left: 11px; line-height: 1.563rem;}
.join .join_de_box dd ul li::after { content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background-color: #757575; border-radius: 50%;}
.join .join_de_box dd ul li:first-child { margin-top: 15px;}





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

/* 공통 */
.other.contents { width: 100%; padding-top: 50px;}

/* 이용약관 */
.other .tablist { display: flex;}
.other .tablist button,
.other .tablist a { flex-grow: 1; display: flex; width: 100%; height: 54px; font-weight: 500; text-align: center; line-height: 20px; border: 1px solid #ccc; justify-content:center; align-items:center} /* 20230309 수정 */
.other .tablist .tab:nth-of-type(1n+2) { border-left: none;}
.other .tablist .tab.active,
.other .tablist .tab.active { color: #fff; border: 1px solid #bb4f1a; background-color: #bb4f1a;}
.other .tabpanel { display: none;}
.other .tabpanel.active { display: block;}
.other .tab .visible { display: none;}
.other .tab.active .visible { display: block;}

.other .number_lists >li { margin-top: 0.3125rem; padding-left: 1.063rem; text-indent: -1.063rem;}
.other .number_lists >li >ol >li { margin-top: 0.3125rem; padding-left: 1.063rem; text-indent: -1.063rem;}
.other .number_lists >li >ol >li ol li { margin-top: 0.3125rem; padding-left: 1.063rem; text-indent: -1.063rem;}


/* 이메일주소무단수집거부, 저작권정책 및 제휴문의 */
.other .paragraph-group { padding:43px 0 32px;}
.other .paragraph-group p { margin-top: 1.563rem; line-height: 1.563rem;}
.other .paragraph-group p:first-child { margin-top: 0.875rem;}
/* 사용안함 JSP에서 제거 후 삭제 */
.other .round_box { display: flex; justify-content: space-between; border: 1px solid #d7d7d7; border-radius: 5px;}
.other .round_box li { padding: 21px 38px;}
/* 사용안함 JSP에서 제거 후 삭제 */

/* 개인정보처리방침 */
.other .paragraph-group2 p { margin-top: 1.563rem; line-height: 1.563rem;}
.other .paragraph-group2 p:first-child { margin-top: 0.875rem;}
.other .sub_description { margin-top: 0.875rem; line-height: 1.563rem;}
.other .sub_description2 { margin-top: 0.875rem; line-height: 1.563rem;}
.other .append { margin-top: 1.25rem; font-size: 0.875rem; line-height: 1.25rem;}

.other .method_lists { padding-left: 1.375rem;}
.other .method_lists >li { margin-top: 1.563rem !important; line-height: 1.563rem;} /* 20221223 수정 */
.other .method_lists >li .subject { margin-left: -1.375rem; padding-left: 23px; text-indent: -23px;}
.other .method_lists >li .subject a[download], .other .method_lists >li .subject a.download { display: inline; position: relative; padding-left: 26px; text-decoration: underline;}
.other .method_lists >li .subject a[download]::before, .other .method_lists >li .subject a.download::before { content: ''; display: block; position: absolute; left: 2px; top: 0; width: 20px; height: 20px; background: url(/static/image/common_ico_download.png) no-repeat; background-size: 20px 20px;}
.other .method_lists >li ol { margin-bottom: -0.625rem; padding: 0.625rem 0 0 0;}
.other .method_lists >li ol li { margin-top: 0.3125rem;}
.other h5 { font-size: 1rem; color: #363636; line-height: 1.5rem;}

.other .graphic_box { display: flex; position: relative; margin-top: 1.563rem; padding: 30px 40px; justify-content: space-between; background-color: #f8f8f8; border-radius: 20px;}
.other .graphic_box .prcolor { display: flex; position: relative; z-index: 1; height: 90px; text-align: center; align-items: center; justify-content: center; line-height: 1.25rem; background-color: #fff; border-radius: 0.625rem;}
.other .graphic_box .pr_orange { border: 3px solid #bb4f1a;}
.other .graphic_box .pr_blue { border: 3px solid #4b63c3;}
.other .graphic_box .pr_gray { border: 3px solid #acacac;}
.other .graphic_box .pr_number { position: absolute; left: 50%; font-size: 0.875rem; text-align: center;}
.other .graphic_box .round { display: inline-block; width: 18px; height: 18px; padding-top: 2px; font-size: 0.9375rem; font-style: normal; color: #fff; text-align: center; border-radius: 50%;}
.other .graphic_box .round.round_orange { background-color: #bb4f1a;}
.other .graphic_box .round.round_blue { background-color: #4b63c3;}
.other .graphic_box .round.round_gray { background-color: #767676;}

.other .graphic_box.pr .prcolor { width: 30%;}
.other .graphic_box.pr .pr_blue { margin-left: auto;}
.other .graphic_box.pr .pr_number1 { top:37px; width: 38%; padding-bottom: 8px; border-bottom: 2px solid #f26522; transform: translate(-50%, 0);}
.other .graphic_box.pr .pr_number1::before { content: ''; display: block; position: absolute; right: 3px; top: 16px; width: 24px; height: 22px; background: url(/static/image/other_arrow_orange.png) no-repeat right center;}
.other .graphic_box.pr .pr_number2 { bottom:35px; width: 38%; padding-top: 8px; border-top: 2px solid #0477be; transform: translate(-50%, 0);}
.other .graphic_box.pr .pr_number2::before { content: ''; display: block; position: absolute; left: 3px; bottom: 16px; width: 24px; height: 22px; background: url(/static/image/other_arrow_blue.png) no-repeat left center;}

.other .graphic_box.pr2 { padding-bottom: 90px;}
.other .graphic_box.pr2 .pr_blue,
.other .graphic_box.pr2 .pr_gray  { margin-left: auto;}
.other .graphic_box.pr2 .prcolor { width: 20%;}
.other .graphic_box.pr2 .pr_number1 { top:47px; width: 20%; padding-bottom: 8px; border-bottom: 2px solid #f26522; transform: translate(-143%, 0);}
.other .graphic_box.pr2 .pr_number1::before { content: ''; display: block; position: absolute; right: 8px; top: 16px; width: 24px; height: 22px; background: url(/static/image/other_arrow_orange.png) no-repeat right center;}
.other .graphic_box.pr2 .pr_number2 { top:47px; width: 20%; padding-bottom: 8px; border-bottom: 2px solid #acacac; transform: translate(43%, 0);}
.other .graphic_box.pr2 .pr_number2::before { content: ''; display: block; position: absolute; right: 7px; top: 16px; width: 24px; height: 22px; background: url(/static/image/other_arrow_gray.png) no-repeat right center;}
.other .graphic_box.pr2 .pr_number3 { bottom:32px; width: 74%; padding-top: 8px; border-top: 2px solid #0477be; transform: translate(-50%, 0);}
.other .graphic_box.pr2 .pr_number3::after { content: ''; display: block; position: absolute; left: -23px; bottom: 26px; width: 23px; height: 23px; background: url(/static/image/other_arrow_left.png) no-repeat right center;}
.other .graphic_box.pr2 .pr_number3::before { content: ''; display: block; position: absolute; right: -11px; bottom: 26px; width: 11px; height: 33px; background: url(/static/image/other_arrow_right.png) no-repeat right center;}

.other .version_box { margin-top: 1.25rem; padding: 20px; text-align: center; border: 1px solid #d7d7d7; background-color: #f7f7f7; border-radius: 0.625rem;}
.other .version_box label { display: inline-block; position: relative; padding-left: 0.875rem; font-weight: 400; color: #363636; vertical-align: middle;}
.other .version_box label::before { content: ''; display: block; position: absolute; left: 0; top: 0.375rem; width: 5px; height: 5px; background-color: #707070; border-radius: 50%;}
.other .version_box select { width: 330px; margin: 0 10px; vertical-align: middle;}

.other .help_box { display: flex; margin-top: 3.75rem; padding: 20px 40px; justify-content: space-between; border: 1px solid #d7d7d7; border-radius: 0.625rem;}

/* 개인정보처리방침(20221223) start */
.keep_all {word-break:keep-all; word-wrap:break-word}
.other .indprtec_label {padding:56px 40px 60px; border-bottom:1px solid #d7d7d7; background:#eff5ff}
.other .indprtec_label ul {margin-top:8px; margin-left:-2.33%}
.other .indprtec_label ul:after {display:block; clear:both; content:""}
.other .indprtec_label li {position:relative; float:left; margin-top:20px; margin-left:2.33%; width:31%; height:18.3rem; border:1px solid #ccc; border-radius:1.875rem; background:#fff; text-align:center}
.other .indprtec_label li a {display:block; padding-top:12.8rem; height:100%}
.other .indprtec_label li a img {display:block; position:absolute; left:50%; top:4.06rem; transform:translateX(-50%)}
.other .indprtec_label li a .txt {display:block; font-size:1rem; color:#363636}
.other .indprtec_label li a:hover, .other .indprtec_label li a:focus {text-decoration:none}
.other .indprtec_label li .hover_info {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; border-radius:1.875rem; box-shadow:0 0 5px 1px rgba(0,0,0,0.1)}
.other .indprtec_label li .on + .hover_info {display:block}
.other .indprtec_label li .hover_info .tit {display:block; height:3.12rem; line-height:3.12rem; border-top-left-radius:1.875rem; border-top-right-radius:1.875rem; background:#4b63c3; color:#fff; font-size:1.125rem; font-weight:bold}
.other .indprtec_label li .hover_info .txt {display:flex; margin:0; padding:0 24px; line-height:25px; height:calc(100% - 3.12rem); text-align:left; word-break:keep-all; word-wrap:break-word; align-items:center; overflow-y:auto}
.other .indprtec_label li .hover_info .btn_close {position:absolute; right:25px; top:17px; width:20px; height:20px; background:url('/static/image/btn-close-wh.png') right top no-repeat}
.other .indprtec_label h4.twins_dot {margin-top:0; text-align:center}
.other .sub_txt {margin-top:6px; font-size:1.12rem; text-align:center}
.other .indprtec_list {margin-top:1.56rem; padding:2.5rem 6.4% 1rem; border:1px solid #ccc; border-radius:1.875rem; overflow:hidden}
.other .indprtec_list li {float:left; margin-bottom:20px; width:50%; min-height:60px}
.other .indprtec_list li a {position:relative; display:inline-block; padding-left:72px; line-height:28px; font-size:1.12rem; word-break:keep-all; word-wrap:break-word}
.other .indprtec_list li a:hover, .other .indprtec_list li a:focus {color:#4b63c3; font-weight:700; text-decoration:underline}
.other .indprtec_list li a img {position:absolute; left:0; top:0; width:60px; height:60px}
.other .indprtec_list li a span {display:flex; height:60px; align-items:center}

.other .policy_lists.v3 {line-height:1.563rem}
.other .policy_lists.v3 * {word-break:keep-all; word-wrap:break-word}
.other .policy_lists.v3 h4 {margin-top:0}
.other .policy_lists.v3 .img_lable {margin-bottom:1.25rem; width:3.75rem; height:3.75rem}
.other .policy_lists.v3 > li li + li {margin-top:0.437rem}
.other .policy_lists.v3 .graphic_box {justify-content: center}
/* 개인정보처리방침(20221223) end */

/* 이용안내 */
.other .guidance { margin: 0.9375rem 0 0 -0.75rem; padding: 40px; text-align: center; border: 1px solid #d1d1d1; border-radius: 10px;}
.other .guidance img { max-width: 100%;}

/* 404 */
.other_404 { position: relative; width: 725px; margin: 0 auto; padding: 100px 0;}
.other_404 h1 { position: absolute; right: 0; top: 355px;}
.other_404 h2.heading_kor { margin-top: 0.9375rem; font-size: 50px; color: #111;}
.other_404 h2.heading_eng { width: 480px; margin-top: 2.5rem; padding-top: 2.5rem; font-weight: 500; font-size: 40px; color: #111; border-top: 1px solid #d1d1d1;}
.other_404 .paragraph_ohter p { margin-top: 2.5rem; line-height: 1.75rem;}
.other_404 .paragraph_ohter p b { font-weight: 500; color: #111;}
.other_404 .paragraph_ohter p a { text-decoration: underline;}

/* OZ용 새창 */
#wrap .oz_body * { font-family: "Montserrat", "Noto Sans Kr", "맑은 고딕", "Malgun Gothic", sans-serif; color: #636363; text-shadow: none; box-shadow: none;}
#wrap .oz_body { padding: 70px 0 0;}
#wrap .oz_body header { position: fixed; left: 0; top: 0; width: 100%; padding: 20px; text-align: center; background-color: #4b63c3;}
#wrap .oz_body header h3 { font-size: 24px; color: #fff; line-height: 30px;}
#wrap .oz_body .btn_group { position: fixed; left: 0; bottom: 0; width: 100%; padding: 20px; text-align: center; background-color: #eee;}
#wrap .oz_body .pop_close { position: fixed; right: 0; top: 10px; z-index: 10;}
.oz_body .btn_group button,
.oz_body .pop_close  { width: initial; margin: 0; height: inherit; padding: 0; border: none;}
#wrap .oz_body .btn_group button { display: inline-block; margin: 0 5px; font-weight: 400;}
#wrap .oz_body .pop_close { padding: 10px; background-color: inherit; border-radius: inherit;}
#wrap .oz_body .pop_close:hover i { background-position-x: -490px;}


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

.ia { position: fixed; left: 10px; top: 10px; z-index: 500;}
.ia .html { position: absolute; right: -65px; top: 20px; width: 66px; padding: 20px 15px; color: #fff; background-color: #111; border-radius:  0 5px 5px 0;}
.ia .html::after { content: 'HTML 열기';}
.ia >ul >li { display: block !important; margin-top: 25px;}
.ia >ul >li >a { display: block; font-size: 20px; color: #e4ff00;}
.ia >ul >li >ul { display: none;}
.ia >ul >li >ul >li { margin-top: 10px;}
.ia >ul >li >ul >li >a { display: block; color: #00ffc4;}
.ia >ul >li >ul >li >a.active { padding: 5px; color: #111; background-color: rgba(255,255,255,0.5);}
.ia >ul >li >ul >li >ul { margin-top: 10px;}
.ia >ul >li >ul >li >ul >li { padding-left: 10px;}
.ia >ul >li >ul >li >ul >li >a { display: block; padding: 5px 0; font-size: 14px; font-weight: 200; color: #fff;}
.ia >ul >li >ul >li >ul >li >a.active { padding: 5px; color: #111; background-color: #fff;}
.ia a:hover { text-decoration: underline;}
.ia a.no_link { color: rgba(255, 255, 255, .5);}
.ia.open { left:0;}
.ia.open .html { background-color: #133a81;}
.ia.open .html::after { content: 'HTML 닫기';}

.ia_sitemap { display: block; padding: 15px; color: #fff !important; text-align: center; background-color: #004f91; border-radius: 0.625rem;}
.ia_guide { display: block; margin-top: 15px; padding: 15px; text-align: center; border: 1px solid #d1d1d1; background-color: #fff; border-radius: 0.625rem;}
.common_class { display: block; margin-top: 15px; padding: 15px; text-align: center; border: 1px solid #d1d1d1; background-color: #fff; border-radius: 0.625rem;}
.common_class:hover { text-decoration: underline;}

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














/* 프린터 미디어퀘리
**********************************************/

@media print {

.footer { display: none;}



}