@charset "UTF-8";
@import url('reset.css');

/********* common_layout *********/
html, body {height:100%;background-color:#F7F7F7;}
.ovf_hdn {overflow:hidden;height:100%;}
.wrap {position:relative;z-index:1;min-height:100%;}
.wrap_inner {position:relative;margin:0 auto;}
.body_bg {background:#fff}
.container {width:100%;padding-top:50px;padding-bottom:100px;}
.contents {position:relative;min-height:400px;margin:0 auto;}
.contents_box {margin-bottom:50px;padding:60px;border-radius:30px;border:1px solid #CCCCCC;background-color:#fff;}
.contents_box + .contents_box {margin-top:-30px;}
.page_title {margin-bottom:55px;text-align:center;}
.page_title h2 {font-size:30px}
.page_title .sub {display:block;margin-bottom:5px;font-size:20px;font-weight:500;}
.list_title {margin-top:60px;margin-bottom:16px;text-align:left;font-size:20px;font-weight:700}
.list_title:after {content:'';display:block;clear:both}
.list_title.line {padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #242B36}
.list_title:first-child {margin-top:0}
.list_title small{font-size:12px;color:#72777e;margin-left:10px;font-weight:400}
.list_title > .fsty01{font-size:16px;font-weight:400;margin-left:6px}
.sub_title  {font-size:18px;font-weight:400;}

/********** header **********/

/* skipNavi */
#skipNavi {position:absolute;top:-100px;z-index:10000;width:100%;}
#skipNavi li {float:left;width:100%;position:absolute;top:0;left:0;}
#skipNavi a {overflow:hidden;text-align:center;color:#fff;}
#skipNavi a:focus,
#skipNavi a:active {position:absolute;top:100px;left:0;height:auto;width:100%;margin-bottom:10px;padding:5px;font-weight:bold;background:#000;color:#fff;}

/* header top */
.header_popup {position:relative;z-index:1;width:100%;background: linear-gradient(268deg, #aa46f9 50%, #56a5ff 50%)}
.header_popup .wrap_inner {position:absolute;top:0;color:#fff;height:140px}
.header_popup .wrap_inner .today_chk {font-size:12px;}
.header_popup .goodCompany_popup {position:relative;height:100%;/*background-image:url('../images/common/header_bnr.png');background-position:center;background-repeat:no-repeat;background-size: auto 140px;*/}
.header_popup .goodCompany_popup .wrap_inner .today_chk {position: absolute;right:5px;bottom: 5px;font-size:12px;}
.header_popup .goodCompany_popup .wrap_inner {text-align: center;}
.header_popup .goodCompany_popup .wrap_inner .tit {padding:15px 0 10px;font-size:28px;}
.header_popup .goodCompany_popup .wrap_inner .txt {font-size:17px;letter-spacing: 0.5px;}
.header_popup .goodCompany_popup img {width:100%;height:140px;object-fit: none;}
.header_popup .goodCompany_popup img.mb {display:none}


header {/*position:fixed;left:0;top:0;*/ width:100%;z-index:9;background-color:#FFF;border-bottom:1px solid #D7DCE5;}
header .gnb_area {position:relative;height:100px;}
header .gnb_area .logo a {display:block;width:150px;height:53px;background:url('../images/common/h_logo.png') no-repeat center;background-size:100% auto;font-size:0}
header .gnb {display:flex;}
header .gnb > li > a {display:block;position:relative;font-size:22px;font-weight:700;}
header .gnb > li > a:after {content:'';display:block;position:absolute;left:0;bottom:-4px;z-index:2;width:100%;height:0;background-color:#0E457A;}
header .gnb > li.active > a, header .gnb > li:hover > a, header .gnb > li > a:focus {color:#0072DB ;font-weight:700;}

header .sub_menu ul {display:flex;margin:0 auto;width:1200px;height:70px;gap:10px}
header .sub_menu ul li {flex:none}
header .sub_menu ul li a {position:relative;display:block;font-size:16px;padding:0 15px;line-height:70px;z-index:1;}
header .sub_menu ul li.active a,
header .sub_menu ul li a:hover, header .sub_menu ul li a:focus { font-weight:700;color:#0072DB }
header .sub_menu ul li a:after{ content:'';display:block;position:absolute;left:50%;bottom:-1px;width:0;margin-left:-50%;height:5px;background:linear-gradient(268.4deg, #FF75A7 -3.43%, #0072DB  83.25%);background-color:#2e91fe;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
header .sub_menu ul li.active a:after,
header .sub_menu ul li a:hover:after, header .sub_menu ul li a:focus:after{ opacity:1;width:100%;}

#subMenu06 {gap:0}
#subMenu06 a {padding:0 10px;}
header .util {position:absolute;right:0;top:27px;display:flex;z-index:3;}
header .util_box {position:relative;display:flex;justify-content:center;align-items:center;height:50px;}
header .util_box .item {position:relative;height:60px;}
header .util_box .item + .item {margin-left:20px}
header .util_box .item > a {display:block;margin-top:15px;font-size:15px;}
header .util_box .item_box {display:none;position:absolute;left:-20px;top:55px;width:max-content;padding:20px 20px;border:1px solid #D7DCE5;border-radius:15px;background:#fff;}
header .util_box .item_box ul li a {position:relative;display:inline-block;padding:2px 0;}
header .util_box .item_box ul li a:hover, header .util_box .item_box ul li a:focus {font-weight:700;}
header .util_box .item.on .item_box {display:block;}
header .util_box .item .ico {display:inline-block;width:40px;height:28px;vertical-align:middle;}

header .util_box .item.login .ico {background:url('../images/common/ico_login.png') no-repeat center -1px;background-size:auto 28px;}
header .util_box .item.login.active > a,
header .util_box .item.login.on > a {color:#0072DB ;font-weight:700;}
header .util_box .item.login.active .ico,
header .util_box .item.login.on .ico {background:url('../images/common/ico_login_on.png') no-repeat center -1px;background-size:auto 28px;}
header .util_box .item.join .ico {background:url('../images/common/ico_join.png') no-repeat center;background-size:auto 26px;}
header .util_box .item ul li a > em {position:relative;z-index:1;}
header .util_box .item ul li.on a:after,
header .util_box .item ul li a:hover:after, header .util_box .item ul li a:focus:after {content:'';display:block;position:absolute;right:-6px;top:-0;width:12px;height:12px;background-color:#0072DB ;border-radius:100%;}
header .util_box .item ul li.on a,
header .util_box .item ul li a:hover, header .util_box .item ul li a:focus {font-weight:700;}
header .util_box .item.resume .ico {background:url('../images/common/ico_resume.png') no-repeat center -1px;background-size:auto 27px;}
header .util_box .item.mypage .ico {background:url('../images/common/ico_mypage.png') no-repeat center;background-size:auto 26px;}
header .util_box .item.mypage > a {color:#0072DB;}
header .util_box .item.mypage .item_box {right:0;left:auto;}
header .util_box .item.mypage .item_box ul {display:flex;flex-wrap:wrap;width:395px;border-top:1px solid #F3F3F3}
header .util_box .item.mypage .item_box ul li {flex:auto;width:45%;margin-top:15px;}
header .util_box .item.mypage .item_box ul li:nth-child(even) {width:55%}
header .util_box .item.mypage .item_box ul li.on a:after,
header .util_box .item.mypage .item_box ul li a:hover:after, header .util_box .item ul li a:focus:after {background-color:#FF75A7;}
header .util_box .item.mypage .item_box .btn_logout {position:absolute;right:20px;top:20px;display:inline-block;height:20px;line-height:20px;border-radius:30px;padding:0 15px;background-color:#F1F1F1;font-size:13px;}
header .util_box .item.mypage .item_box .myname {display:inline-block;position:relative;padding-bottom:15px;font-size:18px;}
header .util_box .item.mypage .item_box .myname em {display:inline-block;position:relative;z-index:1;}
header .util_box .item.mypage .item_box .myname em b {font-weight:700;}
header .util_box .item.mypage .item_box .myname em:after {content:'';display:block;position:absolute;right:-7px;top:-2px;width:12px;height:12px;background-color:#FF75A7;border-radius:100%;z-index:-1}

header .m_gnb {display:none;position:absolute;right:0;top:5px;}
header .m_gnb span {display:block;}
header .m_gnb .open {width:50px;height:50px;}
header .m_gnb .open a {display:block;width:100%;height:100%;background:url('../images/common/ico_mgnb_open.png') no-repeat center;background-size:22px auto;font-size:0}
header .m_gnb .close {display:none;width:50px;height:50px;margin-left:20px;}
header .m_gnb .close a {display:block;width:100%;height:100%;background:url('../images/common/ico_mgnb_close.png') no-repeat center;background-size:22px auto;font-size:0}
header.mb_active .open {display:none;}
header.mb_active .close {display:block;position:absolute;right:0;}

/* 기업 */
.cmp_util .item.mypage .item_box ul {width:250px !important}
.cmp_util .item.mypage .item_box ul li{width:50% !important}

/********** foonter **********/
footer {width:100%;background-color:#fff;border-top:1px solid #DFDFDF;padding:50px 0;color:#000000;font-size:14px;}
footer .wrap_inner {display:flex;justify-content:flex-start;padding:20px 0;}
footer .footer_mid {margin:0 80px;}
footer .footer_right {position:relative;flex:auto;text-align:right;}
footer .mss  {display:block;width:160px;height:32px;background:url('../images/common/mss_logo.png') no-repeat center;background-size:100% auto;font-size:0}
footer .logo {display:block;width:160px;height:57px;margin-top:30px;background:url('../images/common/h_logo.png') no-repeat center;background-size:100% auto;font-size:0}

footer .link .left {display: inline-block;}
footer .link a {position:relative;display:inline-block;padding:0 20px;font-weight:500;font-size:14px}
footer .link a::before {display:inline-block;content:'';clear:both;position:absolute;left:0;top:2px;width:1px;height:16px;background:#D2D2D2;}
footer .link a:first-child {padding-left:0}
footer .link a:first-child::before {display:none}
footer .link a:hover,
footer .link a:focus {color:#0072DB ;}
footer .link a:first-child {color:#0072DB ;}
/* footer .link a:first-child {color:#003894; font-size: 25px; font-weight:700;} */

footer address {margin:40px 0 30px 0;font-size:14px}
footer .phone {display:inline-block;font-weight:500;font-size:14px;}
footer .phone em * {color:#FF75A7;font-size:22px;font-weight:700}
footer .company {float:right;margin-left:100px;}
footer .company li {margin-bottom:10px;color:#000}
footer .company li span {display:inline-block;width:200px;font-weight:500;}
footer .family_site select {width:190px;line-height:36px;font-size:14px;margin-right:5px;border:1px solid #CFCFCF}
footer .copy {color:#72777E;}

/********** type **********/
/* style */
.cont_each {margin-top:40px;}
.cont_each.line {padding-bottom:50px;border-bottom:1px solid #CCCCCC;}
.cont_each:first-child {margin-top:0;}
.desc01 {font-size:13px;color:#757575;font-weight:300;}
.desc02 {font-size:24px;color:#242B36;font-weight:400;}
.cnt_txt01 {font-size:22px;font-weight:500;}
.cnt_txt02 {font-size:18px;font-weight:500;}
.cnt_txt02.md {font-size:16px;}
.cnt_txt03 {font-size:14px;font-weight:500;}
.cnt_txt03 + ul, .cnt_txt03 + p {margin-top:10px;}
.cnt_txt04 {font-size:16px;color:#353A4A}
.cnt_txt04.lg {font-size:18px}
.cnt_txt05 {font-size:14px;color:#72777E}
.cnt_txt06 {font-size:16px;color:#0072DB}

.blt_txt01  {position:relative;padding-left:15px;line-height:1.5;font-size:14px;color:#72777E}
.blt_txt01:before {display:inline-block;content:'';clear:both;position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:100%;background:#60646B;}
.blt_txt02  {position:relative;padding-left:15px;line-height:1.8;font-weight:500;}
.blt_txt02:before {display:inline-block;content:' ';clear:both;position:absolute;left:0;top:10px;width:4px;height:6px;background:url('../images/common/blt_arrow01.png') no-repeat center;background-size: 100% auto;}
.blt_txt02 + .dl_cnt01 {margin-top:20px}

.caution_txt01 {position:relative;padding-top:4px;padding-left:28px;font-size:14px;color:#0072DB ;}
.caution_txt01:before{display:block;content:"";width:20px;height:24px;position:absolute;left:0;top:6px;background:url(../images/common/blt_caution01.png) no-repeat;background-size:18px auto;}
.caution_txt02 {position:relative;padding-top:4px;padding-left:20px;color:#757575;}
.caution_txt02:before{display:block; content:"※";color:#757575;position:absolute; left:0; top:4px;background-size:20px auto;}
.caution_txt02.sm::before {font-size:14px;top:7px}
.ex_txt01 {position:relative;padding-left:28px;font-size:14px; color:#757575;}
.ex_txt01:before{display:block; content:"ex.";font-size:14px;position:absolute; left:0; top:0;color:#757575}
span.blk_line, span.blk_arrow  {display:block;}
span.blk_line em, span.blk_arrow em, span.blk_arrow_right em {position:relative;display:inline-block;}
span.blk_line em + em {margin-left:8px;padding-left:10px;}
span.blk_line em + em::before {display:inline-block;content:'';clear:both;position:absolute;left:0;top:4px;width:1px;height:15px;background:#D2D2D2;}
span.blk_arrow em + em {position:relative;margin-left:8px;padding-left:10px;}
span.blk_arrow em + em::before {display:inline-block;content:'';clear:both;position:absolute;left:-5px;top:0;width:8px;height:22px;background:url(../images/common/ico_arrow_r03.png) center / 5px auto no-repeat}
span.blk_arrow_right em {padding-right:5px;margin-right:10px}
span.blk_arrow_right em:after {display:inline-block;content:'';clear:both;position:absolute;right:-10px;top:0;width:8px;height:22px;background:url(../images/common/ico_arrow_r03.png) center / 5px auto no-repeat}
span.blk_arrow_right em:last-child:after {display:none;}
.txt_line01 {display:block;overflow:hidden;height:23px;white-space:nowrap;text-overflow:ellipsis;}
.txt_link{font-size:14px;color:#0072DB ;font-weight:500;display:inline-block;padding-right:20px;background:url(../images/common/ico_arrow_r02.png) right center / 20px auto no-repeat}
.txt_link_border{min-height:32px;font-size:13px;color:#242B36;font-weight:400;display:inline-block;padding:6px 35px 6px 15px;border:1px solid #8490A4;border-radius:8px;background:url(../images/common/ico_arrow04.png) right 15px center / 20px auto no-repeat}
.txt_link_border:hover{background-color:#f8f8f8}

/* list */
.line_area {margin:30px 0 0 0;padding-top:30px;border-top:1px solid #ccc;}
hr.line_area {display:block;margin:30px 0 0 0;padding:30px 0 0 0;border:none;border-top:1px solid #ccc;}
.list_cnt01 > li {position:relative;padding-left:12px;line-height:1.5;font-size:14px;color:#72777E}
.list_cnt01 > li:before {display:inline-block;content:'';clear:both;position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:100%;background:#60646B;}
.list_cnt01 > li > ul > li{position:relative;padding-left:12px;}
.list_cnt01 > li > ul > li:before{display:inline-block;content:'-';clear:both;position:absolute;left:0;top:-1px;width:4px;}
.list_cnt02 > li {position:relative;padding-left:15px;line-height:1.8;font-size:14px;color:#353A4A}
.list_cnt02.md > li {font-size:16px;color:#242B36}
.list_cnt02 > li:before {display:inline-block;content:' ';clear:both;position:absolute;left:0;top:10px;width:4px;height:6px;background:url('../images/common/blt_arrow01.png') no-repeat center;background-size:100% auto;}
.list_cnt02 + .board_list {margin-top:20px}
.list_cnt01.decimal{margin-left:1.0em}
.list_cnt01.decimal > li {list-style:decimal;padding-left:3px;}
.list_cnt01.decimal > li:before {display:none}
.decimal{margin-left:1.0em}
.decimal > li {list-style:decimal;padding-left:3px;}
.decimal > li:before {display:none}
.dl_cnt01 > dt {position:relative;padding-left:15px;line-height:1.8;font-weight:500;}
.dl_cnt01 > dt:before {display:inline-block;content:' ';clear:both;position:absolute;left:0;top:10px;width:4px;height:6px;background:url('../images/common/blt_arrow01.png') no-repeat center;background-size:100% auto;}
.dl_cnt01 > dd {margin:18px 15px 0;color:#353A4A;line-height:1.8;}
.dl_cnt01.dot dt:before {top:12px}
.dl_cnt01.dot > dd {position:relative;padding-left:12px;margin:5px 15px;}
.dl_cnt01.dot > dd:before {display:inline-block;content:'';clear:both;position:absolute;left:0;top:12px;width:4px;height:4px;border-radius:100%;background:#60646B;}
.dl_cnt01.dot + .dl_cnt01.dot {margin-top:20px}
.dl_cnt01.lg > dt {color:#003894;}
.dl_cnt01.lg > dd {margin-top:10px;}
.dl_cnt01.lg > dd strong {color:#000}
.dl_cnt01.lg + .dl_cnt01.lg {margin-top:40px}


.dl_cnt02 > dt {position:relative;padding-left:15px;line-height:1.8;margin-bottom:5px;color:#353A4A}
.dl_cnt02 > dt:before {display:inline-block;content:' ';clear:both;position:absolute;left:0;top:10px;width:4px;height:6px;background:url('../images/common/blt_arrow01.png') no-repeat center;background-size: 100% auto;}
.dl_cnt02 > dd {position:relative;margin-left:15px;padding-left:15px;line-height:1.8;color:#353A4A}
.dl_cnt02 > dd:before {display:inline-block;content:'';clear:both;position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:100%;background:#60646B;}

.desc_area {text-align:center;}
.desc_area .tit {font-size:35px;font-weight:700;color:#0072DB}
.desc_area .tit em {font-size:56px;background: linear-gradient(264.61deg, #FF75A7 0.94%, #1F98E9 85.3%);color:transparent;background-clip: text;-webkit-background-clip: text;}
.desc_area .txt {margin-top:10px;font-size:19px;color:#353A4A}

/* box */
.info_box01 {display:flex;align-items:center;margin-bottom:20px;padding:42px 60px;border-radius:30px;border:1px solid #CCCCCC;background-color:#fff;}
.info_box01 i.ico {display:inline-block;width:90px;height:90px;margin-right:50px;}
.info_box01 i.ico img {width:90px;height:90px;}
.line_box01 + .line_box01 {border-top:1px solid #ccc}
.line_box01 .right {border-left:1px solid #ccc}
.list_box01 {border-top:1px solid #242B36;}
.list_box01 li {display:flex;border-bottom:1px solid #CCCCCC;}
.list_box01 li .left {flex:none;width:250px;padding:30px}
.list_box01 li .left .stxt {margin-top:10px;color:#5B6174;font-size:14px;}
.list_box01 .table_cont03  {border:none}
.info_box02 {padding:20px 40px;border-top:2px solid #242B36;border-bottom:1px solid #CCCCCC;color:#5B6174;text-align:center;word-break: break-all;}
.info_box02.chk_area .item_radio {margin-bottom:10px;}

.search_box01 {display:flex;margin-bottom:20px;padding:30px;text-align:center;background-color:#F3F7FA;border-radius:8px;justify-content:center;align-items:center;}
.search_box01 fieldset {display:flex;width:100%;justify-content:center;}
.search_box01 .intxt, .search_box01 .select, .search_box01 button {margin-bottom:5px}
.search_box01 .btn_right {flex:none;margin-left:10px}
.search_box01 .intxt {width:520px}
.search_box01 .intxt + button {margin-left:5px}
.search_box01 .btn_search > i {margin-right:-8px;}
.search_box01 select {margin-right:5px}
.title_box01 {padding:20px 10px;background-color:#F3F7FA;text-align:center;font-size:20px;font-weight:500;border-radius:8px;}
.title_box01 > em.sub {font-size:14px;color:#5B6174;font-weight:400;margin-left:20px;}
.textarea_box {padding:30px;border:1px solid #CCCCCC;border-radius:10px;}
.box_gray_border{padding:24px;border:1px solid #ccc;border-radius:8px}
.edit_area {display:block;}

/* ico */
button > i.onepass {display:inline-block;width:22px;height:22px;margin-right:10px;background:url('../images/contents/ico_onepass.png') no-repeat left center;background-size:100%;vertical-align:middle;}
button > i.setting {display:inline-block;width:20px;height:20px;margin-right:5px;background:url('../images/common/ico_setting.png') no-repeat left center;background-size:100%;vertical-align:middle;}
button > i.phone {display:inline-block;width:20px;height:28px;margin-right:5px;margin-top:-3px;background:url('../images/common/ico_phone.png') no-repeat left center;background-size:100%;vertical-align:middle;}
button > i.phoneFind {display:inline-block;width:30px;height:30px;margin-right:5px;margin-top:-3px;background:url('../images/common/ico_phone_find.png') no-repeat left center;background-size:100%;vertical-align:middle;}
button > i.ico_reset {margin-top:-4px;margin-right:5px}
.ico_note {width:24px;height:24px;background:url('../images/common/ico_addNote.png') no-repeat right center;background-size:24px auto;}
.ico_arrow02 {display:inline-block;width:20px;height:20px;background:url('../images/common/ico_arrow_right01.png') no-repeat center;background-size:6px auto;vertical-align:sub;}
.ico_arrow03 {display:inline-block;font-size:0;width:24px;height:24px;background:url('../images/common/ico_arrow_cr01.png') no-repeat center;background-size:24px auto;vertical-align:top;}

i.nec{display:inline-block;width:15px;position:relative;font-size:0;line-height:0;}
i.nec:before{display:block;content:"*";font-size:20px;position:absolute;left:3px;top:-7px;color:#FF0000;font-weight:700}
i.ico_search {display:inline-block;width:24px;height:20px;vertical-align:sub;background:url('../images/common/ico_search01.png') no-repeat center;background-size:24px auto;}
i.ico_resume {display:inline-block;width:30px;height:30px;background:#fff url('../images/common/ico_resume.png') no-repeat center;background-size:auto 28px;vertical-align:middle;}
i.ico_star {display:inline-block;width:24px;height:24px;background:url('../images/common/ico_star.png') no-repeat center;background-size:auto 24px;vertical-align:sub;}
i.ico_arrow {display:inline-block;width:20px;height:20px;background:url('../images/common/ico_arrow_r01.png') no-repeat center;background-size:6px auto;vertical-align:sub;}
i.setting {display:inline-block;width:20px;height:20px;margin-right:5px;background:url('../images/common/ico_setting.png') no-repeat right center;background-size:19px auto;vertical-align:middle;}
i.down {display:inline-block;width:20px;height:20px;margin-right:5px;background:url('../images/common/ico_down.png') no-repeat right center;background-size:19px auto;vertical-align:middle;}
i.ico_call {display:inline-block;width:30px;height:30px;background:url('../images/common/ico_call.png') no-repeat center;background-size:30px auto;vertical-align:bottom;}
i.ico_write {display:inline-block;width:25px;height:25px;background:url('../images/common/ico_write.png') no-repeat center;background-size:24px auto;vertical-align:middle;}
i.ico_print {display:inline-block;width:25px;height:25px;background:url('../images/common/ico_print.png') no-repeat center;background-size:24px auto;vertical-align:middle;}
i.ico_reset {display:inline-block;width:20px;height:20px;background:url('../images/common/ico_reset.png') center / 20px auto no-repeat;vertical-align:middle;}
i.ico_scrap {display:inline-block;width:20px;height:20px;background:url('../images/common/ico_scrap.png') center / 12px auto no-repeat;vertical-align:-4px;}

[class*="btn"] > i.down {margin-left:5px;vertical-align:sub;}

/* btn */
.lbtn {min-width:120px;display:inline-block;vertical-align:middle;height:50px;line-height:48px;padding:0 10px;text-align:center;font-size:16px;font-weight:500;border-radius:8px;}
.tbtn { display:inline-block;vertical-align:middle;height:40px;line-height:38px;padding:0 10px;text-align:center;font-size:14px;font-weight:400;border-radius:8px;}
.mbtn {min-width:78px;display:inline-block;vertical-align:middle;height:40px;line-height:38px;padding:0 10px;text-align:center;font-size:14px;font-weight:400;border-radius:8px;}
.sbtn {min-width:50px;display:inline-block;vertical-align:middle;height:38px;line-height:36px;padding:0 10px;text-align:center;font-size:14px;;font-weight:400;border-radius:8px;}
.xsbtn {min-width:50px;display:inline-block;vertical-align:middle;height:30px;line-height:28px;padding:0 10px;text-align:center;font-size:14px;;font-weight:400;border-radius:6px;}
.rbtn {min-width:200px;padding:0 20px;border-radius:30px;;min-width:109px;height:36px;line-height:34px;}
.rbtn01 {min-width:200px;padding:0 20px;border-radius:6px;;min-width:109px;height:44px;line-height:42px;}
.btn01 {background-color:#0072DB ;border:1px solid #0072DB  ;color:#fff;}
.btn02 {background-color:#003894;border:1px solid #fff;color:#fff;}
.btn03{background-color:#676B76;border:1px solid #676B76;color:#fff;}
.btn04{background-color:#fff;border:1px solid #0072DB ;color:#0072DB ;}
.btn05{background-color:#fff;border:1px solid #8490A4;color:#242B36;}
.btn06{background-color:#00a554;border:1px solid #8490A4;color:#fff;}
.btn07{background-color:#F272AE;border:1px solid #F272AE;color:#fff;}
.wbtn {width:100% !important}
.wbtn02 {width:300px !important}
.btn_all {display:inline-block;padding-right:30px;background:url('../images/common/btn_all.png') right center / 24px auto no-repeat;vertical-align:middle;}
.mb_blk {margin-left:10px}
.btn_area {display:flex;text-align:center;justify-content:center;margin-top:40px;}
.btn_area button + button {margin-left:8px;}
.btn_form {display:flex;justify-content:center;margin-top:50px;}
.btn_form.line {padding-top:40px;border-top:1px solid #ccc;}
.btn_form .lbtn {width:300px}
.btn_form .lbtn + .lbtn {margin-left:8px}
.btn_form + form {margin-top:40px}
.btn_form + .board_option {margin-top:40px}
.btn_form_md {position:relative;display:flex;justify-content:flex-end;margin-top:20px;}
.btn_form_md .btn_left {flex:auto;}
.btn_form_md .btn_center {display:flex;width:100%;justify-content:center;}
.btn_form_md .btn_center + button {position:absolute;right:0;top:0;}
.btn_form_md button + button {margin-left:5px}

.btn_form.cell {position:relative;display:flex;justify-content:center;margin-top:50px;margin-bottom:60px;}
.btn_form.cell .lbtn {width:148px;}
.btn_form.cell .btn_right {position:absolute;right:0;top:0;}

.btn_more01 {display:block;width:230px;height:46px;line-height:44px;font-size:14px;;margin:20px auto 0;border:1px solid #8490A4;color:#8490A4;background-color:#fff;border-radius:8px;text-align:center;}
.btn_more01 span {position:relative;display:inline-block;font-size:14px;color:#5B6174;}
.btn_more01 span:after {content:'';display:inline-block;position:absolute;right:-20px;top:12px;width:20px;height:20px;background:url('../images/common/ico_more01.png') no-repeat center;background-size:10px auto;}
.btn_more02 {display:block;width:90px;height:40px;line-height:40px;font-size:14px;;margin:20px auto 0;color:#8490A4;background-color:#fff;text-align:center;}
.btn_more02 span {position:relative;display:inline-block;font-size:14px;color:#5B6174;}
.btn_more02 span:after {content:'';display:inline-block;position:absolute;right:-20px;top:10px;width:20px;height:20px;background:url('../images/common/ico_more01.png') no-repeat center;background-size:10px auto;}

.btn_arrow01 {display:block;height:44px;line-height:42px;font-size:14px;;border:1px solid #666D82;color:#666D82;background-color:#fff;border-radius:10px;text-align:center;}
.btn_arrow01 span {position:relative;display:inline-block;font-size:14px;}
.btn_arrow01 span:after {content:' ';display:inline-block;position:absolute;right:-22px;top:11px;width:20px;height:20px;background:url('../images/common/ico_arrow_r01.png') no-repeat center;background-size:6px auto;}
.btn_resume {display:block;width:136px;height:50px;line-height:48px;border:1px solid #8490A4;background:#fff;border-radius:10px;text-align:center;}
.btn_resume > i {margin:-3px 4px 0 0}
.btn_reset{color:#0072DB;border:1px solid #0072db;border-radius:8px;font-size:14px;padding:5px 10px 5px 30px;height:40px;background:url(../../resources/images/common/ico_reset.png) left 10px center / 20px auto no-repeat;}
.btn_delete01 {display:inline-block;width:20px;height:20px;margin-top:-3px;font-size:0;background:url(../../resources/images/common/ico_delete_sm.png) center / 14px auto no-repeat;vertical-align:bottom;}
.btn_inter > i {margin-left:5px;margin-right:-6px}
.btn_inter.active > i {background-image:url(../../resources/images/common/ico_star_on.png)}
.btn_inter_scrap.active > i {background-image:url(../../resources/images/common/ico_scrap_on.png)}


/* switch */
.switch {position:relative;width:50px;height:20px;vertical-align:middle}
.switch input {opacity:0;width:50px;height:20px;}
.switch .slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#D9D9D9;-webkit-transition:.4s;transition:.4s;border-radius:30px;}
.switch .slider:before {position:absolute;content:"";width:26px;height:26px;left:-2px;top:-3px;background-color:#757575;-webkit-transition:.4s;transition:.4s;border-radius:50%;}
.switch input:focus + .slider {box-shadow:0 0 1px #0072DB ;}
.switch input:checked + .slider:before {background-color:#0072DB ;-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}
.bg_change.switch_area .txt {margin-right:80px;}

/* radio button type */
.radio_btn_type{display:flex;gap:5px;}
.radio_btn_type button{flex:1 1 0;height:40px;border:1px solid #8490A4;background-color:#fff;color:#242B36;font-size:14px;}
.radio_btn_type button[aria-selected="true"]{border:1px solid #0072DB;background-color:#0072DB;color:#fff;}

/* tab */
.tab_area01 {margin-bottom:30px;}
.tab_area01 ul {display:flex;;border-bottom:1px solid #242B36;}
.tab_area01 ul > li {flex:1;min-width:200px;position:relative;top:1px}
.tab_area01 ul > li > a {display:flex;justify-content:center;align-items:center;height:60px;padding:0 20px;position:relative;border:1px solid #ccc;border-bottom:1px solid #000;border-radius:10px 10px 0 0;background-color:#fff;margin-left:-1px;}
.tab_area01 ul > li.active > a, .tab_area01 ul > li > a:hover,.tab_area01 ul > li > a:focus  {z-index:1;border:1px solid #000;border-bottom:1px solid #fff;}

.tab_area02 {position:relative;display:flex;}
.tab_area02 > li {flex:1}
.tab_area02 > li > .tab {display:flex;justify-content:center;align-items:center;text-align:center;border-radius:10px 10px 0 0;height:60px;border:1px solid #CCCCCC;border-bottom:1px solid #000;border-left:none;background-color:#fff;}
.tab_area02 > li:first-child > .tab {border-left:1px solid #CCCCCC;}
.tab_area02 > li > .tab_con {display:none;position:absolute;left:0;top:60px;width:100%}
.tab_area02 > li > ul li {padding:20px 0;}
.tab_area02 > li > ul li + li {border-top:1px dashed #bbbbbb;}
.tab_area02 > li:last-child > ul {margin-top:0}
.tab_area02 > li.active > .tab {border:1px solid #000000;border-bottom:none;background-color:#fff;margin-left:-1px;}
.tab_area02 > li.active .tab_con, .recruit_list > li.active .btn_more01 {display:block;}
.tab_area02 > li > .btn_more01 {display:none;}


.tab_area03 {position:relative;display:flex;}
.tab_area03 > li > .tab {display:block;align-items:center;padding:10px 20px 20px;text-align:center;color:#656C78;font-size:20px;}
.tab_area03 > li > .tab_con {display:none;position:absolute;left:0;top:59px;width:100%;}
.tab_area03 > li > ul li + li {padding:20px 0;border-top:1px solid #D7DCE5;}
.tab_area03 > li:last-child > ul {margin-top:0}
.tab_area03 > li.active > .tab {position:relative;color:#1F98E9;font-weight:700;}
.tab_area03 > li.active > .tab::after {content:'';display:block;position:absolute;left:0;bottom:-1px;width:100%;height:6px;background: linear-gradient(264.61deg, #FF75A7 0.94%, #1F98E9 85.3%);}
.tab_area03 > li.active .tab_con {display:block;}


/* form */
.intxt{height:40px;line-height:38px;padding:0 15px;border:1px solid #757575;border-radius:8px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#6B7285;}
textarea.intxt{height:100px;line-height:1.3em;padding:10px 15px;border:1px solid #757575;border-radius:8px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#6B7285;}
.inp_w01 {width:300px}
.inp_w02 {width:100% !important}
.inp_w03 {width:566px}
.inp_w04 {width:75px}
.inp_w_num {width:80px}
.inp_num01 {width:50px}
.inp_num02 {width:70px}
.date {width:140px; background:url(../images/common/ico_datepicker.png) right 6px center / 24px auto no-repeat; background-color:#fff!important; color:#6B7285!important}
.sel_w01 {width:100%}
.sel_w02 {width:300px}
.sel_w03 {width:140px}
.sel_w04 {width:260px}
select.select {min-width:90px;max-width:100%}

.lyform{display:flex;gap:5px;position:relative;align-items:center}
.lyform.has_btn{padding-right:100px}
.lyform > *{flex:1 0 0}
.lyform.fg0 > *{flex:0 0 auto}

.item_chk, .item_radio {display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:20px}
.item_chk:last-of-type, .item_radio:last-of-type {margin-right:0;}
.item_chk input,
.item_radio input {display:inline-block;border:none;-webkit-appearance:none;margin:0;padding:0;cursor:pointer;vertical-align:top;position:absolute;left:0;width:1px;height:1px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.item_chk input[type=checkbox]:focus,
.item_radio input[type=radio]:focus {width:20px;height:22px;top:4px;}
.item_chk input[type=checkbox] + label{cursor:pointer;display:inline-block;min-width:20px;min-height:23px;line-height:1.5;text-align:left;vertical-align:top;font-size:14px;padding:1px 5px 2px 27px;color:#757575;font-weight:400;background:url('../images/common/ico_chk.png') no-repeat left 3px;background-size:20px 20px;}
.item_chk input[type=checkbox]:checked + label {background:url('../images/common/ico_chk_on.png') no-repeat left 3px;background-size:20px 20px;color:#0072DB;}
.item_radio input[type=radio] + label{cursor:pointer;display:inline-block;min-width:20px;min-height:23px;line-height:1.5;text-align:left;vertical-align:top;font-size:14px;padding:1px 5px 2px 27px;color:#757575;font-weight:400;background:url('../images/common/ico_radio.png') no-repeat left 2px;background-size:20px 20px;}
.item_radio input[type=radio]:checked + label {background:url('../images/common/ico_radio_on.png') no-repeat left 2px;background-size:20px 20px;color:#0072DB;}
.item_chk input[type=checkbox] + label.none,
.item_radio input[type=radio] + label.none {padding-left:0;font-size:0}

.item_chk + .btn_view, .item_radio + .btn_view {margin-left:5px;}

.spinner{display:inline-flex;border:1px solid #8490A4;border-radius:8px;overflow:hidden;width:140px;}
.spinner button{width:40px;height:40px;text-indent:-9999px;background:#fff center / 18px auto no-repeat}
.spinner button:first-of-type{background-image:url(../images/common/ico_spinner_minus.png);}
.spinner button:last-of-type{background-image:url(../images/common/ico_spinner_plus.png);}
.spinner input[type="number"]{font-size:14px;font-weight:600;color:#242B36;border:0;border-radius:0;border-left:1px solid #242B36;border-right:1px solid #242B36;text-align:center;width:calc(100% - 80px);-moz-appearance:textfield;}
.spinner input::-webkit-outer-spin-button, .spinner input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* file upload */
.file_upload {background:#F3F7FA;border-radius:8px;padding:40px}
.file_upload .upload-select{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #D9DFE3}
.file_upload .upload-select:after{content:'';display:block;clear:both}
.file_upload .upload-select .btn-file-attach{width:300px;height:40px;font-size:14px;color:#242B36;border:1px solid #8490A4;border-radius:8px;float:left;background:#fff}
.file_upload .upload-select .btn-file-attach .mdi.mdi-upload{display:none}
.file_upload .upload-select .btn-file-attach .btn_txt{display:inline-block;padding-left:30px;position:relative}
.file_upload .upload-select .btn-file-attach .btn_txt:before{content:'';position:absolute;top:-2px;left:0;display:block;width:24px;height:24px;background:url(../images/common/ico_file_attach.png) center / 24px auto no-repeat}
.file_upload .upload-select .upload_constrain{display:block;font-size:13px;color:#242B36;line-height:18px;margin-left:20px;width:calc(100% - 320px);float:right;}
.file_upload .upload-list .upload-list-item{position:relative;margin-top:5px;}
.file_upload .upload-list .upload-list-item:first-child{margin:0}
.file_upload .upload-list .upload-item-name{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:calc(100% - 120px);height:40px;font-size:14px;color:#72777E;padding:9px 40px;border:1px solid #ccc;border-radius:8px;background:#fff url(../images/common/ico_file_list.png) left 8px center / 24px auto no-repeat;}
.file_upload .upload-list .upload-list-item-card-actions{position:absolute;display:flex;right:0;top:0;width:120px;height:40px;justify-content:space-between;align-items:center;}
.file_upload .upload-list.download .upload-list-item-card-actions{justify-content:flex-end}
.file_upload .upload-list .upload-list-item-card-actions .file-size{order:2;text-align:right}
.file_upload .upload-list .upload-list-item-card-actions button{order:1;text-indent:-9999px;width:40px;height:40px;background:url(../images/common/ico_trash.png) center / 24px auto no-repeat}
.file_upload .upload-info{text-align:right;font-size:14px;color:#0072DB ;margin-top:30px;}

.table_form {padding-top:20px;border-top:1px solid #242B36;}
.table_form th {padding-top:12px;text-align:left;font-size:16px;vertical-align:top;}
.table_form td {padding:5px 10px;}
.table_form td .txt_sm {margin-top:10px;font-size:14px;color:#72777E;}
.table_form td .chk_area_type2 .item_radio + .item_radio {margin-left:100px;}
.table_form .item_row,
.table_form .item_cell {display:flex;align-items:center;}
.table_form td .chk_rdo_box{min-height:40px;}

.form_email {display:flex;justify-content:center;align-items:center;}
.form_email .intxt {width:160px;}
.form_email .select {flex:1;}
.form_email.cell {justify-content:flex-start;}
.form_tel {display:flex;align-items:center;}
.form_tel .intxt {width:30%;flex:auto}
.table_form .dash {margin:0 5px;}

.form_email.block {display:block;}
.form_email.block .intxt {width:calc(50% - 12px);}
.form_email.block select {width:calc(50% - 11px);}
.form_email.block .address {display:none;margin-top:10px;}

.form_address button + .intxt {width:calc(100% - 83px);margin-left:5px;}
.form_address button + .item_chk input[type=checkbox] + label{vertical-align:middle;}
.form_address .inp_w02 {margin-top:10px;}

.form_list li{display:block;float:left;padding:9px 0}
.form_list.col3 li{width:33.3334%}
.form_list.col4 li{width:25%}
.form_list:after{content:'';display:block;clear:both;}
.form_line {padding:30px 0;border-top:none;border-bottom:1px solid #CCCCCC}
.form_line + .btn_form.cell {margin-top:30px}

/* tooltip */
.tooltip {display:inline-block;font-weight:bold;position:relative;top:0px;left:0;width:24px;height:24px;background:url(../images/common/ico_tooltip.png) center / 24px auto no-repeat;cursor:help;vertical-align:middle;}
.tooltip.white {background-image:url(../images/common/ico_tooltip_white.png)}
.tooltip.sub {background-image:url(../images/common/ico_tooltip_sub.png)}
.tooltip_body {display:none;justify-content:center;word-break:keep-all;position:absolute;width:300px;top:30px;left:50%;transform:translateX(-50%);margin-left:-4px;line-height:1.42em; border-radius:5px;padding:15px 18px;font-size:14px;font-weight:400;color:#fff;background:#353A4A;border:1px solid #a7a695;z-index:100;}
.tooltip .tooltip_body:before {content:'';display:block;width:13px;border:7px solid transparent;border-bottom:7px solid #353a4a;position:absolute;top:-14px;left:50%;margin-left:-3.5px}
.tooltip .tooltip_body ul > li {position:relative;padding:0 0 0 18px;display:block;width:100% !important;margin-top:5px;font-size:13px;line-height:130%;border-bottom:0;}
.tooltip .tooltip_body ul > li > em {position:absolute;top:0;left:0;}
.tooltip:hover .tooltip_body {display:inline-flex;}

/* bbs */
.board_option {display:flex;justify-content:space-between;align-items:flex-end;margin: 15px 0px;}
.board_option .count {font-size:14px;color:#757575}
.board_option .count .num {font-weight:500;color:#000}
.board_list {overflow:auto;position:relative;}
.board_list.scroll_off {overflow:hidden;}
.board_list.scroll_off .table {min-width:auto}
.board_list .table {min-width:1000px;border-top:2px solid #242B36}
.board_list .table.tbl_sm {min-width:700px;border-top:2px solid #242B36}

.board_list .table tr {border-bottom:1px solid #d0d0d0;}
.board_list .table tr.bg td {background-color:#f2f2f2}
.board_list .table tbody tr:hover th,
.board_list .table tr:hover td,
.board_list .table tr:focus td {background-color:#F5FBFF;}
.board_list .table th {padding:18px 0;border-bottom:1px solid #242B36;background-color:#fff;text-align:center;font-weight:400;}
.board_list .table td {padding:20px 12px;background-color:#fff;text-align:center;color:#5B6174;}
.board_list .table td a {color:#333;font-weight:500;}
.board_list .table tbody th {border-bottom:#d0d0d0}
.board_list .ico_file {display:inline-block;width:28px;height:28px;background:url("../../resources/images/common/ico_file_list.png") center / 28px auto no-repeat;text-indent:-9999px;}
.board_list .table td.tal {text-align:left;padding-left:10px;padding-right:10px;}
.board_list .table td.data_no {padding:40px 10px;text-align:center;}
.board_list .table .cmp_logo {margin-top:10px;}
.board_list .table .cmp_logo img {width:auto;height:20px;}
.board_list .table .cmp_logo img + img {margin-left:1px;margin-bottom:1px}
.board_list .table .cmp_logo img:nth-child(5) {margin-left:0}
.subject + .txt_line01 {margin-top:10px}

.bbs_view {position:relative;border-top:2px solid #242B36;}
.bbs_view .tit {padding:22px 40px 22px;border-bottom:1px solid #242B36;color:#242B36;font-size:16px;word-break: break-all;}
.bbs_view .view_top {display:flex;justify-content:space-between;border-bottom:1px solid #CCCCCC;}
.bbs_view .view_top .item {padding:18px 0;display: flex;}
.bbs_view .view_top .item > span {display:inline-block;}
.bbs_view .view_top .item .con {padding-left:30px;padding-right:30px;color:#5B6174}
.bbs_view .view_top .item .cell {position:relative;flex:none;width:100px;padding-left:40px;}
.bbs_view .view_top .txt {color:#353A4A !important}
.bbs_view .view_top.row {display:block;}
.bbs_view .view_top.row > .item {width:100%;}
.bbs_view .view_top.row > .item + .item {border-top:1px solid #CCCCCC}
.bbs_view .view_file {display:flex;border-bottom:1px solid #CCCCCC;color:#1e1e1e;}
.bbs_view .view_file .cell {position:relative;padding:20px 30px 20px;color:#5B6174}
.bbs_view .view_file .con {width:calc(100% - 120px);padding:10px 30px 20px 30px;}
.bbs_view .view_cont {min-height:200px;padding:30px 40px;border-bottom:1px solid #CCCCCC;line-height:22px;word-break: break-all;}
.bbs_view .view_cont.answer {min-height:150px;background-color:#F7F7F7;}
.bbs_view .view_file .cell:after,
.bbs_view .view_top .item .cell:after  {content:'';display:block;position:absolute;right:-7px;top:calc(50% - 7px);width:1px;height:15px;background-color:#D2D2D2;}
.bbs_view .view_file .cell:after {top:25px;right:-5px}
.bbs_view .view_file .file_upload {background-color:#fff;padding:0;}
.file_upload .upload-list .upload-list-item {margin-top:0}
.bbs_view .view_file .file_upload .upload-list .upload-item-name {height:30px;padding:9px 30px;border:none;background-position:left 7px;}

.bbs_form {position:relative;border-top:2px solid #242B36;}
.bbs_form .form_top {display:block;justify-content:space-between;margin-bottom:20px}
.bbs_form .form_top .item {display:flex;align-items:center;width:100%;padding:18px 0;border-bottom:1px solid #CCCCCC;}
.bbs_form .form_top .item > span {display:inline-block;}
.bbs_form .form_top .item .cell {position:relative;width:100px;padding-left:20px;}
.bbs_form .form_top .item .con {width:100%;padding-left:30px;padding-right:30px;color:#5B6174}
.bbs_form .edit_area {margin-bottom:20px}
.edit_area + .file_upload {margin-top:20px}

/* table contents */
.table_cont .table {border-top:2px solid #242B36}
.table_cont .table tr {border-bottom:1px solid #d0d0d0;}
.table_cont .table th {position:relative;padding:18px 10px 18px 40px;text-align:left;font-weight:500;}
.table_cont .table th:after  {content:'';display:block;position:absolute;right:10px;top:calc(50% - 6px);width:1px;height:12px;background-color:#D2D2D2;}
.table_cont .table td {padding:18px 10px;color:#5B6174;}
.table_cont .table td * { font-family: 'NotoSansCJKkr'!important;color:#5B6174 !important;}
.table_cont .table td .dl_cnt01 dt {color:#242B36 !important;}
.table_cont .table td .dl_cnt01 dd {color:#5B6174;margin-top:5px;margin-bottom:10px}
.table_cont .table .tac {padding-left:0}
.table_cont02 > .table > thead > tr > th {border-top:2px solid #242B36;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;padding:10px 0;font-weight:500;}
.table_cont02 > .table > thead > tr > th:last-child {border-right:none}
.table_cont02 > .table > tbody > tr {border-top:1px solid #ccc;}
.table_cont02 > .table > tbody > tr > th {position:relative;padding:40px 30px;font-weight:500;vertical-align:top;}
.table_cont02 > .table > tbody > tr > td {padding:40px 10px 40px 30px;color:#353A4A;border-left:1px solid #ccc;}
.table_cont02 > .table > tbody > tr:first-child {border-top:none}
.table_cont02 > .table > tbody > tr:first-child > th, .table_cont02 > .table > tbody > tr:first-child > td {padding-top:10px;line-height: 1.8;}
.table_cont02 .list_cnt02 li {font-size:16px}
.table_cont02 .board_list {margin-top:30px}
.table_cont02 .board_list .table th {font-weight: 500;}
.table_cont02 .board_list .table th, .table_cont02 .board_list .table td {padding:20px 5px;font-size:14px}
.table_cont02 td .list_cnt02 > li + li {margin-top:10px}
.table_cont03 {padding:18px 0;border-top:1px solid #242B36;border-bottom:1px solid #CCCCCC;}
.table_cont03 .table th {position:relative;padding:8px 10px 8px 30px;font-weight:500;vertical-align:top;text-align:left;}
.table_cont03 .table td {padding:8px 30px;;color:#353A4A;}
.table_cont03 .table td .upload-list-item + .upload-list-item {margin-top:5px}
.table_cont03 .table td .textarea_box {margin-bottom:5px;}
.table_cont04 .table{border-top:2px solid #242B36}
.table_cont04 .table th,
.table_cont04 .table td{padding:15px 18px; border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.table_cont04 .table tr th:first-child,.table_cont04 .table tr td:first-child{border-left:0}
.table_cont04 .table tr th:last-child,.table_cont04 .table tr td:last-child{border-right:0}
.table_cont04 .table th{font-weight:500;text-align:center;}
.table_cont04 .table td{}


/* paging */
.paging {width:100%;text-align:center;margin-top:50px;}
.paging a,
.paging strong {display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;margin:0 7px;vertical-align:middle;font-size:14px;font-weight:500;color:#242B36}
.paging strong,
.paging a:hover, .paging a:focus {background-color:#0072DB ;color:#fff;border-radius:100%;}
.paging .btn {width:32px;height:32px;line-height:32px;font-size:0;background-repeat:no-repeat;background-position:center;background-size:auto 15px;}
.paging .btn.first {background-image:url("../../resources/images/common/ico_paging_first.png");}
.paging .btn.prev {background-image:url("../../resources/images/common/ico_paging_prev.png");}
.paging .btn.next {background-image:url("../../resources/images/common/ico_paging_next.png");}
.paging .btn.last {background-image:url("../../resources/images/common/ico_paging_last.png");}
.paging .btn:hover, .paging .btn:focus {background-color:#fff;border:1px solid #313131}

/* 모달팝업 */
.modal {display:none;position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;z-index:10000;overflow:auto;}
.modal > .dim {width:100%;height:100%;z-index:2;background:#000;opacity:0.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";position:fixed;top:0;left:0;margin:0;padding:0;}
.modal .modal_wrap {position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;z-index:400;overflow:auto;height:100% !important;}
.modal .modal_wrap .btn_close {position:absolute;right:30px;top:25px;width:30px;height:30px;background:url("../../resources/images/common/btn_close_pop.png") no-repeat center;background-size:30px;text-indent:-9999px;font-size:0;line-height:0;;}
.modal .modal_inner {position:relative;margin:0 auto;;background:#fff;border-radius:30px;}
.modal .modal_inner h2.tit {width:100%;height:72px;padding-left:40px;line-height:72px;font-weight:700;font-size:22px;color:#fff;border-radius:30px 30px 0 0;background:linear-gradient(268.41deg, #FF75A7 -10.65%, #0072DB  72.9%);}
.modal .modal_inner .modal_con {padding:30px 34px 40px;}
.modal .modal_inner .modal_con .btn_area {margin-top:30px;margin-bottom:0;}
.modal .modal_inner .modal_con .contents_box {border:none;margin-bottom:0;padding:0;}
.modal .modal_inner .modal_btn {margin-top:30px;text-align:center;}
.modal .modal_inner .btn_area {display:flex;text-align:center;justify-content:center;padding:0 34px}
.modal .modal_inner > .btn_area {margin-top:0;padding-bottom:30px;}
.modal .modal_inner .btn_area .lbtn {width:145px}
.modal .modal_inner .modal_con.scroll {overflow-y:scroll;}
.modal .modal_inner .modal_con .cnt_txt03 {text-align:center;font-size:16px;font-weight:400;color:#353A4A}
.modal .modal_inner .table_form {padding:20px 30px;border-bottom:1px solid #ccc;border-top-width:2px;}
.modal .modal_inner.modal_sm {width:400px}
.modal .modal_inner.modal_md {width:540px}
.modal .modal_inner.modal_lg {width:1000px}

/* 완료 */
.complete_area {padding-top:120px;background:url("../../resources/ima ges/common/img_complete.png") no-repeat top center;background-size:90px auto;}


/* 태그형 리스트 */
.tag_list{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.tag_list li{display:block;min-height:30px;padding:5px 25px 5px 10px;color:#676B76;font-size:14px;position:relative;border:1px solid #676B76;border-radius:5px;}
.tag_list li button{display:block;width:25px;height:30px;background:url(../images/common/ico_list_close.png) center / 20px auto no-repeat;text-indent:-9999px;position:absolute;top:0;right:0;}
.tag_list li button.btn_delete01 {top:3px}
.tag_list.no_result{width:100%;border:1px solid #757575;border-radius:8px;margin:0;}
.tag_list.no_result li{display:block;border:0;height:40px;padding:10px}
.tag_list.no_result li button{display:none}

/* 키워드 */
.keyword_area {display:flex;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid #CCCCCC;background-color:#F3F7FA;}
.keyword_area li {margin-right:30px;font-size:15px;}
.keyword_list {padding:20px 40px;border-top:2px solid #242B36;border-bottom:1px solid #CCCCCC;color:#5B6174}
.keyword_area02 {display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.keyword_area02 li {padding:5px 15px;font-size:14px;background-color:#fff;color:#353A4A;border-radius:20px;}

/* loading */
.loading_area.full {position:fixed;top:0;}
.loading_area {display:flex;justify-content: center;align-items: center;height:100%;width:100%;min-height:300px;z-index:400;}
.loading_area .dim {width:100%;height:100%;z-index:2;background:#000;opacity:0.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";position:fixed;top:0;left:0;margin:0;padding:0;}
.loading_area .loading_box {position:relative; z-index:200;width:200px;height:150px;margin:0 auto;text-align:center;text-align:center;border-radius: 20px;}
.loading_area .loading_box .loading {margin-top:25px;margin-bottom:15px;}
.loading_area .loading_box .loading img {width:60px;height:auto;margin:0 auto;}
.loading_area .loading_box .txt {font-size:16px;font-weight:500;}
.loading_area .dim + .loading_box {background-color:#fff;border:2px solid #0072DB;}

/* quick */
.quick {position: fixed;bottom:300px;z-index:10;}
/* .quick li {text-align:center;margin-bottom:5px;} */
/* .quick li a {display:block;text-align:center;font-size:0} */
/* .quick li a img {width:100px;height:auto;} */
/* .quick li.btn_top {display:none;position:absolute;right:70px;bottom:0;animation: motion 0.8s linear 0s infinite alternate;} */
/* .quick li.btn_top a img {width:60px;height:auto;} */
/* .quick .btn_top.active {display:block;} */
.quick {right:130px;}
.quick li:not(.btn_top) a:hover img {transform: rotateY(360deg);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/*  .quick li.btn_chatbot, .quick li.btn_mata { display: inline-block; }2024-03-18 수정 */
/* sidebar 퍼블리싱 변경 2024-10-28 */
.sidebar {
  position: fixed;
  bottom: 30px;
  right: 100px;
  width: 76px;
  z-index: 100;
  -webkit-transition: all 0.2s 0.1s;
  transition: all 0.2s 0.1s;
}
.sidebar.up {
  bottom: 80px;
}
.quick_links {
  width: 76px;
  height: 215px;
  padding: 12px 10px 20px;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  z-index: 100;
}
.quick_links li {
  margin-bottom: 16px;
}
.quick_links li:last-child {
  margin-bottom: 0;
}
.quick_links li p {
  padding-top: 62px;
  font-size: 12px;
  text-align: center;
  word-break: keep-all;
}
.quick_links li:hover p {
  color: #0072DB;
}
.link_matching {
  background: url(../images/main_v2/img_matching.png) no-repeat center top/56px;
}
.link_chatbot {
  background: url(../images/main_v2/img_chatbot.png) no-repeat center top/56px;
}
.link_metaverse {
  background: url(../images/main_v2/img_metaverse.png) no-repeat center top/56px;
}
.btn_top {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 10px auto 0;
  background: #656565;
  border-radius: 50%;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s 0.1s;
  transition: all 0.2s 0.1s;
}
.btn_top:after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  background: url(../images/main_v2/ico_arrow.png) no-repeat center center/cover;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.1s 0.1s;
  transition: all 0.1s 0.1s;
}
.btn_top.visible {
  visibility: visible;
  opacity: 1;
}
.btn_top:hover {
  background: rgba(0, 0, 0, 0.70);
}
.btn_top:hover:after {
  margin-top: -5px;
}
/* 2024-03-18 추가부분 시작 */
/* .quick li.btn_match { margin-bottom: 0; } */
/* .quick li.btn_match a img { width: 200px; } */
.match_wrap { width: 290px; height: 435px; border-radius: 22px; text-align: center; padding: 3px; border: 0px solid transparent; background-image: linear-gradient(#F2FBFF, #F2FBFF), linear-gradient(270deg, rgba(255, 117, 167, 1) 0%, rgba(31, 152, 233, 1) 100%); border-image-slice: 1; background-origin: border-box; background-clip: content-box, border-box; }
.match_title { margin: 0 8px; padding: 25px 10px 0; }
.match_title h5 { font-size: 18px; margin-bottom: 10px; letter-spacing: -1px; }
.match_title span { font-size: 14px; letter-spacing: -1.5px; position: relative; display: block; }
.match_input { margin: 20px 0; padding: 0 13px; }
.match_input > ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; grid-row-gap: 5px; }
li.match_input_title { color: #242b36; font-size: 14px; text-align: left; width: 54px; }
li.match_input_info { margin-left: 6px; }
.intxt.match_name { width: 115px; }
.match_sex input[type=radio] { display: none; }
.match_sex input[type="radio"] + span { display: inline-block; padding: 9px 7px; border-radius: 8px; border: 1px solid #1F98E9; background-color: #ffffff; text-align: center; cursor: pointer; font-size: 14px; color: #1F98E9; }
.match_sex input[type="radio"]:checked + span { background-color: #1F98E9; color: #ffffff; }
.intxt.match_cell { width: 180px; }
li.match_policy { display: block; font-size: 14px; text-align: left; letter-spacing: -1px; }
li.match_input_title.match_policy { width: 153px; }
li.match_input_info.match_policy { margin-left: 0; }
.match_policy input { display: inline-block; border: none; -webkit-appearance: none; margin: 0; padding: 0; cursor: pointer; vertical-align: top; position: absolute; left: 0; width: 1px; height: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.match_policy input[type=checkbox] + label { cursor: pointer; display: inline-block; min-width: 20px; min-height: 23px; line-height: 1.5; text-align: left; vertical-align: top; font-size: 14px; padding: 1px 5px 2px 25px; color: #757575; font-weight: 400; background: url(../images/common/ico_chk.png) no-repeat left 3px; background-size: 20px 20px; }
.match_policy input[type=checkbox]:checked + label { background: url(../images/common/ico_chk_on.png) no-repeat left 3px; background-size: 20px 20px; color: #0072DB; }
.mbtn { min-width: 105px; display: inline-block; vertical-align: middle; height: 38px; line-height: 36px; padding: 0 10px; text-align: center; font-size: 14px; font-weight: 500; border-radius: 8px;}
.match_quick { border-top: 1px solid #e7e7e7; margin: 15px 10px 0; padding: 15px 0 25px; }
.match_quick > div { font-size: 15px; margin-bottom: 10px; }
.match_quick > ul { margin: 0 5px; }
.match_quick > ul > li > a { vertical-align: top; }
.match_quick > ul > li.quick_match_call { width: 48%; display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; }
.match_quick > ul > li.quick_match_kakako { width: 35%; display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-end; text-align: left; }
.quick_match_img { display: inline-block; vertical-align: middle; }
.quick_match_img > img { width: 28px !important; }
.quick_match_txt { font-size: 14px; display: inline-block; letter-spacing: -1px; margin-left: 5px; vertical-align: middle; }
.match_quick > ul > li.quick_match_call > a > .quick_match_txt { color: #0072DB; font-weight: 600; margin-left: 0; }
.match_quick > ul > li.quick_match_kakako > a > .quick_match_txt { font-size: 12px; }
/* 2024-03-18 추가부분 끝 */
/* 2024-06-04 추가부분 시작 */
/* .quick .btn_open, .quick .btn_close { text-align: right;} */
/* .quick .btn_open a, .quick .btn_close a { width: 72px; display: inline-block; margin-right: 64px; } */
/* .quick .btn_open img, .quick .btn_close img { width: 55px; } */
/* .quick_close { display: none; } */
/* 2024-06-04 추가부분 끝 */

.main_modal {position:absolute;left:50%;top:120px;width:1200px;margin-left:-600px;z-index:9999;}
.main_modal .modal_wrap {position:absolute;top:0;border-radius:30px 80px 30px 80px;padding:40px 30px 30px 30px;margin-bottom:20px;border:2px solid #0072DB;background-color: #fff;}
.main_modal .modal_wrap .modal_con {padding-bottom:20px}
.main_modal .modal_wrap .btn_area {display:flex;justify-content: space-between;margin:10px 0 0 10px;align-items: center;}
.main_modal .modal_wrap .btn_area label {color:#333}
.main_modal .modal_wrap .btn_area .lbtn{width:100px;min-width: auto;}

@keyframes motion {
    0% {
        bottom: -63px;
    }

    100% {
        bottom: -83px;
    }
}

.m_search {
	display: flex;
	justify-content: center;
	padding: 20px 10px;
	background-color: #F3F7FA;
	border-radius: 8px;
	flex-wrap: nowrap;
	gap: 8px;
}

select.select_m, .intxt_m, .btn_search.btn_search_m {
	height: 50px;
	border: 1px solid #8490A4;
	border-radius: 8px;
}

select.select_m {
	min-width: 40px;
	width: auto;
}

.intxt_m {
	min-width: 50px;
	max-width: 60%;
	flex-grow: 1;
	padding-left: 8px;
}

.btn_search.btn_search_m {
	min-width: 50px;
	width: auto;
}

@media (max-width: 480px) {
	.btn_search.btn_search_m {
		width: 50px;
		min-width: 50px;
		font-size: 0;
	}
	.btn_search.btn_search_m i.ico_search {
		vertical-align: middle;
	}
}