@charset "utf-8";
/* css setting start */
.sec-wrap, .sec-header, .sec-content, .sec-footer {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/* contents */
.wr {
	max-width: 1280px;
	margin: 0 auto;
}
.mb10 {
	margin-bottom: 10px; 
}
.mb30 {
	margin-bottom: 30px;
}
.mb50 {
	margin-bottom: 50px;
}
.mt10 {
	margin-top: 10px;
}
.mt30 {
	margin-top: 30px;
}
.line-none { border-bottom: 0!important; }
.danger { color: #D7092F!important; }
.point { color: #0493FF!important; }
.text-underline { text-decoration: underline; }

.flex { display: flex; }
.flex.fl-wrap { flex-wrap: wrap; }
.flex.jc-between { justify-content: space-between; }
.flex.jc-center { justify-content: center; }

.pc-box { display: block; }
.mo-box { display: none; }

/* css setting end */
/*=================================================================================
* header
=================================================================================*/
.sec-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	height: 100px;
	text-align: center;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	-moz-transition: all ease .5s;
	-ms-transition: all ease .5s;
	overflow: hidden;
}
.sec-header .wr {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}
/* mouseover */
.sec-header.on {
	background: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
}
.sec-header.on .logo {
	background-image: url(../img/logo-d.svg);
}
.sec-header.on .nav:after {
	display: none;
}
.sec-header.on .nav .nav_link {
	color: #121212;
	text-shadow: none;
}
.sec-header .logo {
	display: block;
	width: 365px;
	height: 46px;
	background: url(../img/logo.svg) no-repeat 50%;
	position: absolute;
	left: 50px;
}
.sec-header:after {
	opacity: 0;
	transition: all ease .6s;
	-webkit-transition: all ease .6s;
	-o-transition: all ease .6s;
	-moz-transition: all ease .6s;
	-ms-transition: all ease .6s;
}
.sec-header:before {
	content: '';
	width: 100%;
	height: 100px;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	opacity: 0;
	transition: all ease .6s;
	-webkit-transition: all ease .6s;
	-o-transition: all ease .6s;
	-moz-transition: all ease .6s;
	-ms-transition: all ease .6s;
}
.sec-header.active:after {
	content: '';
	width: 320px;
	height: 168px;
	position: absolute;
	bottom: 0;
	right: 12%;
	z-index: -2;
	opacity: 1;
}
.sec-header.active:before {
	opacity: 1;
}
/* menu */
.nav {
	display: inline-block;
}
.nav h2 {
	font-weight: 400;
	cursor: pointer;
}
.nav h3 {
	font-weight: 400;
}
.nav > li {
	float: left;
	padding: 10px;
}
.nav .nav_link {
	color: #fff;
	font-size: 18px;
	padding: 10px 20px 8px;
	line-height: 100px;
	font-weight: 700;
	border-radius: 30px;
	text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
}
.nav > li h3 {
	color: #000;
	font-size: 18px;
	font-weight: 500;
}
.nav > li h3 a {
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
}
.nav > li h3 a:hover {
	color: #0046A5;
}
.nav > li > a {
	color: #666;
	font-size: 16px;
}
.nav > li > ul {
	width: 100%;
	height: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 0;
	text-align: center;
}
.nav > li > ul > li {
	display: inline-block;
	text-align: left;
	padding: 0 35px;
	opacity: 0;
	transition: all ease .6s;
	-webkit-transition: all ease .6s;
	-o-transition: all ease .6s;
	-moz-transition: all ease .6s;
	-ms-transition: all ease .6s;
}
.nav > li > ul > li > h3 {
	margin: 0 0 20px;
}
.nav > li > ul > li > a {
	display: block;
	padding: 5px 0;
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	color: #666;
}
.nav > li > ul > li > a:hover {
	color: #0046A5;
}
.nav > li.open h2 {
	position: relative;
	color: #0046A5 !important;
}
.nav > li.open h2:after {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #0046A5;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -3px;
}
.nav > li.open h2 a {
	color: #0046A5 !important;
}
.nav > li.open ul {
	padding: 30px;
}
.nav > li.open ul > li {
	opacity: 1;
}
/* sitemap */
.btn-category {
	position: absolute;
	top: 36px;
	right: 50px;
	width: 40px;
	height: 24px;
	cursor: pointer;
}
.btn-category .bar {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	border: 0;
	background: #fff;
	transition: opacity 0.3s, top 0.3s, transform 0.5s;
	transition-delay: 0.3s, 0.3s, 0s;
	border-radius: 0 0 0 10px;
}
.on .btn-category .bar {
	background: #000;
}
.btn-category .bar:nth-child(1) {
	top: 0;
	transform: rotate(0);
}
.btn-category .bar:nth-child(2) {
	top: 11px;
	opacity: 1;
}
.btn-category .bar:nth-child(3) {
	top: 22px;
	transform: rotate(0);
}
.btn-category.map {
	right: 67px;
}
.btn-category.map .bar {
	background: #000;
	transition: background 1s, opacity 0.3s, top 0.3s, transform 0.5s;
	transition-delay: 0s, 0s, 0s, 0.3s;
}
.btn-category.map .bar:nth-child(1) {
	top: 11px;
	background: #000;
	transform: rotate(-45deg);
}
.btn-category.map .bar:nth-child(2) {
	opacity: 0;
}
.btn-category.map .bar:nth-child(3) {
	top: 11px;
	background: #000;
	transform: rotate(45deg);
}
.btn-app { background-color: #FFD762;
    padding: 7px 20px 5px;
    border-radius: 20px;
    font-weight: 700;
}
#sitemap {
	position: fixed;
	top: 100px;
	right: -100%;
	width: 100%;
	height: calc(100% - 100px);
	background: #fff;
	padding: 50px 20px;
	z-index: 10;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	-moz-transition: all ease .5s;
	-ms-transition: all ease .5s;
	overflow: hidden;
	overflow-y: auto;
}
#sitemap > ul {
	max-width: 1024px;
	overflow: hidden;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
#sitemap > ul > li {
	padding: 0 10px;
}
#sitemap > ul > li a {
	font-size: 21px;
	color: #333;
	font-weight: 700;
}
#sitemap > ul > li .nav_link {
	color: #131313;
}
#sitemap > ul > li h2 {
	font-size: 21px;
	color: #333;
}
#sitemap > ul > li h3 {
	font-size: 16px;
	color: #333;
	font-weight: 500;
	margin: 0 0 10px;
}
#sitemap > ul > li > ul { 
}
#sitemap > ul > li > ul > li {
	margin: 10px 0;
}
#sitemap > ul > li > ul > li > a {
	color: #747474;
	font-size: 16px;
	padding: 7px 0;
	display: block;
	font-weight: 500; 
}
#sitemap > ul > li h3 > a:hover {
	color: #121212;
}
#sitemap > ul > li > ul > li > a:hover {
	color: #121212;
}
#sitemap.open {
	right: 0;
}
.sec-header.stm-hd {
	background: #fff;
}
.sec-header.stm-hd .logo {
	background-image: url(..//logo-d.svg);
}
.sec-header.stm-hd .nav {
	display: none;
}
.sec-header.stm-hd .join {
	display: none;
}
.scr {
	overflow-y: hidden;
}
.join {
	position: absolute;
	top: 38px;
	right: 120px;
}
.join em { margin: 0 10px; display: inline-block; color: #333; padding-top: 1px; }
.join a {
	position: relative;
	color: #fff;
	font-size: 16px; 
}
.join a span {
	text-indent: -500em;
	overflow: hidden;
	background: url("../img/icn_people.svg") no-repeat;
	width: 24px;
	height: 24px;
}
.join a.active {
	opacity: 1;
}
.sec-header.on .join a { color: #121212; }
.sec-header.on .join a span {
	text-indent: -500em;
	overflow: hidden;
	background: url("../img/icn_people_d.svg") no-repeat;
	width: 24px;
	height: 24px;
}
.connected-user {
	position: absolute;
	top: 40px;
	right: 170px;
	color: #fff;
}
.sec-header.on .connected-user {
	color: #333;
}
/* quick */
.quick-menu {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 60px;
	opacity: 0;
	transition: all ease .6s;
	z-index: 8;
	visibility: hidden;
}
.quick-menu.on {
	opacity: 1;
	visibility: visible;
}
.quick-menu a {
	cursor: pointer;
	margin: 10px 0 0;
	display: block;
}
.quick-menu .qm-cu {
	background: #dee8fe;
	color: #000;
	border-radius: 50%;
	text-align: center;
	font-size: 13px;
	width: 60px;
	height: 60px;
	padding: 18px 0 0;
	line-height: 1.2;
	font-weight: 500;
}
.btn-select { 
	border: transparent;
    margin-left: 10px;
    padding: 7px 10px 5px;
    border-radius: 5px!important;
    background-color: #0046A5;
    color: #fff;
}
/*=================================================================================
* main
=================================================================================*/
#main .cont-wr {
	padding: 120px 20px 150px;
}
#main .main-tit {
	font-size: 34px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	margin: 0 0 60px;
}
#main .main-tit small {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	font-weight: 500;
	margin: 0 0 30px;
	background-image: linear-gradient(135deg, #79dae6 10%, #35a4e4 100%);
	padding: 10px 30px;
	border-radius: 40px
}
#main .main-tit span {
	display: block;
}
/* main-visual */
#main .main-visual .main-btn-app { position: absolute; top: 160px; left: 15%; }
#main .main-visual .main-btn-app a { display: flex; font-size: 21px; font-weight: 900; background-color: #1194AF; border-radius: 100%; color: #fff; width: 140px; height: 140px; align-items: center; justify-content: center; }
#main .main-visual {
	position: relative;
	height: 100vh;
	background: url("../img/main_visual_bg.svg") center no-repeat;
	background-size: cover;
}
#main .main-visual .slide-text {
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translateY(-50%);
	z-index: 2;
	color: #fff;
}
#main .main-visual .slide-text h2 {
	font-size: 94px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.05em;
}
#main .main-visual .slide-text h3 {
	font-size: 46px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.05em;
}
#main .main-visual .slide-text p {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.05em;
	color: #fff;
}
#main .main-visual .visual-bg-01 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 60%;
}
#main .main_title_wrap {
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}
#main .main_title_wrap h4 {
	margin-bottom: 8px;
	color: #121212;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
}
#main .main_title_wrap h3 {
	font-size: 32px;
	font-weight: 600;
	color: #121212;
	line-height: 1;
}
#main .main_title_wrap .button_area {
	position: absolute;
	bottom: 0;
	right: 0;
}
#main .main_title_wrap .button_area a {
	display: block;
	position: relative;
	color: #466081;
	font-weight: 500;
	font-size: 16px;
	padding-right: 10px;
}
#main .main_title_wrap .button_area a:before, #main .main_title_wrap .button_area a:after {
	position: absolute;
	right: 0;
	display: block;
	clear: both;
	content: '';
	width: 2px;
	height: 10px;
	background: #466081;
}
#main .main_title_wrap .button_area a:before {
	transform: rotate(-45deg);
	top: 2px;
}
#main .main_title_wrap .button_area a:after {
	bottom: 6px;
	transform: rotate(45deg);
}
/* cont 01 */
#main .cont-01 {
	position: relative;
	padding: 90px 20px 60px;
	background: #F7F7F7;
}
#main .cont-01 .wr {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#main .cont-01 .title { margin-bottom: 60px; }
#main .cont-01 .sponsor-logo h5 { display: inline-block; font-size: 18px; padding: 10px 20px; border-radius: 30px; background-color: #F5C01D; color: #fff; margin-bottom: 30px; }
#main .cont-01 .sponsor-logo span { margin: 0 10px 30px 0; display: inline-block; }
#main .cont-01 .sponsor-logo span:nth-child(8) { margin-right: 0; }
#main .cont-01 .main_title_wrap {
	width: auto;
}
#main .cont-01 .rig-info {
	padding-left: 135px;
}
#main .cont-01 .rig-info ul {}
#main .cont-01 .rig-info ul li {
	margin-bottom: 16px;
}
#main .cont-01 .rig-info ul li span {
	position: relative;
	display: inline-block;
	margin-right: 30px;
	padding-right: 15px;
	color: #fff;
	font-size: 21px;
	font-weight: 500;
}
#main .cont-01 .rig-info ul li .tit {
	width: 140px;
}
#main .cont-01 .rig-info ul li .tit:after {
	display: block;
	clear: both;
	content: '';
	position: absolute;
	top: 4px;
	right: 0;
	width: 3px;
	height: 21px;
	background: #fff;
}
#main .cont-01 .rig-info ul li span:last-of-type {
	margin-right: 0;
	padding-right: 0;
}
#main .cont-01 .float-img01 {
	position: absolute;
	top: 0;
	right: 50px;
	width: 320px;
	height: 400px;
	background: url("../img/main_ct02_02.svg") center no-repeat;
	background-size: contain;
}
/* cont 02 */
#main .cont-02 { padding: 120px 20px 100px; }
#main .cont-02 {
	background: #EFF3F8;
}
#main .cont-02 .main_title_wrap {
	margin-bottom: 60px;
}
.enter_comp_list {}
.enter_comp_list ul:after {
	display: block;
	clear: both;
	content: '';
}
.enter_comp_item {
	width: 320px;
	float: left;
	padding: 28px 20px;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	margin-right: 28px;
	margin-bottom: 28px;
}
.enter_comp_item:nth-child(4n) {
	margin-right: 0;
}
.enter_comp_item .comp_info01 {
	margin-bottom: 20px;
	height: 110px;
}
.enter_comp_item .comp_info02 {
	margin-bottom: 30px;
	font-size: 14px;
	color: #5C6C80;
}
.enter_comp_item .comp_info02 .text04 {
	color: #466081;
}
.enter_comp_item .comp_info01 p {
	font-size: 14px;
	color: #1C2D43;
}
.enter_comp_item .comp_info h5 {
	font-size: 17px;
	font-weight: bold;
	color: #1C2D43;
	line-height: 1.4;
	margin-bottom: 10px;
	text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.enter_comp_item .comp_info01 .text01 {
	margin-bottom: 12px;
}
.enter_comp_item .comp_info01 .text02 {
	font-size: 16px;
	color: #466081;
	text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.enter_comp_item .comp_logo { text-align: center; }
.enter_comp_item .comp_logo img { max-width: 60%; }

.main-enter-list { display: flex; flex-wrap: wrap; }
.main-enter-list li { width: 18.7%; margin: 0 20px 30px 0; }
.main-enter-list li:nth-of-type(5n) { margin-right: 0; }
.main-enter-list li span { display: block; }
.main-enter-list li span img { width: 60%; }
.main-enter-list li span:nth-child(1) { padding: 15px 0; background-color: #fff; text-align: center; border-radius: 10px; margin-bottom: 10px; }
.main-enter-list li span:nth-child(2) { text-align: center; font-size: 15px; }

.swiper-button-next, .swiper-button-prev {
    color: transparent !important;
    margin-top: calc(0px - (var(--swiper-navigation-size) / -1.3)) !important;
	top: var(--swiper-navigation-top-offset, 44%)!important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background: url("../img/swiper_left_arrow.svg") center no-repeat;
    left: -60px !important;
	width: 46px!important;
	height: 46px!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -60px !important;
    background: url("../img/swiper_right_arrow.svg") center no-repeat;
	width: 46px!important;
	height: 46px!important;
}

/* cont 03 */
#main .cont-03 {
	background: #F6C11C url("../img/program-bg.svg") right bottom no-repeat;
	position: relative;
}
#main .cont-03::after { content: ""; position: absolute; left: 50px; bottom: 50px; width: 196px; height: 300px; background: url("../img/program-thumb.svg") no-repeat; }
#main .cont-03 .main_title_wrap h4, #main .cont-03 .main_title_wrap h3 {
	color: #fff;
}
#main .cont-03 ul {
	margin: 0 35px;
	display: flex;
	justify-content: space-between;
}
#main .cont-03 ul li {
	position: relative;
	text-align: center;
}
#main .cont-03 ul li .thum {
	width: 190px;
	height: 190px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 30px;
	background: #fff;
	margin-bottom: 20px;
}
#main .cont-03 ul li .thum span { }
#main .cont-03 ul li .thum h4 {
	font-size: 18px;
	width: 100%;
	color: #745900;
	margin-top: 10px;
}
#main .cont-03 ul li .text { width: 190px; font-weight: 500; font-size: 15px; color: #4D3C04; letter-spacing: -0.046em; }
#main .main-bn, #sub .main-bn {
	background: url('../img/foot_cont_bg.jpg') no-repeat center center / cover;
	padding: 100px 20px;
	text-align: center;
	background-attachment: fixed;
}
.main-bn p {
	color: #fff;
	font-size: 32px;
	margin-bottom: 20px;
}
.main-bn a {
	background: #0046A5;
	font-size: 15px;
	display: block;
	max-width: 200px;
	width: 100%;
	margin: 20px auto 0;
	color: #E6FFFE;
	border-radius: 3px;
	padding: 12px 0;
	font-weight: 500;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-ms-transition: all ease .5s;
	-o-transition: all ease .5s;
}
.main-bn a:hover {
	background: #071b49;
	color: #fff;
}
.main-bn span.bn-tit, .main-bn span.bn-text {
	color: #fff;
	display: block;
}
.main-bn span.bn-tit {
	font-size: 32px;
	margin-bottom: 10px;
}
.main-bn span.bn-text {
	font-size: 16px;
}
/* login */
.login-top {
	height: 200px;
	background: #008DBD url(../img/sub_visual_01.png) no-repeat bottom center;
    background: -webkit-linear-gradient(to bottom right, #F4BE21, #FDD108, #57B76F, #008DBD);
    background: linear-gradient(to bottom right, #F4BE21, #FDD108, #57B76F, #008DBD);
}

#login_cnt .cntbox {
	padding: 50px 0;
	border: 1px solid #e1e1e1;
}
#login_cnt .cntbox form {
	margin-bottom: 30px;
	width: 740px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#login_cnt .cntbox .form {
	width: 580px;
}
#login_cnt .cntbox .form dl {
	padding: 20px 0;
	border-bottom: solid 1px #e1e1e1;
}
#login_cnt .cntbox .form dl:last-child {
	border-bottom: none;
}
#login_cnt .cntbox .form dt {
	float: left;
	font-size: 16px;
	color: #292929;
	height: 40px;
	line-height: 40px;
}
#login_cnt .cntbox .form dd {
	margin-left: 120px;
}
#login_cnt .cntbox .form dd input {
	border: 1px solid #e1e1e1;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
	width: 100%;
	font-size: 16px;
}
#login_cnt .cntbox .btn_login {
	width: 126px;
	padding: 20px 0;
}
#login_cnt .cntbox .btn_login a {
	display: flex;
	width: 100%;
	height: 126px;
	background-color: #F6C11C;
	text-align: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	border-radius: 3px;
	align-items: center;
}
#login_cnt .content_support {
	width: 740px;
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 0 20px;
	display: flex;
	justify-content: center;
}
#login_cnt .content_support .box {
	float: left;
	width: 32%;
	text-align: center;
}
#login_cnt .content_support .box p {
	text-align: center;
	font-size: 16px;
	line-height: 1.35em;
	letter-spacing: -0.05em;
	color: #6a6a6a;
	margin-bottom: 20px;
}
#login_cnt .content_support .box a {
	display: inline-block;
	background-color: #F6C11C;
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	letter-spacing: -0.05em;
	margin-top: 10px;
	padding: 0 25px;
	border-radius: 3px;
}
/*=================================================================================
* 아이디찾기 & 비밀번호찾기
=================================================================================*/
#login_cnt .cntbox .form dd.email_area {
	width: 460px;
	overflow: hidden;
}
#login_cnt .cntbox .form dd.email_area .input {
	float: left;
}
#login_cnt .cntbox .form dd.email_area .input input[type="text"] {
	font-size: 15px;
	width: 145px;
	border: 1px solid #e1e1e1;
	padding: 10px 10px;
	height: 42px;
	line-height: 42px;
}
#login_cnt .cntbox .form dd.email_area span {
	float: left;
	display: block;
	font-size: 15px;
	color: #6a6a6a;
	width: 28px;
	height: 42px;
	line-height: 42px;
	text-align: center;
}
#login_cnt .cntbox .form dd.email_area .select {
	position: relative;
	border: 1px solid #d3d3d3;
	float: right;
	width: 125px;
	height: 42px;
	line-height: 42px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right 50%;
	background-image: url(../img/select_arrow.svg);
}
#login_cnt .cntbox .form dd.email_area .select label {
	position: absolute;
	font-size: 15px;
	color: #343434;
	top: 8px;
	left: 12px;
	line-height: 1.35em;
	color: #a5a5a5;
}
#login_cnt .cntbox .form dd.email_area .select select {
	width: 100%;
	height: 38px;
	min-height: 38px;
	line-height: 38px;
	padding: 0 10px;
	border: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 14px;
	color: #343434;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#login_cnt .cntbox .form dd.email_view {
	height: 40px;
	line-height: 40px;
}
#login_cnt .cntbox .form dd.email_view p {
	font-size: 20px;
	color: #292929;
}
/*=================================================================================
* 회원가입
=================================================================================*/
#register_cnt {
	padding-bottom: 150px;
}
#register_cnt .register_step {
	padding: 20px 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 34px;
}
#register_cnt .register_step ul {
	display: flex;
	justify-content: space-around;
}
#register_cnt .register_step ul li {
	display: flex;
	align-items: center;
}
#register_cnt .register_step ul li::after {
	content: "";
	width: 32px;
	height: 57px;
	background: url("../img/arrow_next.svg") no-repeat;
	margin-left: 100px;
}
#register_cnt .register_step ul li:last-child::after {
	display: none;
}
#register_cnt .register_step ul li span {
	margin-right: 20px;
}
#register_cnt .register_step ul li h3 {
	display: flex;
	flex-direction: column;
	font-size: 21px;
	color: #999;
}
#register_cnt .register_step ul li h3 small {
	font-size: 14px;
	font-weight: 500;
}
#register_cnt .register_step ul li h3.active {
	color: #1a1a1a;
}
#register_cnt .temp_box {
	border: 1px solid #e1e1e1;
	padding: 43px;
	margin-bottom: 35px;
}
#register_cnt .temp_box dl {
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../img/sub/line_dotted.jpg);
	padding-bottom: 35px;
	margin-bottom: 45px;
}
#register_cnt .temp_box dt {
	font-size: 20px;
	height: 40px;
	font-weight: 700;
	color: #292929;
	letter-spacing: -0.025em;
}
#register_cnt .temp_box dd {}
#register_cnt .temp_box dd.textarea {
	border: 1px solid #e1e1e1;
	padding: 18px 25px;
	height: 200px;
	overflow-y: auto;
	font-size: 14px;
	color: #696969;
	line-height: 20px;
	margin-bottom: 20px;
	letter-spacing: -0.005em;
}
#register_cnt .temp_box dd.textarea .textbox {}
#register_cnt .temp_box dd.agree {
	text-align: right;
}
#register_cnt .temp_box dd.agree label {
	display: inline-block;
	font-size: 15px;
	letter-spacing: -0.025em;
	color: #292929;
	height: 29px;
	line-height: 27px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../img/img_checkbox.svg);
	padding-right: 40px;
	cursor: pointer;
}
#register_cnt .temp_box dd.agree input {
	display: none;
}
#register_cnt .temp_box dd.agree input:checked + label {
	background-image: url(../img/img_checkbox_on.svg);
}
#register_cnt .temp_box dl.last {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#register_cnt .button_area {
	text-align: center;
}
#register_cnt .button_area a {
	display: block;
	height: 65px;
	line-height: 65px;
	background-color: #0046A5;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius: 10px;
}
#register_cnt .button_area div.btn_register_ok {
	width: 260px;
	margin: 0 auto;
}
/** formbox **/
#register_cnt .formbox, .formbox {
	border: 1px solid #e1e1e1;
	padding: 29px 44px;
	margin-bottom: 40px;
	overflow: hidden;
}
.formbox .termbox { 
width: 100%;
    padding: 20px;
    border: 1px solid #e1e1e1;
    height: 160px;
    overflow-y: scroll;
    margin: 20px 0;
	font-size: 15px; 
}
.formbox dl dd textarea { width: 100%; height: 400px; resize: auto; padding: 10px; }
.form-app { display: block; width: 130px; height: 40px; line-height: 42px; text-align: center; color: #fff; border-radius: 40px; background: #F6C11C; font-size: 18px; font-weight: 700; margin: 0 5px; }
#register_cnt .formbox dl, .formbox dl {
	width: 100%;
	overflow: hidden;
	padding: 22px 0 18px 0;
	border-bottom: solid 1px #e1e1e1;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.formbox dl .com-list { margin-top: 10px; width: 690px; }
.formbox dl .com-list li { padding: 5px 0; border-bottom: solid 1px #e1e1e1; }
.formbox h3 { margin-bottom: 20px; }
.formbox .text strong { font-size: 15px; }
#register_cnt .formbox dl.last, .formbox dl.last {
	background: none;
}
#register_cnt .formbox dl dt, #register_cnt .formbox dl dd, .formbox dl dt, .formbox dl dd  {
	font-size: 15px;
}
#register_cnt .formbox dl dt, .formbox dl dt {
	color: #292929;
	font-weight: 700;
	width: 100%;
	margin-bottom: 10px;
}
#register_cnt .formbox dl dt span, .formbox dl dt span {
	margin-left: 5px;
	color: #D7092F;
}
#register_cnt .formbox dl dd, .formbox dl dd {
	position: relative;
	color: #6a6a6a;
	width: 100%;
}
.formbox dl dd select {
	font-size: 15px;
	border: 1px solid #e1e1e1;
	width: 690px;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
}
#register_cnt .formbox dl dd .notes, .formbox dl dd .notes {
	font-size: 12px;
	color: #696969;
	font-weight: 700;
	padding-top: 7px;
	line-height: 1.5em;
}
#register_cnt .formbox dl dd input[type="text"], .formbox dl dd input[type="text"] {
	font-size: 15px;
	border: 1px solid #e1e1e1;
	width: 690px;
	padding: 10px 10px;
	height: 35px;
	line-height: 35px;
	color: #6a6a6a;
}
.formbox dl dd input[type="file"] { font-size: 15px!important; }
#register_cnt .formbox dl dd input[type="password"] {
	font-sizE: 15px;
	border: 1px solid #e1e1e1;
	width: 690px;
	padding: 10px 10px;
	height: 35px;
	line-height: 35px;
}
#register_cnt .formbox dl dd input.w180px {
	width: 160px;
}
#register_cnt .formbox dl dd input.w200px {
	width: 180px;
}
#register_cnt .formbox dl dd input.w255px {
	width: 235px;
}
#register_cnt .formbox dl dd input.w260px {
	width: 240px;
}
#register_cnt .formbox dl dd input.w280px {
	width: 260px;
}
#register_cnt .formbox dl dd input.w435px {
	width: 415px;
}
#register_cnt .button_area a.btn_register_ok {
	width: 260px;
	margin: 0 auto;
}
#register_cnt .formbox dl dd #id_check, .formbox dl dd #id_check {
	position: absolute;
	right: 0;
	top: 0;
}
/* 이메일주소 */
#register_cnt .formbox dl dd.email_area {}
#register_cnt .formbox dl dd.email_area .inwrap {
	width: 100%;
	overflow: hidden;
}
#register_cnt .formbox dl dd.email_area .input {
	float: left;
}
#register_cnt .formbox dl dd.email_area span {
	float: left;
	display: block;
	width: 28px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#register_cnt .formbox dl dd .select {
	position: relative;
	border: 1px solid #d3d3d3;
	float: left;
	width: 182px;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right 50%;
	background-image: url(../img/select_arrow.svg);
}
#register_cnt .formbox dl dd .select label {
	position: absolute;
	font-size: 15px;
	color: #343434;
	top: 8px;
	left: 12px;
	line-height: 1.35em;
}
#register_cnt .formbox dl dd .select select {
	width: 100%;
	height: 35px;
	min-height: 35px;
	line-height: 35px;
	padding: 0 10px;
	border: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 14px;
	color: #343434;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#register_cnt .formbox dl dd.email_area .select {
	margin-left: 15px;
}
#register_cnt .formbox dl dd.email_area .btn_check {
	float: right;
}
/* 주소 */
#register_cnt .formbox dl dd.address_area {
	position: relative;
}
#register_cnt .formbox dl dd.address_area .post1 {
	margin-bottom: 10px;
}
#register_cnt .formbox dl dd.address_area .add1 {
	margin-bottom: 10px;
}
#register_cnt .formbox dl dd.address_area .btn_post {
	position: absolute;
	right: 0;
	top: 0px;
}
/* 지역번호 */
#register_cnt .formbox dl dd.p_number_area {}
#register_cnt .formbox dl dd.p_number_area .area_code {
	position: relative;
	border: 1px solid #d3d3d3;
	float: left;
	margin-left: 15px;
	width: 182px;
	height: 38px;
	line-height: 38px;
}
#register_cnt .formbox dl dd.p_number_area .area_code .select {
	width: 198px;
}
#register_cnt .formbox dl dd.p_number_area span {
	float: left;
	display: block;
	width: 31px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#register_cnt .formbox dl dd.p_number_area .input {
	float: left;
}
/* 최종학력 */
#register_cnt .formbox dl dd.ac_area {}
#register_cnt .formbox dl dd.ac_area span {
	float: left;
	width: 57px;
	text-align: left;
	height: 40px;
	line-height: 40px;
}
#register_cnt .formbox dl dd.ac_area span.txt2 {
	width: 40px;
	margin-left: 30px;
}
#register_cnt .formbox dl dd.ac_area .input {
	float: left;
}
#register_cnt .formbox dl dd.ac_area .select {
	float: left;
	width: 142px;
	margin-right: 10px;
}
#register_cnt .formbox dl dd.ac_area .info00, .formbox .info00 {
	overflow: hidden;
	float: left;
}
#register_cnt .formbox dl dd.ac_area .info01, #register_cnt .formbox dl dd.ac_area .info02, #register_cnt .formbox dl dd.ac_area .info03 {
	width: 100%;
	overflow: hidden;
}
#register_cnt .formbox dl dd.ac_area .info01, .formbox dl dd.ac_area .info01 {
	margin-bottom: 12px;
}
#register_cnt .formbox dl dd.ac_area .info02 {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: solid 1px #e1e1e1;
}
#register_cnt .formbox dl dd.ac_area .info02 input, #register_cnt .formbox dl dd.ac_area .info00 input, .formbox .info00 input {
	display: none;
}
#register_cnt .formbox dl dd.ac_area .info02 label, #register_cnt .formbox dl dd.ac_area .info00 label, .formbox .info00 label {
	float: left;
	display: inline-block;
	margin-right: 25px;
	height: 35px;
	line-height: 35px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left 3px;
	background-image: url(../img/img_checkbox.svg);
	cursor: pointer;
}
#register_cnt .formbox dl dd.ac_area .info02 input:checked + label, #register_cnt .formbox dl dd.ac_area .info00 input:checked + label, .formbox .info00 input:checked + label {
	background-image: url(../img/img_checkbox_on.svg);
}
#register_cnt .formbox dl dd.ac_area .info03 {}
#register_cnt .formbox dl dd.ac_area span.txt3 {
	width: 55px;
}
#register_cnt .formbox dl dd.ac_area .info03 .input {
	margin-right: 18px;
}
#register_cnt .formbox dl dd.ac_area .info03 .select {
	width: 140px;
}
#register_cnt .formbox dl dd.ac_area .info03 .txt_year {
	width: 60px;
	padding-left: 10px;
}
#register_cnt .formbox dl dd.ac_area .info03 .txt_month {
	padding-left: 10px;
}
/** complete_box **/
#register_cnt .complete_box {
	padding: 94px 43px 119px 43px;
	border: 1px solid #e1e1e1;
}
#register_cnt .complete_box .textbox {
	padding: 38px 0 0 0;
	height: 90px;
	margin-bottom: 66px;
	text-align: center;
}
#register_cnt .complete_box .textbox p {
	display: inline-block;
	font-size: 25px;
	color: #292929;
	letter-spacing: -0.025em;
	height: 55px;
	line-height: 55px;
}
#register_cnt .complete_box .button_area {
	width: 100%;
	overflow: hidden;
	text-align: center;
}
#register_cnt .complete_box a.btn_login_move, #register_cnt .complete_box a.btn_main_move {
	display: inline-block;
	height: 65px;
	line-height: 65px;
	padding: 0 20px;
	background-color: #0046A5;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius: 10px;
	margin: 0 10px;
}
.text-group {
	margin-bottom: 50px;
}
.text-group p strong {
	font-size: 21px;
	font-weight: 500;
	color: #121212;
}
.thumb {
	margin: 40px 0;
}


/*=================================================================================
* footer
=================================================================================*/
.sec-footer {
	background: #454545;
	color: #fff;
	font-size: 14px;
	padding: 20px 20px 50px;
}
.sec-footer .wr {
	position: relative;
}
.ft-link {
	padding: 20px 0;
}
.ft-link a {
	display: inline-block;
	margin-right: 20px;
	color: #fff;
}
.ft-link a:first-child {
	color: #fff;
	font-weight: 400;
}
.ft-info {
	padding: 20px 0;
	position: relative;
}
.ft-info .copy {
	margin: 10px 0 0;
}
.ft-info p {
	font-weight: 400;
}
.ft-info p span {
	color: #666;
}
.ft-info p strong {
	font-weight: 800 !important;
	margin-bottom: 10px;
}
.ft-contact {
	position: absolute;
	top: 20px;
	right: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	align-items: flex-end;
}
.ft-contact p {
	margin-bottom: 16px;
}
.ft-contact p strong {
	font-size: 21px;
	font-weight: 400;
}
.ft-contact .btn-contact {
	display: block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 40px;
	background: #F6C11C;
}
.ft-contact .btn-contact .ico-message {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 18px;
	background: url("../img/icon_message.svg") center no-repeat;
	background-size: contain;
	margin-bottom: 3px;
    margin-right: 5px;
}
.family-site {
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 2;
}
.family-site p {
	padding: 15px 100px 15px 15px;
	border: 1px solid #999;
	cursor: pointer;
	background: url(../img/btn/sel-arr.png) no-repeat right 15px center;
}
.family-site ul {
	background: #fff;
	position: absolute;
	bottom: 53px;
	width: 100%;
	padding: 10px 0;
	display: none;
	border: 1px solid #ddd;
}
.family-site ul li a {
	display: block;
	padding: 7px 20px;
	color: #999;
}
.family-site ul li a:hover {
	color: #333;
}
/*=================================================================================
* sub
=================================================================================*/
.sub-visual {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.sub-visual:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center center;
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	animation-name: visual-zoom;
	-webkit-animation-name: visual-zoom;
}
.subv-1, .subv-2, .subv-3, .subv-4, .subv-5, .subv-6 {
	background: #008DBD url('../img/sub_visual_01.png') no-repeat bottom center; /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom right, #F4BE21, #FDD108, #57B76F, #008DBD);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom right, #F4BE21, #FDD108, #57B76F, #008DBD); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.subv-1:after, .subv-2:after, .subv-3:after, .subv-4:after, .subv-5:after, .subv-6:after {
	background: url('../img/sub_visual_01.png') no-repeat bottom center; 
}
.sub-visual h1 {
	font-size: 32px;
	color: #fff;
	padding: 130px 20px 100px;
	text-align: center;
	font-weight: 500;
	text-transform: uppercase;
}
.sub-visual h1 span, .sub-visual h1 p {
	animation-duration: 0.7s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	animation-name: visual-tit;
	-webkit-animation-name: visual-tit;
}
.sub-visual h1 p {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}
@keyframes visual-zoom {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes visual-zoom {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes visual-tit {
	0% {
		opacity: 0;
		-webkit-opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-opacity: 1;
		transform: translateY(0px);
	}
}
@-webkit-keyframes visual-tit {
	0% {
		opacity: 0;
		-webkit-opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-opacity: 1;
		transform: translateY(0px);
	}
}
.sub-visual h1 p {
	font-size: 21px;
}
.sub-depth-1 {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(221, 172, 20, 0.6);
	width: 100%;
	z-index: 2;
}
.sub-depth-1 ul {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.sub-depth-1 li {
	float: left;
}
.sub-depth-1 li:only-child {
	width: 100%;
} /* 메뉴가 하나일 때 선택 */
.sub-depth-1 li:first-child:nth-last-child(2), /* 메뉴가 둘 일 때, 1번 메뉴 선택 */ .sub-depth-1 li:first-child:nth-last-child(2) + li {
	width: 50%;
} /* 메뉴가 둘 일 때, 2번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(3), /* 메뉴가 셋 일 때, 1번 메뉴 선택 */ .sub-depth-1 li:first-child:nth-last-child(3) ~ li {
	width: 33.33%;
} /* 메뉴가 셋 일 때, 2~3번째 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(4), /* 메뉴가 넷 일 때, 1번 메뉴 선택 */ .sub-depth-1 li:first-child:nth-last-child(4) ~ li {
	width: 25%;
} /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(5), /* 메뉴가 넷 일 때, 1번 메뉴 선택 */ .sub-depth-1 li:first-child:nth-last-child(5) ~ li {
	width: 20%;
} /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(6), /* 메뉴가 넷 일 때, 1번 메뉴 선택 */ .sub-depth-1 li:first-child:nth-last-child(6) ~ li {
	width: 16.6%;
}
.sub-depth-1 li a {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 70px;
	position: relative;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	font-size: 19px;
}
.sub-depth-1 li a:hover {
	color: #dee8fe;
}
.sub-depth-1 li.active a {
	background: #fff;
	color: #745900;
	font-weight: 700;
	font-size: 20px;
}
.sub-depth-1 li a:before {
	content: '';
	width: 1px;
	height: 12px;
	background: rgba(255, 255, 255, 0.2);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
}
.sub-depth-1 li:last-child a:before, .sub-depth-1 li.active a:before {
	display: none;
}
.sub-depth-2 {
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.sub-depth-2 a {
	display: inline-block;
	line-height: 70px;
	margin: 0 20px;
	padding: 0 10px;
	font-size: 18px;
	color: #666;
	position: relative;
}
.sub-depth-2 a.active {
	color: #333;
}
.sub-depth-2 a.active:after {
	content: '';
	width: 0;
	height: 3px;
	background: #dee8fe;
	position: absolute;
	left: 50%;
	bottom: -1px;
	animation-duration: 0.3s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	animation-name: sub-tab-line;
	-webkit-animation-name: sub-tab-line;
}
@keyframes sub-tab-line {
	0% {
		width: 0%;
		left: 50%;
	}
	100% {
		width: 100%;
		left: 0;
	}
}
@-webkit-keyframes sub-tab-line {
	0% {
		width: 0%;
		left: 50%;
	}
	100% {
		width: 100%;
		left: 0;
	}
}

.lecture-box ul { display: flex; justify-content: space-between; }
.lecture-box ul li { width: 30%; }
.lecture-box ul li span { display: block; text-align: center; margin-bottom: 10px; font-size: 18px; }

.info-text-01 { color: #121212; margin-bottom: 70px; font-size: 18px; line-height: 34px; }
.info-text-01 strong { display: block; }
.fair-info { display: flex; justify-content: space-between; }
.fair-info div:nth-child(1) { width: 35%; }
.fair-info div:nth-child(1) img { border-radius: 30px; }
.fair-info div:nth-child(2) { width: 60%; }
.info-box dl dd { display: flex; flex-direction: column; margin: 10px 0 20px; font-size: 18px; align-items: flex-start; }
.info-box dl dd strong { width: 23%; background-color: #F6C11C; padding: 13px 25px 10px 25px; border-radius: 30px; color: #fff; display: flex; justify-content: space-between; }
.info-box .text { width: 100%!important; color: #121212; margin-top: 10px; padding-left: 25px; }
.info-box .info-logo { width: 100%!important; margin-top: 20px; padding-left: 25px; display: flex; flex-wrap: wrap; }
.info-box .info-logo span { width: 23%; margin: 0 2% 2% 0; }

 .jobclip-list ul { display: flex; flex-wrap: wrap; }
.jobclip-list ul li { width: 31%; margin: 0 1% 20px; border: solid 1px #e1e1e1; padding: 10px; border-radius: 10px; }
.jobclip-list ul li .thumb-mov { height: 180px; margin-bottom: 20px; }

/*=================================================================================
* common
=================================================================================*/
.review-slider .slick-slide {
	padding: 5px;
}
/* sub css */
#sub {
	overflow: hidden;
}
#sub .center {
	text-align: center;
}
#sub .sub-text li {
	font-size: 16px;
	color: #666;
	font-weight: 300;
	line-height: 21px;
	margin: 7px 0;
}
#sub .sub-text li {
	padding-left: 20px;
	background: url("../img/list_dot.svg") 0 9px no-repeat;
	vertical-align: top;
}
/* bg */
#sub .bg-navy {
	background: #243a5e;
}
#sub .bg-navy .cont-tit h2 {
	color: #fff;
}
#sub .bg-navy .cont-tit p {
	color: #fff;
}
/* color */
#sub .blue-t {
	color: #0046A5;
	vertical-align: baseline;
}
#sub .red-text {
	color: #FF2900;
}
/* margin */
#sub .mt-120 {
	margin-top: 120px;
}
#sub .mb-120 {
	margin-bottom: 120px;
}
#sub .mt-10 {
	margin-top: 10px !important;
}
#sub .pt-0 {
	padding-top: 0;
}
#sub .con-tab.pt-0 {
	padding-top: 0;
}
#sub .pl-10 {
	padding-left: 10px !important;
}
/* btn */
.career-btn {
	display: block;
	margin: 0 auto;
	max-width: 250px;
	text-align: center;
	background: #0046A5;
	color: #fff;
	padding: 15px 0;
	font-size: 18px;
}
.btn-view {
	display: inline-block;
	padding: 0 12px;
	border-radius: 5px;
	height: 35px;
	line-height: 35px;
	background-color: #0046A5;
	color: #fff;
	vertical-align: middle
}
.btn-wr {
	margin: 30px 0 50px;
}
.btn-wr a {
	padding: 15px 25px;
	background-color: #0046A5;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border-radius: 5px;
	width: 240px;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.btn-wr a.left { 
	margin-left: 0; 
}
.btn-wr-inline {
	margin: 50px 0;
	text-align: center;
}
.btn-wr-inline a {
	padding: 15px 25px;
	background-color: #0046A5;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border-radius: 5px;
	width: 320px;
	display: inline-block;
}
.btn-gray {
    background-color: #969696!important;
}
/* sub title css */
#sub .cont-tit {
	margin: 0 auto 50px;
	overflow: hidden;
	position: relative;
}
#sub .cont-tit h2 {
	font-size: 32px;
	color: #333;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 auto 20px;
}
#sub .cont-tit h3 {
	font-size: 24px;
	color: #333;
	font-weight: 500;
	line-height: 1.4;
	margin: 0 auto 30px;
}
#sub .info-text-wr { display: flex; justify-content: space-between; align-items: flex-start; }
#sub .info-text-wr .thumb { width: 35%; margin: 0 5% 0 0; padding-right: 5%; }
#sub .info-text-wr .text { width: 55%; padding-top: 30px; }
#sub .info-text-wr .text ul li { margin-bottom: 7px; list-style: outside square; }
#sub .cont-tit p {
	font-size: 17px;
	margin: 25px 0 0;
	color: #666;
}
#sub .cont-tit small {
	font-size: 20px;
	color: #0046A5;
	margin: 0 0 15px;
	display: block;
	font-weight: 500;
}
#sub .cont-tit .point {
	font-size: 20px;
	line-height: 34px;
}
#sub .cont-wr {
	padding: 80px 0;
}
#sub .md-tit {
	font-size: 24px;
	color: #333;
	font-weight: 500;
	margin: 0 0 10px;
}
#sub .sm-tit {
	margin: 0 0 40px;
	font-size: 17px;
}
b {
	font-weight: 500;
	color: #333;
}
strong {}
/* contents tabs */
#sub .con-tab-menu {
	text-align: center;
	overflow: hidden;
}
#sub .con-tab-menu li {
	float: left;
	width: 100%;
	border: 1px solid #ddd;
	border-left: 0;
}
#sub .con-tab-menu li a {
	height: 65px;
	position: relative;
	text-align: center;
	display: block;
	cursor: pointer;
	background: #fff;
}
#sub .con-tab-menu li a span {
	position: absolute;
	width: 100%;
	font-size: 16px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1.3;
}
#sub .con-tab-menu li a.active {
	background: #0046A5;
	color: #fff;
}
#sub .con-tab-menu li:first-child {
	border-left: 1px solid #ddd;
}
#sub .con-tab {
	display: none;
	padding: 80px 0 0;
}
#sub .con-tab.active {
	display: block;
}
#sub .con-tab-menu li:first-child:nth-last-child(2), #sub .con-tab-menu li:first-child:nth-last-child(2) ~ li {
	width: 50%;
}
#sub .con-tab-menu li:first-child:nth-last-child(3), #sub .con-tab-menu li:first-child:nth-last-child(3) ~ li {
	width: 33.333%;
	max-width: none;
}
#sub .con-tab-menu li:first-child:nth-last-child(4), #sub .con-tab-menu li:first-child:nth-last-child(4) ~ li {
	width: 25%;
}
#sub .con-tab-menu li:first-child:nth-last-child(5), #sub .con-tab-menu li:first-child:nth-last-child(5) ~ li {
	width: 20%;
}
#sub .con-tab-menu li:first-child:nth-last-child(6), #sub .con-tab-menu li:first-child:nth-last-child(6) ~ li {
	width: 16.666%;
}
#sub .con-tab-menu li:first-child:nth-last-child(7), #sub .con-tab-menu li:first-child:nth-last-child(7) ~ li {
	width: 14.285%;
}
#sub .con-tab-menu li:first-child:nth-last-child(8), #sub .con-tab-menu li:first-child:nth-last-child(8) ~ li {
	width: 12.5%;
}
/* sub layout 01 */
#sub .poster-wr {
	float: left;
	width: 270px;
	border: solid 1px #e1e1e1;
	margin: 0 50px 20px 0;
}
#sub .poster-wr img {
	max-width: 100%;
}
#sub .fair-summary ul {
	margin-top: 25px;
	border-top: solid 1px #e1e1e1;
}
#sub .fair-summary li {
	border-bottom: solid 1px #e1e1e1;
	overflow: hidden;
	font-size: 16px;
	color: #666;
	font-weight: 300;
	padding: 15px 0;
}
#sub .fair-summary li .table-tit {
	float: left;
	width: 20%;
	font-size: 17px;
	font-weight: 700;
	text-align: left;
	letter-spacing: 3px;
	color: #333;
}
#sub .fair-summary li .table-info {
	float: left;
	width: 80%;
}
#sub .fair-summary li .table-info strong {
	font-size: 17px;
}
#sub .fair-summary li .table-info ul {
	margin-top: 0 !important;
	border-top: 0 !important;
}
#sub .fair-summary li .table-info ul li {
	border-bottom: none !important;
	padding: 3px 0;
}
#sub .fair-summary li .table-info dd {
	display: inline-block;
	margin-right: 30px;
}
#sub .fair-summary li .table-info span {
	display: block;
	text-align: center;
}
#sub .fair-summary li .table-info .logo {}
#sub .fair-summary li .table-info .text {
	font-size: 12px;
}
#sub .fair-summary li .table-info table {
	width: 100%;
}
#sub .fair-summary li .table-info table th, #sub .fair-summary li .table-info table td {
	font-size: 16px;
	font-weight: 300;
	color: #666;
	padding: 5px 10px;
	border: solid 1px #e1e1e1
}
.lounge-info dl { display: flex; justify-content: space-between; margin-bottom: 30px; }
.lounge-info dl dd { width: 32%; text-align: center; border: solid 1px #e1e1e1; padding: 20px; border-radius: 10px; }
.lounge-info dl dd strong { font-size: 24px; color: #121212; display: block; margin-bottom: 10px; } 
.lounge-info p { font-size: 18px; text-align: center; }
.lounge-info p:first-child { font-size: 24px; }
.lounge-info p strong { color: #121212; font-weight: 700; }

/* mypage-navi */
.mypage-nav p {
	display: none;
}
.mypage-nav ul li {
	display: inline-block;
	margin-right: 40px;
	padding-right: 40px;
}
.mypage-nav ul li a {
	position: relative;
	font-size: 18px;
}
.mypage-nav ul li a.active {
	font-weight: 700;
	color: #0046A5;
}
.mypage-nav ul li a::after {
	content: "ㅣ";
	position: absolute;
	left: -50px;
	font-weight: 300;
	color: #ccc;
}
.mypage-nav .noline a::after {
	display: none;
}
/*=================================================================================
* pages
=================================================================================*/
#sub .about {
	text-align: left;
	margin: 80px 0 0;
}
#sub .about h2 {
	max-width: none;
}
#sub .about .sign {
	color: #333;
	font-weight: 400;
}
#sub .about .sign b {
	font-size: 24px;
	vertical-align: baseline;
	font-weight: 500;
	margin-left: 10px;
}
.wrap_title {
	background: url(../img/main/img_section2_top.png) no-repeat right bottom;
	padding: 0 20px;
	height: 95px;
	position: fixed;
	width: 640px
}
.wrap_title h1 {
	font-size: 18px;
	color: #fff;
	padding-top: 15px
}
.bpouup_contents {
	padding: 115px 20px 20px 20px
}
.openpopup_close {
	background: url(/img/common/icnClose.png) no-repeat left top;
	width: 23px;
	height: 22px;
	overflow: hidden;
	text-indent: -100px;
	display: block;
	position: absolute;
	right: 20px;
	top: 20px
}
.privacy .wrap_agree {}
.privacy .wrap_agree h2 {
	font-size: 16px;
	margin: 30px 0 10px 0;
	font-weight: 500;
	color: #333;
}
.privacy .wrap_agree li {
	padding-left: 15px;
	text-indent: -15px
}
.privacy .wrap_agree li p {
	text-indent: 0px
}
.privacy .wrap_agree dl {
	margin-top: 5px
}
.privacy .wrap_agree .head {
	background-color: #f4f4f4;
	border: solid 1px #f0f0f0;
	padding: 15px;
}
.privacy .wrap_agree .head b {
	color: #333;
	font-weight: 500;
}
.lecture-tit {
	display: block;
	text-align: center;
	font-size: 18px;
	margin: 20px 0 0 0;
	color: #121212;
}
/*=================================================================================
* content
=================================================================================*/
.content_area {}
.content_area .notes {
	color: #696969;
	font-size: 12px;
	font-family: Dotum, '돋움', Helvetica, AppleSDGothicNeo, sans-serif;
	text-align: right;
	margin-bottom: 15px;
	font-weight: 700;
}
.content_area .rc_list_wrap {
	margin-top: 50px;
}
.table_basic {
	width: 100%;
	border-top: 2px solid #333;
}
.table_basic th, .table_basic td {
	position: relative;
	min-height: 60px;
	height: 60px;
	line-height: 1.2;
	padding: 0;
	font-size: 16px;
	color: #333;
	background: #f5f5f5;
	border: 1px solid #d6d6d6;
	border-width: 0 0 1px;
}
.table_basic th {
	background: #f5f5f5;
}
.table_basic td {
	position: relative;
	line-height: 20px;
	padding: 22px 10px;
	font-size: 15px;
	color: #666;
	border-bottom: 1px solid #d6d6d6;
	background: #fff;
	text-align: center;
}
.table_basic td .company_name {
	font-size: 18px;
	font-weight: 500;
	color: #131313;
}
.table_basic td .title a {
	display: block;
	text-align: left;
	font-weight: 600;
	font-size: 18px;
}
.table_basic td .text_area {
	color: #999;
}
.content_area .page_area {
	text-align: center;
	padding: 21px 0;
	clear: both;
}
.content_area .page_area a {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #d3d3d3;
	text-decoration: none;
	margin: 0 5px;
	color: #6a6a6a;
}
.content_area .page_area span.now_page {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #2B2E83;
	text-decoration: none;
	margin: 0 5px;
	color: #fff;
	background-color: #2B2E83;
	border-radius: 5px;
}
.content_area .page_area a img {
	vertical-align: top;
}
.content_area .page_area a.btn {
	width: 38px;
}
.content_area .page_area a.on, .content_area .page_area a:hover {
	background-color: #b3caff;
	color: #fff;
	border: 1px solid #b3caff;
}

/*=================================================================================
* 참여기업 소개
=================================================================================*/
.sub_enter_wrap .enter_comp_item {
	border: 1px solid #e1e1e1;
}
.info_head {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.info_head .logo {
	float: left;
	border: 1px solid #d3d3d3;
	width: 293px;
	height: 230px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.info_head .logo img {
	max-width: 100%;
	height: auto;
	margin-top: 0px;
}
.info_head .biz_info {
	margin-left: 343px;
	position: relative; /* height:205px; */
}
.info_head .biz_info p {}
.info_head .biz_info .biz_name {
	font-size: 23px;
	font-weight: 700;
	color: #292929;
	margin-bottom: 10px;
}
.info_head .biz_info .biz_type {
	font-size: 13px;
	color: #292929;
	margin-bottom: 5px;
}
.info_head .biz_info .biz_type span {
	font-weight: 700;
	color: #e00;
	font-size: 15px;
}
.info_head .biz_info .address {
	font-size: 13px;
	color: #6a6a6a;
	margin-bottom: 5px;
}
.info_head .biz_info .url {
	font-size: 13px;
	color: #6a6a6a;
}
.info_head .biz_info .url a {
	text-decoration: none;
	color: #6a6a6a;
}
.info_head .etc_info {
	position: absolute;
	width: 760px;
	left: 0;
	bottom: 0;
	background-color: #f4f4f4;
	border: 1px solid #d3d3d3;
	overflow: hidden;
}
.info_head .etc_info dl {
	float: left;
	width: 170px;
	height: 42px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: right 50%;
	background-image: url(../img/sub/line_div.jpg);
	padding: 18px 0;
}
.info_head .etc_info dt, .info_head .etc_info dd {}
.info_head .etc_info dt {
	font-size: 15px;
	color: #6a6a6a;
	margin-bottom: 4px;
}
.info_head .etc_info dd {
	font-size: 15px;
	color: #292929;
	font-weight: 700;
}
.info_head .etc_info dl.y02 {
	width: 300px;
}
.info_head .etc_info dl.y03 {
	width: 115px;
}
.info_head .etc_info dl.y04 {
	background: none;
}
.info_head .table_t02 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.info_head .table_t02 table {
	table-layout: fixed;
	width: 100%;
	border-top: 3px solid #343434;
	border-left: 1px solid #d3d3d3;
}
.info_head .table_t02 th, .info_head .table_t02 td {
	font-size: 13px;
	line-height: 16px;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	text-align: left;
	vertical-align: middle;
}
.info_head .table_t02 th {
	background-color: #efefef;
	padding: 12px 0;
	width: 15%;
	text-align: center;
	color: #292929;
}
.info_head .table_t02 td {
	color: #6a6a6a;
	padding: 5px 15px;
}
.info_detail {}
.info_detail h4 {
	font-size: 22px;
	color: #292929;
	margin-bottom: 10px;
}
.info_detail .table_t01 {
	border-top: 3px solid #5b5b5b;
	margin-bottom: 70px;
}
.info_detail .table_t01 table {
	table-layout: fixed;
}
.info_detail .table_t01 th, .info_detail .table_t01 td {
	text-align: center;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	height: 40px;
	line-height: 28px;
}
.info_detail .table_t01 th {
	background-color: #efefef;
	color: #292929;
	width: 14%;
	border-left: 1px solid #d3d3d3;
	font-size: 13px;
}
.info_detail .table_t01 td {
	color: #6a6a6a;
	font-size: 12px;
	line-height: 18px;
}
.info_detail .table_t01 thead td {
	font-size: 13px;
}
.info_detail h4.t02 {
	margin-bottom: 20px;
}
.info_detail .job_info_notice {
	margin-bottom: 75px;
}
.info_detail .job_info_notice .table_head {
	width: 100%;
	overflow: hidden;
	margin-bottom: 8px;
}
.info_detail .job_info_notice .table_head .h5 {
	float: left;
	color: #6a6a6a;
	font-size: 20px;
}
.info_detail .table_t01 td.c01 {
	color: #26abdc;
}
.info_detail .table_t01 td.c02 {
	color: #df3e0d;
}
.info_detail .job_info_notice .table_head .btn_request {
	display: block;
	width: 215px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background-color: #2B2E83;
	float: right;
}
.topline {
	border-top: 1px solid #d3d3d3 !important;
}
.info_detail .table_t02 {
	margin-bottom: 35px;
}
.info_detail .table_t02 table {
	table-layout: fixed;
	border-top: 3px solid #343434;
	border-left: 1px solid #d3d3d3;
}
.info_detail .table_t02 th, .info_detail .table_t02 td {
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	text-align: left;
	vertical-align: middle;
}
.info_detail .table_t02 th {
	background-color: #efefef;
	padding: 12px 0;
	width: 15%;
	text-align: center;
	color: #292929;
}
.info_detail .table_t02 td {
	color: #6a6a6a;
	padding: 5px 10px;
}
.info_detail .notes {
	font-size: 12px;
	color: #696969;
	font-family: Dotum, '돋움', Helvetica, AppleSDGothicNeo, sans-serif;
	font-weight: 700;
	padding-top: 7px;
	line-height: 1.5em;
	text-align: right;
}
.info_detail .table_t02 th span {
	margin-left: 5px;
	color: #D7092F;
}
.info_desc .table_t02 {
	margin-bottom: 35px;
}
.info_desc .table_t02 table {
	table-layout: fixed;
	border-top: 3px solid #343434;
	border-left: 1px solid #d3d3d3;
}
.info_desc .table_t02 td {
	padding: 12px 10px;
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	text-align: left;
	vertical-align: middle;
}
.td-center td {
	text-align: center !important;
}
/*=================================================================================
* search_biz
=================================================================================*/
.search_biz {
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.search_biz dt {
	float: left;
	font-size: 22px;
	color: #292929;
	font-weight: 700;
	width: 10%;
	height: 60px;
}
.search_biz dt p {
	line-height: 60px;
}
.search_biz dd {
	float: left;
	width: 90%;
}
.search_biz dd .table {}
.search_biz dd .table .tr {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #d2d2d2;
	height: 60px;
}
.search_biz dd .table .tr:last-child {
	border-bottom: 0;
}
.search_biz dd .table .th2 {
	float: left;
	width: 110px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-weight: 700;
}
.search_biz dd .table .td {
	float: left;
	padding: 10px 0 0 20px;
	border-left: 1px solid #d2d2d2;
	height: 100%;
}
.search_biz dd .table .td:last-child {
	border-bottom: 0;
}
.search_biz dd .table .td input[type="checkbox"] {
	display: none;
}
.search_biz dd .table .td input[type="checkbox"] + label {
	display: inline-block;
	border: 0;
	float: left;
	font-size: 16px;
	color: #6a6a6a;
	text-align: center;
	border: 1px solid #d2d2d2;
	width: 118px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 15px;
}
.search_biz dd .table .td input[type="checkbox"]:checked + label {
	background-color: #b3caff;
	color: #fff;
	border: 1px solid #b3caff;
}
.search_biz dd .table .td .first {
	width: 146px !important;
	margin-left: 0 !important;
}
.search_biz dd .table .td input[type="radio"] {
	display: none;
}
.search_biz dd .table .td input[type="radio"] + label {
	display: inline-block;
	border: 0;
	float: left;
	font-size: 16px;
	color: #6a6a6a;
	text-align: center;
	border: 1px solid #d2d2d2;
	height: 40px;
	line-height: 40px;
	padding: 0px 15px;
	cursor: pointer;
	vertical-align: middle;
	margin-right: 15px;
}
.search_biz dd .table .td input[type="radio"]:checked + label {
	background-color: #b3caff;
	color: #fff;
	border: 1px solid #b3caff;
}
.search_biz dd .table .td .first {
	width: 146px !important;
	margin-left: 0 !important;
}
.search_biz dd .select_box, .table_t02 td .select_box {
	position: relative;
	float: left;
	width: 298px;
	height: 38px;
	border: 1px solid #e1e1e1;
	margin-right: 15px;
	border-radius: 3px;
	background: #fff url(../img/icn_arrow.svg) 90% no-repeat;
}
.search_biz dd .select_box label, .table_t02 td .select_box label {
	position: absolute;
	font-size: 15px;
	color: #a5a5a5;
	top: 7px;
	left: 14px;
}
.search_biz dd .select_box select, .table_t02 td .select_box select {
	width: 100%;
	height: 38px;
	min-height: 38px;
	line-height: 38px;
	padding: 0 10px;
	border: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #a5a5a5;
	line-height: 1.5em;
	box-sizing: border-box;
	border-radius: 4px;
}
/*
.search_biz dd .select_box #job, .table_t02 td .select_box #job { width: 100%; height: 38px; min-height: 38px; line-height: 38px; padding: 0 10px; border: 0; opacity: 0; filter: alpha(opacity=0); color: #a5a5a5; line-height:1.5em;	box-sizing:border-box; }
*/
.search_biz dd .input_text, .table_t02 td .input_text {
	float: left;
}
.search_biz dd .input_text input, .table_t02 td .input_text input {
	font-size: 15px;
	padding: 0 10px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #e1e1e1;
	color: #a5a5a5;
	border-radius: 4px 0 0 4px;
}
.search_biz dd .btn {
	float: right;
}
.search_biz dd .btn a {
	display: inline-block;
	width: 71px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	background-color: #2B2E83;
	border-radius: 5px;
}
/*=================================================================================
* calendar
=================================================================================*/
.calendar-tit {
	display: flex;
	margin-bottom: 20px;
	justify-content: space-evenly;
	align-items: baseline;
	color: #1a1a1a;
}
.calendar-tit .year, .calendar-tit .text {
	font-size: 21px;
}
.calendar-tit .moon {
	font-size: 34px;
}
.calendar {
	width: 100%;
}
.calendar th {
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	padding: 15px 0;
}
.calendar th:first-child, .calendar td:first-child {
	color: #D7092F;
}
.calendar th:last-child, .calendar td:last-child {
	color: #1c5cdf;
}
.calendar td {
	text-align: center;
	vertical-align: top;
	border-bottom: solid 1px #d3d3d3;
	padding: 10px 0;
}
.calendar td.block {
	opacity: 0.3
}
.calendar td span {
	height: 70px;
	display: block;
	padding-top: 10px;
}
.calendar td.active {
	font-weight: 700;
	color: #1a1a1a;
	background-color: #f7f7f7;
}
.calendar td a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
	color: #121212 !important;
}
.calendar td a:hover {
	background-color: #2B2E83;
	color: #fff !important;
}
/*=================================================================================
* 취업특강
=================================================================================*/
/*.mov-01 {
	padding: 100px 0;
	border-bottom: solid 1px #d3d3d3;
}
.mov-01 .top-mov {
	padding: 0 300px;
	height: 420px;
}
.mov-01 ul {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.mov-01 ul li {
	width: 30%;
	height: 240px;
}
.mov-01 p {
	text-align: center;
	font-size: 24px;
}*/
.mov_list_hm {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.mov_list_item {
	width: 400px;
	margin: 20px;
	background: #fafafa;
}
.mov_list_item .top_mov {
	width: 100%;
	height: 240px;	
	overflow: hidden;	
}
.mov_list_item .top_mov iframe {
	width: 100%;
	height: 100%;
}
.mov_list_item .mov_title {
	height: 80px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mov_list_item .mov_title span {
	font-size: 17px;
	margin: 0;
}
.prepare_box {
	padding: 80px 0;
	text-align: center;
}
.prepare_box p {
	font-size: 21px;
	font-weight: bold;
}
/*=================================================================================
* en
=================================================================================*/
@media screen and (min-width:480px) {
	#en #sub .number-box li {
		min-height: 428px;
	}
	#en #sub .process-box li {
		min-height: 536px;
	}
	#en #sub .ms-pcs li {
		min-height: 165px;
	}
	#en #sub .icon-box2 li {
		height: 398px;
	}
	#en #sub .blt-box.mh li {
		min-height: 538px
	}
	#en #main .main-visual .slide-text p {
		font-size: 24px;
	}
}
/*=================================================================================
* responsive
=================================================================================*/
@media screen and (max-width:1240px) {
	/* layout */
	.nav {
		display: none;
	}
	#sitemap {
		background: rgba(0, 0, 0, 0.5);
	}
	#sitemap > ul > li {
		width: 100%;
		float: none;
		margin: 0 0 0;
	}
	.nav .nav_link {
		line-height: 50px;
	}
	#sitemap > ul > li h2 {
		color: #0046A5;
	}
	#sitemap > ul > li > ul > li {
		height: 46px;
		overflow: hidden;
		padding: 10px 15px;
		margin: 0;
		border-bottom: 1px solid #ddd;
	}
	#sitemap > ul > li > ul > li.m-open {
		height: auto;
	}
	#sitemap > ul > li h3 {
		background: url('../img/btn/sel-arr.png') no-repeat center right;
		margin: 0;
	}
	#sitemap > ul > li > ul > li > h3 > a {
		display: block;
		background: #fff;
	}
	#sitemap > ul {
		max-width: 500px;
		height: auto;
		padding: 20px;
		background: #fff;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		flex-direction: column;
	}
	.wr {
		width: 100%;
		padding: 0 20px;
	}
	#main .cont-02 .alli-slider .slick-slide {
		padding: 0 60px;
	}
	#main .alli-slider .slick-prev {
		left: -20px;
	}
	#main .alli-slider .slick-next {
		right: -20px;
	}
	.sub-depth-1 li a {
		font-size: 14px;
	}
	.sub-depth-2 a {
		font-size: 14px;
		line-height: 60px;
	}
	#sub .review-slider .slick-arrow {
		width: 30px;
		height: 30px;
		border-radius: 100%;
		top: 35%;
	}
	#sub .review-slider .slick-next {
		right: 10px
	}
	#sub .review-slider .slick-prev {
		left: 10px;
	}
}
/* post-box */
.post-box { }
.post-box .thumb { border: solid 1px #e1e1e1; margin: 10px 10px 0 10px; border-radius: 10px; overflow: hidden; height: 140px; display: flex; justify-content: center; align-items: center; }
.post-box .thumb img { max-width: 100%; }
.post-box .text { height: 150px; }
.post-box .text2 { height: 70px; padding: 10px; }
.post-box .text strong, .post-box .text2 strong { display: block; font-size: 18px; color: #121212; }
.post-box .text strong.center, .post-box .text2 strong.center { text-align: center; }
.post-box .text span, .post-box .text2 span { display: block; }
.post-box .text span.title, .post-box .text2 span.title { font-size: 14px; margin-bottom: 10px; text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.post-box .text span.sub-text, .post-box .text2 span.sub-text { font-size: 13px; color: #999; }
.post-box .text span.date { font-size: 13px; text-align: right; color: #2B2E83; }
.post-box .text .btn-view { text-align: center; }
.post-box .text .btn-view em { padding: 5px 10px; display: block; border-radius: 5px; background-color: #2B2E83; font-size: 13px; color: #fff; }

/* enter */
.enter-view { }
.enter-view .thumb { display: flex; justify-content: center; width: 320px; margin: 0 auto; flex-direction: column; }
.enter-view .thumb img { border: solid 1px #e1e1e1; padding: 10px; }
.enter-view .thumb h2 { text-align: center; margin: 20px 0; font-size: 21px; color: #121212; }
.enter-view .enter-view-box { border: solid 1px #e1e1e1; background-color: #f7f7f7; border-radius: 20px; padding: 50px; }
.enter-view .enter-view-box .keyword { margin-bottom: 50px; display: flex; }
.enter-view .enter-view-box .keyword span { padding: 8px 15px 6px; margin-right: 5px; border-radius: 30px; background-color: #D5E5FF; color: #0046B7; font-size: 14px; }
.enter-view .enter-view-box h3 { font-size: 21px; margin-bottom: 15px; }
.enter-view .enter-view-box .text-box { background-color: #fff; padding: 30px; border-radius: 3px; margin-bottom: 50px; }
.enter-view .enter-view-box .info-list-01, .enter-view .enter-view-box .info-list-02 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; font-size: 18px;  }
.enter-view .enter-view-box .info-list-01 li, .enter-view .enter-view-box .info-list-02 li  { width: 49%; margin-bottom: 20px; }
.enter-view .enter-view-box .info-list-01 li span, .enter-view .enter-view-box .info-list-02 li span { background-color: #fff; width: 75%; border-radius: 3px; padding: 10px 0 10px 20px; height: 45px; }
.enter-view .enter-view-box .info-list-01 li .label { background-color: #0046B7;  width: 25%; border-radius: 3px; color: #fff; }
.enter-view .enter-view-box .info-list-02 li .label { background-color:#454545;  width: 25%; border-radius: 3px; color: #fff; }
.enter-view .enter-view-box .btn-wr { display: flex; justify-content: center; margin-bottom: 0; }
.enter-view .enter-view-box .btn-wr a { width: inherit; padding: 15px 30px; margin: 0 10px; }
.enter-view .enter-view-box .btn-wr a.qna { background-color: #466081; }
.enter-view .enter-view-box .detail-view { background-color: #fff; padding: 30px; border-radius: 3px; margin-bottom: 50px; }
.enter-field { }
.enter-field dl { display: flex; }
.enter-field dl dd { margin-right: 10px; }
.enter-field dl dd a { padding: 10px 12px 8px; border-radius: 3px; font-weight: 500; color: #fff; }
.enter-field dl dd a:hover { background-color: #f7f7f7; }
.enter-stit { font-size: 21px; color: #121212; font-weight: 700; margin: 50px 0 20px 0; }

.enter-field dl dd a.field-01 { background-color: #F18C10; }
.enter-field dl dd a.field-02 { background-color: #691D72; }
.enter-field dl dd a.field-03 { background-color: #00AAE8; }
.enter-field dl dd a.field-04 { background-color: #002F85; }
.enter-field dl dd a.field-05 { background-color: #CC225F; }
.enter-field dl dd a.field-06 { background-color: #0E893D; }
.enter-field dl dd a.field-07 { background-color: #E64C0E; }
.enter-field dl dd a.field-08 { background-color: #54A521; }

.enter-stit.tit-field-01 { color: #F18C10; }
.enter-stit.tit-field-02 { color: #691D72; }
.enter-stit.tit-field-03 { color: #00AAE8; }
.enter-stit.tit-field-04 { color: #002F85; }
.enter-stit.tit-field-05 { color: #CC225F; }
.enter-stit.tit-field-06 { color: #0E893D; }
.enter-stit.tit-field-07 { color: #E64C0E; }
.enter-stit.tit-field-08 { color: #54A521; }

.box-field-01 { border: solid 2px #F18C10; }
.box-field-02 { border: solid 2px #691D72; }
.box-field-03 { border: solid 2px #00AAE8; }
.box-field-04 { border: solid 2px #002F85; }
.box-field-05 { border: solid 2px #CC225F; }
.box-field-06 { border: solid 2px #0E893D; }
.box-field-07 { border: solid 2px #E64C0E; }
.box-field-08 { border: solid 2px #54A521; }

.post-list2 { padding: 10px 20px; border-radius: 5px; }
.post-list2 ul li { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border-bottom: solid 1px #e1e1e1; padding: 7px 0; }
.post-list2 ul li:last-child { border-bottom: 0; }
.post-list2 ul li .logo { width: 20%; text-align: center; }
.post-list2 ul li .logo img  { width: 56%; }
.post-list2 ul li .text-box { width: 64%; display: flex; flex-wrap: wrap; }
.post-list2 ul li .text-box strong, .post-list2 ul li .text-box span { margin: 5px 0; }
.post-list2 ul li .text-box strong:nth-child(1) { width: 60%; color: #121212; font-size: 18px; }
.post-list2 ul li .text-box span:nth-child(2) { width: 40%; }
.post-list2 ul li .text-box span:nth-child(3) { width: 60%; padding-right: 50px; }
.post-list2 ul li .text-box span:nth-child(4) { width: 20%; }
.post-list2 ul li .text-box span:nth-child(5) { width: 20%; text-align: right; }
.post-list2 ul li .link-box { width: 14%;  display: flex; flex-direction: column; align-items: flex-end; }
.post-list2 ul li .link-box a { display: block; width: 100px; font-size: 13px; font-weight: 700; margin-bottom: 5px; padding: 4px 0 2px; text-align: center; border-radius: 5px; }
.post-list2 ul li .link-box a:nth-child(1), .post-list2 ul li .link-box a:nth-child(2) { border: solid 1px #e1e1e1; }
.post-list2 ul li .link-box a:nth-child(1):hover, .post-list2 ul li .link-box a:nth-child(2):hover { background-color: #464646; color: #fff; }
.post-list2 ul li .link-box .job-app { margin-bottom: 0; background-color: #FED450; }
.post-list2 ul li .link-box .job-app:hover { background-color: #FF6026; color: #fff; }

.company-logo { width: 100%; position: relative; text-align: center; margin-bottom: 50px; }
.company-logo h3 { font-size: 36px; color: #121212; }
.company-logo .logo { width: 240px; margin: 0 auto; border: solid 1px #e1e1e1; padding: 10px; border-radius: 10px; }
.company-logo .directory-book { position: absolute; right: 0; top: 0; border-radius: 100%; width: 74px; height: 74px; background-color: #222; }
.company-summary .table-03 { }
.company-summary .table-03 ul { display: flex; flex-wrap: wrap; }
.company-summary .table-03 ul li { width: 50%; margin-bottom: 10px; padding-bottom: 10px; display: flex; border-bottom: solid 1px #e1e1e1; }
.company-summary .table-03 ul li .th-title { width: 140px; font-weight: 700; position: relative; z-index: 10; }
.company-summary .table-03 ul li .td-text { }
.company-summary .table-03 ul li .td-text a { text-decoration: underline; color: #2266D6;}
.company-summary .table-03 ul li.w-full { width: 100% !important; }


/*modal*/
.modal1 { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
.modal1 .modal-content { background-color: #fff; padding: 20px; width: 80%; max-width: 640px; position: absolute; border-radius: 5px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.modal1 .modal-content h2 { font-size: 24px; margin: 0; text-align: left; padding-bottom: 10px; border-bottom: solid 1px #e1e1e1; margin-bottom: 20px; }
.modal1 .close { position: absolute; top: 20px; right: 20px; cursor: pointer; width: 24px; height: 24px; background: url("../img/icon_close.svg") 50% 50% no-repeat; }
.popup-table .tip { margin-top: 10px; }
.popup-table ul li { width: 100%; padding: 12px 0; border-bottom: 1px solid #e1e1e1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; font-size: 16px; }
.popup-table ul li  .title { width: 180px; padding-left: 20px; font-weight: 500; }
.popup-table ul li .input-box { flex: 1; position: relative; display: flex; align-items: center; flex-wrap: wrap; }
.popup-table ul li .input-box input[type="radio"] { margin-right: 5px; }
.popup-table ul li .input-box select { padding: 5px 10px!important; width: 100%; border: solid 1px #e1e1e1; border-radius: 5px; }
.popup-table ul li .input-box span { display: block; }
.popup-table ul li .title span { font-size: 13px; color: #fd3c40; margin-left: 3px; }
.popup-table ul li .input-box label { width: auto !important; margin-right: 12px; display: flex; align-items: center; }
.input-box .w-full { width: 100%; margin-right: 0; }
.table-wrap .text-info { text-align: left; margin-bottom: 20px; }

/*=================================================================================
* Board Style
=================================================================================*/
.board-list {
    width: 100%;
    border-top: 1px solid #131313;
}
.board-list .board-item.first {
    background: #f7f7f7;
}
.board-list .board-item {
    position: relative;
    width: 100%;
    padding: 12px;
    border-bottom: 1px solid #e1e1e1;
	display: flex;
}
.board-list .board-item .number {
    float: left;
    font-size: 16px;
    color: #666;
    width: 50px;
    text-align: center;
}
.board-list .board-item .title {
    display: block;
    float: left;
    padding-left: 20px;
    width: calc(100% - 350px);
	text-align: center;
}
.board-list .board-item.first .title {
    text-align: center;
}
.board-list .board-item .date {
    /*    position : absolute;
    top: 12px;
    right: 12px;*/
    float: left;
    width: 100px;
    text-align: center;
    font-size: 16px;
    color: #999;
}
.view-area {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto 30px;
}
.view-area .view-title {
    width: 100%;
    border-top: 1px solid #232323;
}
.view-area .view-title h4 {
    line-height: 1.6;
    padding: 20px;
    font-size: 20px;
    color: #232323;
    margin-bottom: 0;
    word-wrap: break-word;
    font-weight: 500;
}
.view-area .view-title .view-info {
    border-top: 1px solid #f1f1f1;
    padding: 20px 0;
}
.view-area .view-title .view-info ul {
    display: inline-block;
    overflow: hidden;
}
.view-area .view-title .view-info ul li {
    float: left;
    padding: 0 16px;
    font-size: 14px;
    line-height: 1.6;
}
.view-area .view-title .view-info ul li + li {
    border-left: 1px solid #ccc;
}
.view-area .view-title span {
    float: left;
    padding-right: 8px;
}
.view-area .view-title .text {
    color: #707070;
    float: left;
}
.view-area .view-title .text:before {
    content: ':';
    padding-right: 8px;
}
.view-area .view-cont {
    min-height: 350px;
    padding: 20px 20px 40px;
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    word-wrap: break-word;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
}
.view-area .bo_info {
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #ccc;
}
.view-style02 {
}
.view-style02 .view-title {
    border-width: 2px;
}
.view-style02 .view-title .title {
    padding: 20px;
}
.view-style02 .view-title h4 {
    font-size: 28px;
    margin-bottom: 12px;
    padding: 0;
}
.view-style02 .view-title .dday {
    display: block;
    width: 55px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #21479C;
    border: 1px solid #21479C;
    font-size: 12px;
    border-radius: 30px;
}
.view-style02 .view-title .view-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 30px 0;
}
.view-style02 .view-title .view-info .thum-area {
    width: 380px;
    height: 300px;
    border-radius: 12px;
    overflow: hidden;
    background: #f8f8f8;
    display: flex;
    align-items: center;
}
.view-style02 .view-title .view-info .thum-area img {
    width: 100%;
    margin: 0 auto;
}
.view-style02 .view-info .text-info {
    flex: 1;
    padding-left: 60px;
}
.view-style02 .view-info .text-info dl {
    margin-bottom: 20px;
}
.view-style02 .view-info .text-info dt {
    font-weight: 600;
    margin-bottom: 4px;
}
.view-style02 .view-info .text-info dd {
    color: #666;
    font-weight: 400;
}
.view-style02 .view-info .text-info .time {
    color: #21479C;
    float: none;
    padding: 0;
}
.view-style02 .view-title .button-wrap {
    padding-bottom: 40px;
}
.tab-view-title {
    margin-bottom: 20px;
}
.tab-view-title h4 {
    font-size: 21px;
    color: #131313;
    margin-bottom: 12px;
}
.downfile {
    width: 100%;
    padding: 30px 30px;
    background: #f8f8f8;
    border-radius: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.downfile .text {
    font-size: 21px;
    color: #131313;
}
.downfile .down-file {
    color: #21479C;
    font-weight: 600;
    font-size: 18px;
    display: block;
    padding-right: 30px;
    background: url(../img/download-circular-button.png) 100% no-repeat;
    background-size: 20px;
}
.agency-wrap {
    width: 100%;
    position: relative;
}
.agency-info dl {
    margin-bottom: 20px;
    color: #131313;
    font-size: 18px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.agency-info dt {
    width: 120px;
}
.agency-info dd {
}
.agency-wrap .location-btn {
    position: absolute;
    top: 0;
    right: 0;
}
.agency-wrap .location-btn a {
    display: block;
    width: 180px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1;
    margin-bottom: 12px;
    background: #fff;
    font-size: 14px;
}
.button-wrap {
    text-align: center;
    margin: 10px 0;
}
.btn-basic {
    background: #21479C;
    color: #fff;
}

/* online */
.myfit, .supportlab { display: flex; justify-content: space-between; }
.post-list ul li { width: 20%; margin-bottom: 30px; }

@media screen and (max-width:1024px) {
	/* layout */
	#main .main-visual .visual-bg-01 {
		top: 75%;
	}
	#main .main-visual .slide-text h3 {
		font-size: 23px;
	}
	#main .main-visual .slide-text h2 {
		font-size: 45px;
	}
	#main .main-visual .slide-text p {
		font-size: 19px;
	}
	#main .cont-01 .wr {
		flex-direction: column;
	}
	#main .cont-01 .rig-info {
		padding-left: 0;
	}
	#main .cont-01 .rig-info ul li span {
		font-size: 17px;
		margin-right: 15px;
	}
	#main .cont-01 .rig-info ul li .tit {
		width: 100px;
	}
	#main .cont-01 .float-img01 {
		display: none;
	}
	#main .cont-01 ul li a {
		padding: 50px 10px;
		min-height: 340px;
	}
	#main .cont-01 ul li img {
		max-width: 160px;
	}
	#main .cont-01 ul li h4 {
		font-size: 20px;
	}
	#main .main-tit small {
		font-size: 20px;
	}
	#main .main-tit {
		font-size: 36px;
	}
	#main .cont-01 .ties-group li {
		margin-top: 10px;
		padding: 0;
	}
	.enter_comp_list {
		text-align: center;
	}
	.enter_comp_list ul {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.enter_comp_item {
		width: 300px;
		height: 320px;
		text-align: left;
		margin: 12px;
	}
	#main .cont-03 ul {
		flex-wrap: wrap;
	}
	#main .cont-03 ul li {
		position: relative;
		text-align: center;
		margin-bottom: 20px;
	}
	#main .cont-03 ul li .thum {
		width: 140px;
		height: 140px;
		flex-wrap: wrap;
		border-radius: 15px;
		margin-bottom: 0px;
	}
	#main .cont-03 ul li h4 {
		font-size: 15px;
	}
	.sub-depth-1 li a {
		font-size: 18px;
	}
	.sub-depth-1 li.active a {
		display: block;
	}
	/* sub */
	#sub .cont-tit h2 {
		font-size: 30px;
	}
	#sub .cont-tit h2.big {
		font-size: 40px;
	}
	#sub .cont-tit p {
		font-size: 16px;
	}
	#sub .cont-tit p br {
		display: none;
	}
	#sub .fair-intro .right-tit {
		min-height: auto;
	}
	#sub .fair-intro .right-tit p {
		font-size: 16px;
	}
	#sub .fair-intro .right-tit p br {
		display: none;
	}
	#sub .number-box li p {
		font-size: 16px
	}
	#sub .number-box li h3 {
		font-size: 20px;
	}
	#sub .icon-list li h3 {
		font-size: 20px;
	}
	#sub .process-box li h3 {
		font-size: 16px;
	}
	#sub .round-list li {
		width: 49%;
		margin-bottom: 1%;
	}
	#sub .round-list li:nth-child(4n+1) {
		margin-left: 2%;
		clear: none;
	}
	#sub .round-list li:nth-child(2n+1) {
		margin-left: 0;
		clear: both;
	}
	#sub .blt-box li {
		padding: 50px 20px;
		min-height: auto;
	}
	#sub .blt-box li img {
		max-width: 80px;
	}
	#sub .blt-box li:first-child:nth-last-child(7), #sub .blt-box li:first-child:nth-last-child(7) ~ li, #sub .blt-box li:first-child:nth-last-child(4), #sub .blt-box li:first-child:nth-last-child(4) ~ li, #sub .blt-box li:first-child:nth-last-child(8), #sub .blt-box li:first-child:nth-last-child(8) ~ li {
		width: 48%;
	}
	#sub .blt-box li h3 {
		font-size: 20px;
	}
	#sub .intro-box .tbox h2 {
		font-size: 30px;
	}
	#sub .intro-box .tbox h2 br {
		display: none;
	}
	#sub .intro-box .left {
		padding-right: 20px;
	}
	#sub .intro-box .right {
		padding-left: 20px;
	}
	#sub .intro-box .tbox ul li {
		font-size: 16px;
	}
	#sub .sm-tit {
		font-size: 16px;
	}
	#sub .con-tab-menu li a span {
		font-size: 14px;
	}
	#sub .prd-list strong, #sub .adv-list strong, #sub .prd-list2 strong, #sub .partners dd, #sub .img-list strong {
		font-size: 26px;
	}
	#sub .prd-list li h3, #sub .adv-list li h3, #sub .prd-list2 li h3, #sub .img-list li h3 {
		font-size: 16px;
	}
	#sub .img-list li p {
		font-size: 14px
	}
	#sub .prd-list li img {
		max-width: 50px
	}
	#sub .cont-tit small {
		font-size: 15px;
	}
	#sub .icon-box2 li:first-child:nth-last-child(7), #sub .icon-box2 li:first-child:nth-last-child(7) ~ li, #sub .icon-box2 li:first-child:nth-last-child(4), #sub .icon-box2 li:first-child:nth-last-child(4) ~ li, #sub .icon-box2 li:first-child:nth-last-child(8), #sub .icon-box2 li:first-child:nth-last-child(8) ~ li {
		width: 47%
	}
	.ft-contact {
		position: inherit;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.ft-contact p {
		margin-bottom: 8px;
	}
	.ft-contact p strong {
		font-size: 19px;
	}
	.ft-contact .btn-contact {
		display: block;
		width: 130px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		border-radius: 40px;
	}
	.ft-contact .btn-contact .ico-message {
		display: inline-block;
		vertical-align: middle;
		width: 24px;
		height: 18px;
		background: url("../img/icon_message.svg") center no-repeat;
		background-size: contain;
	}
}
@media screen and (max-width:768px) {
	/* layout */
	.pc-box { display: none!important; }
	.mo-box { display: block!important; }
	.main-enter-list li { width: 47%; margin: 0 6% 2% 0; }
	.main-enter-list li:nth-of-type(5n) { margin-right: auto; }
	.main-enter-list li:nth-of-type(2n) { margin-right: 0; }
	.com-info-wr .en-photo { margin: 10px 0 30px!important; }
	html {
		font-size: 14px;
	}
	.sec-header .logo {
		left: 40px;
	}
	.btn-category, .btn-category.map {
		right: 40px;
	}
	#main .main-slide .slick-prev {
		left: 40px;
	}
	#main .main-slide .slick-next {
		right: 40px;
	}
	#main .main-visual .slide-text p {
		font-size: 19px;
	}
	#main .main-visual .slide-text p br {
		display: block !important;
	}
	.btn-wr-inline a {
		margin: 10px 0;
	}
	.sub-depth-1 ul { width: 100%; max-width: inherit; }
	.sub-depth-1 li a { line-height: 46px; font-size: 12px; }
	/* main-visual */
	#main .main-bg-2 {
		width: 1920px !important;
		position: absolute;
		top: 0;
		left: -100% !important;
		overflow: hidden;
		display: block;
	}
	.lecture-box ul li span { font-size: 14px; }
	#main .main-visual .visual-bg-01 { top: 50%; width: 90%; }
	.main-enter-list ul { flex-wrap: wrap; }
	.main-enter-list ul li { width: 47%; margin: 0 3% 3% 0; }
	.main-enter-list ul li:nth-of-type(2n) { margin-right: 0; }
	.board-list .board-item.first { display: none; }
	.board-list .board-item { flex-wrap: wrap; }
	.board-list .board-item .number { width: 10%; text-align: left; }
	.board-list .board-item .title { width: 70%; text-align: left; }
	.board-list .board-item .date { width: 20%; text-align: left; }
	.board-list .board-item p:nth-child(3), .board-list .board-item p:nth-child(5) { display: none; }
	.board-list .board-item .date { font-size: 14px; text-align: right; }
	.mw-100 { width: 100%!important; }
	.mw-100 th:nth-child(1) { width: 20%!important; }
	.mw-100 td.pick { width: 15%!important; }
	#main .cont-01 .sponsor-logo div { display: flex; flex-wrap: wrap; justify-content: space-around; }
	#main .cont-01 .sponsor-logo div span { width: 50%; margin: 0 0 10px 0; }
	#main .cont-01 .sponsor-logo div span img { height: 30px; }
	#main .cont-03 ul li .thum { flex-wrap: nowrap; }
	#main .cont-03 ul li .thum span { width: 46%; }
	#main .cont-03 ul li .thum h4 { font-size: 15px; }
	#main .cont-03 ul li .text { font-size: 12px; margin-top: 10px; }
	#main .cont-03::after { display: none; }
	/*
	#main .cont-01 ul li{width:49%; margin-bottom:2%;}
	#main .cont-01 ul li:nth-child(2n){margin-right:0;} 
	*/
	#main .cont-01 ul {
		flex-direction: column;
	}
	#main .cont-01 ul li {
		margin: 0;
	}
	#main .cont-01 ul li a {
		padding: 50px 20px;
	}
	#main .cont-01 ul li h4 {
		max-width: 200px;
		margin: 20px auto 0;
	}
	#main .main-tit small {
		font-size: 18px;
	}
	#main .main-tit {
		font-size: 30px;
	}
	.main-bn p {
		font-size: 26px;
	}
	.main-bn {
		padding: 50px 20px;
	}
	#main .main-bn, #sub .main-bn {
		background-size: cover;
		padding: 50px 0;
	}
	#sub .main-bn {
		padding: 30px 20px;
	}
	#main .cont-wr {
		padding: 80px 0 110px;
	}
	#main .cont-03 .wr {
		flex-direction: column;
	}
	#main .cont-03 .wr div {
		width: 100% !important;
		padding: 0 !important;
	}
	#main .cont-03 .box {
		padding: 20px;
	}
	#main .cont-03 .box h4 {
		font-size: 20px;
		height: 60px;
	}
	.family-site {
		position: relative;
		top: auto;
		margin: 20px 0 0;
		max-width: 250px;
	}
	.sub-visual h1 {
		font-size: 45px;
		padding: 170px 0;
	}
	.sub-depth-2 {
		position: absolute;
		width: 100%;
		left: 0;
		z-index: 2;
		background: #fff;
		display: none;
	}
	.sub-depth-2 a {
		width: 100%;
		display: block;
		margin: 0;
		border-bottom: 1px solid #e8e8e8;
	}
	.ft-contact p strong { font-size: 11px; }
	#main .main_title_wrap h4 { font-size: 24px; }
	/* sub */
	#sub .cont-wr {
		padding: 80px 0;
	}
	#sub .mt-120 {
		margin-top: 80px;
	}
	#sub .mb-120 {
		margin-bottom: 80px;
	}
	#sub .fair-intro .left-img {
		width: 94%;
		position: relative;
	}
	#sub .fair-intro .right-tit {
		margin: 0 0 30px;
		padding: 30px;
		width: 100%;
	}
	#sub .fair-intro .right-tit small {
		margin: 10px 0;
	}
	#sub .fair-intro .right-tit h2:before {
		width: 110%;
	}
	#sub .process-box li {
		width: 100%;
		margin: 0 0 10px;
		padding: 70px 20px 20px;
		min-height: auto;
	}
	#sub .process-box li h3 {
		text-align: left;
	}
	#sub .process-box li h3 br {
		display: none;
	}
	#sub .tb-list dt {
		padding: 10px;
		font-size: 16px;
	}
	#sub .tb-list dd {
		padding: 20px;
	}
	#sub .number-box li {
		width: 100%;
		margin: 0 0 10px;
		min-height: auto;
		padding: 50px 20px 40px;
	}
	#sub .number-box strong {
		top: -20px;
	}
	#sub .number-box li h3 br {
		display: none;
	}
	#sub .icon-list {
		border-top: 1px solid #333;
		max-width: 500px;
		margin: 0 auto;
	}
	#sub .icon-list li {
		border: 0;
		border-bottom: 1px solid #e8e8e8 !important;
		padding: 40px 20px;
	}
	#sub .icon-list li:first-child:nth-last-child(1), #sub .icon-list li:first-child:nth-last-child(1) ~ li, #sub .icon-list li:first-child:nth-last-child(2), #sub .icon-list li:first-child:nth-last-child(2) ~ li, #sub .icon-list li:first-child:nth-last-child(3), #sub .icon-list li:first-child:nth-last-child(3) ~ li, #sub .icon-list li:first-child:nth-last-child(4), #sub .icon-list li:first-child:nth-last-child(4) ~ li {
		width: 100%;
		margin: 0;
		border: 0;
	}
	#sub .circle-box li {
		width: 49%;
		padding-bottom: 49%;
		margin: -1%;
	}
	#sub .intro-box .left {
		width: 100%;
		padding: 0 10px;
	}
	#sub .intro-box .right {
		width: 100%;
		padding: 0 10px;
	}
	#sub .intro-box .tbox h2 {
		font-size: 24px;
		margin: 30px 0 20px;
	}
	#sub .intro-box .tbox p {
		font-size: 16px;
	}
	#sub .b-line .tbox h2:after {
		width: 30px;
		right: auto;
		left: 0;
		bottom: -10px
	}
	#sub .md-tit {
		font-size: 20px;
	}
	#sub .con-tab {
		padding: 30px 0 0;
	}
	#sub .prd-list strong, #sub .adv-list strong, #sub .prd-list2 strong, #sub .img-list strong {
		top: 30px;
		width: 100%;
		font-size: 20px;
	}
	#sub .prd-list ul, #sub .prd-list2 ul, #sub .img-list ul {
		padding: 80px 0 30px;
	}
	#sub .adv-list strong {
		top: 30px;
		width: 100%;
		font-size: 20px;
	}
	#sub .adv-list strong br {
		display: none;
	}
	#sub .adv-list li {
		padding: 80px 0 30px;
	}
	#sub .adv-list dt {
		width: 45%;
	}
	#sub .adv-list dd {
		width: 50%;
	}
	#sub .circle-box2 li {
		width: 20%;
		padding-bottom: 20%;
	}
	#sub .circle-box2 li h3 {
		font-size: 16px;
	}
	#sub .partners dd {
		width: 100%;
		padding-right: 0;
		padding: 0 0 20px;
	}
	#sub .partners dt {
		width: 100%;
	}
	#sub .partners dl {
		padding: 50px 0 30px;
	}
	#sub .blt-box li {
		min-height: 232px;
	}
	#sub .prd-list li {
		width: 100%;
		margin: 0 0 10px;
		height: auto;
		padding-bottom: 0;
	}
	#sub .prd-list li .con {
		position: relative;
		left: 0;
		top: 0;
		transform: none;
	}
	#sub .prd-list li h3 {
		margin: 0;
	}
	#sub .prd-list li p {
		margin: 10px 0 0;
	}
	#sub .prd-cc li {
		width: 48%;
		margin: 1%;
		padding-bottom: 48%;
		height: 0;
	}
	#sub .prd-cc li .con {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	#sub .cont-tit h2 {
		font-size: 26px;
	}
	#sub .cont-tit h2.big {
		font-size: 30px;
	}
	#sub .chk-list li {
		font-size: 16px;
	}
	#sub .img-list li {
		width: 49%;
	}
	#sub .img-list li:nth-child(3n+2) {
		margin-left: 2%;
		clear: none;
	}
	#sub .img-list li:nth-child(2n+2) {
		margin-left: 0;
		clear: both;
	}
	#sub .cc-box li {
		width: 32%;
		padding: 5px;
	}
	#sub .vbr-list.w50 li {
		width: 100%;
		float: none;
		min-height: auto;
	}
	.flex {
		display: flex;
		flex-direction: column;
	}
	.greeting-photo {
		text-align: center;
		margin-bottom: 30px;
	}
	.greeting-text p strong {
		display: inline;
	}
	.mov-01 {
		padding: 40px 0 !important;
	}
	.mov-01 .top-mov {
		padding: 0 !important;
		height: 240px !important;
	}
	.mov-02 ul {
		margin: 0 !important;
	}
	.mov-02 ul li {
		width: 100% !important;
		margin: 0 0 50px 0 !important;
		height: auto !important;
	}
	.line-board2 {
		margin-top: 20px;
	}
	.search_biz dt {
		float: none;
		font-size: 17px;
		width: 100%;
	}
	.search_biz dd {
		float: none;
		width: 100%;
	}
	.search_biz dd .table .tr {
		height: auto;
	}
	.search_biz dd .table .td {
		float: none;
		border: none;
		padding: 12px;
	}
	.search_biz dd .input_text, .table_t02 td .input_text {
		float: none;
	}
	.search_biz dd .input_text, .table_t02 td .input_text, .search_biz dd .btn {
		margin-bottom: 4px;
	}
	.search_biz dd .select_box, .table_t02 td .select_box {
		width: 100% !important;
		float: none;
		margin-bottom: 4px;
	}
	.table_basic th, .table_basic td {
		font-size: 12px;
	}
	.table_basic td .company_name {
		font-size: 12px;
	}
	.table_basic td .title a {
		font-size: 12px;
	}
	.info-box { padding: 0; }
	.info-box dl dd {font-size: 15px; }
	.info-box dl dd strong { width: 32%; padding: 13px 20px 10px 20px; font-size: 13px; }
	.info-box dl dd span { width: 65%; }
	.enter-view .enter-view-box { padding: 15px; }
	.enter-view .enter-view-box .info-list-01 li span, .enter-view .enter-view-box .info-list-02 li span { min-height: 45px; padding: 10px; }
	.enter-view .enter-view-box .info-list-01 li, .enter-view .enter-view-box .info-list-02 li { width: 100%; font-size: 15px; }
	.enter-view .enter-view-box .info-list-01 li .label, .enter-view .enter-view-box .info-list-02 li .label { width: 35%; }
	.enter-view .enter-view-box .info-list-01 li span, .enter-view .enter-view-box .info-list-02 li span { width: 65%; }
	.enter-view .enter-view-box .keyword { flex-wrap: wrap; margin-bottom: 20px; }
	.enter-view .enter-view-box .keyword span { margin-bottom: 10px; }
	.btn-wr a { font-size: 15px; }
	.enter-view .enter-view-box .btn-wr a { padding: 15px 20px; }
	.info-text-01 strong { font-size: 16px; margin-bottom: 10px; }
	.info-text-01 span { font-size: 14px; }
	.info-text-01 p { font-size: 14px; }
	.fair-info { flex-direction: column; }
	.fair-info div { width: 100%!important; }
	.info-box .info-logo span img { height: 16px; }
	.jobclip-list ul li { width: 100%; }
	.myfit, .supportlab { flex-direction: column; }
	.info-text-01 { margin-bottom: 20px; }
	.main-enter-list ul li:nth-of-type(5n) { margin-right: 3%; }
	.popup-table ul li { font-size: 13px; }
	.popup-table ul li .title { width: 90px; }
	#sub .info-text-wr { flex-wrap: wrap; }
	#sub .info-text-wr .thumb { width: 100%; margin: 0; padding: 0 10px; }
	#sub .info-text-wr .text { width: 100%; margin-left: 5%; }
	.enter-field dl, .lounge-info dl { flex-wrap: wrap; }
	.enter-field dl dd { height: 50px; }
	.post-list2 ul li .logo { width: 100%; border: solid 1px #e1e1e1; margin-bottom: 10px; padding: 15px; border-radius: 10px; }
	.post-list2 ul li .text-box { width: 100%; }
	.post-list2 ul li .link-box { width: 100%; flex-direction: row; align-items: flex-start; }
	.post-list2 ul li .link-box a { margin: 2px; }
	.lounge-info dl dd { width: 100%; margin-bottom: 10px; }
	.lounge-info p, .accordion h3 { font-size: 16px!important; }
	.accordion-header { font-size: 15px!important; }
	.accordion-content .faq-list { padding: 20px!important; }
	.accordion-content .faq-list ul { margin-left: 20px!important; }
	.enter-view-wr .com-info-wr, .enter-view-wr .recruit-wr { width: 100%!important; }
	.com-info-wr .info-top .text-logo, .com-info-wr .info-top .logo { width: 100%!important; text-align: center!important; }
	.section-table { margin-bottom: 30px!important; }
	.section-table .title, .section-table .table { width: 100%!important; }
	.section-table span, .section-table .title h5::before { display: none!important; }
	.section-table .title { margin-bottom: 10px!important; }
	.section-table .title h5 br { display: none!important; }
	.section-table .table table th, .section-table .table table td { font-size: 13px!important; }
	.post-list2 ul li .text-box strong:nth-child(1) { width: 100%; }
	.post-list2 ul li .text-box span:nth-child(2) { width: 100%; }
	.post-list2 ul li .text-box span:nth-child(3) { width: 100%; }
	.post-list2 ul li .text-box span:nth-child(4) { width: 50%; }
	.post-list2 ul li .text-box span:nth-child(5) { width: 50%; }
	.notice-view-wr { font-size: 15px; }
	.terms-box h2 { font-size: 18px!important; }
	.terms-box h3 { font-size: 16px!important; }
	.terms-box p { font-size: 13px!important; }
	
	.map-table div { width: 100%!important; margin-right: 0%!important; margin-bottom: 30px!important; }
	.map-table div:nth-of-type(4n) { margin-right: inherit; }
	.accordion-item.item .accordion-header .plus { left: 93px!important; top: 11px!important; }
}
@media screen and (max-width:480px) {
	#main .main-visual { height: 60vh; background-position: -290px; }
	.search_biz dd .input_text input { width: 100%; }
	.search_biz dd .btn { width: 100%; margin-bottom: 10px; }
	.search_biz dd .btn a { width: 100%; }
	.post-list ul li { width: 100%; }
	#register_cnt .formbox, .formbox { padding: 10px; }
	#register_cnt .formbox dl dd input[type="text"], .formbox dl dd input[type="text"] { width: 100%; }
	#main .cont-03 ul { margin: 0; }
	/* layout */
	.sec-header .logo {
		width: 200px;
		background-size: 100%;
		left: 20px;
	}
	.btn-category, .btn-category.map {
		right: 20px;
	}
	.join {
		display: block;
	}
	.join a span {
		text-indent: -500em;
		overflow: hidden;
		background: url("../img/icn_people_d.svg") no-repeat;
		width: 24px;
		height: 24px;
	}
	.btn-category {
		width: 30px;
	}
	.sec-header {
		background: #fff;
		height: 70px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
	}
	.sec-header .wr {
		height: 70px;
	}
	.sec-header .logo {
		background-image: url(../img/logo-d.svg);
		top: 13px;
	}
	.sec-header .nav:after {
		display: none;
	}
	.sec-header .nav > li > h2 {
		color: #333;
	}
	.btn-category .bar {
		background: #000;
	}
	.sec-header:before {
		display: none;
	}
	#sitemap > ul > li {
		padding: 0;
		margin-bottom: 10px; 
	}
	#sitemap > ul > li h2 {
		font-size: 20px;
	}
	#sitemap > ul > li h3 {
		font-size: 17px;
	}
	#sitemap > ul > li > ul > li > a {
		font-size: 15px;
	}
	#sitemap {
		top: 70px;
		height: calc(100% - 70px);
	}
	.btn-category {
		top: 23px;
	}
	.join {
		top: 25px;
		right: 17%;
	}
	.join em { margin: 0; padding-top: 1px;}
	.join a { color: #121212; font-size: 14px; }
	#main .main-slide .slick-dots {
		bottom: 70px;
	}
	#main .main-visual .slide-text {
		top: 65%;
		left: 30%;
		width: 60%;
	}
	#main .main-visual .main-btn-app { 
		top: 100px;
        left: 7%;
	}
	#main .main-visual .main-btn-app a { font-size: 16px; width: 84px; height: 84px; line-height: 18px; }
	
	#main .main-visual .slide-text h2 {
		font-size: 41px;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	#main .main-visual .slide-text h3 {
		font-size: 17px;
		margin-bottom: 10px;
	}
	#main .main-visual .slide-text h4 {
		font-size: 20px;
		margin: 10px 0 10px;
	}
	#main .main-visual .slide-text p {
		font-size: 21px;
	}
	#main .main-visual .slide-text span {
		font-size: 16px;
	}
	#main .main-visual .slide-text em {
		font-size: 14px;
	}
	#main .main-visual .slide-text .top-logo-wr {
		margin-top: 10px;
	}
	#main .main-visual .slide-text .top-logo-wr a {
		display: inline-block;
		width: 70px;
	}
	#main .main-visual .slide-text .top-banner-wr a {
		width: 80px;
		display: inline-block;
		margin: 5px;
	}
	#main .main-slide .slick-prev {
		left: 5%;
	}
	#main .main-slide .slick-next {
		right: 5%;
	}
	#main .main-slide .slick-arrow {
		width: 20px;
		background-size: 100%;
	}
	#main .visual-notice h3 {
		padding: 10px;
		max-width: 100px;
		font-size: 14px;
	}
	#main .bbs-slider {
		width: calc(100% - 110px);
		padding: 10px 0;
		font-size: 14px;
	}
	#main .visual-notice .wr {
		padding: 0;
	}
	#main .bbs-slider .slick-arrow {
		display: none !important;
	}
	#main .cont-wr {
		padding: 50px 0;
	}
	#main .main-tit {
		font-size: 16px;
		margin: 0 0 50px;
	}
	#main .main-tit small {
		font-size: 16px;
	}
	#main .cont-01 ul li {
		width: 100%;
	}
	#main .cont-01 ul li a {
		padding: 30px 20px;
		min-height: auto;
	}
	#main .cont-01 ul li h4 {
		font-size: 17px;
		min-height: auto;
		margin: 20px auto 10px;
	}
	#main .cont-01 ul li p {
		font-size: 14px;
	}
	#main .cont-01 ul li img {
		max-width: 240px;
	}
	#main .cont-01 ul li {
		margin-bottom: 2%;
	}
	#main .cont-01 .rig-info ul li .tit {
		width: 80px;
	}
	#main .cont-01 .rig-info ul li:after {
		display: block;
		clear: both;
		content: '';
	}
	#main .cont-01 .rig-info ul li span {
		float: left;
		font-size: 13px;
		margin-right: 8px;
	}
	#main .cont-01 .rig-info ul li span:last-of-type {
		width: 70%;
	}
	#main .alli-slider .slick-arrow {
		width: 40px;
		height: 40px;
		background-size: 100%;
	}
	#main .alli-slider .slick-prev {
		left: -10px;
	}
	#main .alli-slider .slick-next {
		right: -10px;
	}
	#main .cont-02 .alli-slider .slick-slide {
		padding: 0 40px
	}
	#main .cont-02 .alli-slider a {
		width: 49%;
		height: auto;
	}
	#main .cont-02 .alli-slider a:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}
	#main .cont-03 ul li {
		width: 46%;
		margin-bottom: 15px;
	}
	#main .cont-03 .box h4 {
		font-size: 18px;
		height: 54px;
	}
	#main .cont-03 .box strong {
		font-size: 13px
	}
	#main .cont-03 h3 {
		font-size: 16px;
	}
	#main .cont-03 h3 a {
		font-size: 14px;
	}
	#main .cont-03 h3 a::after {
		width: 12px;
		height: 12px;
	}
	#main .main_title_wrap h3 { font-size: 16px; }
	#main .cont-01 .main_title_wrap { width: 100%; }
	#main .main_title_wrap .button_area { top: 0; }
	/*#main .cont-03 .wr div:nth-child(1) {
		margin-bottom: 50px;
	}*/
	.main-bn p {
		font-size: 21px;
	}
	.main-bn span.bn-tit {
		font-size: 16px;
		margin-bottom: 0;
	}
	.main-bn span.bn-text {
		font-size: 14px;
	}
	.quick-menu {
		right: 10px;
		bottom: 10px;
	}
	.sec-footer {
		padding: 20px 0 40px;
		font-size: 13px;
	}
	.ft-link a {
		margin-right: 10px;
	}
	.ft-link a:last-child {
		margin-right: 0;
	}
	.sub-depth-1 li.active a {
		font-size: 12px;
	}
	.sub-visual {
		height: 260px;
	}
	.sub-visual h1 {
		font-size: 25px;
		position: absolute;
		left: 0;
		width: 100%;
		top: 60%;
		transform: translateY(-50%);
		padding: 0 20px;
	}
	.sub-visual h1 span { line-height: 1.2; }
	.sub-visual h1 p {
		font-size: 14px;
	}
	.sub-depth-2 a {
		line-height: 50px;
		font-size: 14px;
	}
	/* sub */
	#sub .cont-wr {
		padding: 60px 0;
	}
	#sub .mt-120 {
		margin-top: 60px;
	}
	#sub .mb-120 {
		margin-bottom: 60px;
	}
	#sub .fair-intro .left-img {
		width: 94%;
	}
	#sub .fair-intro .right-tit {
		width: 100%;
		padding-right: 0;
	}
	#sub .fair-intro .right-tit small {
		font-size: 14px;
	}
	#sub .fair-intro .right-tit h2 {
		font-size: 28px;
	}
	#sub .fair-intro .right-tit h2:before {
		width: 40px;
		left: 0;
		right: auto;
	}
	#sub .fair-intro .right-tit p {
		font-size: 15px;
	}
	#sub .fair-intro .right-tit p br {
		display: none;
	}
	#sub .fair-summary li {
		font-size: 14px;
	}
	#sub .fair-summary li .table-tit, #sub .fair-summary li .table-info {
		float: none;
		width: 100%;
	}
	#sub .cont-tit {
		margin: 0 auto 30px;
	}
	#sub .cont-tit h2 {
		font-size: 17px
	}
	#sub .cont-tit h3 {
		font-size: 16px
	}
	#sub .cont-tit h2.big {
		font-size: 24px;
	}
	#sub .cont-tit h2 br {
		display: none;
	}
	#sub .cont-tit p {
		font-size: 14px;
	}
	#sub .cont-tit p br { display: none; }
	#sub .sub-text li {
		font-size: 14px;
	}
	#sub .poster-wr {
		width: 100%;
	}
	#sub .cont-tit .point {
		font-size: 16px;
		line-height: 21px;
	}
	#sub .process-box li h3 {
		font-size: 16px;
		margin: 15px 0;
	}
	#sub .process-box li p {
		padding: 2px 0 2px 12px;
	}
	#sub .process-box li p:after {
		top: 9px;
	}
	#sub .icon-list li h3 {
		font-size: 16px;
		margin: 20px 0 10px
	}
	#sub .icon-list li {
		padding: 30px 20px 40px;
	}
	#sub .icon-list li img {
		max-height: 80px;
	}
	#sub .circle-box li {
		margin: 0;
	}
	#sub .circle-box li h3 {
		font-size: 16px;
		margin: 0 0 10px
	}
	#sub .circle-box li .con {
		padding: 10px;
	}
	#sub .round-list li {
		width: 100%;
		margin: 0 0 10px;
	}
	#sub .round-list li a > span {
		font-size: 14px;
	}
	#sub .blt-box li {
		width: 100% !important;
		margin: 0 0 5px;
		padding: 30px 20px;
		min-height: auto;
	}
	#sub .blt-box li img {
		max-width: 60px;
	}
	#sub .blt-box li h3 {
		font-size: 16px;
	}
	#sub .img-list2 li {
		width: 47%;
	}
	#sub .img-list2 li img {
		margin: 0 0 10px;
	}
	#sub .img-list2 li h3 {
		font-size: 15px;
		margin: 0 0 5px;
	}
	#sub .img-list2.left li {
		width: 100%;
		padding: 0 0 20px;
	}
	#sub .img-list2.left li img {
		margin: 0 0 20px;
	}
	#sub .intro-box .left {
		margin-bottom: 0;
	}
	#sub .intro-box .tbox h2 {
		font-size: 20px;
		margin: 30px 0 15px;
	}
	#sub .intro-box .tbox h2 br {
		display: none;
	}
	#sub .intro-box .tbox p {
		font-size: 14px;
	}
	#sub .intro-box .tbox ul li {
		font-size: 14px;
		padding: 5px 0 5px 30px;
	}
	#sub .intro-box .tbox ul li:after {
		width: 20px;
		height: 20px;
		background-size: 100%;
	}
	#sub .md-tit {
		font-size: 16px;
	}
	#sub .vbr-list li {
		padding: 20px 0;
		min-height: auto;
	}
	#sub .vbr-list img {
		position: relative;
		top: auto;
		left: auto;
		right: 0;
		max-width: 80px;
		margin: 0 auto 10px;
		display: block;
	}
	#sub .vbr-list li h3 {
		font-size: 16px;
		margin: 0 0 10px;
		text-align: center;
	}
	#sub .prd-cc li {
		width: 48%;
		padding-bottom: 48%;
	}
	#sub .prd-list strong, #sub .adv-list strong, #sub .prd-list2 strong {
		font-size: 16px;
	}
	#sub .prd-list li h3 {
		font-size: 16px;
	}
	#sub .adv-list li p {
		font-size: 14px;
	}
	#sub .adv-list li p:after {
		top: 12px;
	}
	#sub .adv-list li p small {
		font-size: 14px;
	}
	#sub .b-number .tbox b {
		font-size: 40px;
		margin: 20px 0 -20px;
		line-height: 1;
	}
	#sub .number-box strong {
		font-size: 80px;
	}
	#sub .number-box li h3 {
		font-size: 18px
	}
	#sub .adv-list li p {
		font-size: 14px;
	}
	#sub .sm-tit {
		font-size: 14px;
		margin: 0 0 20px;
	}
	#sub .adv-list dt {
		width: 100%;
		margin: 0 0 20px;
	}
	#sub .adv-list dd {
		width: 100%;
	}
	#sub .adv-list dd h4 {
		font-size: 16px;
	}
	#sub .prd-list2 li img {
		max-width: 80px;
	}
	#sub .prd-list2 li {
		width: 100%;
		margin: 0 0 10px;
		min-height: auto;
		padding: 30px 20px;
	}
	#sub .icon-box li img {
		max-width: 80px;
	}
	#sub .icon-box li {
		width: 100% !important;
		margin: 0 0 5px;
		padding: 30px 20px;
		height: auto;
	}
	#sub .icon-box2 li img {
		max-width: 80px;
	}
	#sub .icon-box2 li {
		width: 100% !important;
		margin: 0 0 5px;
		padding: 30px 20px;
		height: auto;
	}
	#sub .icon-box2 li h3 {
		font-size: 16px;
	}
	#sub .circle-box2 li {
		width: 40%;
		padding-bottom: 40%;
		margin: 2%;
	}
	#sub .circle-box2:after {
		display: none;
	}
	#sub .circle-box2 li h3 {
		font-size: 16px
	}
	#sub .circle-box2 li .con {
		padding: 0;
	}
	#sub .bg-half:after, #sub .bg-half-2:after {
		height: calc(100% - 200px);
	}
	#sub .chk-list li {
		width: 100%;
		font-size: 14px;
		padding: 5px 0 5px 30px;
	}
	#sub .chk-list li:after {
		width: 20px;
		height: 20px;
		background-size: cover;
	}
	#sub .about {
		margin: 30px 0 0;
	}
	#sub .img-list li img {
		width: 100%;
	}
	#sub .prd-list li h3, #sub .adv-list li h3, #sub .prd-list2 li h3, #sub .img-list li h3 {
		font-size: 16px;
	}
	/* 회원가입 */
	#login_cnt .cntbox {
		min-height: inherit;
		height: auto !important;
		border: 0;
	}
	#login_cnt .cntbox form {
		margin-bottom: 18px;
		width: 100%;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	#login_cnt .cntbox .form dl {
		padding: 26px 0 22px;
	}
	#login_cnt .cntbox .form dl:last-child {
		border-bottom: none;
	}
	#login_cnt .cntbox .form dt {
		float: inherit;
	}
	#login_cnt .cntbox .form dd {
		margin-left: 0;
	}
	#login_cnt .cntbox .form dd input {
		width: 100%;
		font-size: 15px;
	}
	#login_cnt .cntbox .btn_login {
		margin: 0 auto;
		width: 100%;
	}
	#login_cnt .cntbox .btn_login a {
		height: 52px;
		line-height: 1.2;
		font-size: 16px;
	}
	#login_cnt .content_support {
		width: 100%;
	}
	#login_cnt .content_support .box {
		float: inherit;
		width: 100%;
		height: auto;
	}
	#login_cnt .content_support .box p {
		font-size: 15px;
		height: inherit;
		margin: 20px 0;
	}
	#login_cnt .content_support .box p br {
		display: none;
	}
	/*=================================================================================
    * 아이디찾기 & 비밀번호찾기
    =================================================================================*/
	#login_cnt .cntbox .form dd.email_area {
		width: 100%;
		overflow: hidden;
	}
	#login_cnt .cntbox .form dd.email_area .input {
		float: left;
		width: 45%;
	}
	#login_cnt .cntbox .form dd.email_area .input input[type="text"] {
		font-size: 15px;
		width: 100%;
	}
	#login_cnt .cntbox .form dd.email_area span {
		font-size: 15px;
	}
	#login_cnt .cntbox .form dd.email_area .select {
		float: none;
		width: 100%;
		margin-top: 50px;
	}
	#login_cnt .cntbox .form dd.email_area .select label {
		font-size: 15px;
	}
	#login_cnt .cntbox .form dd.email_view {
		height: 40px;
		line-height: 40px;
	}
	#login_cnt .cntbox .form dd.email_view p {
		font-size: 20px;
		color: #292929;
	}
	/*=================================================================================
    * 회원가입
    =================================================================================*/
	#register_cnt {
		padding-bottom: 150px;
	}
	#register_cnt .register_step {
		padding: 20px 0;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 34px;
	}
	#register_cnt .register_step ul {
		width: 100%;
		justify-content: flex-start;
	}
	#register_cnt .register_step ul li {
		flex-direction: column;
		width: 33.33%
	}
	#register_cnt .register_step ul li h3 {
		font-size: 14px;
	}
	#register_cnt .register_step ul li h3 small {
		font-size: 12px;
	}
	#register_cnt .register_step ul li span {
		width: 40%;
		margin: 0 auto;
	}
	#register_cnt .register_step ul li::after {
		display: none;
	}
	#register_cnt .temp_box {
		border: 0;
		padding: 0;
		margin-bottom: 35px;
	}
	#register_cnt .temp_box dl {
		background-repeat: repeat-x;
		background-position: left bottom;
		background-image: url(../img/sub/line_dotted.jpg);
		padding-bottom: 35px;
		margin-bottom: 45px;
	}
	#register_cnt .temp_box dt {
		font-size: 20px;
		height: 40px;
		font-weight: 700;
		color: #292929;
		letter-spacing: -0.025em;
	}
	#register_cnt .temp_box dd {}
	#register_cnt .temp_box dd.textarea {
		border: 1px solid #e1e1e1;
		padding: 18px 25px;
		height: 200px;
		overflow-y: auto;
		font-size: 14px;
		color: #696969;
		line-height: 20px;
		margin-bottom: 20px;
		letter-spacing: -0.005em;
	}
	#register_cnt .temp_box dd.textarea .textbox {}
	#register_cnt .temp_box dd.agree {
		text-align: right;
	}
	#register_cnt .temp_box dd.agree label {
		display: inline-block;
		font-size: 15px;
		letter-spacing: -0.025em;
		color: #292929;
		height: 35px;
		line-height: 35px;
		background-repeat: no-repeat;
		background-position: right top;
		background-image: url(../img/img_checkbox.svg);
		padding-right: 55px;
		cursor: pointer;
	}
	#register_cnt .temp_box dd.agree input {
		display: none;
	}
	#register_cnt .temp_box dd.agree input:checked + label {
		background-image: url(../img/img_checkbox_on.svg);
	}
	#register_cnt .temp_box dl.last {
		background: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#register_cnt .button_area {
		text-align: center;
	}
	#register_cnt .button_area div {
		display: inline-block;
		height: 65px;
		line-height: 65px;
		background-color: #0046A5;
		font-size: 18px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		border-radius: 10px;
	}
	#register_cnt .button_area div a {
		display: inline-block;
		height: 65px;
		line-height: 65px;
		background-color: #0046A5;
		font-size: 18px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		border-radius: 10px;
	}
	#register_cnt .button_area div.btn_register_ok {
		width: 260px;
	}
	/** formbox **/
	#register_cnt .formbox {
		border: 0;
		padding: 29px 0px;
	}
	#register_cnt .formbox dl {
		width: 100%;
		overflow: hidden;
		padding: 22px 0 18px;
		border-bottom: solid 1px #e1e1e1;
		flex-direction: column;
	}
	#register_cnt .formbox dl.last {
		background: none;
	}
	#register_cnt .formbox dl dt, #register_cnt .formbox dl dd {
		font-size: 15px;
	}
	#register_cnt .formbox dl dt {
		float: inherit;
		margin-bottom: 5px;
		width: 100%;
	}
	#register_cnt .formbox dl dd {
		margin-left: 0;
		width: 100%;
	}
	#register_cnt .formbox dl dd input[type="text"] {
		width: 100%;
	}
	#register_cnt .formbox dl dd input[type="password"] {
		width: 100%;
	}
	#register_cnt .formbox dl dd.ac_area .select {
		width: 100%;
		margin-top: 10px
	}
	#register_cnt .formbox dl dd.ac_area .info00 {
		overflow: hidden;
		float: left;
	}
	#register_cnt .formbox dl dd.ac_area .info01, #register_cnt .formbox dl dd.ac_area .info02, #register_cnt .formbox dl dd.ac_area .info03 {
		width: 100%;
		overflow: hidden;
	}
	#register_cnt .formbox dl dd.ac_area .info01 {
		margin-bottom: 12px;
	}
	#register_cnt .formbox dl dd.ac_area .info02 {
		margin-bottom: 18px;
		padding-bottom: 18px;
		border-bottom: solid 1px #e1e1e1;
	}
	#register_cnt .formbox dl dd.ac_area .info02 input, #register_cnt .formbox dl dd.ac_area .info00 input {
		display: none;
	}
	#register_cnt .formbox dl dd.ac_area .info02 label, #register_cnt .formbox dl dd.ac_area .info00 label {
		float: left;
		display: inline-block;
		margin-right: 25px;
		height: 35px;
		line-height: 35px;
		padding-left: 40px;
		background-repeat: no-repeat;
		background-position: left top;
		background-image: url(../img/img_checkbox.svg);
		cursor: pointer;
	}
	#register_cnt .formbox dl dd.ac_area .info02 input:checked + label, #register_cnt .formbox dl dd.ac_area .info00 input:checked + label {
		background-image: url(../img/img_checkbox_on.svg);
	}
	#register_cnt .formbox dl dd.ac_area .info03 {}
	#register_cnt .formbox dl dd.ac_area span.txt3 {
		width: 55px;
	}
	#register_cnt .formbox dl dd.ac_area .info03 .input {
		margin-right: 18px;
	}
	#register_cnt .formbox dl dd.ac_area .info03 .select {
		width: 140px;
	}
	#register_cnt .formbox dl dd.ac_area .info03 .txt_year {
		width: 60px;
		padding-left: 10px;
	}
	#register_cnt .formbox dl dd.ac_area .info03 .txt_month {
		padding-left: 10px;
	}
	/** complete_box **/
	#register_cnt .complete_box {
		padding: 50px 10px 50px;
		border: 0;
	}
	#register_cnt .complete_box .textbox {
		padding: 38px 0 0 0;
		height: 90px;
		margin-bottom: 66px;
		text-align: center;
	}
	#register_cnt .complete_box .textbox p {
		display: inline-block;
		font-size: 18px;
		padding: 0 0 0 0;
		line-height: 30px;
	}
	#register_cnt .complete_box .button_area {
		width: 100%;
		overflow: hidden;
		text-align: center;
	}
	#register_cnt .complete_box a.btn_login_move, #register_cnt .complete_box a.btn_main_move {
		margin-bottom: 20px;
	}
	/* mypage-navi */
	.mypage-nav {
		position: absolute;
		left: 0;
		top: 20px;
		z-index: 2;
		width: 100%;
	}
	.mypage-nav p {
		display: block;
		padding: 15px;
		border: 1px solid #999;
		cursor: pointer;
		background: url(../img/select_arrow.svg) no-repeat right 5px center;
	}
	.mypage-nav ul {
		background: #fff;
		position: absolute;
		top: 53px;
		width: 100%;
		padding: 10px 0;
		display: none;
		border: 1px solid #ddd;
	}
	.mypage-nav ul li {
		display: block;
		width: 100%;
	}
	.mypage-nav ul li a {
		display: block;
		padding: 10px 20px;
		color: #999;
		font-size: 14px;
	}
	.mypage-nav ul li a:hover {
		color: #333;
	}
	.content_area .page_area a {
		width: 28px;
		height: 28px;
		line-height: 28px;
		margin: 0;
	}
	.content_area .page_area a img {
		height: 100%;
	}
	.enter_comp_item {
		width: 48%;
		height: 270px;
		text-align: left;
		margin: 1%;
		padding: 24px 12px;
	}
	.enter_comp_item .comp_info01 {
		margin-bottom: 12px;
	}
	.enter_comp_item .comp_info01 p {
		font-size: 11px;
	}
	.enter_comp_item .comp_info h5 {
		width: 100%;
		font-size: 17px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	.enter_comp_item .comp_info01 .text02 {
		font-size: 11px;
	}
	.enter_comp_item .comp_info02 {
		margin-bottom: 12px;
		font-size: 12px;
	}
	.info_head .logo {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.info_head .biz_info {
		margin: 0;
	}
}

.offline-fair { border: solid 1px #e1e1e1; padding: 20px; width: 100%; }
.enter-view-wr { display: flex; justify-content: space-between; flex-wrap: wrap; }
.enter-view-wr .com-info-wr { width: 46%; }
.enter-view-wr .recruit-wr { width: 46%; }
.com-info-wr .info-top { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 10px; border-bottom: solid 3px #437F38; }
.com-info-wr .info-top .text-logo { width: 46%; }
.com-info-wr .info-top .text-logo div { display: flex; align-items: center; padding: 10px 20px; border-radius: 10px; background-color: #437F38; color: #fff; margin-bottom: 10px; }
.com-info-wr .info-top .text-logo div span { }
.com-info-wr .info-top .text-logo div strong { margin-left: 10px; font-size: 21px; }
.com-info-wr .info-top .text-logo h2 { font-size: 34px; color: #121212; }
.com-info-wr .info-top .logo { width: 46%; text-align: right; }
.com-info-wr .summary { padding: 30px 0; }
.com-info-wr .summary h4 { color: #121212; margin: 20px 0 10px; }
.com-info-wr .summary ul { padding-left: 20px; }
.com-info-wr .summary ul li { list-style: disc outside; margin-bottom: 10px; }
.com-info-wr .summary ul li:last-child { margin-bottom: 0; }
.com-info-wr .en-photo { margin-top: 50px; }
.com-info-wr .en-photo ul { display: flex; justify-content: space-between; }
.com-info-wr .en-photo ul li { display: block; overflow: hidden; border-radius: 10px; width: 30%; }

.en-icon { display: block; width: 74px; height: 74px; }
.en-icon.icon-0101 { background: url(../img/en-icon-0101.svg) no-repeat; }
.en-icon.icon-0102 { background: url(../img/en-icon-0102.svg) no-repeat; }
.en-icon.icon-0103 { background: url(../img/en-icon-0103.svg) no-repeat; }

.en-icon.icon-0201 { background: url(../img/en-icon-0201.svg) no-repeat; }
.en-icon.icon-0202 { background: url(../img/en-icon-0202.svg) no-repeat; }
.en-icon.icon-0203 { background: url(../img/en-icon-0203.svg) no-repeat; }

.en-icon.icon-0301 { background: url(../img/en-icon-0301.svg) no-repeat; }
.en-icon.icon-0302 { background: url(../img/en-icon-0302.svg) no-repeat; }
.en-icon.icon-0303 { background: url(../img/en-icon-0303.svg) no-repeat; }

.en-icon.icon-0401 { background: url(../img/en-icon-0401.svg) no-repeat; }
.en-icon.icon-0402 { background: url(../img/en-icon-0402.svg) no-repeat; }
.en-icon.icon-0403 { background: url(../img/en-icon-0403.svg) no-repeat; }

.en-icon.icon-0501 { background: url(../img/en-icon-0501.svg) no-repeat; }
.en-icon.icon-0502 { background: url(../img/en-icon-0502.svg) no-repeat; }
.en-icon.icon-0503 { background: url(../img/en-icon-0503.svg) no-repeat; }

.en-icon.icon-0601 { background: url(../img/en-icon-0601.svg) no-repeat; }
.en-icon.icon-0602 { background: url(../img/en-icon-0602.svg) no-repeat; }
.en-icon.icon-0603 { background: url(../img/en-icon-0603.svg) no-repeat; }

.en-icon.icon-0701 { background: url(../img/en-icon-0701.svg) no-repeat; }
.en-icon.icon-0702 { background: url(../img/en-icon-0702.svg) no-repeat; }
.en-icon.icon-0703 { background: url(../img/en-icon-0703.svg) no-repeat; }

.en-icon.icon-0801 { background: url(../img/en-icon-0801.svg) no-repeat; }
.en-icon.icon-0802 { background: url(../img/en-icon-0802.svg) no-repeat; }
.en-icon.icon-0803 { background: url(../img/en-icon-0803.svg) no-repeat; }

.color-01 .info-top .text-logo div { background-color: #E49039; }
.color-01 .info-top { border-bottom: solid 3px #E49039; }
.color-01 .section-table .title h5 { color: #E49039!important; }
.color-01 .section-table .title h5::before { background-color: #E49039!important; }
.color-01 .section-table .table table th { background-color: #F4E5D6; }

.color-02 .info-top .text-logo div { background-color: #691D72; }
.color-02 .info-top { border-bottom: solid 3px #691D72; }
.color-02 .section-table .title h5 { color: #691D72!important; }
.color-02 .section-table .title h5::before { background-color: #691D72!important; }
.color-02 .section-table .table table th { background-color: #DED9F2; }

.color-03 .info-top .text-logo div { background-color: #4AA9E3; }
.color-03 .info-top { border-bottom: solid 3px #4AA9E3; }
.color-03 .section-table .title h5 { color: #4AA9E3!important; }
.color-03 .section-table .title h5::before { background-color: #4AA9E3!important; }
.color-03 .section-table .table table th { background-color: #DFEDF5; }

.color-04 .info-top .text-logo div { background-color: #0B3180; }
.color-04 .info-top { border-bottom: solid 3px #0B3180; }
.color-04 .section-table .title h5 { color: #0B3180!important; }
.color-04 .section-table .title h5::before { background-color: #0B3180!important; }
.color-04 .section-table .table table th { background-color: #DDE6F8; }

.color-05 .info-top .text-logo div { background-color: #BC3660; }
.color-05 .info-top { border-bottom: solid 3px #BC3660; }
.color-05 .section-table .title h5 { color: #BC3660!important; }
.color-05 .section-table .title h5::before { background-color: #BC3660!important; }
.color-05 .section-table .table table th { background-color: #F5DFE6; }

.color-06 .info-top .text-logo div { background-color: #0E893D; }
.color-06 .info-top { border-bottom: solid 3px #0E893D; }
.color-06 .section-table .title h5 { color: #0E893D!important; }
.color-06 .section-table .title h5::before { background-color: #0E893D!important; }
.color-06 .section-table .table table th { background-color: #E1F4DC; }

.color-07 .info-top .text-logo div { background-color: #D6572A; }
.color-07 .info-top { border-bottom: solid 3px #D6572A; }
.color-07 .section-table .title h5 { color: #D6572A!important; }
.color-07 .section-table .title h5::before { background-color: #D6572A!important; }
.color-07 .section-table .table table th { background-color: #F4E7E2; }

.color-08 .info-top .text-logo div { background-color: #69A13A; }
.color-08 .info-top { border-bottom: solid 3px #69A13A; }
.color-08 .section-table .title h5 { color: #69A13A!important; }
.color-08 .section-table .title h5::before { background-color: #69A13A!important; }
.color-08 .section-table .table table th { background-color: #E8F4DE; }

.section-table{ position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
.section-table .title { width: 20%; position: relative; }
.section-table .title h5 { width: 100%; position: relative; font-size: 18px; font-weight: 900; color: #437F38; padding-top: 5px; }
.section-table .title h5::before { content: ""; width: 70%; height: 2px; background-color: #437F38; position: absolute; top: 0; left: 0; }
.section-table span { position: absolute; left: 0; bottom: 0; display: block; }
.section-table .table { width: 80%; }
.section-table .table table { width: 100%; border-top: solid 1px #999; font-size: 15px; }
.section-table .table table th, .section-table .table table td { padding: 10px 0; border-bottom: solid 1px #999; }
.section-table .table table th { background-color: #D0DBCE; }
.section-table .table table th, .section-table .table table td.line-right { border-right: solid 1px #999; }
.section-table .table table td { padding-left: 10px; }
.section-table .table table td strong { color: #121212; }
.section-table .table table td ul { padding-left: 20px; }
.section-table .table table td ul li { list-style: disc outside; }
.section-table .table table td ul li:last-child { margin-bottom: 0; }
.section-table .table table td.bg-yellow { background-color: #FCFFE4; }
.section-table .table table td.bg-gray { background-color: #f7f7f7; }

.accordion { width: 100%; border-radius: 8px; overflow: hidden; /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */}
.accordion h3 { margin-bottom: 10px; color: #121212; font-size: 21px;  }
.accordion-item { border-bottom: 1px solid #fff; }
.accordion-item.item { border: 0; margin-bottom: 20px; }
.accordion-item.item .accordion-header { font-size: 24px; background-color: #fff; border-radius: 20px; border: solid 1px #e1e1e1; position: relative; }
.accordion-header { width: 100%; padding: 15px 20px; text-align: left; background-color: #f7f7f7; border: none; outline: none; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; font-size: 17px; display: flex; justify-content: space-between;
    align-items: center; font-weight: 700;}
.accordion-item.item .accordion-header .plus { position: absolute; left: 137px; top: 9px; }
.accordion-header::after { content: ''; width: 18px; height: 15px; background: url("../img/accordion-icon.svg") no-repeat; }
.accordion-header.active::after { transform: rotate(59deg); margin-right: 2px; /* Rotate to create an 'X' */ }
.accordion-header:hover { background-color: #F6C11C; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background-color: white; }
.accordion-content p { padding: 5px 0; margin: 0; line-height: 1.6; }
.accordion-content.show { max-height: 200px; /* Adjust based on content length */ }
.accordion-content .faq-list { padding: 30px; }
.accordion-content .faq-list ul { margin-left: 40px; }
.accordion-content .faq-list ul li { list-style: circle outside; margin: 10px 0; }
.accordion-content .faq-list ul li span { display: block; font-size: 14px; color: #747474; }
.accordion-content .item-view { padding: 30px 0; text-align: center; }
.accordion-item.item .accordion-header.item-01 { color: #DF6220; }
.accordion-item.item .accordion-header.item-02 { color: #4BA738; }
.accordion-item.item .accordion-header.item-03 { color: #CA366C; }
.accordion-item.item .accordion-header.item-04 { color: #28A9DA; }
.accordion-item.item .accordion-header.item-05 { color: #E69B27; }
.accordion-item.item .accordion-header.item-06 { color: #512E85; }
.accordion-item.item .accordion-header.item-07 { color: #1D853D; }
.accordion-item.item .accordion-header.item-08 { color: #223989; }
.accordion-item.item .accordion-header.item-09 { color: #208E75; }

.notice-view-wr { font-size: 16px; }
.notice-view-wr p { margin-bottom: 10px; }
.notice-view-wr > ul { margin-left: 20px; }
.notice-view-wr > ul > li { list-style:disc outside; margin-bottom: 10px; }
.notice-view-wr > ul > li > ul { margin-left: 20px; }
.notice-view-wr > ul > li > ul > li { list-style: circle outside; }
.notice-view-wr > ul > li span { margin-left: 20px; }

.terms-box h2 { margin-bottom: 30px; font-size: 21px; }
.terms-box h3 { margin: 20px 0;  font-size: 18px; }
.terms-box p { margin-bottom: 5px; font-size: 15px; }

.map-table { display: flex; flex-wrap: wrap; margin-top: 50px; }
.map-table div { width: 23.5%; margin-right: 2%; }
.map-table div:nth-child(1), .map-table div:nth-child(2), .map-table div:nth-child(3), .map-table div:nth-child(4) { margin-bottom: 50px; }
.map-table div:nth-of-type(4n) { margin-right: 0; }
.map-table div h3 { margin-bottom: 20px; }
.map-table div dl dt span { text-align: center; }
.map-table div dl dt { border-top: solid 1px #e1e1e1; }
.map-table div dl dd span:first-child { color: #fff; }
.map-table div dl dt, .map-table div dl dd { padding: 5px 0; border-bottom: solid 1px #e1e1e1; font-size: 15px; display: flex; }
.map-table div dl dt span:first-child, .map-table div dl dd span:first-child { width: 60px; text-align: center; }
.map-table div dl dt span:last-child, .map-table div dl dd span:last-child { padding-left: 20px; }
.list-01 h3 { color: #69A13A; }
.list-01 dl dd span:nth-child(1) { background-color: #69A13A; }
.list-02 h3 { color: #4AA9E3; }
.list-02 dl dd span:nth-child(1) { background-color: #4AA9E3; }
.list-03 h3 { color: #691D72; }
.list-03 dl dd span:nth-child(1) { background-color: #691D72; }
.list-04 h3 { color: #0B3180; }
.list-04 dl dd span:nth-child(1) { background-color: #0B3180; }
.list-05 h3 { color: #D6572A; }
.list-05 dl dd span:nth-child(1) { background-color: #D6572A; }
.list-06 h3 { color: #BC3660; }
.list-06 dl dd span:nth-child(1) { background-color: #BC3660; }
.list-07 h3 { color: #E49039; }
.list-07 dl dd span:nth-child(1) { background-color: #E49039; }
.list-08 h3 { color: #0E893D; }
.list-08 dl dd span:nth-child(1) { background-color: #0E893D; }

/* media size setting end */