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

:root {
    --main-color-01: #1264ba;
    --main-color-02: #009de1;
    --main-color-03: #d76b00;
    --main-color-04: #e60000;

    --font-weight-400: 300;
    --font-weight-500: 400;
    --font-weight-600: 500;
    --font-weight-700: 600;
    --font-weight-800: 700;
}

.pc_only {display:block !important;}
.m_only {display:none !important;}

/* 간격 */
.mt0 {
    margin-top: 0px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.tac {
    text-align: center !important;
}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}

.w100 {
    width: 100%;
}
.mla{
    margin-left:auto !important;
}

.txt_ellipsis {
    display: block !important;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

/* 바로가기 */
#skip {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    z-index: 99999;
}

#skip a:focus {
    position: absolute;
    width: 100%;
    top: 100px;
    left: 0;
    padding: 0 20px;
    z-index: 99999;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    background: #000;
    overflow: visible;
    clip: unset;
}

/* 헤더 */
#header {
    position: relative;
    width: 100%;
    z-index:101;
}
#header.sitemap{
    position:fixed;
    z-index:1001;
    background:#fff;
}

.header_top {
    background-color: #f8f8f8;
    padding: 0px 22px;
    position:relative;
    z-index:3;
}

.header_top .inner_area {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height:60px;
    justify-content: space-between;
}

.header_top .top_menu {
    display: flex;
    align-items: center;
    gap: 8px;
}
.header_top .top_menu li{
    display:flex;
    align-items: center;
}
.header_top .top_menu.user_top_menu{
    gap:0px;
}
.header_top .top_menu .timeout::before{
    content:"";
    display:block;
    width:18px;
    height:18px;
    background:url("../images/common/timeout.svg")center center no-repeat;
    background-size:100%;
    margin-right:8px;
}
.header_top .top_menu .timeout{
    margin-right:12px;
}
.header_top .top_menu .timeout,
.header_top .top_menu .timeout time{
    font-size:16px;
    color:#00458D;
    font-weight:var(--font-weight-600);
}
.header_top .top_menu .timeout time{
    margin-right:2px;
}

.header_top .top_menu.user_top_menu li.name,
.header_top .top_menu.user_top_menu > li:not(:nth-of-type(1)) a{
    padding:0px;
    font-weight:var(--font-weight-600);
    font-size:16px;
}
.header_top .top_menu.user_top_menu li a{
    color:#333;
}
.header_top .top_menu.user_top_menu > li:not(.timeout,:nth-last-of-type(1),:nth-of-type(1))::after{
    content:"";
    display:block;
    width:1px;
    height:12px;
    background:#BEBEBE;
    margin:0px 12px;
}
.header_top .top_menu.user_top_menu > li:nth-of-type(1){
    margin-right:15px;
}

.header_top .top_menu li a {
    padding: 5px 22px;
    font-size: 15px;
    border-radius: 100px;
    font-weight: var(--font-weight-600);
}
.header_top .top_menu li a.btn_member {
    background-color: #fff;
    border: 1px solid var(--main-color-01);
    color: var(--main-color-01);
}
.header_top .top_menu li a.btn_cust {
    display:flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #666;
    gap:0px 5px;
    color: #666;
}
.header_top .top_menu li a.btn_cust::after{
    content:"";
    display:block;
    width:20px;
    height:20px;
    background:url("../images/common/img_nav_arrow.svg") center no-repeat;
    backgroud-size:100%;
}
.header_top .top_menu li{position:relative;}
.header_top .top_menu li.on a.btn_cust::after{
    transform:rotate(180deg);
}
.header_top .top_menu li.on a.btn_cust + ul{
    display:flex !important;
}
.header_top .top_menu li a.btn_cust{
    position:relative;
    z-index:3;
}
.header_top .top_menu li a.btn_cust + ul{
    display:none;
    width:100%;
    flex-direction: column;
    gap:5px 0px;
    background:#fff;
    box-shadow:0px 0px 5px rgba(0,0,0,.2);
    border-radius:0px 0px 10px 10px;
    border:1px solid #666;
    position:absolute;
    top:20px;
    border-top:0px;
    padding:20px 0px 10px;
}
.header_top .top_menu li a.btn_cust + ul li a{
    color:#666;
    font-size:13px;
    font-weight:500;
    transition-duration: 0.2s;
}
.header_top .top_menu li a.btn_cust + ul li a:hover{
    color:#000;
}

.header_top .top_menu li a.btn_center {
    background-color: var(--main-color-01);
    border: 1px solid var(--main-color-01);
    color: #fff;
}

.header_con {
    height:140px;
    display:flex;
    align-items: center;
    border-bottom:1px solid #DDD;
}

.header_con .inner_area {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.header_con .main_menu {
    display: flex;
    gap: 60px;
    margin:0px 60px 0px auto;
}

.header_con .main_menu li {
    position:relative;

}
.header_con .main_menu  > li{
    height:140px;
    display:flex;
    align-items: center;
}
.header_con .main_menu  > li::after{
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:#1264BA;
    position:absolute;
    bottom:0px;
    transition-duration: 0.3s;
    transform:scaleX(0);
}
.header_con .main_menu  > li:hover::after{
    transform:scaleX(1);
}

.header_con .main_menu li a {
    font-size: 22px;
    color: #222;
    display: flex;
    align-items: center;
    font-weight: var(--font-weight-700);
}

/*.header_con .main_menu li a:last-child {*/
/*	padding-right: 10px;*/
/*}*/

.header_con .main_menu .depth02_wrap {
    position:absolute;
    width:100%;
    top:164px;
    left:50%;
    transform: translateX( -50% );
    z-index:101;
    display:none;
}
.sitemap .header_con .main_menu .depth02_wrap li .depth03_wrap {
    display: flex;
    flex-direction: column;
    background: #F8F8F8;
    padding: 28px 23px;
    border-top: 1px solid #1264BA;
    margin:20px 0px;
}
.sitemap .header_con .main_menu .depth02_wrap li .depth03_wrap li{
    text-align:left;
}
.sitemap .header_con .main_menu .depth02_wrap li .depth03_wrap li a{
    color:#666;
    font-size:16px;
    line-height:33.6px;
    justify-content: start;
}
.header_con .main_menu .depth02_wrap li .depth03_wrap li{
    display:flex;
    align-items: center;
}
.header_con .main_menu .depth02_wrap li .depth03_wrap li::Before{
    content:"-";
    margin-right:5px;
}

.header_con .main_menu .depth02_wrap.on {
    display:block;
}
.header_con .main_menu .depth02_wrap li a {
    font-size:20px;
    padding:0;
    color:#333;
    line-height:180%;
    white-space:nowrap;
    justify-content: start;
    font-weight:var(--font-weight-500);
    transition-duration:0.2s;
}
.header_con .main_menu .depth02_wrap li .depth03_wrap li{
    text-align:left;
}
.header_con .main_menu .depth02_wrap li .depth03_wrap li a{
    font-size:16px;
    color:#888;
    justify-content: start;
    line-height:180%;
}
.header_con .main_menu .depth02_wrap li .depth03_wrap li a:hover,
.header_con .main_menu .depth02_wrap li .depth03_wrap li a:focus{
    color:#1264BA;
    text-decoration:underline;
}
.header_con .main_menu .depth02_wrap > ul > li > a:hover,
.header_con .main_menu .depth02_wrap > ul > li > a:focus{
    font-weight:700;
}


.header_con .right_area {
    display: flex;
    align-items: center;
    margin-left:auto;
}
header .header_con .right_area .sitemap_btn{
    font-size:0px;
    width:30px;
    height:30px;
    background:url("../images/common/btn_menu.svg")center center no-repeat;
    background-size:100%;
}
header .header_con .right_area .sitemap_btn:hover,
header .header_con .right_area .sitemap_btn:focus{
    background:url("../images/common/btn_menu_hover.svg")center center no-repeat;
    background-size:100%;
}
header.sitemap .header_con .right_area .sitemap_btn{
    background:url("../images/common/sitemap_close.png")center center no-repeat;
    background-size:100%;
}
.header_con .right_area button img{
    max-width:34.65px;
    max-height:34.65px;
}
/*0520 추가 sitemap*/
header.sitemap h1,header.sitemap .all_menu_wrap .inner_area{
    display:none;
}
header.sitemap .header_con .inner_area{
    position:relative;
}
header.sitemap .header_con .right_area{
    position:absolute;
    right:0px;
    z-index:1001;
}
header.sitemap .header_con{
    max-width:1440px;
    margin:0 auto;
    border-bottom:0px;
}
header.sitemap .header_con .main_menu{
    position:absolute;
    top:0px;
    width:100%;
    margin:0px;
    flex-wrap:wrap;
    gap:60px 40px;
    padding:0px 0px 20px;
    height: fit-content;
    background:#fff;
    z-index:1000;

    overflow-y:auto;
}
header.sitemap .header_con .main_menu > li{
    display:flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex:1;
    height:auto;
    z-index:102;
}
header.sitemap .header_con .main_menu > li::after{
    display:none;
}

header.sitemap .header_con .main_menu .depth02_wrap{
    position: unset;
    transform:translate(0px);
}
header.sitemap .header_con .main_menu .depth02_wrap > ul {
    margin-top:20px;
}
header.sitemap .header_con .main_menu .depth02_wrap > ul > li > a{
    font-size:18px;
    color:#888;
    font-weight:var(--font-weight-500);
    line-height:26px;
    justify-content: start;
}
header.sitemap .header_con .main_menu .depth02_wrap > ul > li > a:hover{
    color:#1264BA;
}
header.sitemap .header_con .main_menu .depth02_wrap > ul > li > a::Before{
    content:"-";
    margin:0px 3px;
}
header.sitemap .header_con .main_menu .depth02_wrap,
header.sitemap .all_menu_wrap{
    display:block;
}

header.sitemap .all_menu_wrap{
    height:calc(100vh - 200px);
}
.header_con .main_menu li.only_sitemap{
    display:none;
}
header.sitemap .header_con .main_menu li .only_sitemap{
    display:flex;
}
/*0520 추가 사이트맵 종료*/
.all_menu_wrap.on {
    display:block;
}
.all_menu_wrap {
    width:100%;
    position:absolute;
    height:380px;
    background-color:#fff;
    z-index:100;
    display:none;
    /*box-shadow:0px 10px 15px rgba(18,100,186,0.15);*/
}
.all_menu_wrap.on + .headerShadow{
    display:block;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,0.5);
    position:absolute;
    z-index:99;
}
.all_menu_wrap::after{
    content:"";
    display:block;
    background:rgba(0,0,0,0.5);
}
/*.all_menu_wrap::before {*/
/*	content:"";*/
/*	width:100%;*/
/*	height:235px;*/
/*	background:#fff url("../images/common/bg_menu_all.png") left bottom repeat-x;*/
/*	position:absolute;*/
/*	left:0;*/
/*	bottom:0;*/
/*}*/
.all_menu_wrap .inner_area {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position:relative;
    z-index:201;
    height:100%;
}

.all_menu_wrap .inner_area > div {
    display:none;
    justify-content: center;
    align-items: center;
    width:100%;
    position:absolute;
    bottom:0px;
    max-width:770px;
    right:0px;
    bottom:40px;
    border:1px solid #E6E6E6;
    padding:30px;
}
.all_menu_wrap .inner_area div ul {
    display: flex;
    gap:30px;
    margin-left:60px;
}

.all_menu_wrap .inner_area div > p {
    font-size:20px;
    font-weight:var(--font-weight-600);
    color:#222;
}

.all_menu_wrap .inner_area div ul li a {
    display:flex;
    align-items: center;
    gap:0px 10px;
    font-size:20px;
    font-weight:var(--font-weight-400);
    color:#333;
}
.all_menu_wrap .inner_area div ul li a::after{
    content:"";
    display:block;
    width:21px;
    height:21px;
    background:url("../images/common/center_arrow.png")center center no-repeat;
    background-size:100%;
}

.nav_wrap {
    background-color: #f4f5f9;
    z-index:2 !important;
}

.nav_wrap .inner_area {
    width: calc(100% - 40px);
    max-width: 1440px;
    margin: 0 auto;
    padding: 7px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav_wrap .inner_area .nav {
    display: flex;
    align-items: center;
    gap: 40px;
}

.nav_wrap .inner_area .nav>li {
    position: relative;
}
.nav_wrap .inner_area .nav>li::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    width: 1px;
    height: 12px;
    background-color: #aaa;
    transform: translateY(-50%);
    opacity: 0.5;
}
.nav_wrap .inner_area .nav>li button {
    position: relative;
    color: #555;
    width: 180px;
    text-align: left;
    font-size: 16px;
    padding: 5px 20px 5px 0;
}
.nav_wrap .inner_area .nav>li button::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("../images/common/img_nav_arrow.svg") center no-repeat;
}
.nav_wrap .inner_area .nav>li button.active::before {
    transform: rotate(180deg) translateY(50%);
}
.nav_wrap .inner_area .nav>li .nav_sub {
    display: none;
    width: fit-content;
    min-width:100%;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    z-index:100;
}
.nav_wrap .inner_area .nav>li .nav_sub li:not(:nth-last-of-type(1)){
    margin-bottom:10px;
}
.nav_wrap .inner_area .nav .nav_home {
    margin-left: 10px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("../images/common/img_nav_home.svg") center no-repeat;
}
.nav_wrap .right_area{
    position:relative;
}
.nav_wrap .right_area .link_area {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff url("../images/common/img_nav_link.svg") center no-repeat;
}

.nav_wrap .right_area .print_area {
    margin-left: 8px;
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff url("../images/common/img_nav_print.svg") center no-repeat;
}

.nav_wrap .right_area .link_list{
    position:absolute;
    top:50px;
    right:15px;
    box-shadow:4px 8px 12px #9C9C9C40;
    padding:12.5px 20px;
    display:none;
    gap:0px 20px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:5px;
}
.nav_wrap .right_area .link_list.on{
    display:flex;
}
.nav_wrap .right_area .link_list::Before{
    content:"";
    display:block;
    width:10px;
    height:10px;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    transform:rotate(45deg)translateY(-50%);
    position:absolute;
    background:#fff;
    top:-3px;
    right:40px
}

.nav_wrap .right_area .link_list li a{
    font-size:0px;
    display:block;
    width:35px;
    height:35px;
    border-radius:50%;
    overflow:hidden;
}

.nav_wrap .right_area .link_list li.link a{
    background:url("../images/common/social_link.svg")center center no-repeat;
    background-size:100%;
}
.nav_wrap .right_area .link_list li.kakao a{
    background:url("../images/common/social_kakao.svg")center center no-repeat;
    background-size:100%;
}
.nav_wrap .right_area .link_list li.naver a{
    background:url("../images/common/social_blog.svg")center center no-repeat;
    background-size:100%;
}


footer {
    background-color: #666;
}

footer .inner_area {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 20px;
}

.footer_con {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.footer_con .footer_menu {
    display: flex;
    align-items: center;
    gap: 40px;
}

.footer_con .footer_menu li {
    position: relative;
}

.footer_con .footer_menu li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 1px;
    height: 13px;
    background-color: #fff;
    transform: translateY(-50%);
    opacity: 0.5;
}

.footer_con .footer_menu li:first-child::before {
    display: none;
}

.footer_con .footer_menu li a {
    font-size: 18px;
    color: #fff;
    font-weight: var(--font-weight-500);
}

.family_wrap {
    position: relative;
    width: 200px;
}

.family_wrap button {
    position: relative;
    padding: 10px 18px 10px 18px;
    width: 200px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    text-align: left;
}

.family_wrap button::before {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 30px;
    height: 30px;
    background: url("../images/common/btn_family_arrow.svg") center no-repeat;
}

.family_wrap button.on::before {
    transform: rotate(180deg) translateY(50%);
}

.family_wrap .family_list {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    background-color: #666;
    padding: 10px 0;
    border: 1px solid #ffffff50;
    z-index: 10;
    max-height: 110px;
    overflow: hidden;
    overflow-y: auto;
}

.family_wrap .family_list::-webkit-scrollbar {
    width: 5px;
}

.family_wrap .family_list::-webkit-scrollbar-thumb {
    background-color: #333;
}

.family_wrap .family_list::-webkit-scrollbar-track {
    background-color: #cacaca;
}

.family_wrap .family_list li a {
    display: block;
    color: #fff;
    padding: 3px 20px;
}

.family_wrap button.on+.family_list {
    display: block;
}

.footer_info {
    margin-top: 20px;
}

.footer_info p {
    font-size: 16px;
    color: #fff;
    opacity: 0.5;
    margin-top: 5px;
    line-height: 140%;
}

.footer_info p:first-child {
    margin-top: 0px;
}

/* table */
table {
    width: 100%;
    border-top: 2px solid #000;
    border-collapse: separate;
}
@media print {
    table td, .div_toggle_body > .div_toggle_line > div{background:#fff;}
    .tb02 th{padding:17px 20px !important; white-space:nowrap; font-size:16px !important; }
    .tb02 th *{font-size:inherit !important;}
    .tb02 thead th{padding:17px 0px !important; font-size:16px !important;}

    .tb02 td,.tb02 td.tac{padding:17px 0px; font-size:14px;}
    .tb02 td *{font-size:inherit !important;}

}
table.no-data th{
    border-bottom:0px;
    padding:0px;
    height:0px;
}

/*table tr.on td {*/
/*	background-color: #f2f2f2;*/
/*}*/

table th {
    position: relative;
    font-size: 20px;
    font-weight: var(--font-weight-600);
    color: #222;
    padding: 18px 10px 17px;
    border-bottom: 1px solid #ddd;
    color: #222;
}

table th label {
    font-size: 20px;
    font-weight: var(--font-weight-600);
}

table th:before {
    content: "";
    width: 1px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ddd;
}

table th:first-child::before {
    display: none;
}

.popup_con table td label{
    color:#888;
    display:block;
    width:100%;
    font-weight:var(--font-weight-500);
}
table td,
.div_toggle_body > .div_toggle_line > div{
    font-size: 18px;
    font-weight: var(--font-weight-500);
    color: #888;
    padding: 19px 10px 18px;
    border-bottom: 1px solid #ddd;
    word-break: break-all;
}
table td.v_ctr .flex_area{
    justify-content: center;
}
table td.v_ctr .flex_area .btn_trash{
    width:40px;
    height:40px;
}
.historyDetail{
    max-width:900px;
    display:inline-flex;
    flex-direction: column;
    gap:10px 0px;
}
.historyDetail + button.btn_del{
    float:right;
}
.historyDetail div{
    width:100%;
    display:flex;
    gap:0px 10px;
    align-items: center;
}

.historyDetail div:nth-last-of-type(1){
    flex-wrap:wrap;
}

.historyDetail div p{
    font-size:18px;
    color:#222;
    display:flex;
    margin:0px;
    align-items: center;
}
.historyDetail div input{
    width:200px;
}
.historyDetail div input:nth-child(1):nth-last-child(1){
    width:100%;
}
.historyDetail div select{
    width:120px;
    min-width:0px;
    color:#000;
}

.historyDetail div input{
    color:#000;
}
.historyDetail div select.date{
    width:120px;
}

.historyDetail div textarea{
    display:block;
    width:100%;
    height:200px;
    resize:none;
    color:#000;
}
.historyDetail div textarea + p{
    color:#666;
    font-size:18px;
    margin-left:auto;
}
table td a {
    font-size: 18px;
    font-weight: var(--font-weight-500);
    color: #888;
}

table td.tac {
    text-align: center;
}
table td.tac .input_list:nth-child(1):nth-last-child(1){
    margin-right:0px;
}

table td a.btn {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #555;
    background-color: #f1f1f1;
    border-radius: 5px;
    font-size: 12px;
}

table td.btn_add_wrap {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

table td .notice {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--main-color-02) url("../images/common/bull_sound.svg") center no-repeat;
}
table td.title_area{
    cursor:pointer;
}
table td.title_area.file a::After{
    content:"";
    display:inline-block;
    width:32px;
    height:32px;
    background:url("../images/common/icon_clip.svg")center center no-repeat;
    background-size:100%;
}
table td.title_area a {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #222;
    font-weight:var(--font-weight-600);
}
table td.title_area a > div{
    width: calc(100% - 100px);
}
table td.title_area a > div p{
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
table td.title_area a .icon_area{
    border-radius:0px;
    width:38px;
    height:38px;
    display:flex;
    align-items: center;
    justify-content: center;
    padding:0px;
    border-radius:50%;
}
table.rpvTbl td.title_area a{
    flex-direction: column;
    align-items: start;
    gap:0px;
}
table.rpvTbl.inLogo td.title_area a{
    flex-direction: row;
    align-items: center;
}
table.rpvTbl td.title_area.file a{
    flex-direction: row;
    gap:0px 5px;
}

table td.title_area .top_tit {
    margin-bottom: 5px;
    font-size: 16px;
    color: #222;
}

table tr.on td.title_area a {
    color: #1264ba;
}

table td .btn_area {
    margin: 5px 0;
    display: flex;
    justify-content: center;
}

table td .btn_area button {
    width: 100%;
    max-width: 130px;
    font-size: 18px;
    font-weight: var(--font-weight-600);
    display: block;
    padding: 8px 10px;
    background-color: #aaa;
    border-radius: 3px;
    color: #fff;
    white-space:nowrap;
}

table td .btn_area button.type01 {
    background-color: var(--main-color-02);
}

table td .btn {
    width: 100%;
    max-width: 130px;
    font-size: 18px;
    font-weight: var(--font-weight-600);
    display: inline-block;
    padding: 8px 10px;
    background-color: #aaa;
    border-radius: 3px;
    color: #fff;
}

table td .btn.type02{
    background:#1264ba;
}

table td .btn_naver {
    font-size: 16px;
    background: rgba(51, 180, 74, 0.1) url("../images/sub/sns_naver.svg") center center no-repeat;
    display: inline-block;
    border-radius: 20px;
    background-size:20px;
    font-weight: var(--font-weight-600);
    background-size: 20px auto;
    padding:0px;
    width:40px;
    color:#222;
}
table td .btn_kakao {
    font-size: 16px;
    background: rgba(250, 225, 0, 0.1) url("../images/sub/sns_kakao.svg") center center no-repeat;
    display: inline-block;
    border-radius: 20px;
    background-size:20px;
    font-weight: var(--font-weight-600);
    background-size: 20px auto;
    padding:0px;
    width:40px;
    color:#222;
}
table td .btn{
    width:130px;
    height:36px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #aaa;
}

table td .btn.btn_agree {
    border: 1px solid #009de1;
    background-color: #009de1;
}

table td .btn_star {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/common/bull_start_off.png") center no-repeat;
}

table td .btn_star.on {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/common/bull_start_on.png") center no-repeat;
}

table td .btn_member_delete {
    font-size: 18px;
    color: #666;
    text-decoration: underline;
    background-color:transparent;
    width:auto;
}

table td .btn_name_change {
    font-size: 15px;
    color: #fff;
    padding: 4px 10px;
    background-color: #222;
    border-radius: 5px;
    height:30px;
}

table td .btn_dot_list_wrap {
    position: relative;
}

table td .btn_dot_list {
    width: 20px;
    height: 20px;
    background: url("../images/common/bull_dot_list.png") center no-repeat;
}

table td .btn_dot_list_wrap .btn_dot_list_wrap_area {
    display: none;
    z-index: 10;
    border-radius: 5px;
    position: absolute;
    top: 0px;
    left: -60px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px 2px;
}

table td .btn_dot_list_wrap .btn_dot_list_wrap_area ul li {
    margin-top: 5px;
    text-align: left;
}

table td .btn_dot_list_wrap .btn_dot_list_wrap_area ul li:first-child {
    margin-top: 0;
}

table td .btn_dot_list_wrap .btn_dot_list_wrap_area ul li a {
    display: block;
    font-size: 14px;
    padding: 2px 10px;
}

table td .btn_dot_list_wrap .btn_dot_list_wrap_area ul li a:hover {
    background-color: #1264ba;
    color: #fff;
}

table td .btn_dot_list_wrap .btn_dot_list_wrap_area.on {
    display: block;
}

table td .btn.btn_add {
    min-width: 90px;
    max-width: 90px;
    background-color: #444;
    padding: 8px 10px;
}

table td .btn.btn_black {
    background-color: #444;
    padding: 8px 10px;
}

table td .btn+.btn {
    margin-left: 5px;
}

table td .btn.active {
    background-color: var(--main-color-02);
}

table td .btn.btn_add_list {
    width: 90px;
    background-color: #444;
}

table td .add_list {
    display: flex;
    align-items: center;
    padding-left: 10px;
    flex-wrap:wrap;
    gap:10px 5px;
}

table td .add_list li {
    font-size: 18px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space:nowrap;
}

table td .add_list li+li {
    margin-left: 20px;
}

table td .add_list li label {
    font-size: 18px;
    color: #666;
}

table td .add_list li span {
    font-size: 18px;
    font-weight: var(--font-weight-600);
    color: var(--main-color-02);
}

table td .add_list button.btn_del_list {
    width: 20px;
    height: 20px;
    padding:0;
    border-radius: 50%;
    background: #aaa url("../images/common/btn_del.svg") center no-repeat;
}

table td .btn.btn_link {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #009de1;
    padding: 8px 10px;
    white-space:nowrap;
}

table td.tac .btn.btn_link{
    margin:0 auto;
}

table td .btn.btn_link2 {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #1264ba;
    padding: 8px 10px;
}

table td dt,
.div_toggle_line div dt
{
    color: #222;
    font-size: 18px;
    font-weight: var(--font-weight-600);
}

table td dd,
.div_toggle_line div dd{
    color: #888;
    font-size: 18px;
    font-weight: var(--font-weight-500);
    margin-top: 10px;
}

table td p,
.div_toggle_line div p{
    color: #888;
    font-size: 18px;
    font-weight: var(--font-weight-500);
}
table td strong{
    font-size:18px;
    color:#222;
    font-weight:var(--font-weight-600);
}

table td p.color_import{
    color:#E60000;
    font-weight:var(--font-weight-600);
}

table td p.flex_tit {
    color: #222;
    font-size: 18px;
    font-weight: var(--font-weight-600);
    margin-bottom: 10px;
}

table td .bull_search+.bull_sea rch {
    margin-top: 10px;
}

table td .bull_search a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #888;
}

table td .bloom_area {
    position: relative;
}

table td input {
    width: 100%;
}

table td input.small {
    max-width: 100px;
}
table td input.medium {
    max-width: 200px;
}
table td input.large {
    max-width: 400px;
}

table td select.w100 {
    min-width: 100%;
}

table td.nodata {
    padding:40px 0;
    font-size:18px;
    color:#666;
    text-align:center;
}

table td span.bull_round {
    display:inline-block;
    padding:10px 20px;
    background: rgba(18, 100, 186, 0.05);
    border-radius: 20px;
    font-size:18px;
    color:#1264BA;
    font-weight:var(--font-weight-600);
}

table td button {
    padding:10px 20px;
    height:40px;
    background-color:#444;
    color:#fff;
    width:110px;
    border-radius:3px;
}

table td button.btn_icon {
    padding:0;
    background-color:transparent;
}

table td button.btn_link3 {
    background:transparent url("../images/common/bill_link.png") center no-repeat;
}

table td .select_trash {
    min-width:auto;
    width:calc( 100% - 50px );
}
table td button.btn_trash {
    background:url("../images/common/bull_trash.svg") center no-repeat;
}

table td button.small {
    padding:2px 10px;
    height:20px;
    font-size:14px;
    background-color:#444;
    color:#fff;
    border-radius:3px;
}

.bloom_wrap {
    width: 140px;
    z-index: 10;
    display: none;
    position: absolute;
    top: 30px;
    right: -20px;
    border: 2px solid #f39800;
    color: #f39800;
    background-color: #fff;
    padding: 6px 20px;
    font-size: 18px;
    border-radius: 4px;
}

.bloom_wrap::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 20px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-left: 2px solid #f39800;
    border-top: 2px solid #f39800;
    transform: rotate(45deg);
}

table td p strong {
    color: #222;
    font-size: 18px;
    font-weight: var(--font-weight-600);
    margin-right: 10px;
}

table td p+p {
    margin-top: 10px;
}

table td .color_type01 {
    color: var(--main-color-02);
    font-weight: var(--font-weight-500);
}

table td .color_type02 {
    color: var(--main-color-04);
    font-weight: var(--font-weight-500);
}

table td .color_type03 {
    color: #222;
    font-weight: var(--font-weight-500);
}
table td .color_type04 {
    color: #1264ba;
    font-weight: var(--font-weight-500);
}

table button.btn_add {
    font-weight: var(--font-weight-600);
    font-size: 18px;
    background-color: var(--main-color-02);
    border-radius: 5px;
    padding: 8px 20px;
    color: #fff;
}

table button.btn_del {
    font-weight: var(--font-weight-600);
    font-size: 18px;
    background-color: #aaa;
    border-radius: 5px;
    padding: 8px 20px;
    color: #fff;
}

table button.btn_del.type02 {
    background-color: #666;
}

table button.btn_del.type03 {
    background-color: #F9FBFD;
    color: #1264BA;
    font-size: 15px;
    border: 1px solid #1264BA;
    align-self: baseline;
}

table tr.detail_area {
    display: none;
}

table td .interview_offer_wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

table td .interview_offer_wrap button.btn {
    max-width: 100px;
}

table.v_top td {
    vertical-align: top;
}

table td .http {width:100%;position:relative;}
table td .http input {padding-left:66px;font-size:18px;color:#666;}
table td .http:before {
    content:"http://";
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    font-size:18px;
    color:#666;
}

table td .company_apply {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    gap:10px;
}
table td .company_apply div {
    display:flex;
    align-items: center;
    gap:10px;
    padding:8px 15px;
    background-color:#F4F5F9;
    color:#222;
    border-radius:20px;
    font-size:18px;
}
table td .company_apply div span {
    font-size:18px;
    color:#1264BA;
    font-weight: var(--font-weight-600);
}
table td .company_apply a {
    color:#1264BA;
    text-decoration: underline;
}

table td .company_apply button {
    background-color:#1264BA;
    height:30px;
    padding:5px 20px;
    width: auto;
}

table td .commpany_caution {
    color:#E60000;
    font-size:18px;
    margin-top:10px;
    display:flex;
    align-items: baseline;
    gap:5px;
}
table td .commpany_caution span {
    display:flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-size:14px;
    width:20px;
    height:20px;
    border-radius:50%;
    background-color:#e60000;
}

.tb_pic_area {
    display: flex;
    gap: 20px;
    align-items: center;
}

.tb_pic_area .pic_area {
    width: 220px;
    height: 284px;
    background: #f6f6f6 url("../images/common/bg_pic.png") center no-repeat;
}

.tb_pic_area .pic_area img {
    width: 100%;
    height: auto;
}

.tb_pic_area .btn_pic {
    max-width: 110px;
    background-color: #444;
}

.tb_pic_area ul {
    margin-top: 20px;
}

.tb_pic_area ul li {
    position: relative;
    margin-top: 8px;
    color: #666;
    padding-left: 10px;
}

.tb_pic_area ul li:first-child {
    margin-top: 0;
}

.tb_pic_area ul li::before {
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #666;
}
.flex_full{
    flex:1;
}
.flex_full .flex_area{
    flex-wrap:nowrap;
}
.flex_area {
    display: flex;
    align-items: center;
    gap: 10px 5px;
    flex-wrap: wrap;
}
.flex_area.phoneNumber.fitNumber input{
    flex:1;
}
.flex_area .tit_ex {
    margin-top: 30px;
    margin-left: 10px;
    font-size: 16px;
    font-weight:var(--font-weight-400);
    color: #999;
}

.flex_area.long_type {
    width:auto;
    flex-shrink: 0;
}

.flex_area.top_line {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.flex_area+.flex_area {
    margin-top: 10px;
}

.flex_area span {
    font-size: 18px;
    color: #888;
}

.flex_area>div,
.flex_area>a{
    display: flex;
    align-items: center;
}
.flex_area>a{
    gap:10px 5px;
}
.flex_area>div.profile_area ,
.flex_area > a >div.profile_area{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f1f1f1;
    overflow: hidden;
}

.flex_area>div.profile_area + dl,
.flex_area>a>div.profile_area + dl{
    display:flex;
    flex-direction: column;
    align-items: start;
    margin-left:10px;
}
@media screen and (max-width:768px){

    .flex_area>div.profile_area + dl,
    .flex_area>a>div.profile_area + dl{
        margin-left:0px;
    }
}

.flex_area>div.profile_area img ,
.flex_area>a>div.profile_area img{
    width: 100%;
}

.flex_area>div .input_list {
    margin-right: 10px;
}

.flex_area>div select {
    min-width: auto;
    max-width: 100px;
    margin-right: 10px;
}

.flex_area .btn_see {
    margin-top: 30px;
    background-color: #444;
    font-size: 18px;
    color: #fff;
    font-weight: var(--font-weight-600);
    border-radius: 3px;
    padding: 10px 15px 9px;
    margin-left: 15px;
}

.flex_between {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
.flex_between select{
    min-width:0px;
}
.flex_between > .flex_area{
    width:100%;
}
.flex_between .flex_align{
    display:flex;
    align-items: center;
    gap:20px;
    font-weight:var(--font-weight-600);
}

.flex_between.device_space {
    padding-top:30px;
    margin-top:30px;
    border-top:1px solid #ddd;
}

.flex_between .btn_small {
    font-weight: var(--font-weight-600);
    margin-top: 15px;
    padding: 4px 20px;
    border: 1px solid #ddd;
    font-size: 15px;
    border-radius: 5px;
    margin-left:auto;
}

.flex_between .btn_small.type02 {
    border: 1px solid #ddd;
    color: #1264ba;
}
.flex_between .btn_small.type03 {
    border: 1px solid #1264BA;
    color: #1264ba;
}

.flex_between .company_area {
    display:flex;
    align-items: center;
    border-radius:50px;
    border:1px solid #ddd;
    flex-shrink: 0;
    padding:0px 10px;
    height:32px;
    overflow:hidden;
}


.flex_between .company_area img {
    width:auto;
    height: auto;
    max-width:78px;
}

.flex_input_area {
    display: flex;
    align-items: center;
    gap: 10px;
}

.flex_input_area+.flex_input_area {
    margin-top: 10px;
}

.flex_input_area .input_list.tit {
    min-width: 125px;
    flex-shrink: 0;
}

.flex_input_area .input_list.tit+input {
    width: calc(100% - 125px);
}

.flex_input_area .flex_input_tit {
    min-width: 120px;
    flex-shrink: 0;
    font-size: 18px;
    font-weight:var(--font-weight-600);
    color: #666 ;
}

.flex_input_area .flex_input_tit label {
    font-size: 18px;
    color: #666;
}

.flex_input_area .flex_input_tit+input {
    width: calc(100% - 125px);
}

.flex_input_area+.flex_input_bottom {
    margin-top: 10px;
    padding-left: 135px;
}

.txt_impot_area {
    display: inline-block;
    font-weight: var(--font-weight-500);
    font-size: 18px;
    color: #888;
    margin-top: 30px;
}

.tb01 {
    border-right: none;
}
.sub_title + .tb01{
    border-bottom:2px solid #000;
}

.tb01 th {
    background-color: #fbfbfb;
    font-weight: var(--font-weight-600);
    font-size: 20px;
    text-align: left;
    padding: 17px 40px;
}

.tb01 td {
    padding: 10px 20px;
}

.tb01 td span {
    display: inline-block;
    vertical-align: middle;
    color: #666;
}

.bull_import {
    margin-right: 4px;
    color: var(--main-color-04) !important;
    font-size: 18px;
    font-weight: var(--font-weight-600);
}

.tb02 {
    border-right: none;
}

.tb02 thead th {
    text-align: center;
}

.tb02 th:before {
    display: none;
}

.tb02 th {
    background-color: #fbfbfb;
    font-weight: var(--font-weight-600);
    font-size: 20px;
    text-align: left;
    padding: 17px 40px;
}


.tb02 th:not(:nth-last-of-type(1))::before{
    content:"";
    display:block;
    width: 1px;
    height:18px;
    position:absolute;
    right:0px;
    background:#ddd;
}

.tb02 tr:nth-last-of-type(1) th:not(:nth-last-of-type(1))::before{
    display:none;
}

.tb02 td {
    padding: 17px 40px;
    word-break: break-all;
}
.tb02 td.pls{
    padding:17px 50px;
}
.tb02 td.noPadding{
    padding:0px 5px;
    text-align:center;
}
.academic_info{
    display:inline-flex;
    width:calc(100% - 120px);
}
.academic_info select{
    min-width:120px;
}
.academic_info > div,.academic_info > div .flex_area{
    display:inline-flex;
    align-items: center;
    flex-wrap:nowrap;
    margin-top:0px;
    gap:0px 5px;
}


.tb02 td.noPadding select{
    width:100%;
}
.tb01.tbHlt td,
.tb02.tbHlt td ,
.tb02.tbHlt td span,
.tb02.tbHlt td p{
    color:#000;
}
.tb02 td.bd{
    color:#000;
}

.tb03 {
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
}
.tb03 th {
    background-color:#f5f5f5;
    border-left:1px solid #ddd;
}
.tb03 td {
    border-left:1px solid #ddd;
}

table span {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-weight: var(--font-weight-500);
    font-size: 18px;
}
table span.interview{
    display:block;
    font-size:16px;
    margin-top:5px;
    white-space:nowrap;
    text-align: center;
    color:#000;
}
table span.interview > a{
    border-bottom:1px solid #000;
    color:#000;
    font-size:16px;
}
table .flex_area.btn_right_type{
    position:relative;
}
table .flex_area.btn_right_type button{
    position: absolute;
    right:0px;
}

table span.space {
    padding: 0 10px 0 0;
}

table strong.space {
    padding: 0 0 0 10px;
}

table span.space+span.space {
    padding: 0 10px;
}

table select.small {
    min-width: 100px;
}

table input.small {
    width: 100%;
    max-width: 140px;
}

table span.point_color {
    color: var(--main-color-02);
}

table td.tb_device {
    padding: 0;
}

table td.tb_device .device_area {
    display: table;
    align-items: start;
    width:100%;
}

table td.tb_device .device_area:first-child dt {
    border-top: none;
}

table td.tb_device .device_area:first-child dd {
    border-top: none;
}

table td.tb_device .device_area dt {
    width: 200px;
    flex-shrink: 0;
    padding: 17px 50px;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display:table-cell;
}

table td.tb_device .device_area dd {
    flex-grow: 1;
    margin-top: 0;
    padding: 17px 50px;
    border-top: 1px solid #ddd;
    display:table-cell;
    width:auto;
}

/* div table */
.div_table {
    border-top: 2px solid #000;
    padding: 16px 20px;
    border-bottom: 1px solid #ddd;
}

.div_table .txt_import {
    font-size: 18px;
    color: #666;
    margin-top: 10px;
}

.div_table2 > div {
    display:flex;
    align-items: center;
    width:100%;
}
.div_table2 > div.w50 > div {
    width:50%;
    display:flex;
    align-items: center;
}
.div_table2 .th_area {
    font-size:18px;
    padding:10px;
    color:#666;
    width:120px;
    flex-shrink: 0;
}
.div_table2 .td_area {
    font-size:20px;
    padding:10px;
    color:#222;
    font-weight: var(--font-weight-600);
    flex-grow: 1;
}

.div_table_bagic {
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}

.div_table_bagic .div_nodata {
    font-size:18px;
    color: #666;
    text-align:center;
    padding:30px 0;
}

.div_basic_head {
    display:flex;
    align-items:center;
    justify-content: space-between;
}
.div_basic_head > div {
    flex-grow: 1;
    padding:20px 0;
    font-size:20px;
    color:#222;
    font-weight: var(--font-weight-600);
    text-align: center;
    position:relative;
}
.div_basic_head > div:not(:nth-of-type(1))::before{
    content: "";
    width: 1px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ddd;
}
.div_basic_head > div.small {
    flex-grow: 0;
    flex-shrink: 0;
    width:120px;
}
.div_basic_head > div.medium {
    flex-grow: 0;
    flex-shrink: 0;
    width:200px;
}
.div_basic_body {
    display:flex;
}
.div_basic_body > div {
    flex-grow: 1;
    padding: 20px 0; /* 동일한 패딩 설정 */
    font-size: 18px;
    color: #888;
    font-weight: var(--font-weight-600);
    text-align: center;
    border-top:1px solid #ddd;
}
.div_basic_body > div.medium{
    max-width:200px;
}

.div_basic_body > div.color_type01 {
    color:#222;
}
.div_basic_body > div.color_type02 {
    color:#009DE1;
}

.div_basic_body > div.small {
    flex-grow: 0;
    flex-shrink: 0;
    width:120px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.div_basic_body > div.medium {
    flex-grow: 0;
    flex-shrink: 0;
    width:200px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.div_basic_body > div.title_area {
    flex: 3 1 0;
    width: 100%; /* 자식 요소의 너비를 부모에 맞춤 */
    padding:20px;
    overflow: hidden;
    display:block;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    text-align: left;
    color: #222;
    font-weight: var(--font-weight-600);
}

.div_basic_body > div.title_area a {
    font-weight: var(--font-weight-600);
    color:#222;
}

.div_basic_body > div.title_area .bull_hiring {
    padding:10px;
    background: rgba(18, 100, 186, 0.05);
    border-radius:20px;
    color:#1264BA;
    margin-right:20px;
}

.div_basic_body > div.title_area dt {
    font-size:20px;
    color:#222;
    font-weight:var(--font-weight-600);
}

.div_basic_body > div.title_area dd {
    font-size:16px;
    color:#888;
    font-weight:var(--font-weight-500);
    margin-top:5px;
}

.div_basic_body > div p {
    font-size:16px;
    color:#888;
    word-break: break-all;
}

.div_basic_body > div p.top_tit {
    font-size:16px;
    color:#1264ba;
    word-break: break-all;
    margin-bottom:10px;
    font-weight: var(--font-weight-500);
}

.div_basic_body > div p + p {
    margin-top:8px;
}

.div_basic_body > div p span {
    display:inline-block;
    margin-right:5px;
    color:#222;
    font-weight:var(--font-weight-500);
}

.div_basic_body > div p span.color_type01 {color:#1264BA;font-weight:var(--font-weight-600);}
.div_basic_body > div p span.color_type02 {color:#E60000;font-weight:var(--font-weight-600);}
.div_basic_body > div p span.color_type03 {color:#222;font-weight:var(--font-weight-600);}

.detail_wrap {
    border-top: 2px solid #000;
}

.detail_wrap>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
}

.detail_wrap>div>dl {
    width: 50%;
    display: flex;
    align-items: center;
}

.detail_wrap>div>dl dt {
    position: relative;
    width: 200px;
    flex-shrink: 0;
    padding: 20px;
    font-size: 20px;
    font-weight: var(--font-weight-600);
    color: #222;
}

.detail_wrap>div>dl dt::before {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ccc;
}
.detail_wrap>div>dl dd {
    padding: 20px;
    font-weight: var(--font-weight-500);
    color: #888;
    font-size: 18px;
}
.detail_wrap>div>dl dd a {
    font-size: 18px;
    font-weight: var(--font-weight-500);
    color: #888;
    border-bottom: 1px solid #888;
}
.detail_wrap>div>div {
    display: flex;
    align-items: center;
}
.detail_wrap>div.con_area {
    padding: 40px 50px;
}
.detail_wrap>div.con_area img {
    max-width: 100%;
    height: auto;
}
.detail_wrap .add_wrap li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 10px 50px 10px 23px;
}

.detail_wrap .add_wrap li dl {
    display: flex;
    align-items: center;
}

.detail_wrap .add_wrap li dl dt {
    position: relative;
    width: 200px;
    flex-shrink: 0;
    font-size: 20px;
    color: #222;
    font-weight: var(--font-weight-600);
}

.detail_wrap .add_wrap li dl dt::before {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ccc;
}

.detail_wrap .add_wrap li dl dd {
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail_wrap .add_wrap li dl dd a {
    font-size: 18px;
    color: #888;
    width:100%;
    font-weight: var(--font-weight-500);
}

.btn_down {
    display: inline-block;
    border-radius: 5px;
    padding: 6px 60px 6px 30px;
    border: 1px solid var(--main-color-02);
    color: var(--main-color-02);
    font-size: 18px;
    width:auto;
    font-weight: var(--font-weight-600);
    background: url("../images/common/icon_down.svg") right 10px center no-repeat;
}

.btn_go {
    display: inline-block;
    border-radius: 5px;
    padding: 6px 20px 6px 20px;
    border: 1px solid var(--main-color-02);
    color: var(--main-color-02);
    margin-left:10px;
    white-space:nowrap;
}

.btn_point_color {
    background-color: #fff;
    margin-left: 10px;
    display: inline-block;
    border-radius: 5px;
    padding: 6px 30px;
    border: 1px solid var(--main-color-02);
    color: var(--main-color-02);
    font-size: 18px;
    width: auto;
    font-weight: var(--font-weight-600);
}

/* tab */
.tab_wrap .tab_list {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.tab_wrap .tab_list li {
    flex-grow: 1;
    flex:1;
}

.tab_wrap .tab_list li:first-child {
    border-left: 0;
}

.tab_wrap .tab_list li a {
    position: relative;
    display: block;
    padding: 19px 0 18px;
    text-align: center;
    font-size: 18px;
    color: #222;
    font-weight: var(--font-weight-500);
}

.tab_wrap .tab_list li a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd;
}

.tab_wrap .tab_list li:first-child a::after {
    display: none;
}

.tab_wrap .tab_list li a:hover,
.tab_wrap .tab_list li a.active {
    background-color: #1e7edf;
    color: #fff;
    border-radius: 5px;
}

.tab_wrap .tab_list li a:hover::before,
.tab_wrap .tab_list li a.active::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: rotate(-45deg) translateX(-50%);
    width: 10px;
    height: 10px;
    background-color: #1e7edf;
}

.tab_wrap .tab_list li a:hover::after,
.tab_wrap .tab_list li a.active::after {
    display: none;
}

.tab_wrap .tab_con {
    display: none;
}

/* toggle */
.toggle_wrap {
    border-top: 2px solid #000;
}

.toggle_wrap .toggle_btn {
    position: relative;
    border-bottom: 1px solid #ddd;
    color: #222;
    font-size: 20px;
    font-weight: var(--font-weight-500);
    display: block;
    width: 100%;
    text-align: left;
    padding: 18px 80px 17px 100px;
}
.toggle_wrap .toggle_btn.best{
    display:flex;
}
.toggle_wrap .toggle_btn .best{
    display:flex;
    gap:0px 4px;
    padding:0px 6px;
    align-items: center;
    background:#F39800;
    font-weight:700;
    font-size:14px;
    color:#fff;
    border-radius:100px;
    margin-left:6px;
}
.toggle_wrap .toggle_btn .best::before{
    content:"";
    display:block;
    width:16px;
    height:14px;
    background:url("../images/common/best.svg")center center no-repeat;
    background-size:100%;
}

.toggle_wrap .toggle_btn.active {
    font-weight: var(--font-weight-600);
    color: #444;
}

.toggle_wrap .toggle_btn::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--main-color-02) url("../images/common/bull_toggle_q.png") 9px 7px no-repeat;
}

.toggle_wrap .toggle_btn::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: url("../images/common/bull_toggle_arrow.png") center no-repeat;
}

.toggle_wrap .toggle_btn.active::after {
    transform: rotate(180deg) translateY(50%);
}

.toggle_wrap .toggle_con {
    border-bottom: 1px solid #ddd;
    position: relative;
    display: none;
    padding: 30px 20px 30px 100px;
    color: #666;
    background-color: #f8f8f8;
    line-height: 150%;
    font-size: 18px;
    color: #666;
}

.toggle_wrap .toggle_con::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 30px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #aaa url("../images/common/bull_toggle_a.png") 9px 7px no-repeat;
}

/* btn */
.btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 50px;
}

.btn_wrap .btn {
    display: inline-block;
    padding: 16px 100px;
    border-radius: 5px;
    border: 1px solid #1264ba;
    background-color: #1264ba;
    color: #fff;
    font-size: 18px;
    font-weight: var(--font-weight-600);
}

.btn_wrap .btn.type_end{
    background:#666;
    border:none;
    opacity:0.6;
    cursor:default;
}

.btn_wrap .btn.type02 {
    background-color: #fff;
    color: #1264ba;
    border: 1px solid #1264ba;
}

.btn_detail_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.btn_detail_wrap button {
    font-size: 18px;
    position: relative;
    padding: 8px 40px 8px 20px;
    font-weight: var(--font-weight-600);
    border-radius: 20px;
    background-color: #fff;
    color: var(--main-color-02);
    border: 1px solid var(--main-color-02);
}

.btn_detail_wrap button::before {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 10px;
    height: 5px;
    background: url("../images/common/bull_search_detail.svg") center no-repeat;
}

.btn_detail_wrap button.active {
    background-color: var(--main-color-02);
    color: #fff;
}

.btn_detail_wrap button.active::before {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: rotate(-180deg) translateY(50%);
    content: "";
    width: 10px;
    height: 5px;
    background: url("../images/common/bull_search_detail_on.svg") center no-repeat;
}

.icon_area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #009de1;
    border-radius: 50%;
}

/* select input.. */
select {
    vertical-align: bottom;
    background: #fff url("../images/common/bull_select_arrow.svg") right 10px center no-repeat;
    min-width: 200px;
    height: 40px;
    padding: 0 15px;
    padding-right: 40px;
    font-size: 18px;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 2px;
}

textarea {
    width: 100%;
    height: 160px;
    padding: 10px;
    font-size: 18px;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 2px;
}

input {
    padding: 10px 10px 9px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

input:disabled,
input.disabled {
    background-color: #fafafa;
}

input.small {
    width: 100px;
}

input.tiny {
    width: 50px;
}

input.w100 {
    width: 100%;
}

input.add_search {
    width: 100%;
    max-width: 225px;
    padding-right: 40px;
    background: #fff url("../images/common/bull_search.svg") right 10px center no-repeat;
}

input.add_search:disabled {
    background-color: #fafafa;
    color: #666;
}

.filebox {
    width: 100%;
    display: flex;
    align-items: center;l
}
.filebox.multiple > input.upload-name{
    width:calc(100% - 120px);
}

.filebox.multiple .filebox_txt{
    font-size:18px;
    font-weight:var(--font-weight-400);
    color:#666;
    display:inline-block;
    width:calc(100% - 120px);
}
.filebox.multiple{
    flex-wrap:wrap;
}
.filebox.multiple  > .multiple_file_wrap{
    width:100%;
    display:flex;
    align-items: center;
    height:40px;
    border:1px solid #ddd;
    margin-top:10px;
    min-width:480px;
    gap:0px 10px;
    padding:0px 15px;
}
.filebox.multiple  > .multiple_file_wrap span{
    margin-left:auto;
    color:#666;
    font-size:18px;
}
.filebox.multiple  > .multiple_file_wrap .file_del{
    font-size:0px;
    display:block;
    width:25px;
    height:25px;
    background:url("../images/common/file_del.svg")center center no-repeat;
    background-size:100%;
}

.filebox .file_txt {
    width: 85px;
    flex-shrink: 0;
}

.filebox input[type="file"] {
    position: absolute;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
}

.filebox .upload-name {
    color: #666;
    font-size: 18px;
    width: calc(100% - 110px);
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid transparent;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.filebox .upload-name::placeholder {
    color: #666;
}

.filebox label {
    text-align: center;
    width: 110px;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: var(--font-weight-600);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    vertical-align: middle;
    background-color: #444;
    cursor: pointer;
    height: 40px;
}

.filebox button {
    text-align: center;
    width: 110px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: var(--font-weight-600);
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    background-color: #444;
    cursor: pointer;
    height: 40px;
    padding:0px 20px;
}

.filebox .upload-name2 {
    color: #666;
    font-size: 18px;
    width: 100%;
    border: 1px solid #ddd;
    padding-right: 110px;
}

.filebox .file_upload_wrap {
    display: flex;
    align-items: center;
}

.filebox .upload-name3 {
    min-width: 50px;
    color: #666;
    font-size: 18px;
    width: auto;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid transparent;
    color: #009DE1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    font-weight: var(--font-weight-600);
}

.filebox .btn_del_icon {
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
    background: url("../images/common/bull_upload_del.png") center no-repeat;
}

.filebox .upload-name3::placeholder {
    color: #009DE1;
}

.filebox .file_small_wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 400px;
}

.filebox .file_small_wrap .txt_data {
    position: absolute;
    right: 45px;
    top: 10px;
    font-size: 18px;
    color: #666;
}

.filebox .file_small_wrap .btn_trash {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 25px;
    height: 25px;
    background: url("../images/common/bull_trash.svg") center no-repeat;
}

.filebox .file_small_wrap .btn_trash2 {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 25px;
    height: 25px;
    background: url("../images/common/bull_file_close.png") center no-repeat;
}

.filebox .btn_file {
    text-align: center;
    width: 100px;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: var(--font-weight-600);
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    background-color: #444;
    cursor: pointer;
    height: 40px;
}

.input_list_wrap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.input_list {
    margin: 5px 0;
    display: inline-block;
    margin-right: 18px;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

input[type="radio"]+label {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #666;
    padding: 0 0 0 32px;
    min-height: 24px;
    line-height: 23px;
    background: url("../images/common/radio.png") no-repeat;
    cursor: pointer;
    color: #666;
}

input[type="radio"]+label.no_label {
    padding-left: 0;
    padding-right: 22px;
    font-size:0px;
}

input[type="radio"]:focus+label {
    background: url("../images/common/radio_on.png") no-repeat;
}

input[type="radio"]+label.on {
    background: url("../images/common/radio_on.png") no-repeat;
}

input[type="radio"]:checked+label {
    background: url("../images/common/radio_on.png") no-repeat;
}

input[type="radio"]:focus+label.on {
    background: url("../images/common/radio_on.png") no-repeat;
}

input[type="radio"]+label.disable,
input[type="radio"]:disabled+label {
    background: url("../images/common/radio_dis.png") no-repeat;
}

input[type="checkbox"]+label {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #666;
    padding: 0 0 0 32px;
    min-height: 24px;
    line-height: 23px;
    background: url("../images/common/check.svg") no-repeat;
    background-size:19px 19px;
    background-position:0px 3px;
    cursor: pointer;
}

input[type="checkbox"]+label.no_label {
    padding-left: 0;
    padding-right: 22px;
    font-size:0px;
}

input[type="checkbox"]:focus+label {
    background: url("../images/common/check.svg") no-repeat;
    background-size:19px 19px;
    background-position:0px 3px;
}

input[type="checkbox"]+label.on {
    background: url("../images/common/check_on.svg") no-repeat;
    background-size:19px 19px;
    background-position:0px 3px;
}

input[type="checkbox"]:checked+label {
    background: url("../images/common/check_on.svg") no-repeat;
    background-size:19px 19px;
    background-position:0px 3px;
}
`
input[type="checkbox"]:focus+label.on {
    background: url("../images/common/check_on.svg") no-repeat;
    background-size:19px 19px;
    background-position:0px 3px;
}

input[type="checkbox"]+label.disable {
    background: url("../images/common/check_dis.png") no-repeat;
}

input[type="checkbox"]:disabled+label {
    background: url("../images/common/check_dis.png") no-repeat;
    cursor: default;
}
input.input_date {
    font-size: 18px;
    width: 200px;
    background: url("../images/common/bull_datepicker.png") right 5px center no-repeat;
}

.input_list.dot_type {
    margin-top: 15px;
}

.input_list.dot_type input[type="checkbox"]+label {
    min-height: 28px;
    line-height: 27px;
    font-size: 20px;
    background: url("../images/common/check_round.png") no-repeat;
}

.input_list.dot_type input[type="checkbox"]:focus+label {
    background: url("../images/common/check_round.png") no-repeat;
}

.input_list.dot_type input[type="checkbox"]+label.on {
    background: url("../images/common/check_round_on.png") no-repeat;
}

.input_list.dot_type input[type="checkbox"]:checked+label {
    background: url("../images/common/check_round_on.png") no-repeat;
}

.input_list.dot_type input[type="checkbox"]:focus+label.on {
    background: url("../images/common/check_round_on.png") no-repeat;
}

.button_check_box {
    border: 1px solid #ddd;
    margin-top: 30px;
}
.button_check_box .txt_import{
    color:var(--main-color-04);
    font-weight:var(--font-weight-700);
}
.button_check_box .button_area {
    display: flex;
}

.button_check_box.disabled {
    opacity: 0.5;
}

.button_check_box input[type="checkbox"]+label {
    padding: 28px 30px 30px 58px;
    font-size: 20px;
    color: #666;
    width: 100%;
    background: url("../images/common/btn_check.png") 20px 28px no-repeat;
}

.button_check_box input[type="checkbox"]+label span {
    font-size: 20px;
    font-weight: var(--font-weight-600);
    color: var(--main-color-02);
}

.button_check_box input[type="checkbox"]+label.on {
    background: url("../images/common/btn_check_on.png") 20px 28px no-repeat;
}

.button_check_box input[type="checkbox"]:focus+label.on {
    background: url("../images/common/btn_check_on.png") 20px 28px no-repeat;
}

.button_check_box .button_check_bottom {
    padding: 0 20px 30px 20px;
    font-size: 18px;
}

.button_check_box .button_check_bottom p {
    margin-top: 10px;
    color: #666;
    font-size: 18px;
}

.button_check_box .button_check_bottom p:first-child {
    margin-top: 0;
}

.button_check_box .btn_toggle {
    padding: 0 20px;
}

.button_check_box .btn_toggle img {
    transform: rotate(0deg);
    transition: all 0.1s;
}

.button_check_box .btn_toggle.on img {
    transform: rotate(-180deg);
}

.button_check_box .toggle_con_area {
    padding: 20px;
    display: none;
}

/* scrollbox */
.graybox_wrap {
    border: 1px solid #ddd;
    padding: 30px 40px;
    margin-top: 40px;
    max-height: 265px;
    line-height: 180%;
    overflow: hidden;
    overflow-y: auto;
}

.graybox_wrap p {
    color: #666;
    padding: 8px 0;
    font-size: 18px;
}

.graybox_wrap p strong {
    color: #222;
    font-weight: var(--font-weight-500);
    font-size: 18px;
}

.graybox_wrap ol,
.graybox_wrap ul {
    padding-bottom: 20px;
}

.graybox_wrap li {
    color: #666;
    font-size: 18px;
}

.graybox_wrap li strong {
    color: #222;
    font-weight: var(--font-weight-500);
    font-size: 18px;
}

.graybox_wrap .txt_import {
    color: var(--main-color-04);
    font-weight: var(--font-weight-600);
    font-size: 18px;
}

.graybox_wrap2 {
    background-color: #f8f8f8;
    padding: 30px 40px;
    margin-top: 40px;
    max-height: 265px;
    overflow: hidden;
    overflow-y: auto;
    line-height: 180%;
    font-size: 18px;
    color: #666;
}

.graybox_wrap2 strong {
    font-weight: var(--font-weight-600);
    font-size: 18px;
    color: #666;
}
.graybox_wrap2 strong.color_type01{
    color:var(--main-color-01);
}

.graybox_wrap3 {
    border: 1px solid #ddd;
    padding: 30px 40px;
}

.board_list_wrap {
    position: relative;
    border-top: 2px solid #000;
}

.board_list_wrap::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}

.board_list_wrap ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.board_list_wrap ul li {
    width: calc(100% / 4);
    padding: 40px 10px;
    border-bottom: 1px solid #ddd;
}

.board_list_wrap ul li a {
    display: block;
    position: relative;
}

.board_list_wrap ul li a.type_finished .img_area:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
    z-index: 10;
}

.board_list_wrap ul li .img_area img {
    width: 100%;
    height: auto;
    min-height:230px;
    max-height:230px;
    min-width:100%;
    aspect-ratio: 16/9;
}

.board_list_wrap .bull_area {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.board_list_wrap .bull_area.bull01 {
    width:30px;
    height:30px;
    background: var(--main-color-02) url("../images/common/bull_hong01.svg") center no-repeat;
    background-size:20px auto !important;
}

.board_list_wrap .bull_area.bull02 {
    width:30px;
    height:30px;
    background: var(--main-color-02) url("../images/common/bull_hong02.svg") center no-repeat;
    background-size:20px auto !important;
}

.board_list_wrap .bull_area.bull03 {
    width:30px;
    height:30px;
    background: var(--main-color-02) url("../images/common/bull_hong03.svg") center no-repeat;
    background-size:20px auto !important;
}

.board_list_wrap .bull_txt_area {
    z-index: 11;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 8px 22px;
    background-color: var(--main-color-02);
    font-size: 15px;
    color: #fff;
    border-radius: 20px;
}

.board_list_wrap .bull_txt_area2 {
    z-index: 11;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 8px 22px;
    background-color: #333;
    font-size: 15px;
    color: #fff;
    border-radius: 20px;
}

.board_list_ex {
    margin-top: 20px;
}

.board_list_ex dl {}

.board_list_ex dt {
    font-weight: var(--font-weight-600);
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.board_list_ex dd {
    font-size: 18px;
    font-weight: var(--font-weight-500);
    color: #888;
    margin-top: 15px;
}

.board_list_ex dd span {
    font-size: 18px;
    font-weight: var(--font-weight-600);
    color: #222;
    margin-right: 10px;
}

.board_list_ex dd.date_area {
    font-size: 18px;
    color: #888;
    font-weight: var(--font-weight-500);
    margin-top: 15px;
    padding-left: 20px;
    background: url("../images/common/bull_clock.svg") left center no-repeat;
}

/* bull_box_wrap */
.bull_box_wrap {
    margin-bottom: 50px;
    border: 5px solid #f2f2f2;
    padding: 35px 50px;
    display: flex;
    gap: 30px;
    align-items: center;
}

.bull_box_wrap .bull_area {
    width: 90px;
    height: 90px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #f2f2f2 url("../images/sub/bull_consulting2.svg") 13px center no-repeat;
}

.bull_box_wrap ul li {
    margin-top: 10px;
    font-size: 18px;
    color: #666;
}

.bull_box_wrap ul li:first-child {
    margin-top: 0;
}

.gray_box {
    padding: 60px 20px;
    border: 1px solid #ddd;
}

.img_area {
    text-align: center;
    position: relative;
}

.img_area img {
    max-width: 100%;
    height: auto;
}

.write_area {
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}

.write_area p {
    font-size: 18px;
    font-weight: var(--font-weight-500);
    color: var(--main-color-02);
    padding: 20px 0 5px;
}

.write_area p:first-child {
    padding-top: 0;
}

.write_area ul {
    padding: 5px 0;
}

.write_area ul li {
    font-size: 18px;
    font-weight: var(--font-weight-500);
    color: #666;
    margin-top: 10px;
    word-break:break-all;
}

.write_area ul li:first-child {
    margin-top: 0;
}

.write_bottom {
    margin-top: 20px;
    color: #666;
    font-size: 18px;
}

/* popup */
.popup_wrap {
    max-width: 900px;
    border: 3px solid var(--main-color-02);
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1223;
    width: calc(100% - 40px);
    background-color: #fff;
    border-radius: 4px;
    transform: translate(-50%, -50%);
}
#popup17{
    max-width:1200px;
}

.popup_wrap .popup_header {
    padding: 70px 70px 40px;
    text-align: center;
}

.popup_wrap .popup_header h2 {
    font-size: 42px;
    color: #000;
    font-weight: var(--font-weight-700);
}

.popup_wrap .popup_con {
    padding: 0 70px 70px;
    max-height: calc(100vh - 360px);
    overflow: hidden;
    overflow-y: auto;
}

.popup_wrap .popup_con input {
    height: 40px;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 18px;
}

.popup_wrap .popup_con input.input_date {
    width: 140px;
}

.popup_wrap .popup_con .select_hour {
    min-width: 110px;
    padding: 0 30px 0 10px;
}

.popup_wrap .popup_con .select_min {
    min-width: 70px;
    padding: 0 30px 0 10px;
}

.popup_wrap .bottom_btn_area {
    padding-top: 50px;
    text-align: center;
}

.popup_wrap .bottom_btn_area button {
    border: 1px solid #1264ba;
    padding: 12px 100px;
    font-size: 20px;
    font-weight: var(--font-weight-600);
    background-color: #1264ba;
    color: #fff;
    border-radius: 5px;
}

.popup_wrap .bottom_btn_area button.type02 {
    background-color: #fff;
    color: #1264ba;
    border: 1px solid #1264ba;
}

.popup_wrap .bottom_btn_area button+button {
    margin-left: 10px;
}

.popup_wrap .btn_close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 20px;
    height: 20px;
    background: url("../images/common/btn_popup_close.png") center no-repeat;
}

.popup_wrap textarea {
    width: 100%;
    height: 160px;
    overflow: hidden;
    overflow-y: auto;
}

.popup_wrap .pop_tit {
    font-size: 20px;
    color: #222;
    font-weight: var(--font-weight-600);
}

.popup_wrap .pop_tit+.pop_info {
    margin-top: 10px;
}

.popup_wrap .pop_info {
    font-size: 18px;
    color: #888;
    font-weight: var(--font-weight-500);
    margin-bottom: 20px;
}

.popup_wrap .pop_info+.pop_info {
    margin-top: -15px;
}

.popup_wrap .pop_search_area {
    display: flex;
    align-items: center;
    gap: 10px;
}

.popup_wrap .pop_search_area button {
    width: 100px;
    flex-shrink: 0;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: var(--font-weight-600);
    background-color: #444;
    color: #fff;
    border-radius: 3px;
}

.popup_wrap .pop_search_result {
    position: relative;
    margin-top: -1px;
    padding: 20px;
    border: 1px solid #ddd;
    max-height: 180px;
    overflow: hidden;
    overflow-y: auto;
}

.popup_wrap .pop_search_result ul li {
    font-size: 18px;
    color: #666;
    margin-top: 8px;
}

.popup_wrap .pop_search_result ul li:first-child {
    margin-top: 0;
}

.popup_wrap .popup_table td {
    text-align: center;
}

.popup_wrap .popup_table td.title_area {
    text-align: left;
}

.popup_wrap .popup_table td select {
    width: 100%;
    min-width: 100%;
}

.popup_wrap .popup_table td input {
    width: 100%;
    min-width: 100%;
}

.popup_wrap .popup_table2 th {
    background-color: #f8f8f8;
    text-align: left;
    padding-left: 30px;
}

.popup_wrap .popup_table2 td {
    padding: 9px 20px 8px;
}
.popup_wrap .popup_table2 td .flex_area{
    flex-wrap:nowrap;
}

.popup_wrap .select_area {
    width: 100%;
}

.popup_wrap .select_area select {
    width: 100%;
}

.popup_wrap .select_area select .center_type {
    text-align: center;
}

.popup_wrap .graybox_wrap {
    padding: 15px;
    color: #666;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 18px;
}

.popup_wrap .popup_arrow_box {
    font-size: 18px;
    line-height: 180%;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #666;
    border-radius: 2px;
}

.popup_wrap .popup_arrow_box a {
    display: block;
    padding: 10px 50px 10px 15px;
    background: #f8f8f8 url("../images/common/bull_box_arrow.svg") right 30px center no-repeat;
}

.popup_wrap .pop_tit+.graybox_wrap {
    margin-top: 20px;
}

.popup_wrap .popup_bottom_right {
    color: #666;
    text-align: right;
}

.bg_dimm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1221;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #000;
    opacity: 0.5;
}

/* dot_tit */
.dot_tit {
    position: relative;
    font-size: 20px;
    font-weight: var(--font-weight-600);
    color: #222;
    margin: 50px 0 18px;
    padding-left: 25px;
}

.dot_tit .count_area {
    margin-left:10px;
    font-size:16px;
    font-weight: var(--font-weight-500);
    color:#888;
}

.dot_tit .count_area em {
    font-size:16px;
    font-weight: var(--font-weight-600);
    color:#000;
}

.dot_tit label {
    font-size: 20px;
    font-weight: var(--font-weight-600);
    color: #222;
}

.dot_tit::before {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 4px solid var(--main-color-02);
}

/* swiper */
.swiper_wrap {
    position: relative;
    padding: 40px;
}

.swiper_wrap .swiper-slide img {
    width: 100%;
    height: auto;
}

.swiper_wrap .hongbo_prev {
    left: 0;
    background: url("../images/common/bull_swiper_arrow_prev.svg") no-repeat;
}

.swiper_wrap .hongbo_prev::after {
    display: none;
}

.swiper_wrap .hongbo_next {
    right: 0;
    background: url("../images/common/bull_swiper_arrow_next.svg") no-repeat;
}

.swiper_wrap .hongbo_next::after {
    display: none;
}

.dot_tit+.flex_with_pic_wrap {
    margin-top: 0;
}

.flex_with_pic_wrap {
    margin-top: 50px;
    display: flex;
    gap: 30px;
}

.flex_with_pic_wrap .pic_area {
    width: 218px;
    flex-shrink: 1;
}

.flex_with_pic_wrap .pic_area .pic_box {
    display:flex;
    align-items: center;
    width: 218px;
    min-height: 286px;
    background:none;
    border: 1px solid #ddd;
}

.flex_with_pic_wrap .pic_area img {
    /*width: 100%;*/
    /*max-width:216px;*/
    width:auto;
    height:auto;
    min-width:100%;
}

.flex_with_pic_wrap .pic_area .pic_tit {
    font-size: 18px;
    color: #222;
    font-weight: var(--font-weight-600);
    text-align: center;
    margin-top: 20px;
}

.txt_import_area {
    margin-top: 15px;
    position: relative;
    font-size: 18px;
    color: var(--main-color-04);
    padding-left: 10px;
    line-height: 180%;
}

.txt_import_area::before {
    content: "*";
    position: absolute;
    left: 0;
    top: 0;
}

.txt_import_area2 {
    margin-top: 15px;
    position: relative;
    font-size: 18px;
    color: #666;
    padding-left: 10px;
    line-height: 180%;
}

.txt_import_area2::before {
    content: "*";
    position: absolute;
    left: 0;
    top: 0;
}

.email_ask_wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 16px 20px;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}

.email_ask_wrap>div {
    flex-grow: 1;
    position: relative;
    padding-bottom: 30px;
}

.email_ask_wrap>div .email_txt_num {
    position: absolute;
    bottom: 0px;
    right: 0;
    color: #666;
    font-size: 18px;
}

.email_ask_wrap textarea {
    resize: none;
    border: 1px solid #ddd;
    height: 160px;
    overflow: hidden;
    overflow-y: auto;
}

.email_ask_wrap .btn_email {
    flex-shrink: 0;
    width: 160px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    background-color: var(--main-color-02);
}

.chy_box_wrap {
    border: 1px solid #ddd;
    padding: 10px 20px;
}
.chy_box_wrap + .chy_box_wrap{
    margin-top:20px;
}

pre.codeBox{
    padding:30px;
    border:1px solid #ddd;
    font-size:18px;
    color:#666;

}

.chy_box_wrap dt {
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px 0 20px 0px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
    font-size: 20px;
    color: #222;
    font-weight: var(--font-weight-600);
}

.chy_box_wrap dt>div {
    flex-grow: 1;
    font-weight: var(--font-weight-600);
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    display:flex;
    align-items: start;
    max-width:calc(100% - 140px);
}

.chy_box_wrap dt>div > p{
    font-weight: var(--font-weight-600);
    font-size: 20px;
    white-space:normal;
    line-height:35px;
}
.chy_box_wrap dt .bull_tit {
    border-radius: 5px;
    font-weight: var(--font-weight-600);
    background-color: var(--main-color-02);
    color: #fff;
    font-size: 18px;
    padding: 7px 20px;
    margin-right:30px;
}

.chy_box_wrap dt .date_area {
    flex-shrink: 0;
    text-align: right;
    padding-right: 20px;
    font-size: 20px;
    color: #222;
    font-weight: var(--font-weight-600);
}

.chy_box_wrap dd {
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px 40px 20px 130px;
    background-color: #f8f8f8;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    color: #666;
    font-weight: var(--font-weight-400);
}

.chy_box_wrap dd .bull_tit {
    border-radius: 5px;
    font-weight: var(--font-weight-600);
    position: absolute;
    left: 40px;
    top: 20px;
    background-color: #fff;
    padding: 6px 20px;
    border: 1px solid var(--main-color-02);
    color: var(--main-color-02);
}

.chy_box_wrap dd>div>p {
    font-size: 20px;
    color: #666;
    line-height: 180%;
}

.chy_box_wrap dd .date_area {
    flex-shrink: 0;
    text-align: right;
    font-size: 18px;
    color: #666;
}

.bottom_btn_area_caution {
    font-size: 18px;
    color: #666;
    padding: 0 20px;
    text-align: center;
    margin-top: 20px;
}

/* ul */
.ul_type01 {
    padding-left: 25px;
}
.ul_type01 li.notFlex{
    display:inline-block;
}
.ul_type01.borderline{
    display:flex;
    border:1px solid #ddd;
    min-height:60px;
    align-items: center;
    padding:5px 15px;
}

.ul_type01 li {
    display:flex;
    margin-top: 8px;
    color: #888;
    align-items:center;
    font-weight: var(--font-weight-500);
    font-size: 18px;
}
.ul_type01.borderline li div{
    display:flex;
    flex-direction: column;
    gap:5px 0px;
}

.ul_type01 li span {
    font-size: 18px;
    color: #888;
    font-weight: var(--font-weight-500);
}

.ul_type01 li span.color_type01 {
    color:#009DE1;
}
.ul_type01 li span.color_type02 {
    color:#1264BA;
}

.ul_type01 li:first-child {
    margin-top: 0;
}

.ul_type01 li .btn {
    font-size:20px;
    width:100%;
    max-width:300px;
    padding:10px 0;
    border-radius:5px;
    background-color:#1264BA;
    color:#fff;
}

.txt_ex {
    font-size: 18px;
    padding-left: 25px;
    line-height: 160%;
    color: #888;
    font-weight: var(--font-weight-500);
}

.reservation_wrap {
    padding: 80px 20px;
    display: flex;
    justify-content: center;
    gap: 120px;
    border: 1px solid #ddd;
}

.reservation_wrap .reservation_step {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.reservation_wrap .reservation_step::before {
    position: absolute;
    top: 50%;
    left: -70px;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/common/bull_step_arrow.svg") center no-repeat;
}

.reservation_wrap .reservation_step:first-child:before {
    display: none;
}

.reservation_wrap .step_bull {
    align-self: center;
}

.reservation_wrap .step_text {
    margin-top: 30px;
}

.reservation_wrap .step_text dt {
    text-align: center;
    font-size: 20px;
    font-weight: var(--font-weight-600);
}

.reservation_wrap .step_text dd {
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
    color: #666;
    line-height: 150%;
}

.member_tit {
    font-size: 26px;
    font-weight: var(--font-weight-600);
    text-align: center;
    padding-bottom: 10px;
}

.member_tit2 {
    font-size: 18px;
    font-weight: var(--font-weight-600);
    color: #666;
    text-align: center;
    padding-bottom: 80px;
}

.member_txt {
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
}

.member_txt span {
    font-size: 18px;
    font-weight: var(--font-weight-600);
    color: var(--main-color-02);
}

.member_box_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 50px;
}

.member_box_wrap>div {
    width: calc(50% - 10px);
    padding: 80px 20px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.member_box_wrap>div>p {
    text-align: center;
}

.member_box_wrap>div>p.member_box_tit {
    font-size: 20px;
    font-weight: var(--font-weight-600);
    margin-bottom: 20px;
    color: #222;
}

.member_box_wrap>div>p.member_box_subtit {
    font-size: 18px;
    color: #888;
}

.member_box_wrap .member_bull {
    margin: 30px 0;
}

.member_layout {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.guide_area_all {
    display: block;
    margin-top: 15px;
}

.guide_area {
    display: inline;
    color: #009de1;
    font-weight: var(--font-weight-600);
}

.guide_area+.guide_area {
    margin-left: 10px;
}

.guide_area .btn_delete {
    vertical-align: middle;
    margin-left: 3px;
    width: 15px;
    height: 15px;
    background: url("../images/common/btn_object.png") center no-repeat;
    background-size: 15px auto;
}

.round_tab_wrap {
    border:1px solid #DDD;
    border-radius:30px;
}
.round_tab_wrap a {
    font-size:18px;
    display:inline-block;
    padding:15px 34px;
    font-weight: var(--font-weight-600);
    color:#888;
}
.round_tab_wrap a.active {
    border:1px solid #009DE1;
    background: rgba(0, 157, 225, 0.10);
    color:#009DE1;
    border-radius:30px;
}

.div_toggle_table {
    border-top:2px solid #000;
    border-bottom:1px solid #ddd;
}

.div_toggle_head {
    display:flex;
    align-items:center;
    justify-content: space-between;
}
.div_toggle_line{
    display:table;
    align-items: center;
}
.div_toggle_table .div_toggle_body .div_toggle_line > div{
    display:table-cell !important;
    align-items: center;
    vertical-align: middle;
}

.div_toggle_head > div {
    flex-grow: 1;
    padding:20px 0;
    font-size:20px;
    color:#222;
    font-weight: var(--font-weight-600);
    text-align: center;
}
.div_toggle_head > div.small {
    flex-grow: 0;
    flex-shrink: 0;
    width:120px;
}
.div_toggle_head > div.medium {
    flex-grow: 0;
    flex-shrink: 0;
    width:210px;
}
.div_toggle_head > div.large {
    flex-grow: 0;
    flex-shrink: 0;
    width:330px;
}
.div_toggle_head > div.title_area {
    flex-shrink: 0;
    width:50%;
}
.div_toggle_body > a {
    display: flex; /* 플렉스 컨테이너 설정 */
    justify-content: space-between; /* 자식 요소 간 간격 균등 분배 */
}

.div_toggle_body > a > div,
.div_toggle_body > div {
    flex-grow: 1;
    padding: 20px 0; /* 동일한 패딩 설정 */
    font-size: 18px;
    color: #888;
    font-weight: var(--font-weight-600);
    text-align: center;
    border-top:1px solid #ddd;
}
.div_toggle_body > a > div.small,
.div_toggle_body > .div_toggle_line > div.small{
    flex-grow: 0;
    flex-shrink: 0;
    width:120px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.div_toggle_body > a > div.large,
.div_toggle_body > .div_toggle_line > div.large{
    flex-grow: 0;
    flex-shrink: 0;
    width:330px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.div_toggle_body > a > div.color_type02 {
    color:#1264BA;
}
.div_toggle_body > a > div.color_type03 {
    color:#009DE1;
}
.div_toggle_body > a > div.color_type04 {
    color:#222;
}
.div_toggle_body > a > div.color_type05 {
    color:#e60000;
}
.div_toggle_body > a > div .btn_write,
.div_toggle_body > a > .btn_write {
    padding:8px 20px;
    background-color:#4F4E4D;
    color:#fff;
    border-radius:3px;
}

.div_toggle_body > a > div.title_area {
    flex: 3 1 0;
    width: 100%; /* 자식 요소의 너비를 부모에 맞춤 */
    overflow: hidden;
    display:block;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    text-align: left;
    color: #222;
    font-weight: var(--font-weight-600);
}

.div_toggle_body > a > div.title_area dl dt {
    font-size:16px;
    font-weight:var(--font-weight-500);
    color:#1264BA;
}

.div_toggle_body > a > div.title_area dl dd {
    font-size:20px;
    font-weight:var(--font-weight-500);
    color:#222;
    margin-top:5px;
    white-space:normal;
}

.div_toggle_table .div_nodata {
    width:100%;
    text-align: center;
    padding:30px 0;
    font-size:18px;
    color:#666;
}
.div_toggle_body > a > div.title_area2 {
    flex: 3 1 0;
    width: 50%; /* 자식 요소의 너비를 부모에 맞춤 */
    overflow: hidden;
    display:block;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    text-align: left;
    color: #222;
    font-weight: var(--font-weight-600);
}
.div_toggle_body > a > div.title_area3 {
    flex: 3 1 0;
    width: 50%; /* 자식 요소의 너비를 부모에 맞춤 */
    overflow: hidden;
    display:block;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    text-align: left;
    padding-left:10px;
}

.div_toggle_body > a > div.title_area4 {
    flex-grow: 0;
    flex-shrink: 0;
    width: 210px;
}

.div_toggle_body_toggle {
    background-color:#F8F8F8;
    border-top:1px solid #ddd;
    padding:20px 0;
    padding-right:20px;
    display:none;
}

.div_toggle_body_toggle > div {
    display:flex;
}

.div_toggle_body_toggle > div + div {
    margin-top:30px;
}

.div_toggle_body_toggle > div dt {
    font-size:20px;
    color:#222;
    font-weight: var(--font-weight-600);
}
.div_toggle_body_toggle > div dd {
    font-size:18px;
    color:#666;
    line-height: 160%;
    margin-top:10px;
}
.div_toggle_body_toggle > div dd.date_area {
    font-size:16px;
}
.div_toggle_body_toggle > div > div {
    flex-grow: 1;
}

.div_toggle_body_toggle .text_area_txt {
    text-align: right;
    margin-top:10px;
    color:#666;
}

.div_toggle_body_toggle .num {
    flex-shrink: 0;
    flex-grow: 0;
    width:120px;
    text-align:center;
}
.div_toggle_body_toggle .answer_type {
    font-size:20px;
    color:#666;
    line-height: 160%;
}

.div_toggle_body_toggle .answer_type strong{
    display:block;
    font-size:20px;
    color:#000;
    font-weight:var(--font-weight-600);
    margin-bottom:10px;
}

.div_toggle_body_toggle .answer_type p {
    font-weight: var(--font-weight-600);
    font-size:18px;
    margin-top:15px;
    color:#666;
}

.div_toggle_body_toggle .answer_type ul li {
    font-size:18px;
    color:#666;
}

.div_toggle_table .btn.btn_link {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #009de1;
    padding: 8px 10px;
    color:#fff;
    border-radius:3px;
}

.job_search_wrap {
    display:flex;
    background-color:#F6F6F6;
    padding:30px 60px;
    justify-content: space-between;
    align-items: center;
}
.job_search_wrap > div {
    width:45%;
}

.job_search_wrap > div .job_search_tit {
    font-size:18px;
    color:#222;
    font-weight: var(--font-weight-600);
}

.job_search_wrap > div .job_search_ex {
    font-size:18px;
    color:#888;
    font-weight: var(--font-weight-500);
    margin-top:5px;
}
.job_search_wrap .job_search_input_wrap {
    margin-top:10px;
    display:flex;
    gap:10px;
    align-items: center;
    flex-wrap: wrap;
}
.job_search_wrap .job_search_input_wrap input {
    width:100%;
    max-width:425px;
    background-color:#fff;
}
.job_search_wrap .job_search_input_wrap label {
    color:#888;
    font-weight: var(--font-weight-500);
    width:70px;
    flex-shrink: 0;
}

.job_search_wrap .job_search_input_wrap button {
    padding:10px 20px 9px 40px;
    background:#4F4E4D url("../images/common/btn_seach.png") 20px center no-repeat;
    color:#fff;
    border-radius:3px;
    font-size:18px;
    width:100px;
    flex-shrink: 0;
}

.job_search_wrap .job_search_input_wrap select {
    width:100%;
    max-width:200px;
}

.classification_wrap {
    display:flex;
    gap:40px;
    flex-wrap: wrap
}
.classification_wrap > div {
    width:calc( 50% - 20px );
    border:1px solid #ddd;
    position:relative;
}

.classification_wrap > div::before {
    content:"";
    width:20px;
    height:20px;
    background:url("../images/common/bull_step_arrow.svg") center no-repeat;
    position:absolute;
    left:-30px;
    top:50%;
    transform: translateY( -50% );
}

.classification_wrap > div:first-child::before {
    display:none;
}

.classification_wrap .classification_tit {
    padding:18px 0;
    text-align: center;
    background: rgba(0, 157, 225, 0.06);
    color:#009DE1;
    font-weight:var(--font-weight-500);
    font-size:20px;
}

.classification_wrap .classification_con {
    padding:20px 0;
}

.classification_wrap .classification_con ul li a {
    display:block;
    padding:10px 40px;
    color:#666;
}
.classification_wrap .classification_con ul li a.active {
    color:#222;
    font-weight: var(--font-weight-600);
    background-color:#f8f8f8;
}

.selectlist_box_wrap {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top:50px;
    gap:5%;
    border:1px solid #ddd;
}
.selectlist_box_wrap > div {
    width:25%;
    margin-bottom:50px;
}

.selectlist_box_wrap > div p {
    font-size:18px;
    font-weight: var(--font-weight-600);
}

.selectlist_box_wrap > div ul {
    margin-top:20px;
}

.selectlist_box_wrap > div ul li {
    margin-top:5px;
    color:#666;
}

.selectlist_box_wrap > div ul li:first-child {
    margin-top:0;
}

.center_map_wrap{
    position:relative;
    height:700px;
    border:1px solid #ddd;
}
.center_map_wrap img  {
    width:100%;
    height:auto;
}
.center_map_wrap .find_road{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #009DE1;
    line-height: 40px;
    font-size: 18px;
    font-weight: var(--font-weight-600);
    border-radius: 3px;
    width: 100px;
    z-index: 10;
    color: #fff;
    text-align: center;
}
.center_map_wrap .map_pin:before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #009DE1;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    left: 50%;
    top: 100%;
    margin-top: -4px;
    margin-left: -5px;
    box-sizing: border-box;
}
.center_map_wrap .map_pin{
    position: relative;
    display: inline-block;
    border: 2px solid #009DE1;
    border-radius: 2px;
    box-shadow: 4px 8px 12px 0px #9C9C9C40;
    padding: 4px 17px;
    font-size: 18px;
    font-weight:var(--font-weight-600);
    background-color: #fff;
    color: #009DE1;
}

.map_list_wrap {margin-top:50px;}
.map_list_wrap li {position:relative;padding:13px 20px 13px 70px;margin-top:40px;}
.map_list_wrap li:first-child {margin-top:0;}
.map_list_wrap li:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:50px;
    height:50px;
    border-radius:50%;
}
.map_list_wrap ol{
    align-items: start;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
.map_list_wrap ol li{
    display:flex;
    align-items: center;
    gap:5px;
    padding:0px;
    color:#888;
    font-size:18px;
    margin-top:0px;
}
.map_list_wrap ol li::before{
    display:none;
}
.map_list_wrap li:nth-child(1):before {
    background:#2E84F5 url("../images/common/bull_map_icon01.png") center no-repeat;
}
.map_list_wrap li:nth-child(2):before {
    background:#2E84F5 url("../images/common/bull_map_icon02.png") center no-repeat;
}
.map_list_wrap li:nth-child(3):before {
    background:#2E84F5 url("../images/common/bull_map_icon03.png") center no-repeat;
}
.map_list_wrap li dl {
    display:flex;
    flex-wrap: wrap;
    gap:30px;
}
.map_list_wrap li dt {
    font-size:20px;
    color:#222;
    font-weight: var(--font-weight-600);
}
.map_list_wrap li dd {
    font-size:18px;
    color:#888;
}

.map_list_wrap .map_use_list {
    display:flex;
    flex-wrap: wrap;
    gap:10px;
    font-size:18px;
    color:#888;
}

.map_list_wrap .map_use_list strong {
    font-size:18px;
    color:#222;
    font-weight: var(--font-weight-600);
}

.map_list_wrap .map_use_list span {
    display: flex;
    width: 25px;
    height: 25px;
    padding: 2px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    font-size:16px;
    border-radius:50%;
}

.map_list_wrap .map_use_list span.color05 {background-color:#8936E0;color:#fff;}
.map_list_wrap .map_use_list span.color08 {background-color:#E41D6D;color:#fff;}
.map_list_wrap .map_use_list span.color09 {background-color:#D1A62C;color:#fff;}

.tab_small_wrap {
    display:flex;
    justify-content: end;
    gap:20px;
    margin-bottom:50px;
}
.tab_small_wrap ul {
    display:flex;
    justify-content: center;
    border:1px solid #ddd;
    border-radius:30px;
}
.tab_small_wrap ul li button {
    padding:10px 40px;
    border:none;
    border-radius:30px;
    color:#888;
    font-size:18px;
    font-weight:var(--font-weight-600);
}
.tab_small_wrap ul li button.active {
    padding:10px 40px;
    background: rgba(0, 157, 225, 0.10);
    border:1px solid #009DE1;
    border-radius:30px;
    color:#009DE1;
    font-size:18px;
    font-weight:var(--font-weight-600);
}
.tab_small_wrap button.btn_right {
    padding:10px 30px;
    background-color:#009DE1;
    border-radius:30px;
    color:#fff;
    font-size:18px;
    font-weight:var(--font-weight-600);
}

.text_area_wrap {display:flex;gap:20px;}
.text_area_wrap > div {
    flex-grow: 1;
}
.text_area_wrap > div textarea {width:100%;}
.text_area_wrap button {
    width:160px;
    height:160px;
    background-color:#009de1;
    color:#fff;
}

.centet_introduce_wrap {
    border:1px solid #ddd;
    margin-top:80px;
    padding:100px 40px;
    position:relative;
}

.centet_introduce_tit_box {
    position:absolute;
    top:-38px;
    left:50%;
    transform: translateX( -50% );
    display:flex;
    width:100%;
    max-width:760px;
    justify-content: center;
    background-color:#009DE1;
    padding:18px 50px;
    border-radius:50px;
    color:#fff;
    font-size:28px;
    font-weight: var(--font-weight-600);
}

.centet_introduce_boxlist {
    display:flex;
    justify-content: center;
    gap:5%;
}

.centet_introduce_boxlist + .centet_introduce_boxlist {
    margin-top:50px;
}

.centet_introduce_boxlist > div {
    border:1px solid #009DE1;
    border-radius:10px;
    overflow: hidden;
    width:30%;
}
.centet_introduce_boxlist > div > p {
    padding:20px;
    text-align:center;
    color:#009DE1;
    font-weight:var(--font-weight-600);
    background-color:#ebf7fd;
}
.centet_introduce_boxlist > div > ul {
    padding:20px 30px;
}
.centet_introduce_boxlist > div > ul li {
    margin-top:10px;
    font-size:18px;
    white-space:nowrap;
    color:#666;
    letter-spacing:-2px;
}
.centet_introduce_boxlist > div > ul li span{
    font-size:16px;
    color:#666;
}

.centet_introduce_boxlist > div > ul li:first-child {
    margin-top:0;
}

.centet_introduce_wrap .graph01 {
    display:flex;
    justify-content: center;
}
.centet_introduce_wrap .graph01 p {
    padding:18px 20px;
    width:100%;
    max-width:320px;
    text-align:center;
    color:#009DE1;
    font-weight:var(--font-weight-600);
    background-color:#ebf7fd;
    font-size:20px;
    border-radius:10px;
}

.centet_introduce_wrap .graph02 {
    margin-top:50px;
    display:flex;
    gap:50px;
    justify-content: center;
}
.centet_introduce_wrap .graph02 > div {
    padding:10px 10px;
    width:100%;
    max-width:280px;
    text-align:center;
    color:#009DE1;
    font-weight:var(--font-weight-600);
    border:1px solid #009DE1;
    background-color:#fff;
    font-size:20px;
    border-radius:10px;
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.centet_introduce_wrap .graph02 > div span {
    font-size:18px;
    color:#666;
}
.centet_introduce_wrap .graph02 > div::before {
    content:"";
    width:20px;
    height:20px;
    background:url("../images/common/bull_step_arrow.svg") center no-repeat;
    position:absolute;
    left:-35px;
    background-size:10px auto;
}
.centet_introduce_wrap .graph02 > div:first-child:before {
    display:none;
}

.centet_introduce_wrap .graph03 {
    margin-top:40px;
    display:flex;
    gap:50px;
    justify-content: center;
    align-items: center;
}

.centet_introduce_wrap .graphRed{
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
}
.centet_introduce_wrap .graphRed div{
    color:#E60000;
    font-size:20px;
    font-weight:var(--font-weight-700);
}

.centet_introduce_wrap .graph03 .left {
    color:#F39800;
    font-size:20px;
    position:relative;
    padding-right:50px;
    font-weight: var(--font-weight-600);
}
.centet_introduce_wrap .graph03 .left::before {
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    right:10px;
    background:url("../images/common/bull_arrow_down01.png") center no-repeat;
    top:50%;
    transform: translateY( -50% );
}
.centet_introduce_wrap .graphRed + .graph03 .left::before,
.centet_introduce_wrap .graphRed + .graph03 .right::before{
    transform: translateY(-50%)rotate(180deg);

}

.centet_introduce_wrap .graph03 .right {
    color:#1264BA;
    font-size:20px;
    position:relative;
    padding-left:50px;
    font-weight: var(--font-weight-600);
}
.centet_introduce_wrap .graph03 .right::before {
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    background:url("../images/common/bull_arrow_down02.png") center no-repeat;
    left:10px;
    top:50%;
    transform: translateY( -50% );
}

@media screen and (max-width: 1024px) {
    .detail_wrap .add_wrap li{
        flex-direction: column;
        align-items: start;
    }
    .detail_wrap .add_wrap li .btn_down{
        margin-left:200px;
    }
    .header_con{
        height:60px;
        padding:0px 10px;
        overflow: hidden;
    }
    .header_con h1 a img {
        width:180px;
        height:auto;
    }
    .header_con .main_menu {
        gap: 30px;
    }

    .header_con .main_menu li a{
        font-size:18px;
    }
    .header_con .main_menu .depth02_wrap > ul > li > a{
        font-size: 16px;
        padding:10px 15px;
        display:block;
    }

    .reservation_wrap {
        gap: 80px;
    }

    .reservation_wrap .reservation_step::before {
        left: -50px;
    }
    header.sitemap .all_menu_wrap{
        height:655px;
    }
}

@media screen and (max-width: 1024px) {
    table td .notice {
        width: 18px;
        height: 18px;
        background-size: 10px auto;
    }
    table td.title_area.file a::After{
        width:18px;
        height:18px;

    }

    .header_con .main_menu {
        display: none;
    }

    .header_top .inner_area a img {
        width: 150px;
        height: auto;
    }

    .header_con .inner_area h1 a img {
        width: 180px;
        height: auto;
    }

    .header_con .main_menu {
        gap: 0px;
    }

    .header_con .main_menu li a {
        font-size: 16px;
        padding: 8px 20px;
    }

    .header_con .main_menu li a img {
        width: 18px;
        height: auto;
    }

    .board_list_wrap ul {
        flex-wrap: wrap;
        margin: 0;
    }

    .board_list_wrap ul li {
        width: 50%;
    }

    .board_list_wrap .bull_area {
        width: 30px;
        height: 30px;
        background-size: 20px auto !important;
    }

    .board_list_wrap .bull_txt_area {
        font-size: 12px;
        padding: 5px 15px;
    }

    .board_list_wrap .bull_txt_area2 {
        font-size: 12px;
        padding: 5px 15px;
    }

    .reservation_wrap {
        gap: 50px;
    }

    .reservation_wrap .reservation_step::before {
        left: -30px;
    }

    .div_table2 > div.w50 {
        flex-wrap: wrap;
    }
    .div_table2 > div.w50 > div {
        width:100%;
    }
    .centet_introduce_tit_box {
        font-size:16px;
        max-width:80%;
        padding:18px 30px;
        top:-30px;
    }
    .centet_introduce_boxlist > div {width:30%;}
    .centet_introduce_boxlist > div > p {
        padding:15px;
    }
    .centet_introduce_boxlist > div > ul {
        padding:20px;
    }
    .centet_introduce_wrap .graph01 p {
        font-size:16px;
        padding:15px;
        max-width:280px;
    }
    .centet_introduce_wrap .graph02 {
        flex-wrap: wrap;
        gap:40px;
    }
    .centet_introduce_wrap .graph02 > div {
        font-size:16px;
        max-width:100%;
    }
    .centet_introduce_wrap .graph02 > div::before {
        left:50%;
        top:-30px;
        transform: rotate(90deg)translateX(-50%);
        transform-origin:left;
    }
    .centet_introduce_wrap .graph03 .left {
        font-size:16px;
    }
    .centet_introduce_wrap .graph03 {
        gap:10px;
    }
    .centet_introduce_wrap .graph03 > div{
        flex:1;
    }

    .centet_introduce_wrap .graph03 .left{
        text-align:right;
    }
    .centet_introduce_wrap .graph03 .right {
        font-size:16px;
    }
    .centet_introduce_boxlist > div{
        flex:1;
    }
    .centet_introduce_boxlist > div > ul li{
        font-size:16px;
        white-space:wrap;
        word-break:keep-all;
    }
    .centet_introduce_boxlist{
        gap:0px 15px;
    }
    .centet_introduce_boxlist > div {
        width:100%;
        max-width:280px;
        height:190px;
    }

    .centet_introduce_wrap .graph02 > div span {
        font-size:14px;
    }
    table td .btn.btn_link,
    table td .btn_area button{
        font-size:14px;
    }
    table td .btn_member_delete{
        padding:0px;
        font-size:14px;
        height:auto;
    }
}

@media screen and (max-width: 768px) {
    body{min-height:100vh;}
    .header_top .top_menu li a.btn_cust + ul li a{
        font-size:11px;
    }
    .flex_between.device_space .flex_area p{
        display:flex;
        align-items: center;
        white-space: nowrap;
        gap:0px 3px;
    }
    .ul_type01.borderLine li{
        align-items: start;
        flex:1;
        gap:10px;
        flex-direction: column;
    }
    table .twoLine{display:flex; flex-wrap:wrap; width:calc(100vw - 20px); }
    table .twoLine td{display:flex; padding:0px 12px; align-items: center}
    table .twoLine td:nth-of-type(odd){width:25%;}
    table .twoLine td:nth-of-type(even){width:75%;}
    pre.codeBox{
        font-size:16px;
        white-space: wrap;
    }
    .ul_type01.borderLine li button.btn_go{
        margin-left:0px;
        width: 100%;
        padding:6px 10px;
        word-break:keep-all;
    }
    .ul_type01.borderLine li a{
        word-break: break-all;
    }
    .centet_introduce_boxlist{
        flex-direction: column;
        align-items: center;
        gap:15px 0px;
    }
    .centet_introduce_boxlist + .centet_introduce_boxlist{
        margin-top:15px;
    }
    .centet_introduce_boxlist > div{
        width:80%;
        max-width:100%;
    }
    .popup_wrap .popup_table2 td .flex_area{
        flex-wrap:wrap;
    }
    .m_only {display:block !important;}
    .pc_only {display:none !important;}
    .nav_wrap .right_area .link_list{
        gap:0px 10px;
        padding:6px 10px;
        right:0px;
    }
    .nav_wrap .right_area .link_list::Before{
        right:10px;
    }
    .flex_with_pic_wrap .pic_area .pic_box{
        min-height:0px;
        height:auto;
    }
    .board_list_wrap ul li .img_area img{
        /*min-height:calc(100vw - 140px);*/
        /*max-height:calc(100vw - 140px);*/
    }
    .mt10 {
        margin-top: 5px !important;
    }

    .mt20 {
        margin-top: 10px !important;
    }

    .mt30 {
        margin-top: 15px !important;
    }

    .mt40 {
        margin-top: 20px !important;
    }

    .mt70 {
        margin-top: 35px !important;
    }

    .mb10 {
        margin-bottom: 5px !important;
    }

    .ml10 {
        margin-left: 5px !important;
    }

    .mr10 {
        margin-right: 5px !important;
    }


    .header_top .inner_area a img {
        width: 120px;
        height: auto;
    }

    header.sitemap .header_top{
        display:none;
    }

    .header_con .inner_area h1 a img {
        width: 176px;
        height: auto;
    }
    .header_con .inner_area{
        justify-content: space-between;
    }

    .header_top{
        padding:0px 12px;
    }

    .header_top .top_menu {
        gap: 4px;
    }
    .header_top .top_menu .timeout{
        font-size:0px;
    }
    .header_top .top_menu .timeout{
        margin-right:4px;
    }
    .header_top .top_menu .timeout span, .header_top .top_menu .timeout time,
    .header_top .top_menu.user_top_menu li.name, .header_top .top_menu.user_top_menu li a{
        font-size:12px;
    }
    .header_top .top_menu.user_top_menu li:not(.timeout,:nth-last-of-type(1))::after{
        margin:0px 2px;
    }

    .header_top .top_menu li a {
        font-size: 12px;
        padding: 4px 10px;
    }

    .nav_wrap .inner_area {
        flex-wrap: wrap;
        align-items: start;
    }

    .nav_wrap .inner_area .nav {
        gap: 10px;
        width:calc(100% - 60px);
    }

    .nav_wrap .inner_area .nav .nav_home {
        vertical-align: middle;
        width: 26px;
        height: 26px;
        margin-left: 0;
        background-size: 14px auto;
    }

    .nav_wrap .inner_area .nav>li::before {
        right: 0;
    }

    .nav_wrap .inner_area .nav>li:first-child {
        width: 30px;
        flex-shrink: 0;
    }

    .nav_wrap .inner_area .nav>li {
        width: 100%;
    }

    .nav_wrap .inner_area .nav>li button {
        width: 100%;
        font-size: 14px;
        background-size: 10px auto;
        padding-right:30px;
        white-space:nowrap;
    }

    .nav_wrap .inner_area .nav>li button::before {
        width: 16px;
        height: 16px;
        background-size: 10px auto;
        right: 10px;
    }

    .nav_wrap .inner_area .nav>li .nav_sub {
        top: 26px;
    }


    .nav_wrap .inner_area .nav>li .nav_sub li a {
        font-size: 14px;
        white-space:nowrap;
    }


    .nav_wrap .right_area .link_area {
        width: 26px;
        height: 26px;
        background-size: 14px auto;
    }

    .nav_wrap .right_area .print_area {
        width: 26px;
        height: 26px;
        background-size: 16px auto;
        margin-left: 4px;
        display:none;
    }

    footer .inner_area {
        padding: 20px 20px;
    }

    footer .inner_area h2 img {
        width: 140px;
        height: auto;
    }

    .footer_con {
        margin-top: 30px;
    }

    .footer_con .footer_menu {
        flex-wrap: wrap;
        gap: 16px;
    }

    .footer_con .footer_menu li::before {
        left: -8px;
    }

    .footer_con .footer_menu li a {
        font-size: 14px;
    }

    .footer_info p {
        font-size: 14px;
    }

    .family_wrap button {
        font-size: 14px;
    }

    .family_wrap .family_list {
        padding: 5px 0;
        max-height: 95px;
    }

    .family_wrap .family_list li a {
        font-size: 14px;
        padding: 3px 15px;
    }

    table th,
    .tb01 th,
    .tb02 th {
        font-size: 14px;
        padding: 12px 4px;
        white-space:nowrap;
    }

    table td,
    .tb01 td,
    .tb02 td {
        font-size: 14px;
        padding: 12px 12px;
    }
    table td.tac{
        padding:12px 0px;
    }
    table td.tac .input_list{
        margin:0px auto;
        width:16px;
    }
    input[type="radio"]+label.no_label{
        padding-right:16px;
        min-height:18px;
    }
    .popup_table.rpvTbl .title_area::before{
        display:none;
    }
    .popup_table.rpvTbl.type03.type05 .title_area::before{
        display:block;
    }
    .popup_table.rpvTbl.type03.type05 .title_area{
        order:0;
        padding-left:75px;
    }
    .popup_table.rpvTbl.type03 .title_area{
        padding-left:10px;
    }

    table td a,
    .tb01 td a,
    .tb02 td a {
        font-size: 14px;
    }
    .tb02 td.pls{
        padding:12px 40px;
    }

    .tb01 th .bull_import {
        font-size: 12px;
    }

    .tb01 td input+select {
        margin-top: 10px;
    }

    .tb01 td input.w100 {
        max-width: 100%;
    }

    .tb01 td span {
        font-size: 14px;
    }
    table td.tb_device .device_area dt {
        padding: 12px 4px;
        width:100px;
        font-size: 14px;
        border-right: none;
        white-space:nowrap;
    }

    .write_bottom{
        font-size:14px;
    }
    table td.tb_device .device_area dd {
        padding: 12px 4px;
        width: 100%;
        font-size: 14px;
    }

    table span {
        font-size: 14px;
    }

    table th label {
        font-size: 14px;
    }

    table td p,
    table td p a{
        font-size: 12px;
        word-break:break-all;
    }
    table td > strong{
        font-size:13px;
        word-break:break-all;
    }

    table td p span {
        font-size: 14px;
    }

    table td p strong {
        font-size: 14px;
    }

    table td p strong span {
        font-size: 14px;
    }

    .detail_wrap>div>dl {
        width: 100%;
    }

    .detail_wrap>div>dl+dl {
        border-top: 1px solid #ddd;
    }

    .detail_wrap>div>dl dt {
        width: 80px;
        font-size: 14px;
        padding: 10px 4px;
    }

    .detail_wrap>div>dl dt::before {
        height: 12px;
    }

    .detail_wrap>div>dl dd {
        font-size: 14px;
        padding: 10px 0;
    }

    .detail_wrap>div>dl dd a {
        font-size: 14px;
    }

    .detail_wrap>div.con_area {
        padding: 10px;
    }

    .detail_wrap .add_wrap li {
        padding: 10px;
    }

    .detail_wrap .add_wrap li dl {
        /*width: 100%;*/
    }

    .detail_wrap .add_wrap li dl dt {
        font-size: 14px;
        width: 65px;
    }
    .detail_wrap .add_wrap li dl + .btn_down{
        margin-left:65px;
    }

    .detail_wrap .add_wrap li dl dt::before {
        height: 12px;
    }

    .detail_wrap .add_wrap li dl dd {
        gap:5px;
    }

    .detail_wrap .add_wrap li dl dd a {
        font-size: 12px;
        display: block;
    }

    .detail_wrap .add_wrap li dl dd img {
        width: 24px;
        height: auto;
    }

    .detail_wrap .add_wrap li .btn_down {
        font-size: 14px;
        display: block;
        padding: 4px 26px 4px 5px;
        background-size: 14px auto;
    }

    select {
        height: 30px;
        font-size: 14px;
        width: 100%;
        min-width: 100%;
        padding: 0 18px 0 5px;
        background-size: 10px auto;
        background-position: right 4px center;
    }

    textarea {
        font-size: 14px;
    }

    .popup_wrap .popup_con .select_hour {
        width: 100%;
    }

    .popup_wrap .popup_con .select_min {
        width: 100%;
    }

    .popup_wrap .popup_con input.input_date {
        width: 100%;
        background-size: 18px auto;
    }

    .popup_wrap .popup_con input {
        font-size: 14px;
        height: 30px;
    }

    .popup_wrap .bottom_btn_area {
        padding-top: 20px;
    }

    .filebox label {
        width: 68px;
        flex-shrink: 0;
        font-size: 12px;
        height: 30px;
        padding: 7px 10px 9px;
        margin-right: 4px;
    }

    .filebox .upload-name {
        height: 30px;
        font-size: 14px;
        width: calc(100% - 74px);
        padding: 0 5px;
    }

    .filebox.multiple .multiple_file_wrap{
        min-width:0px;
    }
    .filebox.multiple .filebox_txt{
        width:100%;
        font-size:14px;
    }
    .filebox .multiple_file_wrap .upload-name{
        width:auto;
        flex:1;
    }
    .filebox.multiple > input.upload-name{
        width:100%;
        white-space:nowrap;
    }

    .filebox .upload-name2 {
        height: 30px;
        font-size: 14px;
        max-width: 100%;
        padding: 0 75px 0 5px;
    }

    .graybox_wrap {
        margin-top: 20px;
        padding: 15px 20px;
        max-height: 200px;
    }

    .graybox_wrap p {
        font-size: 14px;
        padding: 4px 0;
    }

    .graybox_wrap p strong {
        font-size: 14px;
    }

    .graybox_wrap li,
    .graybox_wrap li strong {
        font-size: 14px;
    }

    .graybox_wrap .txt_import {
        font-size: 14px;
    }

    .graybox_wrap ol,
    .graybox_wrap ul {
        padding-bottom: 10px;
    }

    .graybox_wrap2 {
        padding: 10px;
        font-size: 14px;
    }
    .popup_wrap .popup_table2{
        border-collapse: unset;
    }
    .graybox_wrap3 {
        padding: 10px;
    }

    .input_list_wrap {
        margin-top: 20px;
        gap: 18px;
    }

    .input_list {
        position:relative;
        margin: 2px;
        margin-right: 8px;
    }

    input[type="radio"]+label {
        padding-left: 22px;
        font-size: 14px;
        background-size: 16px auto !important;
        line-height: 20px;
        background-position-y: 2px !important;
    }

    input[type="checkbox"]+label {
        padding-left: 22px;
        font-size: 14px;
        background-size: 16px auto !important;
        line-height: 20px;
        background-position-y: 2px !important;
    }

    .tab_wrap .tab_list {
        flex-wrap: wrap;
        border-bottom: none;
        border-left: none;
        border-radius: 0;
        margin-bottom:20px;
    }

    .tab_wrap .tab_list li {
        width: calc(100% / 2);
        flex:unset;
        flex-grow:1;
    }

    .tab_wrap .tab_list li:first-child a::after {
        display: block;
    }

    .tab_wrap .tab_list li a {
        font-size: 16px;
        padding: 12px 0 11px;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
    }

    .tab_wrap .tab_list li a:hover::before,
    .tab_wrap .tab_list li a.active::before {
        display: none;
    }

    .tab_wrap .tab_list li a:hover,
    .tab_wrap .tab_list li a.active {
        border-radius: 0;
    }

    .toggle_wrap .toggle_btn {
        padding: 14px 30px 14px 35px;
        font-size: 18px;
    }

    .toggle_wrap .toggle_btn::before {
        width: 22px;
        height: 22px;
        background-size: 10px auto !important;
        background-position: 6px 4px;
        left: 6px;
    }

    .toggle_wrap .toggle_btn::after {
        width: 20px;
        height: 20px;
        background-size: 10px auto !important;
        right: 8px;
    }

    .toggle_wrap .toggle_con {
        padding: 15px 12px 15px 35px;
        font-size: 16px;
    }

    .toggle_wrap .toggle_con::before {
        width: 22px;
        height: 22px;
        background-size: 10px auto !important;
        background-position: 6px 5px;
        left: 6px;
        top: 17px;
    }

    .dot_tit {
        font-size: 16px;
        padding-left: 16px;
        margin: 25px 0 9px;
        white-space:nowrap;
    }

    .flex_area .dot_tit ~ button{
        margin-left:auto;
        white-space:nowrap;
    }
    /*.flex_between .flex_area{*/
    /*	flex-wrap:nowrap;*/
    /*}*/
    .flex_between .flex_area.yeswrap{
        flex-wrap:wrap;
    }
    .flex_between .flex_area.yeswrap span{
        display:block;
        width:100%;
        color:#000;
        margin:3px 0px;

    }
    .flex_between .flex_area.yeswrap span.pd_r30{
        display:none;
    }
    .flex_area.salary{
        gap:10px;
    }
    .itemCareer .small{
        min-width:0px;
        width:80%;
    }
    .flex_area.salary select{
        width:100%;
    }

    .flex_area.salary input{
        width:75%;
        max-width:none;
    }
    .flex_area .dot_tit + .tit_ex{
        font-size:12px;
    }

    .dot_tit label {
        font-size: 16px;
    }

    .dot_tit::before {
        top: 50%;
        transform:translateY(-50%);
        width: 5px;
        height: 5px;
        border-width: 3px;
    }

    .txt_impot_area {
        font-size: 14px;
    }

    .bull_import {
        font-size: 12px;
        margin-right:0px;
    }

    .flex_area {
        font-size: 14px;
        gap: 2px 5px;
        width: 100%;
    }
    .flex_area.phoneNumber{
        gap:2px 3px;
    }
    .flex_area .subText{
        display:block;
        width:15px;
        text-align: center;
    }
    .flex_area .medium{
        width:calc(50% - 7.5px - 5px);
    }
    .flex_area.phoneNumber input[type="text"],
    .flex_area.phoneNumber select{
        width:calc(33% - 16px);
    }
    .flex_area .btn_see {
        font-size: 14px;
        padding: 3px 10px 4px;
        margin-left: 8px;
        margin-top:15px;
    }

    .flex_area strong {
        font-size: 14px;
    }

    .flex_area span {
        font-size: 14px;
    }

    .button_check_box input[type="checkbox"]+label {
        padding: 15px 15px 15px 45px;
        font-size: 16px;
        background-position-y: 17px !important;
        background-size: 16px auto !important;
    }
    .button_check_box input[type="checkbox"]+label + button{
        display:flex;
        flex-direction: column;
        justify-content: center;
    }

    .button_check_box input[type="checkbox"]+label span {
        font-size: 16px;
    }

    .filebox .file_small_wrap .txt_data {
        font-size: 14px;
        top: 12px;
        right: 32px;
    }

    .filebox .file_small_wrap .btn_trash {
        background-size: 16px auto;
        top: 8px;
        right: 5px;
    }

    .btn_wrap {
        margin-top: 25px;
        gap: 5px;
    }

    .btn_wrap .btn {
        font-size: 16px;
        padding: 8px 0px;
        flex:1;
        border-radius: 3px;
        text-align:center;
    }
    .btn_detail_wrap button.btn_search_detail{
        font-size:16px;
    }
    .step_finish_wrap .btn_wrap .btn{
        margin-top:25px;
    }


    .board_list_ex dt {
        font-size: 16px;
    }

    .board_list_ex dd {
        font-size: 16px;
    }

    .board_list_ex dd span {
        font-size: 16px;
    }

    .board_list_ex dd.date_area {
        font-size: 16px;
        padding-left: 18px;
    }

    .bull_box_wrap {
        padding: 18px 20px;
        flex-direction: column;
        gap: 15px;
    }

    .bull_box_wrap .bull_area {
        width: 60px;
        height: 60px;
        background-size: 30px auto;
    }

    .bull_box_wrap ul li {
        font-size: 14px;
        margin-top: 8px;
    }

    input,table td .http input{
        font-size: 14px;
        margin: 5px 0;
    }
    table td .http:before{
        font-size:14px;
        top:50%;
        transform:translateY(-50%);
    }
    table td .http input{
        padding-left:53px;
    }

    select {
        font-size: 14px;
        margin: 5px 0;
    }
    .flex_area select{
        width:calc(50% - 2.5px);
        min-width:0px;
    }
    .flex_area .subText ~ select{
        width:100%;
    }
    .swiper_wrap {
        padding: 20px;
    }

    .swiper_wrap .hongbo_prev {
        background-size: 12px auto;
        width: 13px;
        height: 23px;
    }

    .swiper_wrap .hongbo_next {
        background-size: 12px auto;
        width: 13px;
        height: 23px;
    }

    .flex_with_pic_wrap {
        flex-direction: column;
    }

    .flex_with_pic_wrap .pic_area {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .flex_with_pic_wrap .pic_area .pic_tit {
        font-size: 16px;
        margin-top: 10px;
    }

    .write_area {
        padding: 10px;
    }

    .write_area ul li {
        font-size: 14px;
    }

    .btn_point_color {
        font-size: 14px;
        padding: 4px 10px;
        height:30px;
    }

    .btn_down {
        font-size: 14px;
        padding: 4px 30px 4px 10px;
        background-size: 12px auto;
        height:30px;
    }

    .txt_import_area {
        font-size: 14px;
    }

    .txt_import_area2 {
        font-size: 14px;
    }

    .email_ask_wrap {
        padding: 14px 10px;
    }

    .email_ask_wrap>div {
        padding-bottom: 20px;
    }

    .email_ask_wrap>div .email_txt_num {
        font-size: 14px;
    }

    .email_ask_wrap .btn_email {
        width: 100%;
        height: auto;
        padding: 10px 0;
        font-size: 14px;
    }

    .chy_box_wrap {
        padding: 0 10px 14px;
    }

    .chy_box_wrap + .chy_box_wrap{
        margin-top:10px;
    }

    .chy_box_wrap dt {
        padding-left: 10px;
    }

    .chy_box_wrap dt>div,.chy_box_wrap dt>div p {
        font-size: 16px;
    }
    .chy_box_wrap dt>div{
        max-width:100%;
        width:100%;
    }
    .chy_box_wrap dt .date_area{
        margin-left:92px;
    }
    .chy_box_wrap dt>div p{line-height:30px;}



    .chy_box_wrap dt .bull_tit {
        font-size: 14px;
        left: 0;
    }

    .chy_box_wrap dt .date_area {
        font-size: 14px;
    }

    .chy_box_wrap dd {
        padding: 18px 20px 18px 85px;
    }

    .chy_box_wrap dd .bull_tit {
        font-size: 14px;
        left: 10px;
    }

    .chy_box_wrap dd>div>p {
        font-size: 14px;
    }

    .chy_box_wrap dd .date_area {
        font-size: 14px;
    }

    .popup_wrap .popup_header {
        padding: 35px 20px 20px;
    }

    .popup_wrap .popup_con {
        padding: 0 20px 20px;
        max-height: calc(100vh - 200px);
    }

    .popup_wrap .btn_close {
        top: 15px;
        right: 15px;
    }

    .popup_wrap .popup_header h2 {
        font-size: 24px;
    }

    .popup_wrap .pop_info {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .popup_wrap .pop_info+.pop_info {
        margin-top: -8px;
    }

    table button.btn_add,table button.btn_del {
        font-size: 12px;
        padding: 4px 10px;
        width:auto;
        height:auto;
    }

    table button.btn_del.type03 {
        font-size: 12px;
        padding: 0px 10px;
        height:26px;
        font-weight:var(--font-weight-600);
        width:100%;
    }

    .popup_wrap .popup_table2 th {
        padding-left: 5px;
    }

    .popup_wrap .bottom_btn_area button {
        font-size: 14px;
        width: 100%;
    }

    .popup_wrap .bottom_btn_area button+button {
        margin-left: 0;
        margin-top: 10px;
    }

    .popup_wrap .pop_search_area button {
        font-size: 14px;
        padding: 7px 10px;
        width: 80px;
    }

    .popup_wrap .pop_search_result {
        padding: 10px;
    }

    .popup_wrap .pop_search_result ul li {
        font-size: 14px;
    }

    .popup_wrap .popup_arrow_box {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .popup_wrap .pop_tit {
        font-size: 16px;
    }

    .popup_wrap .graybox_wrap {
        font-size: 14px;
        padding: 10px 15px;
    }

    .popup_wrap .pop_tit+.graybox_wrap {
        margin-top: 10px;
    }

    .popup_wrap .popup_bottom_right {
        font-size: 14px;
    }

    .popup_wrap .popup_arrow_box a {
        padding: 10px 35px 10px 15px;
        background-size: 20px auto;
        background-position: right 10px center;
    }

    .button_check_box {
        margin-top: 10px;
    }

    .bloom_wrap {
        width: 100px;
        padding: 4px 10px;
        font-size: 12px;
    }

    .bottom_btn_area_caution {
        font-size: 14px;
        margin-top: 10px;
    }

    .reservation_wrap {
        gap: 20px;
        padding: 40px 20px;
        flex-direction: column;
    }

    .reservation_wrap .step_bull {
        width: 75px;
        height: 75px;
    }

    .reservation_wrap .step_bull img {
        width: 100%;
        height: auto;
    }

    .reservation_wrap .reservation_step {
        padding-top: 50px;
    }

    .reservation_wrap .reservation_step::before {
        background-size: 10px auto;
        left: 50%;
        transform: rotate(-270deg) translate(50%, 50%);
        top: 0px;
    }

    .reservation_wrap .reservation_step:first-child {
        padding-top: 0;
    }

    .reservation_wrap .step_text {
        margin-top: 20px;
    }

    .reservation_wrap .step_text dt {
        font-size: 16px;
    }

    .reservation_wrap .step_text dd {
        font-size: 14px;
    }

    .ul_type01 {
        padding-left: 15px;
    }

    .ul_type01 li {
        font-size: 14px;
    }

    .txt_ex {
        font-size: 14px;
        padding-left: 15px;
    }

    .gray_box {
        padding: 20px;
    }

    .member_box_wrap {
        margin-top: 25px;
        gap: 10px;
    }

    .member_box_wrap>div {
        width: 100%;
        padding: 30px 20px 10px;
    }

    .member_box_wrap>div>p.member_box_tit {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .member_box_wrap>div>p.member_box_subtit {
        font-size: 14px;
    }

    .member_box_wrap .member_bull {
        margin: 20px 0;
    }

    .member_box_wrap .member_bull img {
        width: 80px;
        height: auto;
    }

    .member_tit {
        font-size: 20px;
        padding-bottom: 5px;
    }

    .member_tit2 {
        font-size: 14px;
        margin-top: -20px;
        padding-bottom: 40px;
    }

    .member_txt {
        font-size: 14px;
        margin-top: 5px;
        padding: 0 20px;
    }

    .member_txt span {
        font-size: 14px;
    }

    table td .btn {
        font-size: 14px;
        width:auto;
        max-height:26px;
    }
    .flex_between {
        gap: 10px;
    }

    .flex_between div {
        font-size:14px;
    }

    .filebox .btn_file {
        width: 80px;
        font-size: 14px;
        padding: 7px 5px;
        height: 30px;
    }

    .tb_pic_area {
        flex-direction: column;
        align-items:start;
    }

    .tb_pic_area .pic_area {
        width: 150px;
        height: 200px;
    }

    .tb_pic_area ul li {
        font-size: 14px;
    }

    .m_w100 {
        width: 100%;
    }

    input.add_search {
        max-width: 100%;
    }

    .flex_area .tit_ex {
        margin-top: 15px;
        font-size: 14px;
    }

    .filebox {
        flex-wrap: wrap;
    }
    .filebox.multiple{
        gap:10px 0px;
    }

    .filebox button {
        font-size: 14px;
        padding: 5px 10px;
        height: 30px;
        width: 80px;
    }

    .filebox .file_txt {
        width: 70px;
    }

    .filebox .upload-name3 {
        font-size: 14px;
    }

    .round_tab_wrap a {
        font-size:14px;
        padding:5px 8px;
    }
    .div_toggle_head {
        display:none;
    }
    .div_toggle_table.allChk .div_toggle_head{
        display:block;
    }
    .div_toggle_table.allChk .div_toggle_head > div:not(:nth-of-type(1)){
        display:none;
    }
    .div_toggle_table.allChk .div_toggle_head > div{
        padding:5px 0px;
        width:100%;
        text-align:left;
        padding-left:10px;
    }
    .div_toggle_table.allChk .div_toggle_head > div label{
        font-size:14px;
        padding-left:22px;
        padding-top:1px;
    }
    .div_toggle_body > a {
        position:relative;
        flex-direction: column;
        border-top:1px solid #ddd;
        padding:10px 0;
    }
    .div_toggle_body:first-child > a {
        border-top:none;
    }
    .div_toggle_body > a > div.num {
        display:none;
    }
    .div_toggle_body > a > div[aria-label].btnTd::Before{
        display:none;
    }
    .div_toggle_body > a > div[aria-label].btnTd{
        position:absolute;
        bottom:5px;
        right:0px;
        width:auto;
        z-index:3;
    }
    .div_toggle_body > a > div {
        width:100%;
        text-align:left;
        padding: 5px 10px;
        border-top:none;
        position:relative;
        padding-left:60px;
        font-size: 14px;
    }
    .div_toggle_body > a > div.chkbox + div.title_area{
        padding-top:0px;
        padding-left:34px;
    }
    .div_toggle_body > a > div.chkbox ~ div{
        padding:2px 10px;
    }
    .div_toggle_body > a > div.chkbox ~ div[aria-label]::before{
        left:34px;
    }
    .div_toggle_body > a > div.chkbox ~ div[aria-label]{
        padding-left:90px;
    }
    .div_toggle_body > a > div.title_area dl {
        padding-left:20px;
    }
    .div_toggle_body > a > div.chkbox ~ div.title_area dl{
        flex-direction: column;
    }
    .div_toggle_body > a > div.chkbox ~ div.title_area dl dt{
        font-weight:var(--font-weight-700);
        margin-top:0px;
        font-size:13px;
    }
    .div_toggle_body > a > div.chkbox ~ div.title_area dl dd{
        font-weight:var(--font-weight-500);
        font-size:14px;
        line-height:18px;
    }
    .div_toggle_body > a > div.title_area {
        flex:inherit;
        padding-left:10px;
        white-space: wrap;
        overflow: inherit;
        width:100%;
    }
    .div_toggle_body > a > div.title_area dl {
        padding-left:0;
        display:flex;
        flex-direction: column-reverse;
    }
    .div_toggle_body > a > div.title_area dl dt {
        font-size:14px;
        margin-top: 5px;
    }
    .div_toggle_body > a > div.title_area dl dd  {
        font-size:16px;
        margin-top:0;
    }
    .div_toggle_body > a > div.title_area4 +  div.title_area2{
        order:-1;
    }
    .div_toggle_body > a > div.title_area2 {
        flex:inherit;
        padding-left:10px;
        white-space: wrap;
        overflow: inherit;
        width:100%;
    }
    .div_toggle_body > a > div.title_area3 {
        flex:inherit;
        padding-left:10px;
        white-space: wrap;
        overflow: inherit;
        width:100%;
    }
    .div_toggle_body > a > div.title_area4 {
        flex:inherit;
        padding-left:60px;
        white-space: wrap;
        overflow: inherit;
        width:100%;
    }
    .div_toggle_body > a > div.title_area a {
        display:block;
        width:100%;
        word-break: break-all;
    }
    .div_toggle_body > a > div[aria-label]::before {
        content: attr(aria-label); /* aria-label 값을 가져와 표시 */
        display: block; /* 블록 요소로 표시 */
        font-size: 14px; /* 글자 크기 */
        color: #222; /* 텍스트 색상 */
        margin-bottom: 5px; /* 아래 요소와 간격 */
        position:absolute;
        top:50%;
        transform: translateY( -50% );
        left:10px;
    }
    .div_toggle_body > a > div.small {
        width:100%;
        justify-content: left;
    }
    .div_toggle_body > a > div.chkbox{
        position:absolute;
        top:10px;
        left:10px;
        width:auto;
        padding:0px;
        z-index:5;
    }
    .div_toggle_body_toggle .num img {
        width:20px;
        height:auto;
    }
    .div_toggle_body_toggle .num {
        width:70px;
    }
    .div_toggle_body_toggle > div dt,.div_toggle_body_toggle .answer_type strong {
        font-size:15px;
    }
    .div_toggle_body_toggle > div dd {
        font-size:14px;
    }
    .div_toggle_body_toggle .answer_type,.div_toggle_body_toggle .answer_type p,.div_toggle_body_toggle .answer_type ul li{
        font-size:12px;
    }
    table td.nodata {
        font-size: 14px;
        padding: 20px 0;
    }

    .ul_type01 li .btn {
        font-size:14px;
        width:100%;
        max-width:200px;
        padding:10px 0;
    }

    .div_table2 .th_area {
        font-size:14px;
        width:100px;
    }
    .div_table2 .td_area {
        font-size:14px;
    }
    .dot_tit .count_area {
        font-size:12px;
        margin-left:5px;
    }
    .dot_tit .count_area em {
        font-size:12px;
    }
    .flex_between .btn_small {
        font-size:12px;
    }

    .div_basic_head {display:none;}
    .div_basic_body {
        flex-direction: column;
    }
    .div_basic_body + .div_basic_body {
        border-top:1px solid #ddd;
    }
    .div_basic_body > div.title_area {
        flex: inherit;
        padding-left: 10px;
        padding-bottom:0;
        white-space: wrap;
        overflow: inherit;
        width: 100%;
        border-top:none;
    }
    .div_basic_body > div.title_area .flex_area {
        flex-direction: column;
        align-items: start;
    }
    .div_basic_body > div.title_area a {
        font-size:14px;
    }
    .div_basic_body > div.small {
        width:100%;
        align-items: normal;
        justify-content: left;
        padding:10px;
        border-top:none;
        font-size:14px;
    }
    .div_basic_body > div.label_add {
        padding-left:70px;
        position:relative;
    }

    .div_basic_body > div.label_add[aria-label]:before {
        content:attr(aria-label);
        position:absolute;
        left:10px;
        top:10px;
        color:#888;
    }

    .div_basic_body > div.label_add + div.label_add:before {
        top:0;
    }

    .div_basic_body > div.small + div.small {
        padding-top:0;
    }
    .div_basic_body > div.medium + .title_area,
    .div_basic_body > div.small + .title_area {
        padding-top:0;
    }
    .div_table_bagic.type02 .div_basic_body > div.medium{
        padding:0px 12px;
    }
    .div_table_bagic.type02 .div_basic_body > div.title_area a{
        display: block;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width:100%;
    }
    .div_table_bagic.type02 .div_basic_body > div.label_add[aria-label]:before{
        top:50%;
        transform:translateY(-50%);
        font-size:12px;
        color:#222;
        font-weight:var(--font-weight-500);
    }
    .div_table_bagic.type02 .div_basic_body > div.small{
        padding:0px 0px 0px 70px;
        font-size:12px;'
    font-weight:var(--font-weight-500);
    }
    .div_table_bagic.type02 .div_basic_body{
        padding:12px 0px;
        gap:4px 0px;
    }
    .div_table_bagic.type02 .div_basic_body .title_area{

    }
    .div_table_bagic.type02 .div_basic_body > div.medium.company_name{
        align-items: center;
        color:var(--font-weight-700);
        color:#1264BA;
        font-size:12px;
    }
    .div_table_bagic.type02 .div_basic_body > div.medium.company_name p{
        color:#222;
        font-size:12px;
        font-weight:var(--font-weight-500);
        margin-right:8px;
    }
    .div_basic_body > div.medium {
        width:100%;
        max-width:none;
        align-items: normal;
        justify-content: left;
        padding:10px;
        border-top:none;
        font-size:16px;
    }
    .div_basic_body > div.medium + div.medium {
        padding-top:0;
    }
    .div_basic_body > div p span {
        font-size:14px;
    }
    .div_basic_body > div p {
        text-align:left;
        font-size:14px;
    }
    .map_list_wrap li {
        padding:5px 5px 5px 35px ;
        margin-top:10px;
    }
    .map_list_wrap li:before {
        width:25px;
        height:25px;
        background-size:auto 13px !important;
    }
    .map_list_wrap li dl {flex-direction: column;gap:10px;}
    .map_list_wrap li dt {font-size:16px;}
    .map_list_wrap li dd {font-size:14px;}
    .map_list_wrap .map_use_list {font-size:14px;}
    .map_list_wrap .map_use_list strong {font-size:14px;}
    .map_list_wrap .map_use_list ol{flex-direction: column; align-items: start; width: 100%;}
    .map_list_wrap .map_use_list ol li{font-size:14px; padding:0px; gap:5px;}
    .map_list_wrap .map_use_list span {width:20px;height:20px;font-size:12px; line-height:20px; text-align:center; padding:0px;}

    .tab_small_wrap {
        gap:10px;
        margin-bottom:20px;
    }
    .tab_small_wrap ul li button {
        font-size:14px;
        padding:10px 20px;
    }
    .tab_small_wrap ul li button.active {
        font-size:14px;
        padding:10px 20px;
    }
    .tab_small_wrap button.btn_right {
        font-size:14px;
        padding:10px 20px;
    }
    .text_area_wrap {
        flex-direction: column;
        gap:10px;
    }
    .text_area_wrap button {width:100%;padding:5px 0;height:40px;font-size:14px;}

    table td button.btn_link {
        width:25px;height:25px;
        background-size:25px auto;
        padding:10px;
    }
    .centet_introduce_wrap {margin-top:40px;padding:80px 20px 40px;}
    .centet_introduce_wrap.no_tit {padding:40px 20px;}
    .icon_area {padding:0;}
    .icon_area img {width:18px;height:auto;}
    .job_search_wrap {
        flex-direction: column;
        gap:30px;
        padding:30px;
    }
    .job_search_wrap > div {
        width:100%;
    }
    .job_search_wrap > div .job_search_ex {font-size:16px;}
    .job_search_wrap .job_search_input_wrap button {
        font-size:16px;
        padding:10px 20px 9px 40px;
        width:auto;
        background-position:15px center;
    }
    .classification_wrap > div {width:100%;}
    .classification_wrap > div::before {
        left:50%;
        top:-30px;
        transform: rotate(90deg);
    }
    .classification_wrap .classification_tit {
        font-size:16px;
    }
    .classification_wrap .classification_con ul li a {
        font-size:14px;
    }
    .selectlist_box_wrap {padding:30px 20px 0;}
    .selectlist_box_wrap > div {width:calc( 50% - 10px );margin-bottom:30px;}
    .selectlist_box_wrap > div p {
        font-size:16px;
    }
    .selectlist_box_wrap > div ul li {
        font-size:14px;
    }
    table td .company_apply div,
    table td .company_apply div span {
        font-size:16px;
    }
    table td .commpany_caution {
        font-size:14px;
    }
    table td .company_apply button {
        font-size:14px;
    }
    table td .btn.btn_agree,
    table td .btn.btn_disagree {
        height:30px;
    }
}

@media screen and (max-width: 440px) {
    .board_list_wrap ul li {
        width: 100%;
    }
}


@media screen and (max-width:1024px){
    .all_menu_wrap.on + .headerShadow{
        display:none;
    }
    *::-webkit-scrollbar-thumb{
        width:4px;
        background:#333;
    }
    *::-webkit-scrollbar{
        width:4px;
    }
    /*siitemap*/
    header.sitemap{
        position:fixed;
        top:0px;
        left:0px;
        width:100vw;
        height:100vh;
        z-index:1001;
        background:#fff;
    }
    header.sitemap .header_con{
        padding:0px;
        height:100%;
        align-items: start;
    }
    header .all_menu_wrap.on{
        display:none;
    }
    header.sitemap h1{
        display:block;
    }
    header.sitemap .header_con .inner_area{
        padding:0px 10px 0px 10px;
        height:80px;
        background:#F8F8F8;
    }
    header.sitemap .header_con .right_area{
        position: relative;
        display: flex;
        flex-direction: column;
    }
    header.sitemap .header_con .main_menu{
        position:absolute;
        top:80px;
        left:0px;
        display:flex;
        flex-direction: column;
        gap:0px;
        padding:25px 10px;
        height:calc(100vh - 80px);
        flex-wrap:nowrap;
        max-height:none;
        overflow-y:auto;
    }
    header.sitemap .header_con .main_menu .depth02_wrap{
        display:none;
    }

    header.sitemap .header_con .main_menu > li.open > .depth02_wrap{
        display:flex;
        flex-direction: column;
    }
    header.sitemap .header_con .main_menu li{
        width:100%;
    }
    header.sitemap .header_con .main_menu > li> a{
        display:flex;
        width:100%;
        height:64px;
        align-items: center;
        justify-content: start;
        font-weight:var(--font-weight-700);
        font-size:17.6px;
        padding-left:8px;
        border-bottom:1px solid #DDD;
        background:url("../images/common/menu_plus.svg")center right no-repeat;
    }
    header.sitemap .header_con .main_menu > li.noDepth> a{
        background:none;
    }
    header.sitemap .header_con .main_menu > li.open > a{
        background:url("../images/common/menu_minus.svg")center right no-repeat;
    }
    header.sitemap .header_con .main_menu .depth02_wrap li a::Before{
        content:"";
    }

    header.sitemap .header_con .main_menu .depth02_wrap > ul > li > a{
        font-size:16px;
        line-height:200%;
        color:#666;
        font-weight:var(--font-weight-500);
        padding:0px 23px;
    }
    header.sitemap .header_con .main_menu .depth02_wrap > ul > li.on > a{
        font-weight:var(--font-weight-700);
        color:#1264BA
    }
    .header_con .main_menu li a{
        padding:0px;
    }
    header.sitemap .header_con .main_menu .depth02_wrap > ul{
        margin-top:0px;
        padding:20px 0px;
        border-bottom:1px solid #DDD;
    }
    .header_con .main_menu .depth02_wrap li a{
        justify-content: start;
    }
    header.sitemap .header_con .main_menu .depth02_wrap > ul > li > a{
        padding:0px 23px;
    }
    header.sitemap .header_con .main_menu .depth02_wrap li.on > .depth03_wrap{
        display:Flex;
        flex-direction: column;
        background:#F8F8F8;
        padding:30px 25px;
        border-top:1px solid #1264BA;
        margin:15px 0px;
    }

    header.sitemap .header_con .main_menu .depth02_wrap li.on > .depth03_wrap li a{
        font-size:16px;
        color:#666;
        line-height:200%;
        font-weight:var(--font-weight-500);
    }
    header.sitemap .header_con .main_menu .depth02_wrap > ul > li > a::Before{
        display:none;
    }
    /*sitemap*/
}

.scrLock{
    overflow-y:hidden;
}

@media screen and (max-width:1440px){
    .search_area2 label{display:block; width:100px;}
    .search_area2 > div{width:100%;}
    .search_area2 input,.search_area2 select{flex:1;}

}
/*테이블 반응형 대응*/
@media screen and (max-width:768px){
    .flex_between.academic_info,
    .flex_between.academic_info div{
        flex-wrap:wrap;
        gap:5px;
        width:100%;
    }
    .academic_info{
        width:100%;
        margin-bottom: 5px;
    }
    .flex_between.academic_info div input,
    .flex_between.academic_info div select{
        width:calc(50% - 5px);
        max-width:calc(50% - 5px);
    }
    table td.title_area a > div{
        width:100%;
    }
    table .flex_area.btn_right_type button{
        position:unset;
    }
    table  span.interview > a{
        font-size:14px;
    }
    table .btn_area + span.interview{margin-left:15px;}
    table span.interview{
        display:flex;
        align-items: center;
        gap:0px 5px;
        margin-left:0px;
        font-size:14px;
    }
    table span.interview > br{
        display:none;
    }
    .rpvTbl.type06 td:nth-of-type(1){
        position:absolute;
        left:0px;
    }

    table.rpvTbl td.tac .input_list:nth-child(1):nth-last-child(1){
        margin-left:0px;
    }
    .rpvTbl.type08 td:nth-of-type(1){
        order:-2;
    }
    .rpvTbl.type06 td,
    .rpvTbl.type08 td{
        font-size:12px;
        margin:2px 0px;
    }
    .rpvTbl.type06 td .btn_trash{
        width:18px !important;
        height:18px !important;
        background-size:100% 100%;
    }

    .rpvTbl.type06 td button{height:26px; padding:0px 12px; font-size:12px;}
    .rpvTbl.type06 td.slash p{width:100%; font-size:12px;}
    .rpvTbl.type06 td.slash p::after{display:none !important;}
    .rpvTbl.type06 td:nth-of-type(1) .input_list,
    .rpvTbl.type08 td:nth-of-type(1) .input_list{
        margin:0px;
    }
    .rpvTbl.type06 td:nth-of-type(3){
        order:-1;
        padding-left:35px;
    }

    .rpvTbl.type08 td:nth-of-type(2){
        padding-left:10px;
    }
    .rpvTbl.type06 td:nth-of-type(3) dl dt,
    .rpvTbl.type06 td:nth-of-type(3) dl dd,
    .rpvTbl.type07 td dl dt,
    .rpvTbl.type07 td dl dd,
    .rpvTbl.type08 td dl dt,
    .rpvTbl.type08 td dl dd{
        font-size:14px;
        line-height:180%;
    }
    .rpvTbl.type06 td:nth-of-type(3) .flex_area{
        gap:0px 14px;
    }
    .rpvTbl.type06 td{
        padding-left:95px;
    }
    .rpvTbl.type06 td::before{
        left:30px;
    }
    .rpvTbl td.v_ctr .flex_area{
        justify-content: normal;
    }
    .rpvTbl,.rpvTbl tr{
        display:flex;
        flex-direction: column;
        padding:5px 0px;
    }
    .rpvTbl tr td.title_area > a{
        display:flex;
        flex-direction: column;
        gap:0px 0px;
    }
    .rpvTbl tr td.title_area.file > a{
        flex-direction: row;
        gap:0px 4px;
    }
    .rpvTbl tr td.title_area > a > p > strong,
    .rpvTbl tr td.title_area a dl dt{
        display:inline-block;
        margin-bottom:5px;
        font-size:18px;
    }
    .rpvTbl tr td.title_area a dl dd{
        font-size:12px;
    }
    .rpvTbl thead{
        display:none;
    }
    .flex_input_area .flex_input_tit label{
        font-size:14px;
        color:#666;
    }
    table td .add_list li+li{
        margin-left:5px;
    }
    .div_table .txt_import{
        font-size:14px;
    }
    table td .add_list li span,
    table td .add_list li label,
    table td .add_list li+li{
        font-size:14px;
    }
    table td .add_list button.btn_del_list{
        width:20px;
        min-width:20px;
        height:20px;
        min-height:20px;
    }
    input.input_date{
        background:url("../images/common/bull_datepicker.png") right 10px center no-repeat;
        background-size:20px 20px;
    }
    .flex_input_area .flex_input_tit{
        font-size:14px;
    }
    .rpvTbl tbody tr{
        border-bottom:1px solid #ddd;
        flex-wrap:wrap;
        position:relative;
    }
    .graybox_wrap2 strong{
        font-size:16px;
    }
    .rpvTbl tbody tr td{
        background:none;
        position:relative;
        border-bottom:0px;
        padding:0px 10px 0px 75px;
        display:flex;
        width:100%;
        align-items: center;
        margin:5px 0px;
        min-height:18px;
    }

    .rpvTbl tbody tr td.mHidden,
    .rpvTbl tbody tr td .mHidden{
        display:none;
    }
    .rpvTbl tbody tr td.noExp.titleF{
        width:15px;
        height:15px;
        padding:0px;
        margin:0px;
        position:absolute;
        top:12px;
        left:12px;
    }
    .rpvTbl tbody tr td.titleF .btn_star{
        width:15px;
        height:15px;
        padding:0px;
        display:block;
    }
    .rpvTbl tbody tr td.noExp.titleF + .title_area{
        width:calc(100% - 20px);
        margin-left:20px;
    }
    .rpvTbl tbody tr td.titleF ~ td.tac{
        padding-left:60px;
        min-height:16px;
    }

    .rpvTbl tbody tr td.noExp.titleF + .title_area a{
        font-weight:var(--font-weight-700);
        display:block;
        text-overflow:ellipsis;
        overflow: hidden;
        width:100%;
        white-space:nowrap;
    }
    .rpvTbl tbody tr td.tac{
        text-align:left !important;
    }
    .rpvTbl tbody tr td.noExp .flex_area{
        margin-left:-5px;
    }
    .rpvTbl tbody tr td .flex_area>div.profile_area,
    .rpvTbl tbody tr td .flex_area>a>div.profile_area{
        width:60px;
        height:60px;
        margin-right:5px;
    }
    .rpvTbl tbody tr td .flex_area>div.profile_area img,
    .rpvTbl tbody tr td .flex_area>a>div.profile_area img{
        width:100%;
    }
    .rpvTbl tbody tr td .btn_area{
        justify-content: start;
        gap:0px 5px;
    }
    .rpvTbl tbody tr td p + .btn_area{
        margin-left:10px;
    }
    .rpvTbl tbody tr td dl dd,
    .rpvTbl tbody tr td:not(.colAgn) p:not(:nth-of-type(1)){
        margin-top:0px;
    }
    .rpvTbl tbody tr td.colAgn p{
        margin-top:0px;
    }
    .rpvTbl tbody tr td.colAgn p button{
        margin-top:5px;
    }
    .rpvTbl tbody tr td.colAgn{
        display:flex;
        align-items: center;
        flex-wrap:wrap;
        gap:0px 5px;
    }
    .rpvTbl tbody tr td.slash p{
        display:flex;
        align-items:center;
    }
    .rpvTbl tbody tr td.slash p:not(:nth-last-of-type(1))::after{
        content:"/";
        display:block;
        margin:0px 0px 0px 5px;
    }
    .rpvTbl .btn_area button{
        width:auto;
    }
    .rpvTbl tbody tr td.noExp{
        padding:0px 10px;
        margin:5px 0px;
    }
    .rpvTbl td:not(.colAgn) p{
        width:100%;
    }
    .rpvTbl td:not(.colAgn) p.company_area{
        width:auto;
    }
    .rpvTbl td:not(.colAgn){
        flex-wrap:wrap;
    }
    .rpvTbl td.titleF ~ td::before{
        left:12px;
    }
    .rpvTbl td.notice::before{
        display:block;
        width:18px;
        height:18px;
        background:var(--main-color-02) url("../images/common/bull_sound.svg") center no-repeat;
        font-size:0px;
        border-radius:50%;
        min-width:18px;
        background-size:10px auto;
    }
    .rpvTbl tbody tr td.notice{
        padding-left:35px;
    }
    .guide_area{font-size:13px;}
    .rpvTbl td::before{
        position:absolute;
        left:10px;
        top:0px;
        content: attr(aria-label); /* aria-label 값을 가져와 표시 */
        display: block; /* 블록 요소로 표시 */
        font-size: 14px; /* 글자 크기 */
        color: #222; /* 텍스트 색상 */
        min-width:60px;
        font-weight:var(--font-weight-600);
        width:60px;
        text-align:left;
    }
    .rpvTbl.type07 .btn_area button.type01{
        padding:0px 6px;
        height:26px;
    }
    .rpvTbl.type07 .btn_area{
        width:100%;
        align-items: center;
    }
    .rpvTbl.type07 .btn_area button.type01 + button{
        margin-left:auto;
        width:18px;
        height:18px;
        background-size:100% 100%;
    }
    .rpvTbl.type07 .btn_area button.type01 + button img{
        width:100%;
    }
    .rpvTbl.type07 td::before{
        width:90px;
        white-space:nowrap;
    }
    .rpvTbl.type07 td{
        padding-left:110px;
    }
    .rpvTbl.type04 td::before{
        left:34px;
    }
    .rpvTbl td.v_ctr::before{
        top:50%;
        transform:translateY(-50%);
    }
    .rpvTbl tbody tr td.noExp::before{
        display:none;
    }
    .rpvTbl tbody tr td:not(.colAgn) p + .btn,
    .rpvTbl tbody tr td:not(.colAgn) p + p .btn{
        margin-top:5px;
    }
    .rpvTbl tbody tr td .btn.btn_link{
        width:auto;
        height:26px;
    }
    .rpvTbl tbody tr td.tac .btn.btn_link{
        width:auto;
        margin:0px;
    }
    .rpvTbl.type04 tbody tr td .btn{
        height:auto;
        padding:6px 12px;
        font-size:12px;
        width:auto;
        margin:0px;
    }
    .rpvTbl.type02{
        padding:0px;
    }
    .rpvTbl.type02 tr{
        padding:12px 0px;
    }
    .rpvTbl.type02 tr td.title_area a .top_tit{
        font-weight:var(--font-weight-700);
        color:#222;
        font-size:15px;
        margin-bottom:0px;
        display:block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;
    }
    .rpvTbl.type02 tr td.title_area a .txt_ellipsis{
        overflow:unset;
        white-space:wrap;
        font-size:12px;
        font-weight:var(--font-weight-500);
    }
    .rpvTbl.type02 tbody tr td::before{
        left:10px;
        font-weight:var(--font-weight-500);
        font-size:12px;
    }
    .rpvTbl.type02 tbody tr td:not(.noExp){
        padding-left:60px;
        margin:0px;
        font-size:12px;
    }
    .rpvTbl.type02 tbody tr td:not(.noExp) p{
        font-size:12px;
    }
    .rpvTbl.type02 tbody tr td.btnTd{
        position:absolute;
        bottom:4px;
        right:0px;
        width:auto;
        z-index:3;
    }
    .rpvTbl.type02 tbody tr td.btnTd .btn.btn_link{
        height:26px;
        font-weight:var(--font-weight-500);
        font-size:12px;
    }
    .rpvTbl.type02 tbody tr td.btnTd .btn.btn_link .bull{
        width:14px;
    }
    .rpvTbl.type02 tbody tr td.btnTd .btn.btn_link .bull img{
        width:100%;
    }
    .rpvTbl .nodata{
        justify-content: center;
        padding:0px;
    }
    .guide_area_all{
        display:flex;
        flex-wrap:wrap;
    }
    table td .btn.btn_add {
        width: 100%;
        margin-bottom:8px;
        max-width:100%;
    }
    .flex_area input,.flex_area select{
        margin:0px;
        height:40px;
    }
    .flex_area+.flex_area{
        margin-top:4px;
    }
    .flex_area.flex_wrap{
        flex-wrap:wrap;
        gap:4px;
    }
    .flex_area.flex_wrap .mw100{width:100% !important;}
    .flex_area.flex_wrap .mw50{width:calc(50% - 2px) !important;}
    .rpvTbl .more{
        position:absolute;
        right:0px;
        bottom:0px;
        padding:0px;
        width:auto;
    }
    table td .btn_dot_list_wrap .btn_dot_list_wrap_area{
        left:-85px;
    }
    .historyDetail{
        width:100%;
    }
    .historyDetail div{
        flex-wrap:wrap;
        gap:5px 8px;
    }
    .historyDetail div select{
        width:calc(50% - 4px);
        height:40px;
    }
    .historyDetail div p{
        font-size:14px;
    }
    .historyDetail div select.date{
        width:calc(50% - 32px);
    }
    .historyDetail input[placeholder="연봉"]{
        width:100%;
    }
    .historyDetail + button.btn_del{
        float:none;
    }
    .historyDetail div textarea + p{
        font-size:14px;
        height:32px;
    }
    .rpvTbl tr td select{
        height:40px;
        width:auto;
        min-width:120px;
    }
    .rpvTbl .tbl_checkbox{
        position:absolute;
        left:0px;
        top:7.5px;
        width:0px;
        padding-left:12px;
        margin-top:0px;
    }
    .rpvTbl.type03 .tbl_checkbox ~ td{
        padding-left:90px;
        margin:2px 0px;
        font-size:12px;
    }
    .rpvTbl.type04 .tbl_checkbox ~ td{
        padding-left:95px;
        margin:4px 0px;
        font-size:12px;
    }

    .rpvTbl.type04 td dl dt{
        font-size:14px;
    }
    .total_count_wrap .point-count{
        font-size:14px;
    }
    .rpvTbl.type04 td dl dd{
        font-size:12px;
    }

    .rpvTbl.type04 .tbl_checkbox ~ td.title_area{
        padding-left:34px;
    }
    .rpvTbl.type03 .tbl_checkbox ~ td::before{
        left:40px;
        top:50%;
        transform:translateY(-50%);
        font-weight:var(--font-weight-500);
        font-size:12px;
    }
    .rpvTbl.type03 tbody tr td.noExp{
        padding-left:10px;
    }
    .rpvTbl.type03 td.title_area{
        font-size:14px;
        font-weight:var(--font-weight-600);
        order:-1;
        padding-left:75px;
    }
    .rpvTbl.type03 td.tbl_checkbox ~ td.title_area{
        padding-left:40px;
    }
    .rpvTbl.type03 .tbl_checkbox ~ td:nth-of-type(2){
        order:2;
    }
    .rpvTbl.type03 .tbl_checkbox ~ td:nth-of-type(4){
        order:4;
    }
    .rpvTbl.type03 .tbl_checkbox ~ td:nth-of-type(5){
        order:5;
    }
    .rpvTbl.type03 .tbl_checkbox ~ td:nth-of-type(6){
        order:6;
        font-size:12px;
        font-weight:var(--font-weight-500);
    }
    .rpvTbl td.order1{
        order:-1;
    }
    .rpvTbl td.order2{
        order:0;
    }
    .rpvTbl.type03 .tbl_checkbox ~ td.title_area::before{
        display:none;
    }
    .rpvTbl.type03 .title_area dl dt{
        font-size:14px;
        font-weight:var(--font-weight-600);
        color:#222;
    }
    .rpvTbl.type03 .title_area dl dd{
        font-size:12px;
        font-weight:var(--font-weight-500);
        color:#888;
    }
    .rpvTbl.company_image_table .company_area{
        display:none;
    }
    .rpvTbl.type03 .tbl_checkbox ~ td.noExp{
        padding:0px 10px;
    }
    .rpvTbl.type03 .tbl_checkbox ~ td.company_image{
        padding-left:40px;
    }
    .rpvTbl td.company_image img{
        border:1px solid #ddd;
        border-radius:32px;
        height:20px;
        /*max-width:120px;*/
        width:auto;
        padding:0px 10px;
    }

    .emptyAnno a{background-size:120px 120px; font-size:16px; padding:50px 0px; }
    .emptyAnno a::before{margin-bottom:120px;}
}
.sub_cont .mypage_top_box + .emptyAnno{margin-bottom:-35px; border-bottom:0px; border:1px solid #ddd;}
.sub_cont .mypage_top_box + .emptyAnno a{padding:10px 0px 20px; height:190px; justify-content: end; background-position:top -20px center; }
.sub_cont .mypage_top_box + .emptyAnno a::before{display:none;}
.emptyAnno{width:100%; background:#fff; margin-top:30px; }
.emptyAnno a{display:flex; flex-direction: column; justify-content: space-between; align-items: center; font-size:18px; font-weight:var(--font-weight-700); color:#009DE1; background:url("../images/main/anno_tiger.svg")center center no-repeat; background-size:180px 180px; padding:100px 0px; }
.nodata .emptyAnno{margin-top:0px;}
.nodata .emptyAnno a{padding:50px 0px; margin-top:0px;}
.emptyAnno p{display:flex; flex-direction: column; justify-content: end; align-items: center; font-size:18px; font-weight:var(--font-weight-700); color:#009DE1; background:url("../images/main/anno_tiger.svg")center center no-repeat; background-size:180px 180px; padding:180px 0px 20px; }
.emptyAnno a::before{content:""; display:block; width:50px; height:50px; background:url("../images/main/plus.svg")center center no-repeat; background-size:100%; margin-bottom:180px;}
.sub_cont .emptyAnno{border:1px dashed #888;}

.rpvTbl td.blue{
    font-weight:var(--font-weight-700);
    color:#1264BA;
}

.rpvTbl td p.highlight{
    font-weight:var(--font-weight-700);
}

.loading{position:fixed;top:0px; left:0px; width:100vw; height:100vh; background:url("../images/common/img_loading.gif")center center no-repeat rgba(0,0,0,0.4); z-index:999999;}
.topBtn{display:flex; flex-direction: column; align-items: center; position:fixed; bottom:50px; width:70px; height:70px; box-shadow:0px 0px 10px rgba(0,0,0,0.25); border-radius:5px; left:calc(50% + 720px); transform:translateX(-50%); background:#fff; justify-content: center;  font-size:14px; font-weight:600;}
.topBtn::before{content:""; display:block; width:15px; height:2px; background:#1264BA; border-radius:2px; order:-2;}
.topBtn::after{content:""; display:block; width:15px; height:13px; background:url("../images/common/topbtn_arrow.svg")center center no-repeat; margin:3px auto 4px; order:-1;}

@media screen and (max-width:1440px){
    .topBtn{display:none;}
}

.mHidden2{display:none;}
@media screen and (max-width:768px){
    .mHidden2{display:unset;}
    .pcOnly{display:none;}
}

@media screen and (max-width:768px) {
    .header_top .inner_area{flex-direction: column;
        justify-content: start;
        align-items: start;
        height: auto;
        gap:10px 0px;
        padding:10px 0px;}
    .header_top .top_menu{width: 100%; justify-content: end;}
    .tab_con .img_exp{padding:10px 0px 30px; padding-left:25px; gap:10px 0px;}
    .tab_con .img_exp strong{width:20px; height:20px; font-size:16px;}
    .tab_con .img_exp p{font-size:18px;}
    .tab_con .img_exp span{font-size:16p x;}
    .tab_con h3{font-size:20px; margin-bottom:15px; margin-top:30px;}
    .tab_con > p{font-size:16px;}
}
@media screen and (max-width:400px){
    table th, .tb01 th, .tb02 th{
        font-size:11px;
        padding:12px 2px;
        white-space:nowrap;
    }
}
@media screen and (max-width:500px){
    table td,
    .tb01 td,
    .tb02 td{
        font-size: 11px;
        padding: 12px 6px;
    }

    table td p, table td p a{
        font-size:11px;
    }
    .header_top .top_menu .timeout span, .header_top .top_menu .timeout time, .header_top .top_menu.user_top_menu li.name, .header_top .top_menu.user_top_menu li a{
        font-size:10px;
    }
    .header_top .top_menu.user_top_menu li.name, .header_top .top_menu.user_top_menu > li:not(:nth-of-type(1)) a{
        font-size:12px;
    }
    .header_top .top_menu.user_top_menu > li:nth-of-type(1){margin-right:auto;}
    .rpvTbl tr td.title_area > a > p > strong, .rpvTbl tr td.title_area a dl dt{font-size:16px;}
}