.row:before {display: table; content: " "; box-sizing: border-box;}
.dummy_input {display:none;}/* input text가 한개만 있는 경우를 없애기 위한 더미 폼 */


/********************
s_visual
*********************/
#wrap_svisual {position:relative; width:100%; height:310px; background-size:cover!important;}
.svisual01 {background:url(/images/visual/svisual_img01.jpg) no-repeat center 0;}
.svisual02 {background:url(/images/visual/svisual_img01.jpg) no-repeat center 0;}
.svisual03 {background:url(/images/visual/svisual_img01.jpg) no-repeat center 0;}
.svisual04 {background:url(/images/visual/svisual_img01.jpg) no-repeat center 0;}
.svisual05 {background:url(/images/visual/svisual_img01.jpg) no-repeat center 0;}
.svisual06 {background:url(/images/visual/svisual_img01.jpg) no-repeat center 0;}
.svisual07 {background:url(/images/visual/svisual_img01.jpg) no-repeat center 0;}
.svisual08 {background:url(/images/visual/svisual_img01.jpg) no-repeat center 0;}

.svisual_txt {display: flex; align-items: center; justify-content: center; height: 100%; padding-bottom: 53px; text-align: center; box-sizing: border-box;}
.svisual_txt h3 {font-size:46px; color:#fff; font-weight:1.4; font-weight:500; line-height: 1;}
.svisual_txt h3 span {display:block; font-family: 'Poppins', sans-serif; letter-spacing:3.5px; font-weight:500; text-transform:uppercase; color:#fff; margin-top:19px; font-size:18px;}
/********************
//s_visual
*********************/


/********************
scon_tit
*********************/
.wrap_scon_tit {width:1280px; max-width: 100%; margin: 0 auto; padding:98px 40px 50px; box-sizing: border-box;}
.wrap_scon_tit::after {display:block; clear:both; content:'';}
.wrap_scon_tit > h3 {font-size:36px; color:#222222; font-weight:600;}

.tit_navi {color:#777;}
.tit_navi span {color:#ccc; margin:0 5px; font-size:13px;}
.tit_navi a {color:#777;}
.tit_navi a:last-child {color:#1669cf; font-weight:500;}

/********************
//scon_tit
*********************/


/********************
scon
*********************/
.wrap_scon {padding-bottom:100px;}
.wrap_scon::after {display:block; clear:both; content:'';}

.container {max-width:1260px; margin:0 auto; padding:0 30px; box-sizing:border-box;}
.container::after {display:block; clear:both; content:'';}
/********************
//scon
*********************/


/* 서브컨텐츠 */
.sub-container {
	width: 1280px;
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 114px;
	padding: 0 40px 140px;
	box-sizing: border-box;
}
.sub-container .article:not(:first-child) {
	margin-top: 70px;
}
.sub-container h4.title {
	font-size: 24px;
	color: #222;
	font-weight: 600;
	margin-bottom: 30px;
	font-family: 'Noto Sans KR';
}
.vision {
	display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    padding: 20px;
    border: 2px dotted #e0e0e0;
    border-radius: 206px;
}
.vision .circle {
	width: 377px;
	height: 377px;
	border-radius: 50%;
	background-color: #f3f9ff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.vision .circle2 {
	background-color: #e9faf6;
}
.vision .ico {
	margin-bottom: 30px;
}
.vision .title {
	font-size: 28px;
    font-family: 'Poppins';
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -1px;
	line-height: 1;
}
.vision .txt {
	font-size: 20px;
	line-height: 34px;
	margin-top: 12px;
}
.vision .txt strong {
	font-weight: 500;
	color: #1d83f6;
}
.circle2 .txt strong {
	color: #14c1aa;
}
.vision .plus {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 0 30px;
}
.vision .plus::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: 4px;
	background-color: #1d83f6;
	z-index: 1;
}
.vision .plus::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 4px;
	height: 100%;
	background-color: #20d0b9;
}
.core-values {
	margin-top: 24px;
}
.core-values .top {
	width: min(892px, 100%);
	margin-inline: auto;
	height: 136px;
	background: url('/images/contents/core_values.png') no-repeat center top;
	text-align: center;
	color: #a2a2a2;
	font-size: 22px;
	font-weight: 600;
	padding-top: 48px;
}
.core-values .bottom {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
}
.core-values .bottom > li {
	width: calc((100% - 44px) / 3);
	height: 190px;
	border-radius: 10px;
	background-color: var(--bg);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.core-values .bottom .title {
	font-size: 24px;
	color: #999;
	font-weight: 500;
}
.core-values .bottom .title strong {
	color: var(--color);
	font-size: 28px;
	font-weight: 600;
}
.core-values .bottom .txt {
	color: #333;
	font-size: 20px;
	font-weight: 500;
	margin-top: 11px;
	text-align: center;
}
.assignm {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.assignm li {
	padding: 0 10px;
}
.assignm .ico {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow:  18px 10px 21px rgba(22,100,187,0.09);
}
.assignm .txt {
	line-height: 30px;
	font-size: 18px;
	margin-top: 23px;
}
.assignm-new {
	display: flex;
	flex-wrap: wrap;
	gap: 80px 60px;
}
.assignm-new > li {
	width: calc((100% - 120px) / 3);
	border-bottom: 1px solid #ddd;
	min-height: 313px;
	padding-bottom: 40px;
	box-sizing: border-box;
}
.assignm-new .ico {
	width: 90px;
	height: 90px;
	box-shadow: 10px 16px 20px rgba(22,100,187,0.09);
}
.assignm-new .ico img {
	width: 100%;
}
.assignm-new .title {
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	margin-top: 24px;
	line-height: 1.66;
	margin-bottom: 8px;
}
.assignm-new .title.long {
	min-height: 59.75px;
}
.desc1 > li {
	position: relative;
	font-size: 18px;
	padding-left: 14px;
}
.desc1 > li::before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 7px;
	height: 1px;
	background-color: #bbbbbb;
}
.desc1 > li:not(:first-child) {
	margin-top: 7px;
}

.organization {	
}
.organization .grid {
	display: flex;
	justify-content: center;
	align-items: center;
}
.organization .grid2 {
	width: 702px;
	max-width: 100%;
	margin: 0 auto;
	justify-content: space-between;
	padding: 80px 0;
	position: relative;
}
.organization .grid2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	border-right: 1px solid #ddd;
}
.organization .grid2 .line {
	flex-grow: 1;
	height: 1px;
	border-bottom: 1px solid #ddd;
}
.organization .grid4 {
	justify-content: space-between;
	padding-top: 160px;
	position: relative;
}
.organization .grid4::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-right: 1px solid #ddd;
	width: 1px;
	height: 80px;
}
.organization .grid4::after {
	content: '';
	position: absolute;
	top: 79px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 180px);
	height: 1px;
	border-bottom: 1px solid #ddd;
}
.organization .item {
	width: 180px;
	height: 56px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 500;
}
.organization .item1 {
	background: #20d0b9 url('/images/contents/circle.png') no-repeat right bottom / contain;
	box-shadow: 9px 9px 18px rgba(15,190,167,0.22);
	color: #fff;
}
.organization .item2 {
	border: 1px solid #0cbdd2;
	color: #0cbdd2;
}
.organization .item3 {
	background: #0cbdd2 url('/images/contents/circle.png') no-repeat right bottom / contain;
	box-shadow: 9px 9px 18px rgba(12,189,210,0.22);
	color: #fff;
}
.organization .item4 {
	background-color: #e4f4f6;
	color: #507074;
	position: relative;
}
.organization .item4::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	width: 1px;
	height: 80px;
	border-right: 1px solid #ddd;
}
.table-style1 {
	width: 100%;
	border-top: 2px solid #222;
	table-layout: fixed;
}
.table-style1 th {
	background-color: #f5f9fa;
	font-size: 16px;
	font-weight: 500;
	color: #222;
	border: 1px solid #ddd;
	padding: 10px;
	height: 50px;
	box-sizing: border-box;
	/* font-family: 'Noto Sans KR'; */
}
.table-style1 th:first-child {
	border-left: 0;
}
.table-style1 th:last-child {
	border-right: 0;
}
.table-style1 td {
	text-align: center;
	border: 1px solid #ddd;
	padding: 10px;
	height: 50px;
	box-sizing: border-box;
	font-size: 16px;
	font-family: 'Noto Sans KR';
	line-height: 27px;
}
.table-style1 td:first-child {
	border-left: 0;
}
.table-style1 td:last-child {
	border-right: 0;
}
.col-manager1 {
	width: 25%;
}
.col-manager2 {
	width: 25%;
}
.col-manager3 {
	width: auto;
}
.col-manager4 {
	width: 33.3%;
}
.history .tab-menu {
	display: flex;
}
.history .tab-menu a {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	height: 60px;
	border: 1px solid #ddd;
	font-size: 18px;
	font-family: 'Poppins';
	box-sizing: border-box;
}
.history .tab-menu a.on {
	border: 0;
	background-color: #1d83f6;
	color: #fff;
}
.history .tab-menu a:first-child {
	border-radius: 10px 0 0 10px;
}
.history .tab-menu a:last-child {
	border-radius: 0 10px 10px 0;
}
.history .tab-contents {
	margin-top: 50px;
}
.history .box:not(:first-child) {
	margin-top: 50px;
}
.history .year {
	color: #1d83f6;
    font-size: 36px;
    font-family: 'Poppins';
    font-weight: 600;
    letter-spacing: -1px;
	margin-bottom: 10px;
}
.history li {
	display: flex;
}
.history .date {
	font-size: 16px;
    font-weight: 500;
    color: #222;
    min-width: 163.7px;
    line-height: 32px;
    position: relative;
    padding-right: 17px;
    box-sizing: border-box;
	flex-shrink: 0;
}
.history .date::before {
	content: '';
    width: 4px;
    height: 4px;
    display: inline-block;
    background-color: #1d83f6;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px;
}
.history .txt {
	width: calc(100% - 78px);
	line-height: 32px;
	flex-grow: 1;
}
.facility {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 40px;
	background-color: #f9f9f9;
}
.facility li {
	display: flex;
	align-items: center;
	width: calc(100% / 3);
	padding-left: 40px;
	box-sizing: border-box;
	margin: 8px auto;
}
.facility .title {
	font-size: 18px;
	color: #222;
	font-weight: 500;
	width: 104px;
	/* line-height: 1; */
}
.facility li:nth-child(3n) .title {
	width: 118px;
}
.facility .title::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #222;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 13px;
}
.facility .txt {
	font-size: 18px;
	font-family: 'Noto Sans KR';
	white-space: nowrap;
	/* line-height: 1; */
}
.align-left {
	text-align: left !important;
	padding: 13px 30px !important;
}
.col-facilities1 {
	width: 14.1%;
}
.photo-slide {
	margin: 0 -10px;
}
.photo-slide .slick-slide {
	margin: 0 10px;
}
.photo-slide .item {

}
.photo-slide .thumb {
	border-radius: 14px;
	overflow: hidden;
	padding-top: calc(271 / 387 * 100%);
	position: relative;
}
.photo-slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.photo-slide .title {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	font-family: 'Noto Sans KR';
}
.photo-slide .arrow {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	box-shadow: 3px 2px 21px rgba(0,0,0,0.07);
	z-index: 1;
	margin-top: -40px;
}
.photo-slide .prev {
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
	background: url('/images/contents/prev.png') no-repeat center;
}
.photo-slide .next {
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
	background: url('/images/contents/next.png') no-repeat center;
}
.photo-slide .slick-dots {
	display: flex;
	justify-content: center;
	margin-top: 34px;
}
.photo-slide .slick-dots li {
	display: flex;
	margin: 0 5px;
}
.photo-slide .slick-dots button {
	font-size: 0;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border: 0;
	background-color: #ddd;
	cursor: pointer;
}
.photo-slide .slick-dots .slick-active button {
	background-color: #1d83f6;
}
.purpose .txt {
	font-size: 16px;
}
.desc-style1 {

}
.desc-style1 li {
	display: flex;
}
.desc-style1 li:not(:first-child) {
	margin-top: 18px;
}
.desc-style1 .number {
	color: #1d83f6;
	font-size: 16px;
	font-weight: 500;
	width: 33px;
	flex-shrink: 0;
}
.desc-style1 .txt {
	font-size: 16px;
}
.desc-style1 .gray {
	color: #999;
	line-height: 28px;
	margin-top: 2px;
}
.table-style1 td.type1 {
	height: 77px;
}
.table-style1 .gray {
	color: #999;
}
.table-top1 {
	text-align: right;
	font-size: 15px;
	color: #999;
	margin-bottom: 10px;
}
.col-rent1 {
	width: 20.8%;
}
.col-rent2 {
	width: 20.8%;
}
.col-rent3 {
	width: 20.8%;
}
.col-rent4 {
	width: 20.8%;
}
.col-rent5 {
	width: auto;
}
.desc-rent {
	margin-top: 26px;
}
.desc-style2 li {
	position: relative;
}
.desc-style2 li::before {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: #666;
	top: 12px;
	left: 0;
}
.desc-style2 .txt {
	font-size: 16px;
	line-height: 28px;
	padding-left: 13px;
	font-family: 'Noto Sans KR';
}
.desc-style2 .blue {
	color: #1d83f6;
}
.desc-style2 .gray {
	color: #999;
}
.desc-style2 .red {
	color: #f14d60;
}
.map iframe {
	height: 448px;
}
.direction-info {
	margin-top: 50px;
	border-top: 1px solid #222;
}
.direction-info li {
	display: flex;
	border-bottom: 1px solid #ddd;
	align-items: flex-start;
	padding: 32px 0;
}
.direction-info .ico {
	width: 27px;
	display: flex;
	height: 34px;
	align-items: center;
	justify-content: center;
	padding-left: 17px;
}
.direction-info .title {
	width: 132px;
	color: #222;
	font-size: 16px;
	font-weight: 500;
	padding-left: 46px;
	line-height: 34px;
}
.direction-info .txt {
	font-size: 16px;
	line-height: 34px;
	font-family: 'Noto Sans KR';
}
.direction-info .dot {
	padding-left: 13px;
	position: relative;
}
.direction-info .dot::before {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: #666;
	left: 0;
    top: 17px;
}
.direction-info2 li {
	padding-left: 12px;
	position: relative;
}
.direction-info2 li::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #1d83f6;
}
.direction-info2 li:not(:first-child) {
	margin-top: 30px;
}
.direction-info2 .title {
	font-size: 16px;
	font-weight: 500;
	color: #222;
	margin-bottom: 9px;
}
.direction-info2 .txt {
	line-height: 30px;
	font-size: 16px;
}
.direction h4.title {
	margin-bottom: 23px;
}
.desc-style2 .bold {
	font-weight: 500;
}
.wantdo-vision .txt {
	font-size: 16px;
}
.re-project {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.re-project ul {
	display: flex;
	position: relative;
}
/* .re-project ul::before {
	content: '';
	position: absolute;
	top: 232px;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ddd;
} */
.re-project li {
	margin: 0 -6px;
}
.re-project .circle {
	width: 230px;
	height: 230px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.re-project .circle.blue {
	background-color: rgba(55,179,250,0.77);
}
.re-project .circle.green {
	background-color: rgba(32,208,185,0.77);
}
.re-project .circle.purple {
	background-color: rgba(98,68,228,0.77);
}
.re-project .inner {
	text-align: center;
	padding-bottom: 10px;
}
.re-project .ico {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.re-project .ico img {
	max-height: 100%;
}
.re-project .circle .title {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0;
}
.re-project .circle .txt {
	font-size: 18px;
	color: #fff;
	margin-top: 30px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.re-project .circle .txt::before {
	content: '';
	position: absolute;
	top: -13px;
	left: 50%;
	transform: translateX(-50%);
	width: 125px;
	height: 1px;
	background-color: rgba(255,255,255,0.2);
}
.re-project .circle .txt .en {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 4px;
}
.re-project .dot {
	display: block;
	margin: 42px auto 16px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: relative;
}
.re-project .dot.blue {
	background-color: #1d83f6;
}
.re-project .dot.green {
	background-color: #20d0b9;
}
.re-project .dot.purple {
	background-color: #5b10d8;
}
.re-project .txt2 {
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #222;
}
.table-outer {
	overflow-x: auto;
}
.slogan {
	margin-top: 64px;
	width: 100%;
	text-align: center;
	background-color: #f9f9f9;
	border-radius: 20px;
	padding-top: 41px;
	padding-bottom: 45px;
}
.slogan .txt {
	line-height: 35px;
	font-size: 22px;
	color: #222;
	margin-top: 5px;
}
.slogan .txt span {
	font-weight: 600;
}
.col-class1 {
	width: 25%;
}
.col-class2 {
	width: 16.6%;
}
.col-class3 {
	width: 16.6%;
}
.col-class4 {
	width: auto;
}
.col-history1 {
	width: 20%;
}
.col-history2 {
	width: 20%;
}
.col-history3 {
	width: 60%;
}
.table-style1 p {
	font-size: 16px;
	line-height: 27px;
	font-family: 'Noto Sans KR';
}
.table-style1 .dot {
	position: relative;
	padding-left: 13px;
}
.table-style1 .dot::before {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: #666;
	top: 11px;
	left: 0;
}
.desc-head {
	font-size: 16px;
	margin-bottom: 26px;
}
.internship {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #222;
	padding-top: 45px;
}
.internship ul {
	display: flex;
	width: 72.2%;
}
.internship li {
	width: calc((100% - 30px) / 2);
}
.internship li:not(:first-child) {
	margin-left: 30px;
}
.internship .thumb {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	padding-top: calc(279 / 415 * 100%);
}
.internship .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.internship p.title {
	font-size: 18px;
	color: #1d83f6;
	font-weight: 500;
	margin-top: 26px;
	margin-bottom: 8px;
}
.internship .txt {
	font-size: 16px;
	padding-left: 13px;
	position: relative;
	line-height: 32px;
}
.internship .txt span {
	color: #222;
	font-weight: 500;
}
.internship p.txt::before {
	content: '';
	position: absolute;
	top: 14px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #666;
}
.summary {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #222;
	padding-top: 45px;
}
.summary .list_dot {
	width: 71.6%;
}
.summary .list_dot > li > p strong {
	font-weight: 500;
}
.summary .list_dot > li > p {
	font-weight: 400;
	font-family: 'Noto Sans KR';
}
.flow_cir li.ico04 p::before {
	background: #8681f0 no-repeat center;
	box-shadow: 5px 5px 16px rgba(129,171,240,0.18);
}
.summary .flow_cir li.ico01 p::before {
	background-image: url('/images/contents/ico-wd1.png');
}
.summary .flow_cir li.ico02 p::before {
	background-image: url('/images/contents/ico-wd2.png');
}
.summary .flow_cir li.ico03 p::before {
	background-image: url('/images/contents/ico-wd3.png');
}
.summary .flow_cir li.ico04 p::before {
	background-image: url('/images/contents/ico-wd4.png');
}
.academy .desc-head {
	margin-bottom: 44px;
}
.academy .info {
	border-top: 1px solid #222;
}
.academy .grid {
	display: flex;
	justify-content: space-between;
	padding: 45px 0;
}
.academy .grid:not(:first-child) {
	border-top: 1px solid #ddd;
}
.academy .desc-style2 {
	width: 71.6%;
}
.list-style1 .txt {
	font-size: 16px;
	color: #666;
	line-height: 27px;
	font-family: 'Noto Sans KR';
	padding-left: 13px;
	position: relative;
}
.list-style1 .txt::before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #222;
}
.list-style1 .gray {
	color: #999;
}
.academy .list_dot {
	width: 71.6%;
}
.academy .list_dot > li > p strong {
	font-weight: 500;
}
.academy .list_dot > li > p {
	font-family: 'Noto Sans KR';
	font-weight: 400;
}
.academy .recruit-info {
	padding-bottom: 72px;
}
.recruit-info .flow_cir li.ico01 p::before {
	background-image: url('/images/contents/ico-wd2.png');
}
.recruit-info .flow_cir li.ico02 p::before {
	background-image: url('/images/contents/ico-wd7.png');
}
.recruit-info .flow_cir li.ico03 p::before {
	background-image: url('/images/contents/ico-wd5.png');
}
.recruit-info .flow_cir li.ico04 p::before {
	background-image: url('/images/contents/ico-wd6.png');
}
.info .photo li {
	width: calc((100% - 20px) / 2);
	border-radius: 20px;
	overflow: hidden;
}
.info .photo img {
	width: 100%;
}
.agit .article {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.agit .banner li:not(:first-child) {
	margin-top: 50px;
}
.agit .banner img {
	max-width: 100%;
}
.agit .menu {
	display: flex;
	justify-content: space-between;
	padding: 0 43.5px;
}
.agit .menu li {
	width: calc((100% - 80px) / 3);
}
.agit .menu li img {
	max-width: 100%;
}
.exercise .tab-menu {
	display: flex;
	margin-bottom: 43px;
}
.exercise .tab-menu a {
	width: calc(100% / 5);
	height: 60px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	font-size: 18px;
}
.exercise .tab-menu a:not(:first-child) {
	border-left: 0;
}
.exercise .tab-menu a:first-child {
	border-radius: 10px 0 0 10px;
}
.exercise .tab-menu a:last-child {
	border-radius: 0 10px 10px 0;
}
.exercise .tab-menu a.on {
	color: #fff;
	background-color: #1d83f6;
}
.exercise .tab-menu a span {
	margin: 0 2px;
}
.exercise .tab-menu a br {
	display: none;
}
.exercise h4.title {
	margin-bottom: 22px;
}
.top-banner {
	padding: 34px 38px;
	border-radius: 16px;
	margin-bottom: 32px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
.top-banner .txt {
	color: #222;
	font-size: 18px;
	line-height: 32px;
}
.top-banner .blue {
	color: #1c67f0;
}
.top-banner .bold {
	font-weight: 600;
}
.top-banner.tb1 {
	background-color: #f1f8fa;
	background-image: url('/images/contents/tb1.png');
}
.col-swim1 {
	width: 12.6%;
}
.col-swim2 {
	width: 10.3%;
}
.col-swim3 {
	width: 16.6%;
}
.col-swim4 {
	width: 12.5%;
}
.col-swim5 {
	width: auto;
}
.col-swim6 {
	width: 20.1%;
}
.col-swim7 {
	width: auto;
}
.table-style1 .bold {
	font-weight: 500;
}
.table-style1 .black {
	color: #222;
}
.table-style1 .blue {
	color: #1d83f6;
}
.table-style1 p:not(:first-child) {
	margin-top: 20px;
}
.table-style1 .dot2 {
	position: relative;
	padding-left: 16px;
}
.table-style1 .dot2::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
.table-style1 .caution {
	margin-top: 7px !important;
}
.table-swim .vrt01 {
	height: 103px;
}
.table-swim .vrt02 {
	height: 102px;
}
.table-swim .vrt03 {
	height: 108px;
}
.col-free-swim1 {
	width: 8.3%;
}
.col-free-swim2 {
	width: 25%;
}
.col-free-swim3 {
	width: 25%;
}
.col-free-swim4 {
	width: 20.8%;
}
.col-free-swim5 {
	width: auto;
}
.exercise .desc-style2 {
	margin-bottom: 17px;
}
.exercise .desc-style2.type2 {
	margin-bottom: 50px;
}
.exercise .desc-title {
	color: #222222;
    font-family: 'Noto Sans KR';
    font-size: 16px;
    margin-bottom: 4px;
	font-weight: 500;
}
.top-banner.tb2 {
	background-color: #f1faf7;
	background-image: url('/images/contents/tb2.png');
}
.top-banner .green {
    color: #03b182;
}
.col-athletic01 {
	width: 16.6%;
}
.col-athletic02 {
	width: 14.1%;
}
.col-athletic03 {
	width: 8.3%;
}
.col-athletic04 {
	width: 12.5%;
}
.col-athletic05 {
	width: 8.3%;
}
.col-athletic06 {
	width: 19.1%;
}
.col-athletic07 {
	width: auto;
}
.desc-style3 {
	background-color: #f9f9f9;
	padding: 22px 28px;
	border-radius: 10px;
}
.desc-style3 .txt {
	font-size: 16px;
	line-height: 34px;
	position: relative;
	padding-left: 13px;
	font-family: 'Noto Sans KR';
}
.desc-style3 .txt::before {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #666;
}
.desc-style3 .black {
	color: #222;
}
.desc-style3 .bold {
	font-weight: 500;
}
.exercise .desc-style3 {
	margin-top: 29px;
}

.desc-style3 .desc-list-bar {
	margin-top: 5px;
	padding-left: 13px;
}

.desc-list-bar li{
	position: relative;
    padding-left: 10px;
    margin-top: 5px;
}

.desc-list-bar li::before{
	position: absolute;
    top: 0;
    left: 0;
    content: '-';
}
.top-banner.tb3 {
	background-color: #f8f6fb;
	background-image: url('/images/contents/tb3.png');
}
.top-banner .pupple {
	color: #652ee4;
}
.col-dancing1 {
	width: 6%;
}
.col-dancing2 {
	width: 15%;
}
.col-dancing3 {
	width: 13%;
}
.col-dancing4 {
	width: 12%;
}
.col-dancing5 {
	width: 14%;
}
.col-dancing6 {
	width: 8%;
}
.col-dancing7 {
	width: 11%;
}
.col-dancing8 {
	width: auto;
}
.desc-style4 .txt {
	line-height: 28px;
	position: relative;
	padding-left: 18px;
	font-size: 16px;
}
.desc-style4 .txt::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
.exercise .desc-style4 {
	margin-top: 24px;
}
.col-health1 {
	width: 19.1%;
}
.col-health2 {
	width: 14.1%;
}
.col-health3 {
	width: 12.5%;
}
.col-health4 {
	width: 16.6%;
}
.col-health5 {
	width: 16.6%;
}
.col-health6 {
	width: auto;
}
.col-pila1 {
	width: 10%;
}
.col-pila2 {
	width: 18%;
}
.col-pila3 {
	width: 10%;
}
.col-pila4 {
	width: 18%;
}
.col-pila5 {
	width: 10%;
}
.col-pila6 {
	width: 10%;
}
.col-pila7 {
	width: auto;
}
.top-banner.tb4 {
	background-color: #f1f8fa;
	background-image: url('/images/contents/tb4.png');
}
.top-banner.tb5 {
	background-color: #f1f8fa;
	background-image: url('/images/contents/tb5.png');
}
.top-banner.tb6 {
	background-color: #f8f6fb;
	background-image: url('/images/contents/tb6.png');
}
.col-musik1 {
	width: 19.1%;
}
.col-musik2 {
	width: 14.1%;
}
.col-musik3 {
	width: 9.5%;
}
.col-musik4 {
	width: 16.6%;
}
.col-musik5 {
	width: 9.5%;
}
.col-musik6 {
	width: 9.5%;
}
.col-musik7 {
	width: auto;
}
.top-banner.tb7 {
	background-color: #f1f8fa;
	background-image: url('/images/contents/tb7.png');
}
.col-lang1 {
	width: 25%;
}
.col-lang2 {
	width: 14.1%;
}
.col-lang3 {
	width: 12.5%;
}
.col-lang4 {
	width: 16.6%;
}
.col-lang5 {
	width: 16.6%;
}
.col-lang6 {
	width: auto;
}
.top-banner.tb8 {
	background-color: #f1faf7;
	background-image: url('/images/contents/tb8.png');
}
.col-art1 {
	width: 19.1%;
}
.col-art2 {
	width: 14.1%;
}
.col-art3 {
	width: 9.5%;
}
.col-art4 {
	width: 16.6%;
}
.col-art5 {
	width: 9.5%;
}
.col-art6 {
	width: 11.5%;
}
.col-art7 {
	width: auto;
}
.col-hobby1 {
	width: 19.1%;
}
.col-hobby2 {
	width: 14.1%;
}
.col-hobby3 {
	width: 9.5%;
}
.col-hobby4 {
	width: 16.6%;
}
.col-hobby5 {
	width: 9.5%;
}
.col-hobby6 {
	width: 11.5%;
}
.col-hobby7 {
	width: auto;
}
.top-banner.tb9 {
	background-color: #f1faf7;
	background-image: url('/images/contents/tb9.png');
}
.col-package1 {
	width: 19.1%;
}
.col-package2 {
	width: 14.1%;
}
.col-package3 {
	width: 45.8%;
}
.col-package4 {
	width: auto;
}
.col-think1 {
	width: 19.1%;
}
.col-think2 {
	width: 14.1%;
}
.col-think3 {
	width: 9.5%;
}
.col-think4 {
	width: 16.6%;
}
.col-think5 {
	width: 9.5%;
}
.col-think6 {
	width: 11.5%;
}
.col-think7 {
	width: auto;
}
.about-us .a1 .sub-container {
	padding-bottom: 94px;
}
.about-us .a1 .txt {
	line-height: 39px;
	color: #222;
	font-size: 24px;
	margin-bottom: 25px;
}
.about-us .a1 .bold {
	font-weight: 600;
}
.about-us .a1 .txt1 {
	line-height: 32px;
	font-size: 18px;
}
.about-us .a1 .txt1-1 {
	margin-bottom: 32px;
}
.about-us .a2 {
	background-color: #f5f9fa;
}
.about-us .a2 .sub-container {
	padding-top: 82px;
	padding-bottom: 86px;
	background: url('/images/contents/tree.png') no-repeat right 40px;
}
.about-us .a2 h4.title {
	margin-bottom: 7px;
}
.sub-container h4.title .blue {
	color: #1d83f6;
	font-family: 'Poppins';
	text-transform: uppercase;
	margin-left: 1px;
}
.about-us .a2 .paragraph:not(:first-child) {
	margin-top: 38px;
}
.about-us .a3 {
	padding-top: 96px;
}
.about-us .a3 h4.title {
	margin-bottom: 20px;
}
.list-style2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -15px;
}
.list-style2 li {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 15px;
}
.list-style2 .circle {
	padding: 10px;
	border-radius: 50%;
	border: 1px dashed #dddede;
	position: relative;
}
.list-style2 .circle::before {
	content: '';
	position: absolute;
	bottom: -34px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 44px;
	border-right: 1px dashed #ddd;
}
.list-style2 .circle::after {
	content: '';
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	width: 6px;
	height: 6px;
	border-radius: 50%;
}
.list-style2 .crc1::after {
	background-color: #1d83f6;
}
.list-style2 .crc2::after {
	background-color: #20d0b9;
}
.list-style2 .circle .inner {
	width: 164px;
	height: 164px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.list-style2 .crc1 .inner {
	background-color: #1d83f6;
	box-shadow: 11px 11px 27px rgba(29,131,246,0.18);
}
.list-style2 .crc2 .inner {
	background-color: #20d0b9;
	box-shadow: 11px 11px 27px rgba(32,208,185,0.18);
}
.list-style2 .circle .txt {
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	font-family: 'Noto Sans KR';
	line-height: 29px;
}
.list-style2 .circle .bold {
	font-weight: 600;
}
.list-style2 .content {
	width: 234px;
	height: 93px;
	border-radius: 47px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-top: 39px;
}
.list-style2 .crc1 + .content {
	background-color: #f3f9ff;
}
.list-style2 .crc2 + .content {
	background-color: #e9faf6;
}
.list-style2 .content .txt {
	color: #222;
	font-size: 18px;
	font-weight: 500;
}
.list-style2 .content span {
	font-size: 16px;
}
.about-us .a4 h4.title {
	margin-bottom: 18px;
}
.about-us .a4 .desc-style2 .txt {
	font-size: 18px;
	color: #222;
	line-height: 32px;
}
.about-us .a4 .desc-style2 .bold {
	/* font-weight: 600; */
}
.about-us .a5 h4.title {
	margin-bottom: 0;
}
.article .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 21px;
}
.btn.small {
	font-size: 16px;
	font-weight: 500;
	min-width: 157px;
	height: 44px;
	border-radius: 22px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.btn.small img {
	margin-left: 18px;
}
.btn.blue {
	color: #fff;
	background-color: #1d83f6;
}
.list-style3 {
	display: flex;
}
.list-style3 li {
	width: calc((100% - 60px) / 2);
}
.list-style3 li:not(:first-child) {
	margin-left: 30px;
}
.list-style3 .thumb {
	position: relative;
	padding-top: calc(314 / 560 * 100%);
}
.ytLoader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.list-style3 .thumb .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.list-style3 .thumb iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.route-img img {
	max-width: 100%;
}
.route {
	margin-top: 31px;
	border-top: 1px solid #222;
	padding-top: 43px;
	display: flex;
	justify-content: space-between;
}
.route h4.title {
	line-height: 1;
}
.route .right {
	width: 71.6%;
}
.route .grid:not(:first-child) {
	margin-top: 39px;
}
.route h5.title {
	font-size: 18px;
	color: #1d83f6;
	font-weight: 500;
	margin-bottom: 14px;
}
.route .grid2 h5.title {
	margin-bottom: 8px;
}
.route h5.title .gray {
	font-size: 16px;
	color: #999;
	font-weight: 400;
	margin-left: 6px;
}
.route .schedule {
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
}
.route .schedule .item {
	width: calc((100% - 20px) / 2);
	background-color: #f5f9fa;
	border-radius: 7px;
	display: flex;
	padding: 24px 0;
}
.route .schedule .title {
	width: 118px;
	height: 70px;
	flex-shrink: 0;
	border-right: 1px solid #e0e6e8;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.route .schedule .txt1 {
	font-size: 16px;
	color: #222;
	font-weight: 500;
}
.route .schedule .txt2 {
	font-size: 16px;
	font-family: 'Noto Sans KR';
}
.route .schedule .content {
	flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.route .schedule .time {
	font-size: 16px;
	color: #222;
	font-weight: 500;
	font-family: 'Noto Sans KR';
	margin-bottom: 10px;
}
.route .round {
	background-color: #fff;
	width: 95px;
	height: 32px;
	border-radius: 16px;
	text-align: center;
	line-height: 32px;
}
.route .round .txt {
	font-size: 15px;
	font-family: 'Noto Sans KR';
}
.route .round .blue {
	color: #1d83f6;
	font-weight: 500;
}
.autonomy .article:not(:first-child) {
	padding-top: 64px;
	border-top: 1px solid #ddd;
}
.autonomy .grid {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px -40px;
}
.autonomy .grid .item {
	margin: 0 20px 40px;
	width: calc((100% - 80px) / 2);
	display: flex;
	flex-direction: column;
}
.autonomy h5.title {
	font-size: 18px;
	font-weight: 500;
	color: #222;
	position: relative;
	padding-left: 14px;
	line-height: 1;
	margin-bottom: 15px;
	font-family: 'Noto Sans KR';
}
.autonomy h5.title::before {
	content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #1d83f6;
    left: 0;
    top: 6px;
}
.list-style4 {
	background-color: #fafafa;
	border-radius: 14px;
	padding: 25px 20px;
	flex-grow: 1;
}
.list-style4 li {
	display: flex;
}
.list-style4 .title {
	flex-shrink: 0;
	font-size: 16px;
	font-weight: 500;
	color: #222;
	width: 84px;
	padding-left: 14px;
	position: relative;
	line-height: 30px;
	font-family: 'Noto Sans KR';
}
.list-style4 .title::before {
	content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #666;
    left: 0;
    top: 15px;
}
.list-style4 .txt {
	font-size: 16px;
	line-height: 30px;
	font-family: 'Noto Sans KR';
}
.autonomy .photo {
	display: flex;
	margin: 40px -10px 0;
}
.autonomy .photo li {
	margin: 0 10px;
	width: calc((100% - 60px) / 3);
}
.autonomy .photo .thumb {
	border-radius: 14px;
	position: relative;
	padding-top: calc(271 / 387 * 100%);
	overflow: hidden;
}
.autonomy .photo .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.autonomy .photo .title {
	text-align: center;
	font-size: 16px;
	margin-top: 18px;
	font-family: 'Noto Sans KR';
}
.autonomy .photo-slide {
	margin-top: 40px;
}
.line_d {padding:0; margin:0; width:100%; height:1px; border:0; background:#eee; margin-top:45px;}
.exercise_caution {
	background:#f9f9f9;
	border-radius:10px;
	margin-top:25px;
	padding:30px;
	box-sizing:border-box;
	margin-bottom:40px;
	display:flex;
	justify-content:space-between;
	position:relative;
}
.exercise_caution::before {
	position:absolute;
	left:60%;
	width:1px;
	height:calc(100% - 60px);
	top:30px;
	background:#ddd;
	content:'';
}
.exercise_caution > div {
	width:calc(40% - 50px);
}
.exercise_caution > div:nth-child(1) {
	width:calc(60% - 50px);
}
.exercise_caution > div:nth-child(2) p {
	color:#777777;
	font-size:16px;
	margin-bottom:10px;
}
.exercise_caution > div > h3 {
	font-size:18px;
	color:#222222;
	font-weight:500;
	margin-bottom:20px;
}
.list_blue_num li {
	position:relative;
	color:#222;
	font-size:16px;
	padding-left:30px;
}
.list_blue_num li:nth-child(n + 2) {
	margin-top:10px;
}
.list_blue_num li::before {
	position:absolute;
	top:0;
	left:0;
	width:24px;
	height:24px;
	color:#fff;
	font-size:15px;
	border-radius:100%;
	display:flex;
	align-items:Center;
	justify-content:center;
	background:#1d83f6;
}
.list_blue_num li:nth-child(1)::before {
	content:'1';
}
.list_blue_num li:nth-child(2)::before {
	content:'2';
}
.list_blue_num li:nth-child(3)::before {
	content:'3';
}
.table-style2 {
	width:100%;
}
.table-style2 td {
	border-top:2px solid #f9f9f9;
	border-left:2px solid #f9f9f9;
	background:#efefef;
	
	padding:6px 15px;
	color:#777777;
	font-size:16px;
}
.table-style2 td > div {
	display:flex;
	flex-wrap:wrap;
}
.table-style2 td span {
	font-size:16px;
}
.table-style2 td span:nth-child(2) {
	margin-left:10px;
}

.table-style2 th {
	background:#efefef;
	padding:6px 10px;
	color:#777777;
	font-size:16px;
	border-top:2px solid #f9f9f9;
}
.table-style2 tr:last-child th,
.table-style2 tr:last-child td {
	background:#fff;
	color:#222;
	font-weight:500;
}

.table-style2 tr:last-child td > div span {
	color:#222;
	font-weight:500;
}
.table-style2 td .ico_clock {
	display:flex; 
	align-items:center;
}
.table-style2 td .ico_clock::before {
	display:block; 
	width:18px; 
	height:18px; 
	background:url(/images/contents/ico_clock.svg) no-repeat 0 0; 
	background-size:100% auto;
	content:'';
	margin-right:5px;
}
.txt_blue {
	color:#1d83f6;
}

.refund01_scon02 > div .box_gray p strong.point {
	color:#222;
	font-weight:500;
	margin-bottom:5px;
	display:block;
}
.list_num {
	counter-reset: list-number;
	padding-left: var(--left);
	margin-top: var(--top);
}
.list_num > li {
	position: relative;
	counter-increment: list-number;
	font-size: 16px;
	color: #666;
	padding-left: 24px;
	line-height: 1.75;
}
.list_num > li:before {
	content: counter(list-number);
	position: absolute;
	top: 4px;
	left: 0;
	color: #fff;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background-color: #666666;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	line-height: 1;
}
.box-gray {
	background-color: #f9f9f9;
	border-radius: 10px;
	padding: 25px 30px;
	margin-left: var(--left) !important;
	margin-top: var(--top);
	margin-bottom: var(--bottom);
	width: 100% !important;
	box-sizing: border-box;
}
.list_dot .thin {
	font-weight: 300;
	color: #999999;
}

/* 청소년해양안전체험센터 */
.yose h4.title {
	margin-bottom: 16px;
}
.default_txt {
	font-size: 18px;
	line-height: 1.77;
}
.yose .direction-info {
	margin-top: var(--top);
}
.yose .direction-info .title {
	width: 82px;
	flex-shrink: 0;
}
.direction-info .content {
	margin-top: -2px;
}
.yose .autonomy .grid {
	margin-bottom: 0;
}
.yose .autonomy .grid .item {
	margin-top: 50px;
	margin-bottom: 0;
}
.autonomy .grid .item.w100 {
	width: 100%;
}
.autonomy .grid h6 {
	margin-top: 0;
	margin-bottom: 14px;
	font-size: 16px;
	color: #666666;
	line-height: 1.75;
	font-weight: 400;
	padding-left: 14px;
}
.desc {
	color: #999;
	font-size: 16px;
	line-height: 1.75;
	margin-top: var(--top);
}
.yose .flow_cir {
	margin-left: -40px;
}
.yose .flow_cir li {
	width: 148px;
	height: 84px;
	margin-top: 0;
	border-bottom: 0;
}
.yose .flow_cir li p {
	white-space: nowrap;
}
.layout2 {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f9fa;
	padding: 25px;
	border-radius: 14px;
	gap: 15px;
}
.layout2 .ico {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #1d83f6;
	border-radius: 5px;
}
.layout2 .title {
	font-weight: 600;
	color: #1d83f6;
}
.layout2 .txt {
	color: #222;
}
.yose .photo {
	margin-top: 20px;
}


/* 미디어쿼리 */

@media screen and (max-width: 1024px) {
	.vision .circle {
		width: 267px;
		height: 267px;
	}
	.vision .ico {
		margin-bottom: 18px;
	}
	.vision .title {
		font-size: 25px;
	}
	.vision .txt {
		font-size: 16px;
		line-height: 28px;
	}
	.assignm .txt {
		line-height: 27px;
		font-size: 16px;
	}
	.organization .item {
		width: 130px;
		height: 50px;
		font-size: 15px;
	}
	.facility {
		padding: 30px 10px;
	}
	.facility .title::before {
		margin-right: 7px;
	}
	.facility .title {
		font-size: 16px;
		width: 78px;
	}
	.facility .txt {
		font-size: 16px;
	}
	.facility li {
		padding-left: 11px;
	}
	.facility li:nth-child(3n) .title {
		width: 95px;
	}
	.organization .grid4::after {
		width: calc(100% - 130px);
	}
	.exercise .tab-menu a {
		font-size: 16px;
	}
	.top-banner .txt {
		text-shadow: 1px 1px 1px #fff;
	}
	.about-us .a2 .sub-container {
		background-position: right center;
		background-size: 43%;
	}
	.route .schedule .item {
		width: 100%;
	}
	.route .schedule {
		flex-wrap: wrap;
	}
	.route .schedule .item:not(:first-child) {
		margin-top: 20px;
	}
	.autonomy .grid {
		margin: 0 -10px -40px;
	}
	.autonomy .grid .item {
		margin: 0 10px 40px;
		width: calc((100% - 40px) / 2);
	}

	.exercise_caution {
		flex-wrap:wrap;
	}

	.exercise_caution::before {
		display:none;
	}
	
	.exercise_caution > div {
		width:100%!important;
	}

	.exercise_caution > div:first-child {
		border-bottom:1px solid #ddd;
		padding-bottom:30px;
		margin-bottom:30px;
	}
	.assignm-new > li {
		width: calc((100% - 60px) / 2);
	}
}
@media screen and (max-width:767px){
/********************
s_visual
*********************/
#wrap_svisual {height:58vw;}
.svisual_txt {padding: 0 4vw 12vw;}
.svisual_txt h3 {font-size:6.8vw;}
.svisual_txt h3 span {letter-spacing:2vw; margin-top:4vw; font-size:2.7vw; line-height: 4.1vw;}
/********************
//s_visual
*********************/

/********************
scon
*********************/
.wrap_scon { padding-bottom:20vw;}


.container {padding:0 6vw;}
.container.scon_m_100 {padding:0; padding-bottom:20vw;}
/********************
//scon
*********************/

/********************
scon_tit
*********************/
.wrap_scon_tit {padding:17vw 4vw 10vw;}
.wrap_scon_tit > h3 {font-size:6vw;}
.tit_navi span {margin:0 1vw; font-size:2.6vw;}
/********************
//scon_tit
*********************/
.sub-container {
	padding: 0 4vw 26vw;
}
.sub-container h4.title {
	font-size: 5vw;	
	margin-bottom: 5vw;
}
.vision {
	/* width: 100%; */
	box-sizing: border-box;
	padding: 4vw;
	justify-content: space-between;
	flex-direction: column;
}
.vision .circle {
	width: 60vw;
	height: 60vw;
}
.vision .ico {
	width: 16vw;
	margin-bottom: 3vw;
}
.vision .title {
    font-size: 5vw;
}
.vision .txt {
    font-size: 3.6vw;
    line-height: 5.6vw;
	margin-top: 1.4vw;
}
.vision .plus {
	width: 7vw;
	height: 7vw;
	margin: 4vw 0;
}
.core-values .bottom > li {
	width: 100%;
    height: 40vw;
}
.core-values .top {
	font-size: 5vw;
	height: 18vw;
}
.core-values .bottom .title {
	font-size: 4vw;
}
.core-values .bottom .title strong {
	font-size: 5vw;
}
.core-values .bottom .txt {
	font-size: 4vw;
	margin-top: 3vw;
}
.assignm {
	text-align: left;
	flex-wrap: wrap;
	margin: -1vw;
}
.assignm li {
	display: flex;
	align-items: center;
	width: 50%;
	box-sizing: border-box;
	padding: 3.4vw 1vw;
}
.assignm .ico {
	margin-left: 0;
	margin-right: 2vw;
	width: 12vw;
	height: auto;
	flex-shrink: 0;
}
.assignm .ico img {
	width: 100%;
}
.assignm .txt {
	margin-top: 0;
	line-height: 4.1vw;
    font-size: 3.6vw;
	line-height: 5.1vw;
}
.assignm .txt br {
	/* display: none; */
}
.organization .grid2 {
	padding: 7vw 0;
}
.organization .item {
    width: 35vw;
    height: 10vw;
    font-size: 3.7vw;
    border-radius: 2.1vw;
}
.organization .item4 {
	flex-shrink: 0;
}
.organization .grid4 {
	padding-top: 10vw;
	flex-direction: column;
}
.organization .grid4::before {
	height: 17vw;
}
.organization .grid4::after {
	display: none;
}
.organization .item4 {
	margin-top: 7vw;
}
.organization .item4::before {
	height: 7vw;
}
.table-style1 th {
	padding: 3vw;
	font-size: 3.6vw;
	height: 11vw;
}
.table-style1 td {
	font-size: 3.6vw;
	padding: 3vw;
	height: 11vw;
}
.history .tab-menu a {
	height: 12vw;
	font-size: 4vw;
}
.history .tab-menu a:first-child {
    border-radius: 2vw 0 0 2vw;
}
.history .tab-menu a:last-child {
    border-radius: 0 2vw 2vw 0;
}
.history .tab-contents {
    margin-top: 8vw;
}
.history .year {
    font-size: 8vw;
    margin-bottom: 1vw;
}
.history li {
	flex-wrap: wrap;
}
.history .date {
	font-size: 3.8vw;
	min-width: 100%;
	padding-right: 2vw;
	line-height: 5.9vw;
}
.history .txt {
	font-size: 3.6vw;
	line-height: 5.9vw;
	width: 100%;
	padding-left: 2.2vw;
}
.history .date::before {
    width: 3px;
    height: 3px;
    margin-right: 1.3vw;
    margin-top: -0.7vw;
}
.sub-container .article:not(:first-child) {
    margin-top: 19vw;
}
.history li:not(:first-child) {
	margin-top: 2.4vw;
}
.facility {
    padding: 4vw 2.4vw;
}
.facility li {
	width: 100%;
	margin: 1.6vw auto;
}
.facility .title::before {
    margin-right: 1vw;
}
.facility .title {
    font-size: 3.6vw;
    width: 23vw;
}
.facility li:nth-child(3n) .title {
    width: 23vw;
}
.facility .txt {
    font-size: 3.6vw;
}
.col-facilities1 {
    width: 19%;
}
.align-left {
    text-align: left !important;
    padding: 3vw !important;
}
.photo-slide .arrow {
	display: none !important;
}
.photo-slide .title {
	font-size: 3vw;
	margin-top: 3.5vw;
}
.photo-slide .slick-dots {
	margin-top: 9vw;
}
.purpose .txt {
    font-size: 3.6vw;
    line-height: initial;
}
.desc-style1 .txt {
    font-size: 3.6vw;
}
.desc-style1 .number {
    font-size: 3.4vw;
	width: 7.4vw;
}
.desc-style1 .gray {
	line-height: inherit;
}
.desc-style1 li:not(:first-child) {
    margin-top: 3vw;
}
.table-top1 {
	font-size: 3.4vw;
	margin-bottom: 1.6vw;
}
.desc-style2 .txt {
	font-size: 3.6vw;
	line-height: 6.6vw;
	padding-left: 2.2vw;
}
.desc-style2 li::before {
	top: 2.6vw;	
}
.direction-info li {
	flex-wrap: wrap;
	padding: 5vw 0;
}
.direction-info .content {
	width: 100%;
	margin-top: 1vw;
}
.direction-info .ico {
	padding-left: 0;
}
.direction-info .title {
	width: auto !important;
    font-size: 3.8vw;
    padding-left: 1vw;
}
.direction-info .txt {
    font-size: 3.6vw;
    line-height: 5.9vw;
}
.direction-info .dot {
    padding-left: 2vw;
}
.direction-info .dot::before {
	top: 2.7vw;
}
.direction-info2 li {
	padding-left: 2vw;
}
.direction-info2 .title {
	font-size: 3.7vw;
	margin-bottom: 1.4vw;
}
.direction-info2 li::before {
	top: 2vw;
}
.direction-info2 .txt {
	font-size: 3.6vw;
	line-height: 5.9vw;
}
.desc-rent {
    margin-top: 5vw;
}
.col-manager2 {
    width: 24%;
}
.table-rent {
	width: 120vw;
}
.re-project li {
    margin: 0 -0.8vw;
}
.re-project .circle {
	width: 32vw;
    height: 32vw;	
}
.re-project .inner {
	padding-bottom: 1vw;
}
.re-project .ico {
	height: 8.6vw;
}
.re-project .circle .title {
    font-size: 3.5vw;
}
.re-project .circle .txt {
    font-size: 3vw;
	margin-top: 3.9vw;
}
.re-project .circle .txt::before {
    top: -1.4vw;
    width: 19vw;
}
.re-project .circle .txt .en {
    font-size: 3.4vw;
	margin-bottom: 0.6vw;
}
.re-project .txt2 {
    font-size: 4vw;
}
.re-project .dot {
    margin: 9.3vw auto 3vw;
}
.re-project ul::before {
    top: 41.6vw;
}
.slogan {
    width: 100%;
    border-radius: 4vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
}
.slogan .txt {
    line-height: 7.9vw;
    font-size: 4.5vw;
    margin-top: 3vw;
}
.table-style1 td {
	line-height: initial;
}
.table-style1 p {
	font-size: 3.6vw;
	line-height: initial;
}
.table-style1 .dot {
	padding-left: 2vw;
}
.table-style1 .dot::before {
    top: 2.5vw;
}
.table-class {
	width: 155vw;
}
.col-class1 {
    width: 17%;
}
.col-class2 {
    width: 17.6%;
}
.col-class3 {
    width: 17.6%;
}
.table-history {
	width: 167vw;
}
.desc-head {
    font-size: 3.6vw;
    margin-bottom: 2.6vw;
	line-height: 6vw;
}
.internship {
	flex-direction: column;
	padding-top: 10vw;
}
.internship ul {
	width: 100%;
}
.internship li {
    width: calc((100% - 4vw) / 2);
}
.internship li:not(:first-child) {
    margin-left: 4vw;
}
.internship p.title {
    font-size: 4.4vw;
    margin-top: 5vw;
    margin-bottom: 1.5vw;
}
.internship .txt {
    font-size: 3.8vw;
    padding-left: 2vw;
    line-height: 6.3vw;
}
.internship p.txt::before {
    top: 2.5vw;
}
.internship ul {
	flex-wrap: wrap;
}
.internship li {
	width: 100%;
}
.internship li:not(:first-child) {
	margin-left: 0;
	margin-top: 10vw;
}
.summary {
	flex-direction: column;
	padding-top: 10vw;
}
.summary .list_dot {
	width: 100%;
}
.academy .desc-head {
	margin-bottom: 4.6vw;
}
.academy .grid {
	flex-direction: column;
}
.academy .desc-style2 {
	width: 100%;
}
.academy .list_dot {
	width: 100%;
}
.academy .list_dot > li {
	padding-left: 2.2vw;
}
.summary .list_dot > li {
	padding-left: 2.2vw;
}
.info .photo li {
	width: 100%;
	border-radius: 4vw;
}
.info .photo li:not(:first-child) {
	margin-top: 7vw;
}
.academy .grid {
	padding: 10vw 0;
}
.agit .banner li:not(:first-child) {
    margin-top: 4vw;
}
.agit .menu {
	padding: 0;
}
.agit .menu li {
    width: calc((100% - 6vw) / 3);
}
.exercise .tab-menu {
	margin-bottom: 7vw;	
}
.exercise .tab-menu a {
	font-size: 3vw;
	text-align: center;
	height: 13vw;
}
.exercise .tab-menu a span {
	display: none;
}
.exercise .tab-menu a br {
	display: block;
}
.exercise .tab-menu a:first-child {
    border-radius: 2vw 0 0 2vw;
}
.exercise .tab-menu a:last-child {
    border-radius: 0 2vw 2vw 0;
}
.top-banner {
	background-image: none !important;
	padding: 6vw;
	border-radius: 3vw;
	margin-bottom: 6vw;
}
.top-banner .txt {
    font-size: 3.8vw;
    line-height: 6.2vw;
	text-shadow: none;
}
.top-banner .txt br {
	display: none;
}
.table-swim {
    width: 204vw;
}
.col-swim3 {
    width: 13.9%;
}
.table-swim .vrt01 {
    height: 21.1vw;
}
.table-swim .vrt02 {
    height: 21.5vw;
}
.table-swim .vrt03 {
    height: 21.9vw;
}
.table-swim2 {
	width: 203vw;
}
.col-free-swim2 {
    width: 18%;
}
.desc-style3 {
	padding: 5vw 4vw;	
}
.desc-style3 .txt {
	font-size: 3.6vw;
	line-height: 6.6vw;
	padding-left: 2.2vw;
}
.desc-style3 .txt::before {
	top: 3vw;	
}
.desc-style3 .desc-list-bar{
	line-height: 6.6vw;
	padding-left: 2.2vw;		
}	
.desc-list-bar li{
	padding-left: 2.2vw;
}	
.table-athletic {
	width: 230vw;
}
.col-athletic02 {
    width: 12.8%;
}
.table-dancing {
	width: 197vw;
}
.col-dancing2 {
    width: 14.5%;
}
.col-dancing3 {
    width: 11%;
}
.col-dancing4 {
    width: 11%;
}

.table-style1 p:not(:first-child) {
    margin-top: 3.6vw;
}
.table-style1 .caution {
    margin-top: 2vw !important;
}
.desc-style4 .txt {
	font-size: 3.6vw;
    line-height: 6.6vw;
    padding-left: 4vw;	
}
.exercise .desc-style4 {
    margin-top: 4vw;
}
.exercise .desc-style2 {
    margin-bottom: 4vw;
}
.table-health {
	width: 183vw;	
}
.col-health4 {
    width: 19%;
}
.table-package {
	width: 150vw;
}
.col-package1 {
    width: 22%;
}
.col-package2 {
    width: 18%;
}
.col-package3 {
    width: 43%;
}
.table-think {
	width: 180vw;
}
.table-musik {
	width: 180vw;	
}
.col-musik1 {
    width: 16%;
}
.exercise .desc-style3 {
    margin-top: 6vw;
}
.table-lang {
	width: 144vw;	
}
.table-art {
	width: 144vw;		
}
.table-hobby {
	width: 196vw;	
}
.col-hobby2 {
    width: 12%;
}
.col-hobby3 {
    width: 12%;
}
.table-style1 .dot2 {
    padding-left: 4vw;
}
.about-us .a1 .txt {
	font-size: 4.5vw;
	line-height: 8vw;
	margin-bottom: 4vw;
}
.about-us .a1 .txt1 {
	font-size: 3.6vw;
	line-height: 6.6vw;
}
.about-us .a1 .txt1-1 {
    margin-bottom: 5vw;
}
.about-us .a1 .sub-container {
    padding-bottom: 15vw;
}
.about-us .a2 .sub-container {
    background-position: center 6vw;
    background-size: 57vw;
	padding-top: 72vw;
	padding-bottom: 20vw;
}
.about-us .a3 h4.title {
    margin-bottom: 5vw;
}
.list-style2 {
    margin: -4vw 0;
}
.list-style2 li {
    margin: 4vw 0;
    width: 50%;
}
.list-style2 .circle {
	padding: 2vw;	
}
.list-style2 .circle .inner {
	width: 28vw;
    height: 28vw;	
}
.list-style2 .circle .txt {
	font-size: 3.6vw;
	line-height: 5vw;
}
.list-style2 .circle::before {
    bottom: -8vw;
    height: 8vw;
}
.list-style2 .circle::after {
    bottom: -8.8vw;
}
.list-style2 .content {
    width: 42vw;
    height: 18vw;
    border-radius: 9vw;
    margin-top: 8.6vw;
}
.list-style2 .content .txt {
    font-size: 3.6vw;
    line-height: 4.9vw;
}
.list-style2 .content span {
    font-size: 3.6vw;
}
.about-us .a3 {
    padding-top: 16vw;
}
.about-us .a4 h4.title {
    margin-bottom: 5vw;
}
.about-us .a4 .desc-style2 .txt {
    font-size: 3.6vw;
    line-height: 6.6vw;
}
.list-style3 {
	flex-wrap: wrap;
}
.list-style3 li {
	width: 100%;
}
.list-style3 li:not(:first-child) {
    margin-left: 0;
	margin-top: 10vw;
}
.btn.small {
    font-size: 3.4vw;
    min-width: 31.6vw;
    height: 9.4vw;
    border-radius: 4.7vw;
    padding: 0 3vw;
}
.btn.small img {
    margin-left: 2.3vw;
    width: 3.6vw;
}
.route {
	flex-direction: column;
}
.route .right {
	width: 100%;
}
.route h5.title {
	font-size: 4.2vw;
	margin-bottom: 3.4vw;
}
.route h5.title .gray {
	font-size: 4.2vw;
}
.route .schedule .txt1 {
	font-size: 4vw;
}
.route .schedule .txt2 {
	font-size: 4vw;
}
.route .schedule .time {
	font-size: 4vw;
	margin-bottom: 2vw;
}
.route .round .txt {
	font-size: 4vw;
}
.route .round {
    width: 30vw;
    height: 9vw;
    border-radius: 4.5vw;
    line-height: 9vw;
}
.route .schedule .item {
	padding: 5vw 0;
}
.route .schedule .item:not(:first-child) {
    margin-top: 4vw;
}
.route .grid:not(:first-child) {
    margin-top: 8vw;
}
.autonomy h5.title {
	font-size: 4.3vw;
	margin-bottom: 5vw;
}
.autonomy .grid {
	margin: 0 0 -8vw;
}
.autonomy .grid .item {
	width: 100%;
	margin: 0 0 8vw;
}
.list-style4 {
	padding: 6vw 4vw;
	border-radius: 2vw;
}
.list-style4 .title {
	width: 16vw;
	font-size: 3.6vw;
	line-height: 6.6vw;
	padding-left: 2.2vw;
}
.list-style4 .title::before {
	top: 3vw;
}
.list-style4 .txt {
	font-size: 3.6vw;
	line-height: 6.6vw;
}
.autonomy .article:not(:first-child) {
	padding-top: 19vw;
}
.autonomy .photo {
	margin: 8vw 0 0;
	flex-wrap: wrap;
}
.autonomy .photo li {
    margin: 0;
    width: 100%;
}
.autonomy .photo .title {
	font-size: 3.6vw;
	margin-top: 4vw;
}
.autonomy .photo li:not(:first-child) {
	margin-top: 8vw;
}
.autonomy .photo .thumb {
	border-radius: 3vw;
}


	.exercise_caution {
		padding:5vw;
		margin-top:4.5vw;
		margin-bottom:7vw;
	}

	.exercise_caution > div > h3 {
		font-size:3.8vw;
		margin-bottom:4vw;
	}

	.list_blue_num li::before {
		width:4.5vw;
		height:4.5vw;
		font-size:3vw;
	}

	.list_blue_num li {
		font-size:3.6vw;
		padding-left:6vw;
	}

	.list_blue_num li:nth-child(n + 2) {
		margin-top:3vw;
	}

	.exercise_caution > div:first-child {
		padding-bottom:6vw;
		margin-bottom:6vw;
	}

	.exercise_caution > div:nth-child(2) p {
		font-size:3.6vw;
		margin-bottom:3vw;
	}

	.table-style2 th {
		padding:1vw;
		font-size:3.6vw;
	}

	.table-style2 td {
		padding:1vw 1.5vw;
		font-size:3.6vw;
	}

	.table-style2 td span {
		font-size:3.6vw;
	}

	.table-style2 td .ico_clock::before {
		width:3.8vw;
		height:3.8vw;
		margin-right:0.5vw;
	}

	.table-style2 td span:nth-child(2) {
		margin-left:0.5vw;
	}
	.assignm-new {
		gap: 10vw 0;
	}
	.assignm-new > li {
		width: 100%;
		min-height: initial;
		padding-bottom: 10vw;
	}
	.assignm-new .title {
		font-size: 4vw;
		margin-top: 4vw;
		margin-bottom: 2vw;
		min-height: initial !important;
	}
	.desc1 > li {
		padding-left: 3.3vw;
		font-size: 4vw;
	}
	.desc1 > li::before {
		top: 2.6vw;
		width: 1.9vw;
	}
	.list_num > li {
		font-size: 3.6vw;
		padding-left: 5.9vw;
	}
	.list_num > li:before {
		top: 0.8vw;
		width: 4.7vw;
		height: 4.7vw;
		font-size: 2.9vw;
	}
	.box-gray {
		padding: 4.5vw;
	}
	.default_txt br {
		display: none;
	}
	.yose .flow_cir {
		margin-left: -20px;
	}
	.yose .flow_cir li {
		margin-top: 4vw;
		height: 100px;
	}
	.flow_cir li p {
		font-size: 3.8vw;
	}
}

@media screen and (max-width: 414px) {
	.photo-slide .title {
		font-size: 4vw;
	}
	.map iframe {
		height: 328px;
	}
}