:root{
    --color-primary: #1a8361;
    --color-primary-soft: #6ec5a9;
    --view-width: 1400px;
}

body{
	font-size:16px;
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	background-color:#fff;
}
label{cursor:pointer;}
a{text-decoration:none;color:inherit;}
#content{min-height:500px;padding:20px 0 0;}
#adminControl{display:none;}

input[type=submit], button {-webkit-appearance:none;}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
ul, li, dl, dt, dd {
	list-style-type: none;
    padding: 0;
    margin: 0;
}
fieldset, form, h1, h2, h3, h4, h5, h6, legend, p {
    padding: 0;
    margin: 0;
    line-height: 1;
}

.content-container {
    display: flex;
    gap: 40px;
    width: var(--view-width);
    margin: 0 auto;
}

.wrap{position:relative;width:var(--view-width);margin:0 auto;}

.header-wrap .wrap,.menu-wrap .wrap{height:100%;}
.header-wrap{float:left;position:relative;width:100%;height: auto;left:0;top:0;box-sizing:border-box;z-index:2;background: #fff;/*border-bottom: 1px solid #dedede;*/}
.header-wrap .tool-menu{float:left;width:100%;height:34px;border-bottom:1px solid #ccc;}
.header-wrap .tool-menu .menu{height:34px;line-height:33px;font-size:14px;color:#444;padding:0 12px;}
.header-wrap .tool-menu .menu.right{border-left:1px solid #ccc;}
.header-wrap .tool-menu .menu i{margin-right:3px;}
.header-wrap .tool-menu .menu[data-menu="today"],.header-wrap .tool-menu .menu[data-menu="mypost"]{padding:0;}
.header-wrap .tool-menu .menu[data-menu="today"] a{display:block;height:100%;background:#494949;line-height:33px;color:#fff;padding:0 20px;}
.header-wrap .tool-menu .menu[data-menu="today"] i{color:#fff;font-size:18px;margin-right:0;}
.header-wrap .tool-menu .menu[data-menu="point"] b{padding-left:5px;color:#e63f4c;}
.header-wrap .tool-menu .menu[data-menu="mypost"] a{display:block;height:100%;background:#4295e3;line-height:33px;color:#fff;padding:0 12px;}
.header-wrap .tool-menu .menu[data-menu="nic"] img{margin-top: 8px!important;}
.header-wrap .tool-menu .menu span{float: left;font-weight: bold;}
.header-wrap .tool-menu .menu .icon{margin-right: 4px;}
.header-wrap .tool-menu .menu .icon img{width: 17px;margin-top: 4px;}

.header-wrap .header{float:left;width:100%;height: 107px;border-bottom: 1px solid #dedede;}
.header-wrap .wrap{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.header-wrap .logo-wrap{position:relative;width:auto;height:56px;}
.header-wrap .logo-wrap img{float:left;height: 100%;}
.header-wrap .logo-wrap .now_page{float:right;border-radius:15px;font-size:11px;font-weight:bold;margin-bottom:4px;right:0;color:#fff;background:#d80000;padding:2px 5px 3px 6px;}
.header-wrap .search-wrap{position: relative;width: 500px;height: 50px;background: #fff;border: 1px solid #b9b9b9;border-radius: 25px;zoom: 1;z-index: 11;}
.header-wrap .search-wrap input[type="text"]{width: calc(100% - 80px);height: 100%;line-height: 24px;padding-left: 25px;border: 0;color: #000;background: #ffffff00;float: left;}
.header-wrap .search-wrap input[type="text"]:focus{border: 0;outline: none;}
.header-wrap .search-wrap button{position: absolute;width: 38px;height: 38px;top: 50%;right: 10px;padding: 0;margin-top: -19px;background: var(--color-primary);border: 1px solid var(--color-primary);border-radius: 50%;z-index: 1;cursor: pointer;color: #fff;}
.header-wrap .user-menu{display: flex;float: right;padding: 0;margin: 0;list-style: none;align-items: center;}
.header-wrap .user-menu li{float: left;padding: 0 20px;}

.header-wrap .user-menu li:last-child{padding-right: 0;}
.header-wrap .user-menu li.div{padding: 0;width: 1px;height: 13px;background: #433434;}
.header-wrap .user-menu li a{display: inline-block;font-size: 14px;font-weight: 700;color: #433434;}
.header-wrap .user-menu li a[data-icon="login"]:before{content: "\f2f6";font-family: 'Font Awesome 5 Free';font-weight: 900;margin-right: 4px;}
.header-wrap .user-menu li a[data-icon="logout"]:after{content: "\f2f5";font-family: 'Font Awesome 5 Free';font-weight: 900;margin-left: 4px;}

.menu-wrap{position: relative;float: left;width: 100%;height: 52px;background: #fff;border-bottom: solid 1px var(--color-primary);-webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 2px 4px -2px rgba(0,0,0,.1);box-shadow: 0 2px 4px -2px rgba(1, 1, 0, .2);}
/*.menu-wrap.site,.menu-wrap.site0,.header-wrap .logo-wrap .now_page.site0{background:#d80000;}
.menu-wrap.site1,.header-wrap .logo-wrap .now_page.site1{background:#d80000;}
.menu-wrap.site2,.header-wrap .logo-wrap .now_page.site2{background:#d80000;}
.menu-wrap.site3,.header-wrap .logo-wrap .now_page.site3{background:#d80000;}
.menu-wrap.site4,.header-wrap .logo-wrap .now_page.site4{background:#d80000;}
.menu-wrap.site5,.header-wrap .logo-wrap .now_page.site5{background:#d80000;}
.menu-wrap.site .submenu, .menu-wrap.site0 .submenu,
.menu-wrap.site .mobile-menu{background:#b20000;}
.menu-wrap.site1 .submenu{background:#e53400;}
.menu-wrap.site2 .submenu{background:#0067da;}
.menu-wrap.site3 .submenu{background:#441f6e;}
.menu-wrap.site4 .submenu{background:#1f2942;}
.menu-wrap.site5 .submenu{background:#22782a;}
.menu-wrap.site1 .submenu>li:hover, .menu-wrap.site1 .mobile-menu>li:hover{background-color:#ff4d00;}
.menu-wrap.site2 .submenu>li:hover, .menu-wrap.site2 .mobile-menu>li:hover{background-color:#0055b2;}
.menu-wrap.site3 .submenu>li:hover, .menu-wrap.site3 .mobile-menu>li:hover{background-color:#5d239f;}
.menu-wrap.site4 .submenu>li:hover, .menu-wrap.site4 .mobile-menu>li:hover{background-color:#233460;}
.menu-wrap.site5 .submenu>li:hover, .menu-wrap.site5 .mobile-menu>li:hover{background-color:#20a32c;}*/
.menu-wrap .wrap{display: flex;justify-content: space-between;flex-direction: row;align-items: center;}
.menu-wrap .wrap .menu-split{display: flex;height: 100%;align-items: center;}
.menu-wrap .wrap .btn-menu-toggle{position: relative;float: left;width: 18px;height: 18px;border: 0;outline: none;cursor: pointer;background: none;background-position: center;background-repeat: no-repeat;background-size: contain;}
.menu-wrap .wrap .btn-menu-toggle.close{background-image: url(/img/menu_open.svg);}
.menu-wrap .wrap .btn-menu-toggle.open{background-image: url(/img/menu_close.svg);}

.menu-wrap .menu-list{display: flex;margin-left: 40px;list-style: none;}
.menu-wrap .menu-list .menu-item{float: left;position: relative;top: 3px;width: 120px;height: 61px;line-height: 51px;text-align: center;z-index: 2;}
.menu-wrap .menu-list .menu-item:first-child{padding-left: 0;}
.menu-wrap .menu-list .menu-item:before{content: "";display: block;width: 1px;height: 12px;position: absolute;left: 0;top: 0;margin-top: 19px;background: #dbdbdb;}
.menu-wrap .menu-list .menu-item:after{content: "";display: block;width: 100%;height: 0;background: var(--color-primary);position: absolute;bottom: 8px;left: 0;transition: height .15s ease-in-out;}
.menu-wrap .menu-list .menu-item:hover{}
.menu-wrap .menu-list .menu-item:hover:after{height: 3px;}
.menu-wrap .menu-list .menu-item:hover>.submenu-list{display: block;opacity: 1;}
.menu-wrap .menu-list .menu-item.active:after{height: 3px;}
.menu-wrap .menu-list .menu-item>a{color: #393434;font-size: 18px;font-style: normal;font-weight: 700;}
.menu-wrap .submenu-list{position: absolute;display: none;left: 0;top: 61px;width: 214px;opacity: 0;z-index: 999;box-sizing: border-box;border-radius: 4px;border: 1px solid #d9d9d9;background: #fff;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .1));text-align: left;padding: 10px 0;transition: opacity .3s ease-in-out;list-style: none;}
.menu-wrap .submenu-item{padding-left: 20px;height: 36px;display: flex;align-items: center;}
.menu-wrap .submenu-item:hover{background-color: #f6f6f6;}
.menu-wrap .submenu-item a{width: 100%;font-size: 16px;font-weight: 500;color: #433434;letter-spacing: -.5px;}


.menu-wrap .right-menu-list{float: left;list-style: none;}
.menu-wrap .right-menu-list li[data-icon="banner"] a{position: relative;display: inline-flex;align-items: center;justify-content: center;height: 36px;border-radius: 10px;border: 1px solid #0085ff;background: #fff;color: #0085ff;font-size: 16px;font-style: normal;font-weight: 700;line-height: 16px;padding: 0 14px;}
.menu-wrap .right-menu-list li[data-icon="banner"]:hover a{border: 1px solid #0085ff;color: #fff;background: #0085ff;}
.menu-wrap .right-menu-list li[data-icon="banner"] a:before{content: "\f1ad";font-family: 'Font Awesome 5 Free';font-weight: 400;margin-right: 6px;}

.menu-wrap .menu{float:left;width:100%;table-layout:fixed;display:inline-table;list-style:none;height:100%;box-sizing:border-box;margin:0;padding:0 110px;}
.menu-wrap .menu>li{position:relative;height:100%;display:table-cell;width:auto;text-align:center;box-sizing:border-box;vertical-align:middle;cursor:pointer;border-right:1px solid #fff;margin:0;padding:0;}
.menu-wrap .menu>li>a{position:absolute;left:0;top:0;width:100%;height:100%;vertical-align:middle;letter-spacing:-1px;font-size:16px;line-height:44px;font-weight:bold;color:#fff!important;text-shadow:1px 1px 1px rgba(0,0,0,.4);}
.menu-wrap .menu>li>a img{margin-top:10px;}
.menu-wrap .menu li .new{margin-left:7px;}
.menu-wrap .submenu{position:absolute;min-width:120px;left:0;top:44px;background-color:#b20000;list-style:none;text-align:left;box-sizing:border-box;display:none;z-index:2;margin:0;padding:0;}
.menu-wrap .submenu>li{float:left;width:100%;box-sizing:border-box;}
.menu-wrap .submenu>li>a{float:left;width:100%;color:#fff;font-size:14px;box-sizing:border-box;text-decoration:none;padding:13px 10px;}
.menu-wrap .submenu.split{width:240px;}


.menu-more-wrap{
	position: relative;
	left: 0;
    top: 2px;
    display: none;
	width: 100%;
    height: 0;
    max-height: 0;
    opacity: 0;
    background: #fff;
    min-width: var(--view-width);
    max-width: 100%;
    z-index: 998;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .18);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .18);
    transition: max-height .15s ease-in-out;
}
.menu-more-wrap.show{
    display: flex;
    opacity: 1;
    /*height: auto;*/
	height: 400px;
    max-height: 500px;
}
.menu-more-wrap.show .wrap>div{
	opacity: 1;
}
.menu-more-wrap .wrap{
	display: flex;
	height: 100%;
}
.menu-more-wrap .wrap>div{
	opacity: 0;
    transition: opacity .25s ease-in-out;
    position: relative;
	height: 100%;
}
.menu-more-wrap .wrap>div:first-child{
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}
.menu-more-wrap .wrap>div:last-child{
	width: 495px;
    text-align: left;
}
.menu-more-wrap .wrap>div:last-child:before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #d9d9d9;
}
.menu-more-wrap .wrap>div:last-child .premier{
	width: 470px;
	line-height: 1;
	display: inline-block;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 25px;
}
.menu-more-wrap .wrap>div:last-child .premier img{
	width: 100%;
}
.menu-more-wrap .more-list{
	position: relative;
	display: flex;
	margin: 0;
	padding: 0;
}
.menu-more-wrap .more-list>li{
	position: relative;
	text-align: left;
	width: 180px;
	height: 400px;
}
.menu-more-wrap .more-list>li:before{
	content: "";
    position: absolute;
    top: 97px;
    left: 0;
    width: 1px;
    height: calc(100% - 147px);
    background: #d9d9d9;
}
.menu-more-wrap .more-list>li small{
	position: absolute;
    top: 40px;
    left: 20px;
    color: #0085ff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -.7px;
}
.menu-more-wrap .more-list>li strong{
	display: inline-block;
	color: #393434;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: -.9px;
	margin-top: 75px;
	padding-left: 20px;
}

.menu-more-wrap .submore-list{
    padding: 30px 0 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.menu-more-wrap .submore-list>li{
	padding-left: 20px;
    display: flex;
    align-items: center;
}
.menu-more-wrap .submore-list>li:hover a{
	text-decoration: underline;
}
.menu-more-wrap .submore-list>li a{
	color: #393434;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.8px;
}





.content,.container{width:1000px;transform:translateX(40px);margin:0 auto;}
.content-wrap{float:left;position:relative;width:100%;background-color:#fff;box-sizing:border-box;}
.content-wrap .side-wrap{position:absolute;top:0;min-height:600px;}
.content-wrap .side-wrap.left_banner,.content-wrap .side-wrap.left_banner .banner_wrap{width:227px;left:0;}
.content-wrap .side-wrap.right_banner,.content-wrap .side-wrap.right_banner .banner_wrap{width:150px;right:0;}
.content-wrap .side-wrap .banner_img,.content-wrap .content .banner-wrap .banner_img{float:left;width:100%;margin-bottom:3px;}
.content-wrap .side-wrap .banner_img img,.content-wrap .content .banner-wrap .banner_img img{width:100%;margin-bottom:15px;}
.content-wrap .side-wrap .next_site{float:left;width:100%;text-align:center;line-height:28px;border:3px solid #d80000;font-size:13.5px;display:inline-block;margin-bottom:15px;font-weight:bold;letter-spacing:-.03em;box-sizing:border-box;padding:0 10px;}
.content-wrap .side-wrap .next_site b{color:#d80000;}
.content-wrap .side-wrap .side_menu .title{line-height:32px;font-size:15px;background:#d80000;color:#fff;text-align:center;}
.content-wrap .side-wrap .side_menu ul{float:left;width:100%;list-style:none;border:1px solid #ddd;box-sizing:border-box;margin:0;padding:0;}
.content-wrap .side-wrap .side_menu li{float:left;width:100%;border-bottom:1px solid #ddd;cursor:pointer;color:#444;}
.content-wrap .side-wrap .side_menu li.active{background-color:#ff0000;color:#fff;}
.content-wrap .side-wrap .side_menu li b{position:absolute;right:15px;}
.content-wrap .side-wrap .side_menu li a{float:left;line-height:30px;border:0;width:100%;font-weight:bold;box-sizing:border-box;margin:0;padding:0 10px;}
.content-wrap .side-wrap .side_menu li button{float:left;line-height:30px;border:0;width:100%;font-weight:bold;box-sizing:border-box;cursor:pointer;text-align:left;background-color:#fff;outline:none;margin:0;padding:0 10px;}
.content-wrap .side-wrap .post_tab{float:left;width:100%;margin-bottom:30px;}
.content-wrap .side-wrap .post_tab ul{float:left;width:100%;list-style:none;box-sizing:border-box;margin:0;padding:0;}
.content-wrap .side-wrap .post_tab ul.tab{height:32px;text-align:center;}
.content-wrap .side-wrap .post_tab ul.tab li{float:left;width:50%;background:#ddd;}
.content-wrap .side-wrap .post_tab ul.tab li a{float:left;width:100%;line-height:32px;font-size:15px;}
.content-wrap .side-wrap .post_tab ul.tab li a:after{content:"\f055";font-family:'Font Awesome 5 Free';font-weight:900;margin-left:3px;}
.content-wrap .side-wrap .post_tab ul.post_list{border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;min-height:120px;padding:10px;}
.content-wrap .side-wrap .post_tab ul.post_list li{float:left;width:100%;line-height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.content-wrap .side-wrap .post_tab ul.post_list li:before{content:'';float:left;width:3px;height:3px;background-color:#f00;margin:10px 6px 0 0;}
.content-wrap .side-wrap .auction a{float:left;width:100%;border:1px solid #ccc;display:block;text-align:center;box-sizing:border-box;padding:10px;}
.content-wrap .side-wrap .auction span.title{float:left;width:100%;border:0;font-size:15px;border-bottom:2px solid #d80000;color:#d80000;text-align:center;margin-bottom:0;padding-bottom:5px;font-weight:bold;}
.content-wrap .side-wrap .auction span.ing{float:left;width:100%;line-height:24px;font-weight:bold;margin-top:10px;}
.content-wrap .side-wrap .auction span b{line-height:18px;font-size:13px;background:#dd544e;color:#fff;display:inline-block;margin-right:5px;border-radius:18px;padding:0 5px;}
.content-wrap .side-wrap .auction span.click{float:left;width:calc(100%-10px);font-weight:bold;line-height:25px;border-radius:25px;background:#d80000;color:#fff;margin-top:5px;padding:0 5px;}
.content-wrap .side-wrap .auction a:hover{background:#d80000;border:1px solid #d80000;color:#fff;}
.content-wrap .side-wrap .auction a:hover span.title{color:#fff;border-bottom:2px solid #fff;}
.content-wrap .side-wrap .auction a:hover span b,.content-wrap .side-wrap .auction a:hover span.click{background:#fff;color:#d80000;}

.content-wrap>.content{float:right;width:calc(100%-416px);border:1px solid #efefef;box-sizing:border-box;padding:15px;}
.content-wrap>.content .banner-wrap{position:relative;float:left;width:100%;margin-bottom:30px;}
.content-wrap>.content .banner-wrap.half{width:58%;}
.content-wrap>.content .banner-wrap.half.right{position:absolute;right:0;}
.content-wrap>.content .banner-wrap .menu{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;background-color:rgba(0,0,0,0.2);padding:2px 5px 9px;}
.content-wrap>.content .banner-wrap .menu .btn{border:0;background-color:transparent;color:#cacaca;font-weight:bold;cursor:pointer;outline:none;}
.content-wrap>.content .banner-wrap.home{margin-bottom:0;}

.footer-wrap{float:left;width:100%;text-align:center;}
.footer-wrap .container-wrap{padding:16px 0 0;}
.footer-copyright{border-top:2px dashed #ddd;color:#777;padding:20px 0;}
.footer-copyright .logo{float:left;margin-right:30px;border-right:1px solid #777;padding:0 30px 0 20px;}
.footer-copyright .info{float:left;position:relative;color:#444;padding-top:6px;}
.footer-copyright .info a{float:left;color:#444;font-weight:bold;padding-right:8px;}
.footer-copyright .info span{float:left;width:100%;text-align:left;line-height:14px;font-size:12px;margin-top:8px;}
.footer-top-btn{position:fixed;right:20px;bottom:20px;display:none;}
.footer-top-btn button{background-color:#52666f;color:#fff;border:0;border-radius:50%;font-size:20px;width:50px;height:50px;cursor:pointer;outline:none;}
.footer-top-btn button:hover{background-color:#586c75;}
.footer-top-btn button:active{background-color:#52666f;}


.footer-wrap .split-wrap{position: relative;min-width: var(--view-width);max-width: 100%;margin-left: auto;margin-right: auto;height: 60px;background: #393434;}
.footer-wrap .split-wrap .wrap{display: flex;position: relative;width: var(--view-width);height: 60px;margin: 0 auto;align-items: center;}
.footer-wrap .split-wrap ul{}
.footer-wrap .split-wrap li{float: left;position: relative;height: 60px;line-height: 60px;width: 120px;list-style: none;text-align: center;}
.footer-wrap .split-wrap li:before{content: "";display: block;width: 1px;height: 17px;position: absolute;right: 0;margin-top: 24px;background: #dbdbdb;}
.footer-wrap .split-wrap li:last-child:before{opacity: 0;}
.footer-wrap .split-wrap li a{font-size: 14px;letter-spacing: -1px;font-weight: 400;color: #fff;cursor: pointer;}
.footer-wrap .footer-content{position: relative;min-width: var(--view-width);max-width: 100%;margin-left: auto;margin-right: auto;height: 255px;background: #f9f9f9;padding-top: 50px;padding-bottom: 50px;}
.footer-content .wrap{position: relative;height: 255px;margin-left: auto;margin-right: auto;display: flex;flex-direction: column;}
.footer-content .main-content{width: 100%;height: 74px;padding-bottom: 36px;border-bottom: 1px solid #d9d9d9;display: flex;}
.footer-content .main-content>div{height: 100%;overflow: hidden;border-right: 1px solid #d9d9d9;display: flex;justify-content: space-around;color: #393434;letter-spacing: -1px;text-align: left;}
.footer-content .main-content>div:last-child{border-right: 0;}
.footer-content .main-content li{list-style: none;}
.footer-content .main-content .main1{width: 45%;}
.footer-content .main-content .main1-1{width: 55%;}
.footer-content .main-content .main1-2{width: 45%;font-size: 14px;font-weight: 500;}
.footer-content .main-content .main1-2>li{margin-top: 5px;}
.footer-content .main-content .main2{width: 30%;}
.footer-content .main-content .main2 .items{display: flex;justify-content: space-evenly;}
.footer-content .main-content .main2 .items .sub-item{display: inline-flex;align-items: center;justify-content: center;flex-direction: column;gap: 8px;font-size: 14px;font-weight: 500;color: #393434;width: 90px;}
.footer-content .main-content .main2 .items .img{width: 50px;height: 50px;display: inline-flex;align-items: center;justify-content: center;margin-left: auto;margin-right: auto;}
.footer-content .main-content .main2 .items .img img{object-fit: contain;height: 80%;}
.footer-content .main-content .main3{width: 25%;}
.footer-content .main-content .main3 .main3-1{list-style: none;}

.footer-content .sub-content{width: 100%;height: 150px;padding-top: 36px;display: flex;justify-content: space-between;}
.footer-content .sub-content .details{display: flex;width: 1000px;flex-direction: column;align-items: flex-start;text-align: left;color: #7d7d7d;}
.footer-content .sub-content .details .logo img{height: 36px;}
.footer-content .sub-content .details .items{margin-top: 10px;font-size: 13px;font-weight: 500;}
.footer-content .sub-content .details .items li{}
.footer-content .sub-content .details .copyright{margin-top: 10px;font-weight: 400;font-style: normal;}
.footer-content .sub-content .sns-wrap{display: flex;gap: 20px;margin-top: 40px;}
.footer-content .sub-content .sns-wrap a{width: 32px;height: 32px;}
.footer-content .sub-content .sns-wrap img{width: 32px;border-radius: 100%;}


.latest-wrap{float: left;position: relative;width: 100%;padding-top: 65px;padding-bottom: 65px;background-color: #fff !important;}
.latest-wrap .wrap{width: var(--view-width);height: 343px;border-top: 1px solid #393434 !important;border-bottom: 1px solid #e6e6e6;display: flex;justify-content: space-between;}
.latest-wrap .wrap>div{width: 33.3%;overflow: hidden;}
.latest-wrap .wrap>div.sub2{border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6}
.latest-wrap .sub2>div, .latest-wrap .sub3>div{height: 49.5%;display: block;overflow: hidden;}
.latest-wrap .sub2 .sub2-1{border-bottom: 1px solid #e6e6e6;}
.latest-wrap .post-box{padding: 27px;height: 116px;}
.latest-wrap .post-box h3{display: flex;align-items: center;}
.latest-wrap .post-box h3 a.more{font-size: 0;display: inline-block;margin-left: auto;width: 20px;height: 20px;background-image: url(/img/icon_plus_fill.svg);background-position: center;background-repeat: no-repeat;background-size: contain;}
.latest-wrap .post-box strong{font-size: 20px;font-weight: 600;letter-spacing: -.96px;color: #333;margin-right: 3px;}
.latest-wrap .post-box strong span{color: #0085ff !important;}
.latest-wrap .post-box .post-list{margin-top: 15px;}
.latest-wrap .post-box .post-item{height: 30px;line-height: 30px;}
.latest-wrap .post-box .post-item a{font-size: 14px;font-weight: 400;font-stretch: normal;font-style: normal;line-height: 2.13;letter-spacing: -.64px;text-align: left;color: #333;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 65%;float: left;}
.latest-wrap .post-box .post-item span{font-size: 14px;font-weight: 400;opacity: 1;display: inline-block;}
.latest-wrap .post-box .post-item .new{box-sizing: border-box;width: 13px;height: 13px;position: relative;font-size: 0;margin-left: 5px;top: -2px;}
.latest-wrap .post-box .post-item .new:before{content: "";width: 13px;height: 13px;position: absolute;top: 50%;margin-top: -3.5px;background-image: url(/img/icon_new.svg);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.latest-wrap .post-box .post-item .date{width: 20%;float: right;color: #999;text-align: right;}
.latest-wrap .post-box .post-more{width: 413px;height: 46px;cursor: pointer;margin-top: 20px;box-sizing: border-box;border-radius: 10px;border: 1px solid #d9d9d9;background: #f9f9f9;padding: 0 20px;display: flex !important;align-items: center;justify-content: space-between;font-weight: 600;}
.latest-wrap .post-box .post-more:after{content: "";width: 10px;height: 10px;background-image: url(/img/icon_plus.svg);background-position: center;background-repeat: no-repeat;background-size: contain;}
.latest-wrap .sub3 .items{display: flex;justify-content: space-between;margin-top: 15px;}
.latest-wrap .sub3 .items a{text-align: center;font-size: 14px;font-weight: 400;color: #393434;width: 90px;}
.latest-wrap .sub3 .items a .img{width: 62px;height: 62px;background: #f7f7f7;border: 1px solid #f6f6f6;border-radius: 31px;margin-left: auto;margin-right: auto;margin-bottom: 8px;display: flex;align-items: center;justify-content: center;}
.latest-wrap .sub3 .items a .img img{width: 36px;}


.home-container{float: left;width: 100%;line-height: 1;background: #fbfbfb;padding: 20px 0 30px 0;border-bottom: 1px solid #e2e2e2;}
.home-container>.wrap{display: flex;gap: 10px;margin: 0 auto;}
.home-container .list-section{width: 900px;}
.home-container .list-section .banner-wrap{height: 120px;border-radius: 1px;overflow: hidden;cursor: pointer;position: relative;}
.home-container .rank-section{width: 230px;}
.home-container .rank-box-wrap{margin: 10px 0;border-radius: 10px;background: #fff;overflow: hidden;position: relative;height: 375px;font-weight: 500;}
.home-container .rank-box-wrap:before{position: absolute;top: 0;left: 0;content: "";width: calc(100% - 2px);height: calc(100% - 2px);border: 1px solid #ebebeb;border-radius: 10px;}
.home-container .rank-title-wrap {padding: 13px 15px;border-bottom: 1px solid #ebebeb;font-size: 13px;}
.home-container .rank-navi-wrap, .home-container .rank-title {display: inline-block;}
.home-container .rank-navi-wrap{float: right;color: #9a9a9a;font-weight: 500;font-size: 10px;transform: translateY(2px);}
.home-container .rankSwiper {width: 230px;}
.home-container .rankSwiper .swiper-pagination {top: 1px;bottom: auto;height: 38px;display: flex;align-items: center;width: 60px;left: 154px;font-size: 10px;}
.home-container .rankSwiper .swiper-button-next, .home-container .rankSwiper .swiper-button-prev {top: 31px;width: 20px;height: 20px;background: #fff;border: 1px solid #ebebeb;color: #9a9a9a;display: flex;align-items: center;justify-content: center;z-index: 100;}
.home-container .rankSwiper .swiper-pagination .swiper-pagination-current {font-weight: 700;color: #393434;}
.home-container .rankSwiper .swiper-pagination .swiper-pagination-total {font-weight: 500;color: #9a9a9a;}
.home-container .rankSwiper .swiper-button-prev {left: 181px;border-radius: 4px 0 0 4px;}
.home-container .rankSwiper .swiper-button-next {border-radius: 0 4px 4px 0;}
.home-container .rankSwiper .swiper-button-next::after, .home-container .rankSwiper .swiper-button-prev::after {font-size: 10px !important;}
.home-container .rank-wrap {padding: 0 20px;width: 100%;box-sizing: border-box;}
.home-container .rank:first-child {margin-top: 18px;}
.home-container .rank {margin-top: 16px;font-size: 12px;letter-spacing: -.05em;}
.home-container .cursor-pointer {cursor: pointer;}
.home-container .rank-number {display: inline-block;margin-right: 3px;font-weight: 700;width: 15px;text-align: center;}
.home-container .rank-status {float: right;color: #393434;font-size: 10px;font-weight: 700;width: 20px;display: inline-flex;justify-content: space-between;align-items: center;}
.home-container .recruiting-more-button-wrap {padding: 20px;text-align: right;font-size: 12px;letter-spacing: -.05em;color: #afafaf;position: relative;z-index: 1;}
.home-container .recruiting-more-button-wrap>a::after {content: "";display: inline-block;width: 5px;height: 5px;margin-left: 4px;border-top: 1px solid #999;border-right: 1px solid #999;transform: translateY(-1.5px) rotate(45deg);}


.home-container .shorcut-section{
    width: 250px;
}
.home-container .main-shortcut-wrap {
    margin-top: 10px;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    overflow: hidden;
}
.home-container .main-shortcut-wrap>ul {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
}
.home-container .main-shortcut-wrap li {
    width: 50%;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    text-align: center;
    box-sizing: border-box;
}
.home-container .main-shortcut-wrap li>a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 75.5px;
}
.home-container .shortcut-name {
    display: block;
    font-size: 12px;
    letter-spacing: -.1em;
}
.home-container .notice-wrap {
    margin-top: -1px;
    background: #f8f8f8;
    border: 1px 0 solid #ebebeb;
    font-size: 12px;
    letter-spacing: -.1em;
    overflow: hidden;
    height: 34px;
}
.home-container .notice-wrap .swiper-slide-box {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 34px;
}
.home-container .notice-wrap .swiper-slide-box .swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 36px;
}
.home-container .notice-wrap .swiper-slide-box .swiper-slide a {
    display: inline-block;
    padding: 0 15px;
    width: calc(100% - 0px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}
.home-container .notice-wrap span:first-of-type {
    font-weight: 500;
    margin-right: 10px;
}
.home-container .shorcut-section .banner-wrap {
    margin-top: 10px;
    height: 99px;
}








.home-container ol, .home-container ul{list-style: none;}

.home-container .banner-wrap, .home-container .login-section-wrap {height: 120px;border-radius: 10px;overflow: hidden;cursor: pointer;position: relative;}
.home-container .banner-wrap:before,
.home-container .login-section-wrap:before{position: absolute;top: 0;left: 0;content: "";width: calc(100% - 2px);height: calc(100% - 2px);border: 1px solid #ebebeb;border-radius: 10px;}
.home-container .banner-wrap img{width: 100%;height: 100%;object-fit: cover;}
.home-container .banner-wrap swiper-container{width: 100%;height: 100%;border-radius: 4px;overflow: hidden;}
.home-container .banner-wrap swiper-slide{text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.home-container .banner-wrap swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}

.home-container .list-navi{margin: 10px 0;padding: 0 20px;height: 40px;border: 1px solid #ebebeb;border-radius: 10px;background: #fff;box-sizing: border-box;}
.home-container .list-navi>li{display: inline-flex;align-items: center;margin-right: 40px;padding: 0;height: 38px;color: #9a9a9a;font-weight: 500;font-size: 13px;letter-spacing: -.05em;cursor: pointer;}
.home-container .list-navi>.current-list {position: relative;color: #393434;font-weight: 700;}
.home-container .list-navi>.current-list::before {content: "";left: 0;bottom: 0;position: absolute;width: 100%;border-bottom: 2px solid var(--color-primary);}
.home-container .list-card-wrap {display: flex;justify-content: start;flex-wrap: wrap;gap: 10px;}
.home-container .list-card {width: 216px;border: 1px solid #ebebeb;border-radius: 10px;background: #fff;font-size: 13px;overflow: hidden;cursor: pointer;box-sizing: border-box;}
.home-container .list-thumbnail-wrap{width: 100%;height: 96px;overflow: hidden;display: flex;justify-content: center;}
.home-container .list-thumbnail-wrap img {width: 100%;height: auto;object-fit: cover;object-position: center;}
.home-container .list-desc {height: 59px;padding: 14px 10px;line-height: 1.2;box-sizing: border-box;}
.home-container .list-title {margin-bottom: 9px;width: 197px;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}
.home-container .list-company-name {font-size: 12px;letter-spacing: -.1em;display: inline-block;width: calc(100% - 0px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0;}
.home-container .hide {display: none !important;}







.home-container .login-button-wrap{display: flex;background-color: #fff;}
.home-container .login-button-wrap>li:first-of-type{border-right: 1px solid #ebebeb;}
.home-container .login-button-wrap>li{display: inline-block;width: 50%;padding: 0 35px;height: 86px;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 14px;letter-spacing: -.05em;text-align: center;cursor: pointer;position: relative;line-height: 18px;}
.home-container .login-button-wrap p{font-weight: bold;}
.home-container .login-button-wrap p.icon{font-size: 18px;margin-bottom: 4px;}
.home-container .join-button-wrap {display: flex;align-items: center;width: calc(100% - 2px);padding: 0 15px;height: 33px;margin-left: 1px;border-top: 1px solid #ebebeb;background: #f8f8f8;font-size: 11px;letter-spacing: 0;position: relative;border-radius: 0 0 10px 10px;color: #a3a3a3;box-sizing: border-box;}
.home-container .join-button {padding-right: 10px;font-weight: 500;cursor: pointer;position: relative;color: #393434 !important;}
.home-container .join-button::after {content: "";position: absolute;right: 0;top: 0;width: 1px;height: 12px;background: #a3a3a3;opacity: 0;}
.home-container .join-button-wrap a:nth-child(2) {margin-left: 10px;}
.home-container .join-button-wrap a {color: #a3a3a3;}
.home-container a, .home-container a:active, .home-container a:hover {color: inherit;text-decoration: none;}
.home-container a {outline: 0;position: relative;}
.home-container .flex{display: flex;}
.home-container .logout-section-wrap{height: 120px;border: 1px solid #ebebeb;border-radius: 10px;overflow: hidden;box-sizing: border-box;}
.home-container .logout-button-wrap>li {display: inline-block;width: 100%;padding: 15px;height: 120px;font-size: 14px;letter-spacing: -.05em;text-align: center;box-sizing: border-box;}
.home-container .logout-button-wrap>li .flex .member-info {margin-left: 10px;}
.home-container .logout-button-wrap>li .flex .member-info p {font-style: normal;letter-spacing: -.05em;text-align: left;}
.home-container .logout-button-wrap>li .flex .member-info p.nick{font-weight: 700;font-size: 15px;line-height: 18px;color: #393434;margin-bottom: 6px;}
.home-container .logout-button-wrap>li .flex .member-info p.ad{font-weight: 500;font-size: 16px;line-height: 12px;color: #0085ff;margin-bottom: 6px;}
.home-container .logout-button-wrap>li .flex .member-info p.ad-expire{font-weight: 500;font-size: 15px;line-height: 16px;color: #0085ff;}
.home-container .logout-button-wrap>li .flex .btn-info,
.home-container .logout-button-wrap>li .flex .btn-logout{display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;margin-top: 10px;padding: 0;height: 22px;background: #fff;border: 1px solid #e3e3e3;border-radius: 4px;font-style: normal;font-weight: 400;font-size: 10px;line-height: 10px;text-align: center;letter-spacing: -.05em;color: #252d32;position: relative;}
.home-container .logout-button-wrap>li .flex .btn-logout {width: 58px;margin-right: 10px;}
.home-container .logout-button-wrap>li .flex .btn-info {width: 151px;}





.btn-top{text-align: center;border: 0;position: fixed;right: 10px;bottom: 10px;width: 80px;z-index: 10;margin: 0 auto;}
.popup-wrap{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:770px;height:93%;background-color:#fff;box-shadow:0 2px 5px 5px #868686;z-index:999;display:none;}
.popup-wrap .pcontent{float:left;width:100%;height:100%;}
.popup-wrap .btn-close{position:absolute;right:-27px;top:-23px;width:60px;height:45px;background:none;border:0;outline:none;cursor:pointer;}
.blind-wrap{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.3;z-index:998;display:none;}
::-moz-selection,::selection{background:#2b3d48;color:#fff;}
.header-wrap .tool-menu .menu.left,.header-wrap .tool-menu .menu.right.last{border-right:1px solid #ccc;}
.popup-wrap .btn-close img{width:100%;}
.menu-wrap.site .submenu>li:hover,.menu-wrap.site0 .submenu>li:hover,.menu-wrap .submenu>li:hover{background-color:#d80000;}
.menu-wrap .menu>li:hover >.submenu,.calendar-wrap .calendar tbody td li:hover a.btn{display:block;}
.menu-wrap .submenu.split>li,.content-wrap .content .banner-wrap .banner_img.half{width:50%;}
.content-wrap .side-wrap .banner_wrap,#_popup_layer_ .popupbody img{float:left;}
.content-wrap .side-wrap .twitter_link,.content-wrap .side-wrap .side_menu,.content-wrap .side-wrap .auction{float:left;width:100%;margin-bottom:15px;}
.content-wrap .side-wrap .twitter_link img,.calendar-wrap .color-img img{float:left;width:100%;}
.content-wrap .side-wrap .side_menu li:last-child,.article-list li:last-child{border-bottom:0;}
.content-wrap .side-wrap .post_tab ul.tab li:not(.unactive).active,.content-wrap .side-wrap .post_tab ul.tab li.unactive:hover{background:#d80000;color:#fff;}


.content-wrap .side-wrap .sns{
	padding: 13px;
	}
.content-wrap .side-wrap .sns:after{
	display: block;
	clear: both;
	content: '';
	}
.content-wrap .side-wrap .sns > a{
	display: block;
	float: left;
	padding-left: 8px;
	}
.content-wrap .side-wrap .sns > a:first-child{
	padding-left: 0px;
	}
.content-wrap .side-wrap .sns > a > img{
	width: 32px;
	border-radius: 100%;
	}



#bbsview,.article-wrap{position:relative;float:left;width:100%;}
.calendar-wrap .calendar tbody td li .title,.calendar-wrap .calendar tbody td li .subtitle{float:left;width:100%;text-align:center;}
.menu-wrap .mobile-menu{display: none;position: relative;float: left;width: 100%;top: 0;text-align: center;list-style: none;box-sizing: border-box;z-index: 2;margin: 0;padding: 3px 0 0 0;background: #a50000;}
.menu-wrap .mobile-menu.active{display: none;}
.menu-wrap .mobile-menu li{width: auto;display: inline-block;float: initial;color: #fff;}
.menu-wrap .mobile-menu a{float: left;width: 100%;font-size: 11px;box-sizing: border-box;display: inline-block;padding: 6px 20px;text-decoration: none;font-weight: bold;}
.menu-wrap .mobile-menu.fixed{border-top: 1px solid #a50000;background: #c30000!important;}
.menu-wrap .search-wrap{float: left;width: 100%;height: 34px;background: #a50000;text-align: center;}
.menu-wrap .search-wrap input[type="text"]{padding: 3px 3px;margin-top: 5px;border: 1px solid #ddd;background: #fff;}
.menu-wrap .search-wrap i{margin-left: 3px;color: #fff;font-size: 17px;vertical-align: text-top;}

.mbrmenu{
    float: left;
    width: 100px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.mbrmenu li{
    float: left;
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    background-color: #585858;
    color: #fff;
    cursor: pointer;
}
.mbrmenu li:hover{
    background-color: #656464;
}




/*.content-container div, .content-container span, .content-container applet, .content-container object, .content-container iframe, .content-container h1, .content-container h2, .content-container h3, .content-container h4, .content-container h5, .content-container h6, .content-container p, .content-container blockquote, .content-container pre, .content-container a, .content-container abbr, .content-container acronym, .content-container address, .content-container big, .content-container cite, .content-container code, .content-container del, .content-container dfn, .content-container em, .content-container img, .content-container ins, .content-container kbd, .content-container q, .content-container s, .content-container samp, .content-container small, .content-container strike, .content-container strong, .content-container sub, .content-container sup, .content-container tt, .content-container var, .content-container b, .content-container u, .content-container i, .content-container center, .content-container dl, .content-container dt, .content-container dd, .content-container ol, .content-container ul, .content-container li, .content-container fieldset, .content-container form, .content-container label, .content-container legend, .content-container table, .content-container caption, .content-container tbody, .content-container tfoot, .content-container thead, .content-container tr, .content-container th, .content-container td, .content-container article, .content-container aside, .content-container canvas, .content-container details, .content-container embed, .content-container figure, .content-container figcaption, .content-container footer, .content-container header, .content-container hgroup, .content-container menu, .content-container nav, .content-container output, .content-container ruby, .content-container section, .content-container summary, .content-container time, .content-container mark, .content-container audio, .content-container video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}*/
.content-container {
    padding-top: 59px;
    line-height: 1;
}
.business-snb {
    min-height: 896px;
}
.snb-container {
    width: 260px;
    /*border: 1px solid #d9d9d9;*/
    border-radius: 6px;
    overflow: hidden;
}

.content-container * {
    box-sizing: border-box;
}
.content-container ol, .content-container ul {
    list-style: none;
}
.content-container .snb-title-wrap {
    background: #312e27;
    color: #fff;
}
.content-container a{
    color: inherit;
    text-decoration: none;
    outline: none;
}
.content-container .menu > a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border-bottom: 1px solid #d9d9d9;
    background: #f5f5f5;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.05em;
}
.content-container .snb-title-wrap > a{
    display: inline-block;
    width: 100%;
    padding: 24px 20px;
}
.content-container .page-sub-title {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.05em;
}
.content-container .page-title {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.05em;
    display: inline-block;
    margin-right: 10px;
}
.content-container .menu.show.show .sub-menu-wrap {
    max-height: 500px;
}
.content-container .menu .sub-menu-wrap {
    transition: max-height ease-out 0.3s 0s;
}
.content-container .menu .sub-menu-wrap .sub-menu:first-child {
    margin-top: 13px;
}
.content-container .menu .sub-menu-wrap .sub-menu:last-child {
    margin-bottom: 13px;
}
.content-container .menu .sub-menu-wrap .sub-menu > a {
    display: flex;
    padding: 13px 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.05em;
}
.main-container{
    width: 1100px;
}

.content-container .summary-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 376px;
    margin-bottom: 60px;
    border: 1px solid #d9d9d9;
    text-align: center;
    border-radius: 6px;
}
.content-container .summary-wrap.mobileview{
    display: none!important;
}
.content-container .profile-wrap {
    position: relative;
    padding: 0 35px 0 36px;
    width: 238px;
    height: 325px;
    border-right: 1px solid #dedede;
}
.content-container .summary-list {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 861px;
    padding: 0 36px;
}
.content-container .summary-box {
    width: 33.3%;
    height: 296px;
    padding: 30px 20px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}
.content-container .summary-icon-wrap {
    position: relative;
    margin: 0 auto 20px;
    width: 122px;
    height: 122px;
    border-radius: 50%;
    background: #f5f5f5;
    overflow: hidden;
}
.content-container .profie-image-wrap {
    margin: 20px auto;
}
.content-container .summary-icon-wrap > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.content-container .summary-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.05em;
}
.content-container .profile-desc {
    font-size: 15px;
    letter-spacing: -0.05em;
}
.content-container .profile-desc-blue {
    margin: 10px 0 20px;
    color: #0085ff;
    line-height: 16px;
}
.content-container .summary-desc {
    margin: 10px 0 20px;
    font-size: 14px;
    text-decoration: underline;
    letter-spacing: -0.05em;
}
.content-container .summary-button {
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    background: none;
    color: #252d32;
    letter-spacing: -0.05em;
    padding: 0;
}

.content-container button, .content-container a {
    height: auto;
}
.content-container .summary-button > a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}
.content-container .summary-desc-nounderline {
    margin: 10px 0 20px;
    font-size: 14px;
    letter-spacing: -0.05em;
}

.content-container .table-container {
    width: 1100px;
    margin-bottom: 60px;
}
.content-container .table-title-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.content-container .table-btn-wrap{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}
.content-container .table-pagebox{
    display: flex;
    gap: 5px;
}
.content-container .table-pagebox .page-btn{
    display: inline-flex;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #999;
    padding: 5px;
    background-color: #fff;
}
.content-container .table-pagebox .page-btn.prev,
.content-container .table-pagebox .page-btn.prev-all{
    transform: rotate(180deg);
}
.content-container .table-pagebox .selected,
.content-container .table-pagebox .notselected{
    display: inline-flex;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.content-container .table-pagebox .selected{
    border: 1px solid #0085ff;
    color: #0085ff;
}
.content-container .table-pagebox .disabled{
    display: none;
}

.content-container .table-title {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.05em;
}
.content-container .title-line {
    border: 0;
    height: 2px;
    flex-shrink: 0;
    background: #252D32;
    margin-bottom: 20px;
}
.content-container .page-information {
    width: 100%;
    padding: 20px;
    border: 1px solid #cbcbcb;
    border-radius: 6px;
}
.content-container .page-information.p-30 {
    padding: 30px;
}
.content-container .page-information.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.content-container .page-information.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.main-container .page-authentication {
    height: auto;
}
.content-container .page-authentication {
    display: flex;
    align-items: center;
}
.content-container .page-authentication > div:first-child {
    width: 210px;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    font-weight: 700;
    padding-left: 0;
}
.content-container .page-authentication > div {
    width: calc(100% - 344px);
    line-height: 1.5;
    color: #252D32;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.8px;
    padding-left: 30px;
}
.content-container .page-authentication > div:last-child {
    width: 150px;
    padding-left: 0;
}
.content-container .page-authentication .icon-authentication {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url(/img/icon-authentication.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.content-container .page-authentication button {
    width: 150px;
    display: inline-flex;
    padding: 11px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #0085FF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: -0.7px;
    border-radius: 4px;
    border: 1px solid #0085FF;
    cursor: pointer;
    background-color: #fff;
}
.content-container .summary-button[disabled],
.content-container .page-authentication button[disabled]{
    cursor: default;
    color: #ababab;
    border-color: #e9e9e9;
    background-color: #f1f1f1;
}
.content-container .summary-button[disabled] a{
    cursor: default;
    pointer-events: none;
}
.content-container .page-authentication .profile-desc-blue{
    line-height: 24px;
}

.content-container .table {
    width: 100%;
    text-align: center;
    vertical-align: center;
}

.content-container table {
    border-collapse: collapse;
    border-spacing: 0;
}
.content-container .thead-row {
    border-top: 2px solid #312e27;
    border-bottom: 1px solid #cbcbcb;
    background: #f5f5f5;
}
.content-container .my-person-info-table .title-cell {
    width: 670px;
}
.content-container .td {
    padding: 0 5px;
    height: 50px;
    vertical-align: middle;
}
.content-container thead .td{
    font-weight: 500;
}
.content-container .tbody-row {
    border-bottom: 1px solid #cbcbcb;
}
.content-container .no-data-row > .td {
    padding: 60px 0;
}
.content-container .qna-table .title-cell,
.content-container .family-table .title-cell {
    width: 750px;
}

.content-container .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content-container .table .edit-button {
    border: 1px solid #d9d9d9;
    background: none;
}
.content-container .table .manage-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 63px;
    height: 30px;
    color: #626262;
    border-radius: 2px;
    cursor: pointer;
    font-weight: 500;
}
.content-container .menu .sub-menu-wrap .sub-menu > a.active{
    color: var(--color-primary);
}
.content-container .paragraph {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05em;
}
.content-container .show-list-style {
    margin-left: 20px;
    list-style: disc;
}

.color-999 {
  color: #999;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  letter-spacing: -0.8px !important;
}
.color-999::marker {
    line-height: 17px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}

.content-container .page-information-flex {
    display: flex;
    align-items: center;
    border-top: 2px solid #252D32;
    border-bottom: 1px solid #CBCBCB;
    background: #FFF;
}
.content-container .page-information-flex > div:first-child {
    width: 194px;
}
.content-container .page-information-flex > div:first-child .icon-authentication {
    display: inline-block;
    width: 194px;
    height: 141px;
    background-image: url(/img/icon-authentication-house.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 108px;
}
.content-container .page-information-flex > div:first-child .icon-qna {
    display: inline-block;
    width: 194px;
    height: 141px;
    background-image: url(/img/menuIcon4.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 108px;
}
.content-container .page-information-flex > div:last-child {
    width: calc(100% - 194px);
}
.content-container .page-information-flex > div:last-child strong {
    display: inline-block;
    width: 100%;
    color: #393434;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
.content-container .page-information-flex > div:last-child p {
    position: relative;
    color: #393434;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.8px;
    padding-left: 14px;
}
.content-container .page-information-flex > div:last-child p + p {
    margin-top: 10px;
}
.content-container .page-information-flex > div:last-child p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 8px;
    height: 6px;
    background-image: url(/img/icon_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.content-container .page-forms-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
.content-container .page-forms-group.read-table{
    gap: 0px;
}
.content-container .page-forms-group.read-table .page-forms{
    border-bottom-width: 0;
    border-radius: 0;
}
.content-container .page-forms-group.read-table .page-forms:first-child{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.content-container .page-forms-group.read-table .page-forms:last-child{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px;
}
.content-container .page-forms-group.read-table .page-forms .input-label{
    cursor: default;
}
.content-container .page-forms-group .page-forms {
    display: flex;
    align-items: stretch;
    border-radius: 4px;
    border: solid 1px #CBCBCB;
    min-height: 56px;
    overflow: hidden;
}
.content-container .page-forms-group .page-forms .input-label {
    width: 230px;
    background: #F5F5F5;
    padding: 20px;
    margin: 0;
    color: #252D32;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.8px;
}
.content-container .input-label {
    display: block;
    margin-bottom: 6px;
    color: #aaaaaa;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -0.05em;
}
.content-container .page-forms-group .page-forms .input-forms {
    width: calc(100% - 230px);
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.8px;
}
.content-container .page-forms-group .page-forms .input-forms .read{
    padding: 6px 0;
    border: 0;
}
button, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
    display: inline-block;
    border: none;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    border: 1px solid #e0e0e0;
    height: 100%;
    /*padding-left: 20px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
}
.content-container .page-forms-group .page-forms .input-forms input[type=text],
.content-container .page-forms-group .page-forms .input-forms input[type=password],
 .content-container .page-forms-group .page-forms .input-forms input[type=tel] {
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    width: 180px;
    height: 36px;
    padding: 0 10px;
    color: #252D32;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.8px;
}
.content-container .page-forms-group .page-forms .input-forms .input-file-group {
    display: inline-flex;
    align-items: center;
    border: 0;
    gap: 10px;
    margin: 0;
    min-height: 36px;
}
.content-container .page-forms-group .page-forms .input-forms .input-file-group [type=file] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.content-container .page-forms-group .page-forms .input-forms .input-file-group label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 112px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #CBCBCB;
    color: #252D32;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: -0.7px;
    cursor: pointer;
}
.content-container .page-forms-group .page-forms .input-forms .input-file-group label::before {
    content: "";
    width: 12px;
    height: 10px;
    background-image: url(/img/icon_file.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.content-container .page-forms-group .page-forms .input-forms .input-file-group .input-text {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #252D32;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.8px;
}
.content-container .page-forms-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.content-container .page-forms-button [type=submit] {
    width: 180px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #0085FF;
    background: #0085FF;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.8px;
    padding: 0;
    cursor: pointer;
}
.content-container .color-red{
    color: #FF3500;
}
.content-container .page-forms-group .page-forms .input-forms .input-file-group .input-text button {
    width: 8px;
    height: 8px;
    background-image: url(/img/icon_close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: none;
}
.content-container .table-assistant-button {
    position: absolute;
    right: 0;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: none;
    font-size: 14px;
    letter-spacing: -0.05em;
    color: #626262;
    cursor: pointer;
    padding: 0;
}
.content-container .table-assistant-button a {
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
    height: 100%;
}
.content-container .input-forms select {
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    width: 180px;
    height: 36px;
    padding: 0 10px;
    color: #252D32;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.8px;
}
select {
    background: url(/img/icon-down-arr-small.svg) no-repeat 96% 50%;
    background-size: 11px 6px;
}
.content-container .input-forms textarea {
    display: inline-block;
    height: 210px;
    outline: none;
    resize: none;
    padding: 14px;
    color: #000;
}

.formbox .formbox-item:first-child {
    border-bottom: 1px solid #898992;
    padding-bottom: 1rem;
}

.formbox-item:not(:last-child), .formbox-item-col:nth-child(8) {
    margin-bottom: 1.25rem;
}
.formbox-item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 2rem;
}
.formbox .formbox-item:first-child .formbox-item__text {
    width: 100%;
}
.formbox-item:first-child .formbox-item__text {
    font-size: 14px;
}
.formbox-item .formbox-item__text {
    width: 23%;
}
.formbox-item__text {
    font-size: 14px;
    color: #3D3D42;
}
.formbox-item .font-color-red,
.formbox-item-col .font-color-red{
    color: #FF3D3D;
    margin-right: 6px;
}
.formbox-item .formbox-item__inp {
    width: 53%;
}
.item-area, .item-time {
    display: flex;
    gap: 1rem;
}
.formbox-item select{
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    width: 180px;
    height: 36px;
    padding: 0 10px;
    color: #252D32;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.8px;
}
.item-name input {
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    color: #252D32;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.8px;
}
.table-container .tab-menu {
    display: flex;
    gap: 0.5rem;
}
.table-container .tab-radio {
    display: none;
}
.table-container .tab-label {
    width: 5.625rem;
    border: 1px solid #BDBDC2;
    border-radius: 30px;
    color: #A2A2A9;
    font-size: 0.938rem;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    background-color: #fff;
    height: 2rem;
}
.table-container .tab-radio:checked + .tab-label {
    color: #fff;
    background-color: #56565D;
}
.formbox-item .text-box,
.formbox-item-col .text-box {
    resize: none;
    border: 0;
    width: 100%;
    height: 100%;
    color: #3D3D42;
    line-height: 1.4;
}
.formbox-item textarea,
.formbox-item-col textarea {
    padding: 0.375rem 1rem;
}
.formbox-item-col .formbox-item__inp {
    overflow: hidden;
    border: 1px solid #BDBDC2;
    border-radius: 4px;
}
.formbox-item__inp:has(.text-box), .formbox-item__inp:has(.terms-container) {
    height: 5.75rem;
}
.formbox-item-col .formbox-item__text {
    height: 32px;
    line-height: 32px;
}
.formbox-item__text {
    font-size: 15px;
    color: #3D3D42;
}
.formbox-item:not(:last-child), .formbox-item-col:nth-child(9) {
    margin-bottom: 1.25rem;
}
.formbox-item-col .terms-container {
    overflow-y: scroll;
    width: 100%;
    padding: 0.375rem 1rem;
    color: #3D3D42;
    height: 100%;
}
.terms-title {
    font-size: 0.875rem;
    font-weight: 600;
}
.terms-content {
    font-size: 0.875rem;
}
.terms-content p {
    font-size: inherit;
    margin: 0.3rem auto;
}
.sub-list {
    padding-left: 1.25rem;
    list-style: none;
}
.sub-list li, .detail-list li {
    position: relative;
    padding-left: 0.75rem;
}






.bg_white {
    background-color: #fff !important;
}
.sub_title_banner, .sub_title_board, .sub_title_faq, .sub_title_helpdesk {
    position: relative;
}
.sub__summary {
    min-width: var(--view-width);
    width: 100%;
}
.sub__summary, .sub__summary .titles, .sub__summary__in {
    margin-left: auto;
    margin-right: auto;
}

.sub_title_banner::before, .sub_title_board::before, .sub_title_faq::before, .sub_title_helpdesk::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 352px;
    width: 100%;
    background: #f6f6f6;
}
.sub_title_banner::before {
    background: #fefefe;
}
.sub__summary .titles {
    height: 352px;
    max-width: 1920px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.sub_title_banner *, .sub_title_board *, .sub_title_faq *, .sub_title_helpdesk * {
    box-sizing: border-box;
}

.sub_title_banner .titles, .sub_title_board .titles, .sub_title_faq .titles, .sub_title_helpdesk .titles {
    position: relative;
    background: linear-gradient(to left, #f6f6f6 0, rgba(246, 246, 246, 0) 1%, rgba(252, 252, 246, 0) 75%, #f6f6f6 100%), url(/img/sub_title_helpdesk.webp);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: visible;
}
.sub_title_banner .titles {
    background: linear-gradient(to left, #fefefe 0, rgba(254, 254, 254, 0) 5%, rgba(254, 254, 254, 0) 75%, #fefefe 100%), url(/img/sub_title_banner.webp);
    width: var(--view-width);
}
.sub_title_banner .titles .hgroup, .sub_title_board .titles .hgroup, .sub_title_faq .titles .hgroup, .sub_title_helpdesk .titles .hgroup {
    width: var(--view-width);
    padding-top: 100px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.sub_title_banner .titles .hgroup .tit, .sub_title_board .titles .hgroup .tit, .sub_title_faq .titles .hgroup .tit, .sub_title_helpdesk .titles .hgroup .tit {
    color: #393434;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.sub_title_banner .titles .hgroup .h1, .sub_title_board .titles .hgroup .h1, .sub_title_faq .titles .hgroup .h1, .sub_title_helpdesk .titles .hgroup .h1 {
    color: #393434;
    font-size: 42px;
    font-weight: 900;
    line-height: 42px;
    letter-spacing: -2.1px;
    margin-bottom: 30px;
}
.sub_title_banner .titles .hgroup .dsc, .sub_title_board .titles .hgroup .dsc, .sub_title_faq .titles .hgroup .dsc, .sub_title_helpdesk .titles .hgroup .dsc {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -.7px;
}
.card__group_premier .card:hover>dl>dd .tit, .search_filter .search-box-body-content .group-stm .sca_theme>div.active,
.sub_title_banner .titles .hgroup .tit strong, .sub_title_blog .titles .hgroup .tit strong, .sub_title_board .titles .hgroup .tit strong,
.sub_title_broker .titles .hgroup .tit strong, .sub_title_employee .titles .hgroup .tit strong, .sub_title_employer .titles .hgroup .tit strong, .sub_title_faq .titles .hgroup .tit strong, .sub_title_helpdesk .titles .hgroup .tit strong, .sub_title_news .titles .hgroup .tit strong {
    color: #0085ff;
}
.sub_title_banner .titles .hgroup .h1 span, .sub_title_blog .titles .hgroup .h1 span, .sub_title_board .titles .hgroup .h1 span,
.sub_title_broker .titles .hgroup .h1 span, .sub_title_employee .titles .hgroup .h1 span, .sub_title_employer .titles .hgroup .h1 span,
.sub_title_faq .titles .hgroup .h1 span, .sub_title_helpdesk .titles .hgroup .h1 span, .sub_title_news .titles .hgroup .h1 span {
    position: relative;
    background: linear-gradient(to bottom, transparent 45%, var(--color-primary-soft) 45% 90%, transparent 90%);
}
.results__list__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box_in hgroup h2 strong, .results__list__heading .tit {
    font-size: 34px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1.36px;
    text-align: left;
    color: #333;
}
.box_in hgroup h2.tit small, .results .result__list__heading .tit small, .results__list__heading .tit small {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.64px;
    text-align: left;
    color: #5f5c5c;
    margin-left: 20px;
}


.gnb-footer-menu.gnb {
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #d9d9d9;
    z-index: 99;
    background-color: #fff;
}
.gnb-footer-menu * {
    box-sizing: border-box;
}
.gnb-footer-menu .gnb-menu-wrap {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 3vw 0;
    text-align: center;
    background-color: #fff;
}
.gnb-footer-menu .gnb-menu {
    display: inline-block;
    flex: 1 0 0%;
}
.gnb-footer-menu .gnb-menu>a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.gnb-footer-menu a, .gnb-footer-menu a:active, .gnb-footer-menu a:hover {
    color: inherit;
    text-decoration: none;
}
.gnb-footer-menu a {
    outline: 0;
}
.gnb-footer-menu .gnb-icon {
    width: 6.11vw;
    height: 6.11vw;
}
.gnb-footer-menu .gnb-menu-name {
    display: block;
    font-size: 2.9vw;
}

/* 1) .l__nav(전체 메뉴 래퍼) 기본 상태 */
.l__nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  pointer-events: none; /* 기본적으로 클릭 불가 */
}

/* Dimmed 배경 오버레이 */
.l__nav .dimmed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translateX(-100vw); /* 화면 밖으로 밀어둠 */
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* 네비게이션 컨테인 */
.l__nav .nav_contain {
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;              /* 필요에 따라 너비 조정 */
  height: 100%;
  background-color: #fff;
  transform: translateX(100vw); /* 화면 오른쪽으로 밀어둠 */
  transition: transform 0.3s ease 0.3s; /* 0.3초 딜레이 후 슬라이드 인 */
}

/* .l__nav.show가 붙으면 화면에 보이게 함 */
.l__nav.show {
  pointer-events: auto;     /* 클릭 허용 */
}

/* Dimmed가 보여지는 상태 */
.l__nav.show .dimmed {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 0;      /* 즉시 애니메이션 스타트 */
}

/* nav_contain이 보여지는 상태 */
.l__nav.show .nav_contain {
  transform: translateX(0);
  transition-delay: 0.3s;   /* dimmed 투명도 애니메이션 후 슬라이드 인 */
}

/* 모든 메뉴가 닫힌 후 .hov 클래스 제거 처리를 위해 너비가 사라진 뒤 여유 주기 */
.l__nav .nav .items {
  display: none;
}

.l__nav .nav.hov .items {
  display: block;
}

/* plus 기호 글자 토글은 JS에서 처리 */

.header-h1 {
    display: flex;
    justify-content: start;
    align-items: end;
    color: #393434;
    font-style: normal;
    margin: 10.666667vw 2.6vw 0;
}
.header-h1 .tit {
    font-size: 5.6vw;
    font-style: normal;
    font-weight: 700;
    line-height: 5.6vw;
}
.header-h1 .dsc {
    font-size: 3.2vw;
    font-weight: 500;
    line-height: 3.2vw;
    letter-spacing: -.16vw;
    margin: 0 0 1vw 2.2vw;
}


.mobile-search{
}
.mobile-search.show{
}
.mobile-search.sub_title_employer::before{
    content: none;
}
.mobile-search.show .search_bg{
    opacity: 1;
    height: 100%;
}
.mobile-search .search_bg{
    position: fixed;
    z-index: 998;
    display: block;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, .7);
    transition: opacity .1s ease-in-out;
}
.mobile-search.show .search_filter{
    height: calc(100% - 66px);
}
.mobile-search .search_filter{
    position: fixed;
    z-index: 999;
    display: block;
    bottom: 0;
    width: 100%;
    height: 0;
    border-radius: 0;
    border-top: 0;
    background-color: #fff;
    overflow: hidden;
    transition: height .3s ease-in-out;
}
.mobile-search .search-box-header{
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}
.mobile-search .search-box-header h4{
    width: 100%;
    height: 13.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 4.266667vw;
    line-height: 4.266667vw;
    letter-spacing: -.213333vw;
}
.mobile-search .search-box-header .icon-setting{
    width: 3.733333vw;
    margin-right: 2.666667vw;
    background-image: url(/img/m/icon_setting.svg);
}
.mobile-search .search-box-header .search-box-close{
    position: absolute;
    top: 50%;
    right: 4.8vw;
    width: 3.2vw;
    margin-top: -1.6vw;
    background-image: url(/img/m/btn_close.svg);
    font-size: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background-color: transparent;
}
.mobile-search .search-box-header .icon-setting,
.mobile-search .search-box-header .search-box-close{
    height: 3.2vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


.mobile-search .search_filter .search-box-body-header{
}
.mobile-search .search_filter .search-box-body-header .sca_do,
.mobile-search .search_filter .search-box-body-header .sca_si,
.mobile-search .search_filter .search-box-body-header .stm{
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.mobile-search .search_filter .search-box-body-header .sca_do{
    width: 29.333333vw;
}
.mobile-search .search_filter .search-box-body-header .sca_si{
    width: calc(29.6vw - 2px);
}
.mobile-search .search_filter .search-box-body-header .stm{
    width: 29.333333vw;
    flex: 1 0 0%;
}
.mobile-search .search_filter .search-box-body-content{
    height: calc(100% - 294px);
}
.mobile-search .search_filter .search-box-body-content .group-sca-do{
    width: 29.333333vw;
    height: 100%;
    border-right: 1px solid #d9d9d9;
}
.mobile-search .search_filter .search-box-body-content .group-sca-si{
    width: calc(29.6vw - 2px);
    height: 100%;
    border-right: 1px solid #d9d9d9;
}
.mobile-search .search_filter .search-box-body-content .group-stm{
    width: 29.333333vw;
    height: 100%;
    flex: 1 0 0%;
}
.mobile-search .search_filter .search-box-body-content .group-stm .sca_theme>div{
    width: 100%;
    height: 11.733333vw;
    font-weight: 600;
    padding-left: 3.2vw;
}
.mobile-search .search_filter .search-box-body-content .group-sca-do>div,
.mobile-search .search_filter .search-box-body-content .group-sca-si .sca_si>div{
    width: 100%;
    height: 11.733333vw;
    font-weight: 600;
    padding-left: 3.2vw;
}
.mobile-search .search_filter .search-box-body-content .group-sca-do>div{
    background-color: #f9f9f9;
}
.mobile-search .search_filter .search-box-body-content .group-sca-do>div.active{
    background-color: #fff;
}
.mobile-search .search_filter .search-box-body-footer{
    position: relative;
    height: 180px;
    z-index: 999;
    border-radius: 2.666667vw 2.666667vw 0 0;
    box-shadow: 0 -.533333vw 2.666667vw 0 rgba(0, 0, 0, .1);
    flex-direction: column;
    padding-top: 20px;
}


.mobile-search .search_filter .search-box-body-footer>.h5{
    color: #393434;
    font-weight: 500;
    font-size: 3.466667vw;
    line-height: 3.466667vw;
    letter-spacing: -.173333vw;
    margin-bottom: 2vw;
}
.mobile-search .search_filter .search-box-body-footer>.h5 .blue {
    color: #0085ff;
    margin: 0 .666667vw;
}
.mobile-search .search_filter .search-box-body-footer>.h5 .dark {
    color: #999;
    margin: 0 .666667vw;
}
.mobile-search .search_filter .search-box-body-theme{
    width: 100%;
    margin-bottom: 1vw;
}
.mobile-search .search_filter .search-box-body-button{
    width: 100%;
    margin: 0;
}
.mobile-search .search_filter .search-box-body-button .btn-reset{
    height: 13.333333vw;
    width: 21.733333vw;
}
.mobile-search .search_filter .search-box-body-button .btn-send{
    height: 13.333333vw;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.search-navber {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 13.333333vw;
    background-color: #fff;
}
.search-navber:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #d9d9d9;
}
.search-navber .search-zone {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 22.4vw;
}
.search-navber .search-zone span {
    position: relative;
    justify-content: center;
    border-radius: 4vw;
    background: #0085ff;
    min-width: 16.8vw;
    height: 8vw;
    color: #fff;
    font-size: 3.733333vw;
    line-height: 3.733333vw;
    margin-right: 5.333334vw;
    margin-left: 3.2vw;
}
.search-navber .search-zone span::before {
    content: "";
    width: 3.2vw;
    height: 4vw;
    background-image: url(/img/m/icon_pin.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-right: 1.333333vw;
}
.search-navber .search-zone::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 2.666667vw;
    margin-top: -2.666667vw;
    height: 5.333333vw;
    width: 1px;
    background-color: #d9d9d9;
}
.search-navber .search-modify a, .search-navber .search-theme>div {
    border-radius: 1.333333vw;
    border: 1px solid #d9d9d9;
    background: #fff;
    height: 8vw;
    font-size: 3.466667vw;
    line-height: 3.466667vw;
    letter-spacing: -.173333vw;
}

.search-navber .search-theme>div {
    white-space: nowrap;
    color: #999;
}
.search-navber .search-theme>div span {
    width: 2vw;
    height: 2vw;
    background-image: url(/img/m/icon_close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 1.333333vw;
    cursor: pointer;
}
.search-navber .search-zone span {
    position: relative;
    justify-content: center;
    border-radius: 4vw;
    background: #0085ff;
    min-width: 16.8vw;
    height: 8vw;
    color: #fff;
    font-size: 3.733333vw;
    line-height: 3.733333vw;
    margin-right: 5.333334vw;
    margin-left: 3.2vw;
}
.search-navber .search-theme>div, .search-navber .search-zone span{
    display: inline-flex;
    align-items: center;
    padding: 0 2.666667vw;
    font-weight: 500;
}


.search-navber .search-theme {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    overflow-y: hidden;
    overflow-x: auto;
    gap: 1.333333vw;
}
.search-navber .search-modify,
.search-navber .search-modify a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18.8vw;
}
.search-navber .search-modify a {
    width: 11.6vw;
    color: #393434;
    font-weight: 700;
}
.search-navber .search-modify a, .search-navber .search-theme>div {
    border-radius: 1.333333vw;
    border: 1px solid #d9d9d9;
    background: #fff;
    height: 8vw;
    font-size: 3.466667vw;
    line-height: 3.466667vw;
    letter-spacing: -.173333vw;
}


@media (min-width: 1500px){
    *[data-disp="mobile"]{display: none!important;}
    .wrap{

    }
}
@media (min-width: var(--view-width)) and (max-width: 1500px){
    *[data-disp="mobile"]{display: none!important;}
    .wrap{width: 100%;}
    .content-wrap{padding: 0 10px;}
}
@media (min-width: 650px) and (max-width: var(--view-width)){
    *[data-disp="mobile"]{display: none!important;}
    .wrap{width: 100%;}
    .content-wrap{padding: 0 10px;}
    .content-wrap .side-wrap{display: none;}
    .content, .container{width: 100%;transform: translateX(0);}
    .menu-wrap .menu{padding: 0 10px;}
}
@media (min-width: 650px) and (max-width: 1200px){
    *[data-disp="mobile"]{display: none!important;}
    .wrap{

    }
    .menu-wrap .menu>li>a img{height: 16px;margin-top: 14px;}
}
@media (max-width: 650px){
    /**[data-disp="pc"]{display: none!important;}
    *[data-disp="mobile"]{display: block;}


    #guidebox{padding: 10px;box-sizing: border-box;}
    .btn-top{display: none;}
	.btn-tops{display: none;}
    .wrap{width: 100%;}
    .content-wrap{margin-top: 0;padding-bottom: 30px;}

    .content-wrap .side-wrap{display: none;}
    .content, .container{width: 100%;transform: translateX(0);}

    .header-wrap .tool-menu{height: 26px;background: #efefef;border-bottom: 1px solid #ccc;}
    .header-wrap .tool-menu .menu{height: 100%;font-size: 10px;line-height: 25px;padding: 0 6px;}
    .header-wrap .tool-menu .menu[data-menu="today"] i{font-size: 10px;}
    .header-wrap .tool-menu .menu[data-menu="today"] a{line-height: 25px;padding: 0 8px;}
    .header-wrap .tool-menu .menu[data-menu="nic"] img{margin-top: 5px!important;}
    .header-wrap .header{height: 82px;}
    .header-wrap .logo-wrap{left: 10px;top: 48%;transform: translateX(0) translateY(-50%);width: 180px;}
    .header-wrap .logo-wrap .now_page{font-size: 10px;}

    .menu-wrap{height: auto;background: none!important;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #e6e6e6;}
    .menu-wrap .menu{table-layout: auto;display: block;height: auto;padding: 0;}
    .menu-wrap .menu>li{float: left;width: 33.3%;height: 38px;border: 0;display: none;}
    .menu-wrap .menu>li[data-menu_type="img"]{display: block;}
    .menu-wrap .menu>li[data-menu_id="44"]{background: #a50000;}
    .menu-wrap .menu>li[data-menu_id="45"]{background: #ff4e00;}
    .menu-wrap .menu>li[data-menu_id="46"]{background: #0067da;}
    .menu-wrap .menu>li[data-menu_id="47"]{background: #5d239f;}
    .menu-wrap .menu>li[data-menu_id="48"]{background: #233460;}
    .menu-wrap .menu>li[data-menu_id="49"]{background: #20a32c;}
    .menu-wrap .menu>li>a{font-size: 12px;font-weight: normal;letter-spacing: 0;line-height: 15px;}
    .menu-wrap .menu>li>a .label span{display: inline-block;padding-top: 5px;}
    .menu-wrap .menu>li>a .label i{display: inline-block;font-size: 22px;vertical-align: top;margin: 8px 5px 0 0;}
    .menu-wrap .menu>li:hover >.submenu, .calendar-wrap .calendar tbody td li:hover a.btn{display: none!important;}
    .menu-wrap .mobile-menu.active, .menu-wrap .mobile-menu.fixed{display: block;}
    .menu-wrap .mobile-menu li.active{background: #fff;color: #d80000;}

    .footer-wrap{position: fixed;bottom: 0;padding: 2px 0;margin: 0;background-color: #444;}
    .footer-wrap .container-wrap{padding: 0;}
    .footer-copyright .logo{display: none;}
    .footer-copyright{padding: 0;border: 0;}
    .footer-copyright .info{text-align: center;color: #fff;padding: 0;width: 100%;}
    .footer-copyright .info a{color: #fff;float: none;font-size: 11px;font-weight: normal;margin: 0 3px;padding: 0;display: inline-block;}
    .footer-copyright .info span{text-align: center;color: #fff;margin-top: 3px;font-size: 10px;font-weight: normal;}




    #_popup_layer_{width: 100%;}
    #_popup_layer_>div{left: 0!important;top: 0!important;}
    #_popup_layer_ .popupbody img{max-width: 100%;}

    #_action_layer_.mbrLayerBlock{position: fixed;left: auto!important;margin-top: 40px;right: 0;}

    #_box_layer_.mbrLayerBlock{position: fixed;left: 50%!important;top: 50%!important;transform: translateX(-50%) translateY(-50%);overflow: hidden;}
    */


}