@media(max-width:525px){

.mainPopup{width:calc(100% - 20px) !important; height:auto !important; left:10px !important; top:80px !important;}

}



p{font-size:18px;}
#mainContents p{word-break:keep-all;line-height: 135%;}


#mainVisual{margin-top:110px; /* margin: 110px 8.35vw 0; */ max-width: 1600px; /* padding:0 8.35vw; */  width:90vw; overflow:hidden;position:relative;}


    


#mainVisual .item{position: relative; display:flex; justify-content: center; align-items: center; width:100%;height:560px;background-position:50%;background-repeat:no-repeat;background-size:cover; border-radius: 40px;}
#mainVisual .item.bg01{background-image:url(../../images/main/mainVisual01.jpg);}
#mainVisual .item.bg02{background-image:url(../../images/main/mainVisual02.jpg);}
#mainVisual .item.bg03{background-image:url(../../images/main/mainVisual03.jpg);}
#mainVisual .item.bg04{background-image:url(../../images/main/mainVisual04.jpg);}
#mainVisual .slogan{color:#fff; text-align: left;    margin-left: 8vw;margin-bottom: 60px;}
#mainVisual .slogan .upper{ font-family:'gamtanload';font-weight:400;font-size:26px; line-height: 1.3; margin-bottom: 5px;    margin-left: -3px;}
#mainVisual .slogan .main{ position: relative;
font-family:'gamtanload';font-weight:700;font-size:62px; line-height: 1.3; margin-bottom: -4px;    margin-left: -6px;}
#mainVisual .slogan .main2{font-family:'gamtanload' ;font-weight:400;font-size:42px; line-height: 1.3;     margin-left: -3px;}
#mainVisual .slogan .sub{ line-height: 1.35; margin-top: 20px; font-size:20px;}
#mainVisual .navi .flex-wrap{display:flex; position:absolute; left:5.9vw; bottom:130px; transform:translateX(-50%); color:#fff; z-index:99;}
#mainVisual .swiper-pagination {width: auto; position: relative; left:auto; top:0; transform:none; display:flex; align-items:center; justify-content:center;}
#mainVisual .swiper-pagination .swiper-pagination-bullet{background:none; border:2px solid #fff; opacity:0.6; margin:0 5px; width:10px; height: 10px; border-radius: 20px; }
#mainVisual .swiper-pagination .swiper-pagination-bullet-active{ width:10px; height: 10px; background:#fff; opacity:0.8; border-radius: 20px;}
#mainVisual .arrows{width:100%; position: absolute; top:50%; transform: translate(-50%, 40%); z-index:99; left:50%;}
#mainVisual .swiper-prev, #mainVisual .swiper-next{cursor:pointer; color:#fff; font-size:50px; position:absolute; display: flex; align-items:center; justify-content:center;}
#mainVisual .swiper-prev{left:2.5vw;}
#mainVisual .swiper-next{right:2.5vw;}
#mainVisual .swiper-next img{transform: rotate(180deg);}
#mainVisual .swiper-slide{transform:scale(.9) !important; transition:0.5s ease;}
#mainVisual .swiper-slide.swiper-slide-active{transform:scale(1) !important; transition:0.5s ease;}


.main_quick{display:none;}
.main_quick{margin: 0 auto; border-bottom: 1px solid #f2f2f2;}
.main_quick .quickwrap{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    padding: 36px 20px 30px 20px;
	max-width: 800px;
	margin: 0 auto;
}
.main_quick .quickwrap .quickbox{
	display: flex; flex-wrap: wrap;
	flex-direction:column;
	gap:8px;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.main_quick .quickwrap .quickbox img{width:40px;}
.main_quick .quickwrap .quickbox p{
    font-size: 16px;
    font-weight: 500;
    color: #555;
}
.main_quick .quickwrap .quickbox p br{display:none;}



@media(max-width:1640px){
	#mainVisual .slogan {
		margin-left: 10vw;
	}
	#mainVisual .navi .flex-wrap {
		left: 7vw;
	}
}
@media(max-width:1590px){
	#mainVisual .slogan {
		margin-left: 16vw;
	}
	#mainVisual .navi .flex-wrap {
		left: 10.5vw;
	}
}
@media(max-width:1520px){
	#mainVisual .slogan {
		margin-left: 20vw;
	}
	#mainVisual .navi .flex-wrap {
		left: 11.5vw;
	}
}
@media(max-width:1500px){
	#mainVisual .slogan {
		margin-left: 20vw;
	}
	#mainVisual .navi .flex-wrap {
		left: 160px;
	}
}
@media(max-width:1480px){
	#mainVisual .slogan {
		margin-left: 20vw;
	}
	#mainVisual .slogan .upper {
    font-size: 22px;
    margin-bottom: 5px;
    margin-left: -3px;
	}
	#mainVisual .slogan .main {
    font-size: 56px;
	}
	#mainVisual .slogan .main2 {
    font-size: 38px;
	}
	#mainVisual .slogan .sub {
    margin-top: 16px;
    font-size: 18px;
	}
	#mainVisual .navi .flex-wrap {
		left: 10.5%;
	}
}
@media(max-width:1440px){
	#mainVisual .slogan {
		margin-left: 22vw;
	}
}
@media(max-width:1420px){
	#mainVisual .slogan {
		margin-left: 24vw;
	}
}
@media(max-width:1400px){
	#mainVisual .slogan {
		margin-left: -36vw;
	}
	#mainVisual .navi .flex-wrap {
        left: 13.5%;
    }
}
@media(max-width:1300px){
	#mainVisual .slogan {
		margin-left: -36vw;
	}
	#mainVisual .navi .flex-wrap {
        left: 13%;
    }
}
@media(max-width:1240px){
	#mainVisual .slogan {
		margin-left: -36vw;
	}
	#mainVisual .navi .flex-wrap {
        left: 12%;
    }
}
@media(max-width:1200px){
	#mainVisual{/* margin-top: 60px; */ padding:0; width: calc(100% - 40px)}
	#mainVisual .item{height: 620px; /* border-radius:0; */justify-content: flex-start; border-radius: 30px;}
	#mainVisual .slogan {margin-left: 3vw; /* margin-bottom: 20%; */}
	/* #mainVisual .slogan .main{font-size:22px; font-weight: 500; word-break:keep-all;} */
	/* #mainVisual .slogan .main span{font-size:30px;}
	#mainVisual .slogan .sub{font-size:15px; line-height:1.4; margin-top: 10px; font-weight: 300; word-break:keep-all; } */
	#mainVisual .arrows{display: none;}
	#mainVisual .navi .flex-wrap {left: calc(5vw + 40px);}
	
	.main_quick{display:block;}
}
@media(max-width:1024px){
	/* #mainVisual{margin-bottom:20px;} */
	#mainVisual .slogan .upper {
    font-size: 20px;
	}
	#mainVisual .slogan .main {
    font-size: 50px;
	}
	#mainVisual .slogan .main2 {
    font-size: 32px;
	}
	#mainVisual .slogan .sub {
    margin-top: 14px;
    font-size: 16px;
	}
	
	

}
@media(max-width:600px){
	#mainVisual .item{height:calc(100vh - 120px - 160px); align-items: flex-start; border-radius: 20px;}
	#mainVisual .navi .flex-wrap {
		bottom: 40px;
	}
	#mainVisual .slogan {margin-top: 20%;}

	#mainVisual .slogan .upper {
    font-size: 18px;
	}
	#mainVisual .slogan .main {
	margin-bottom: 0px;
    font-size: 42px;
	}
	#mainVisual .slogan .main2 {
	
    font-size: 26px;
	}
	#mainVisual .slogan .sub {
    margin-top: 10px;
    font-size: 14px;
	}
	
	.main_quick .quickwrap .quickbox img{width:30px;}
	.main_quick .quickwrap .quickbox p{font-size: 14px;}
	.main_quick .quickwrap {
    gap: 10px;
    padding: 30px 10px 24px 10px;
	}
}
@media(max-width:480px){
	#mainVisual .slogan .upper {
    font-size: 16px;
	}
	#mainVisual .slogan .main {
    font-size: 38px;
	}
	#mainVisual .slogan .main2 {
    font-size: 22px;
	}
	#mainVisual .slogan .sub {
    margin-top: 8px;
    font-size: 14px;
	}
}
	
@media(max-width:430px){
	/* .main_quick .quickwrap .quickbox p br{display:block;} */
	.main_quick .quickwrap .quickbox img{width:25px;}
	.main_quick .quickwrap .quickbox p{font-size: 13px;}
}

/* #mainVisual {padding-top:110px;position:relative;text-align:center;max-width:1820px;margin:auto;position:relative;}
#mainVisual .mask {padding:0 50px;}
#mainVisual .mask ul {overflow:hidden;}
#mainVisual .arrow {position:absolute;top:50%;transform:translateY(-50%);}
#mainVisual .arrow.btnPrev {left:100px;}
#mainVisual .arrow.btnNext {right:100px;}
#mainVisual .txtBox {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;}
#mainVisual .txtBox .txt01 {font-size:16px;font-weight:300;opacity: 0.7;letter-spacing:5px;}
#mainVisual .txtBox .txt02 {font-size:60px;line-height:1.2;margin-top:10px;}
#mainVisual .scroll {position:absolute;bottom:50px;left:50%;transform:translateX(-50%);font-size:15px;color:#fff;font-weight: 300;}
 */

#mainContents {overflow:hidden; margin-bottom: 40px;}

@media all and (max-width:680px){

#mainContents{margin-bottom: 0px;}

}





/* maincontent-01 */

#mainContents .maincontent-01{margin-top: 85px}

#mainContents .maincontent-01 .titwrap{
	position: relative;
	text-align: center;
	margin-bottom:60px;
}

#mainContents .maincontent-01 .titwrap .tit{
	font-family: 'gamtanload';
	font-size: 42px;
    font-weight: 700;
	margin-bottom:10px;

}
#mainContents .maincontent-01 .titwrap .sub{
	font-size:20px;
	font-weight: 400;
}

#mainContents .more-btn a{
	display: block;
	width: 120px;
	height: 38px;
	border: 1px solid #eee;
	border-radius: 20px;
	background: #ffffffa8;
	
	font-size:18px;
	text-align: center;
	align-content:center;
	color:#333;
	
	transition: all 0.3s;
}
#mainContents .more-btn a:hover{
	border: 1px solid #2bb4d3;
	/* background: linear-gradient(to bottom right, #2bb4d3,  20%, #15b3ec); */
	color:#0074a0;
	
}
#mainContents .maincontent-01 .more-btn{
	position: absolute;
	bottom:0; right:0;
}


#mainContents .maincontent-01 .content-grid{
	display: grid;
	grid-template-columns: 24% 24% 24% 24%;
	gap: 40px 22px;
}
#mainContents .maincontent-01 .content-grid .content-box{
	position: relative;
}
#mainContents .maincontent-01 .content-grid .content-box .tit{
	margin-top: 16px;
	margin-bottom:10px;
	font-family: 'gamtanload';
	font-weight: 700;
	font-size: 20px;
	transition: all 0.1s;
	
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}
#mainContents .maincontent-01 .content-grid .content-box:hover .tit{
	font-weight: 800;
	color:#0074a0;
}
#mainContents .maincontent-01 .content-grid .content-box .timedate{
	font-weight: 300;
	font-size: 14px;
	word-break: keep-all;
}
#mainContents .maincontent-01 .content-grid .content-box .timedate b{
	font-weight: 600;
	margin-right:5px;
	color:#555;
}
#mainContents .maincontent-01 .content-grid .content-box .timedate:first-child{margin-bottom:3px;}

#mainContents .maincontent-01 .content-grid .content-box .imgbox{
    border-radius: 12px;
    /* width: 100%; */
    max-width: 330px;
    max-height: 220px;
    overflow: hidden;
	transition: all 0.3s;
	border: 3px solid #ffffff00;
}
#mainContents .maincontent-01 .content-grid .content-box .imgbox img{
	width: 100%;
}
#mainContents .maincontent-01 .content-grid .content-box:hover .imgbox{
		border: 3px solid var(--color);
	}

#mainContents .maincontent-01 .content-grid .content-box.tag_timeout::after{
	content: '';
	background-image:url('../../images/main/con1_timeout_tag_img.png');
	background-repeat: no-repeat;
	display: block;
	width: 115px; height: 45px;
	position: absolute;
	top:-10px;left:3px;
}
#mainContents .maincontent-01 .content-grid .content-box.tag_deadline::after{
	content: '';
	background-image:url('../../images/main/con1_deadline_tag_img.png');
	background-repeat: no-repeat;
	display: block;
	width: 115px; height: 45px;
	position: absolute;
	top:-10px;left:3px;
}
#mainContents .maincontent-01 .content-grid .content-box.tag_recruited::after{
	content: '';
	background-image:url('../../images/main/con1_recruited_tag_img.png');
	background-repeat: no-repeat;
	display: block;
	width: 115px; height: 45px;
	position: absolute;
	top:-10px;left:3px;
}

#mainContents .maincontent-01 .titwrap .sub br{
	display: none;
	
	}

@media(max-width:1220px){
	#mainContents .maincontent-01 .content-grid {
    grid-template-columns: 32% 32% 32%;
    gap: 30px 16px;
	}
	#mainContents .maincontent-01 .content-grid .content-box .imgbox {
		max-width: 380px;
		max-height: 250px;
		overflow: hidden;
		transition: all 0.3s;
		border: 3px solid #ffffff00;
	}
	#mainContents .maincontent-01 {
    margin-top: 50px;
	}
}
@media(max-width:1024px){
	#mainContents .maincontent-01 .content-grid .content-box .tit {
    margin-top: 14px;
    margin-bottom: 8px;
    /* font-size: 18px; */
	}
	#mainContents .maincontent-01 .content-grid .content-box .timedate {
    font-size: 13px;
	}
	#mainContents .maincontent-01 .titwrap .tit {
    font-size: 36px;
    margin-bottom: 5px;
	}
	#mainContents .maincontent-01 .titwrap .sub {
    font-size: 18px;
	}
	#mainContents .more-btn a {
    width: 110px;
    height: 34px;
    font-size: 16px;
	}
	#mainContents .maincontent-01 {
    margin-top: 55px;
	}
}
@media(max-width:900px){
	#mainContents .maincontent-01 .content-grid {
    grid-template-columns: 49% 49%;
    gap: 30px 16px;
	}
	#mainContents .maincontent-01 .content-grid .content-box .imgbox {
		max-width: 425px;
		max-height: 280px;
		overflow: hidden;
		transition: all 0.3s;
		border: 3px solid #ffffff00;
	}
	#mainContents .maincontent-01 {
        margin-top: 60px;
    }
	#mainContents .maincontent-01 .titwrap {
    margin-bottom: 50px;
	}
}
@media(max-width:680px){
	#mainContents .maincontent-01 .content-grid .content-box .tit {
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 18px;
	}
	#mainContents .maincontent-01 .titwrap {
    margin-bottom: 98px;
    }
	#mainContents .maincontent-01 .more-btn {
    bottom: -50px;
    right: 50%;
    transform: translatex(50%);
	}
	#mainContents .maincontent-01 {
    margin-top: 45px;
    }
	#mainContents .maincontent-01 .titwrap .tit {
    font-size: 34px;
    margin-bottom: 4px;
    }
}
@media(max-width:590px){
	
	#mainContents .maincontent-01 .content-grid .content-box .timedate b {
	display: none;
	}

	

}
@media(max-width:520px){
	
	/* #mainContents .maincontent-01 .content-grid .content-box .timedate b {
	display: inline-block;
	} */
	/* #mainContents .maincontent-01 .content-grid {
	    grid-template-columns: 1fr;
	    gap: 35px;
	} */
	#mainContents .maincontent-01 .content-grid .content-box.tag_deadline::after {
    background-size: 77%;
	}
	#mainContents .maincontent-01 .content-grid .content-box.tag_timeout::after {
    background-size: 77%;
	}
	#mainContents .maincontent-01 .content-grid .content-box.tag_recruited::after {
    background-size: 77%;
	}
	#mainContents .maincontent-01 .content-grid {
        gap: 20px 6px;
    }
	#mainContents .maincontent-01 .content-grid .content-box .imgbox {
		max-width: 100%;
		max-height: 340px;
		overflow: hidden;
		transition: all 0.3s;
		border: 3px solid #ffffff00;
	}
	#mainContents .maincontent-01 .content-grid .content-box .tit {
        margin-top: 10px;
        margin-bottom: 6px;
        font-size: 16px;
        line-height: 1.4;
    }
	#mainContents .maincontent-01 .content-grid .content-box .timedate {
        font-size: 12px;
		
    }
	#mainContents .maincontent-01 .content-grid .content-box .timedate span{
		display: block;
        max-width: 160px;
		overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    word-break: break-all;
	}
	#mainContents .maincontent-01 .titwrap .tit {
        font-size: 28px;
        margin-bottom: 8px;
    }
	#mainContents .maincontent-01 .titwrap .sub br{
	display: block;
	
	}
	#mainContents .maincontent-01 .titwrap .sub {
        font-size: 16px;
    }
	#mainContents .more-btn a {
        width: 100px;
        height: 30px;
        font-size: 14px;
    }
	#mainContents .maincontent-01 {
    margin-top: 35px;
    }
	
}



/* maincontent-02 */
#mainContents .maincontent-02{margin-top: 100px;}
#mainContents .maincontent-02 .contentgrid{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#mainContents .maincontent-02 .noticewrap .titwrap{
	position: relative;
	text-align: left;
	
	padding-bottom: 30px;
	border-bottom: 1px solid #999;
}

#mainContents .maincontent-02 .noticewrap .titwrap .tit{
	font-family: 'gamtanload';
	font-size: 42px;
    font-weight: 700;
}
#mainContents .maincontent-02 .noticewrap .titwrap .sub{
	font-size:20px;
	font-weight: 400;
}

#mainContents .maincontent-02 .noticewrap .more-btn{
	position: absolute;
	bottom:30px; right:0;
}

#mainContents .maincontent-02 .noticewrap .conwrap .txtbox{
	padding: 25px 0;
	border-bottom: 1px solid #999;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	font-size: 20px;
	font-weight: 500;
	color: #333;
}
#mainContents .maincontent-02 .noticewrap .conwrap .txtbox a{	
	padding-bottom:2px;
	width: calc(100% - 110px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: keep-all;
}
#mainContents .maincontent-02 .noticewrap .conwrap .txtbox a:hover{
	
	color:#222;
	font-weight: 600;
	text-decoration: underline 2px #333;
    text-underline-offset: 7px;
}
/* #mainContents .maincontent-02 .noticewrap .conwrap .txtbox a::after{
	display:block;
	content: '';
	border-bottom: solid 2px #222;  
	transform: scaleX(0);  
	transform-origin:  0% 50%;
	transition: transform 250ms ease-in-out;
}
#mainContents .maincontent-02 .noticewrap .conwrap .txtbox a:hover::after {transform: scaleX(1);}
#mainContents .maincontent-02 .noticewrap .conwrap .txtbox b{transition: all 0.5s;} */
#mainContents .maincontent-02 .noticewrap .conwrap .txtbox b{	
	font-size: 16px;
	font-weight: 400;
	color: #666;
	font-family: 'gamtanload';
}

#mainContents .maincontent-02 .quickwrap{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-content: flex-end;
	padding-left: 90px;
	gap: 10px 30px;
}
#mainContents .maincontent-02 .quickwrap .iconbox{
	display: grid;
	align-content: end;
	align-items: end;
	justify-content: center;
	justify-items: center;
	gap:10px;
	height: 160px;
	transition: all 0.5s;
}
#mainContents .maincontent-02 .quickwrap .iconbox P{
	font-size: 16px;
	color:#333;
	font-weight: 600;
	text-align: center;
	/* margin-top: 20px; */
	transition: all 0.5s;
}

#mainContents .maincontent-02 .quickwrap .iconbox:hover{
	gap:30px;
}
#mainContents .maincontent-02 .quickwrap .iconbox:hover img{
	filter: drop-shadow(12px 20px 7px #5ea5e11f);
}
#mainContents .maincontent-02 .quickwrap .iconbox:hover P{
	color:#15b3ec;
	font-weight: 700;
}

@media(max-width:1220px){
	#mainContents .maincontent-02 .contentgrid {
    display: grid;
    grid-template-columns: 1fr;
	}
	#mainContents .maincontent-02 .quickwrap {
    padding-left: 0;
	}
}
@media(max-width:1024px){
	#mainContents .maincontent-02 .noticewrap .titwrap .tit {
    font-size: 36px;
	}
	#mainContents .maincontent-02 .noticewrap .conwrap .txtbox {
    padding: 20px 0;
    font-size: 18px;
	}
	#mainContents .maincontent-02 .noticewrap .conwrap .txtbox b {
    font-size: 15px;
	}
	#mainContents .maincontent-02 .noticewrap .titwrap {
    padding-bottom: 22px;
	}
	#mainContents .maincontent-02 .noticewrap .more-btn {
    bottom: 22px;
	}
	#mainContents .maincontent-02 .quickwrap {
	margin: 0 auto;
    width: 90%;
	margin-top: 18px;
	}
	#mainContents .maincontent-02 {
    margin-top: 60px;
	}
}
@media(max-width:900px){
	
}
@media(max-width:680px){
	#mainContents .maincontent-02 .quickwrap .iconbox {
    gap: 10px;
    height: 120px;
	}
	#mainContents .maincontent-02 .quickwrap .iconbox:hover {
    gap: 18px;
	}
	#mainContents .maincontent-02 .quickwrap .iconbox:hover img {
    filter: drop-shadow(8px 8px 5px #5ea5e11f);
	}
}
@media(max-width:590px){
	#mainContents .maincontent-02 .quickwrap .iconbox img{
    width: 55px;
    }
	#mainContents .maincontent-02 .quickwrap .iconbox P {
    font-size: 15px;
	white-space: nowrap;
	}
	#mainContents .maincontent-02 .quickwrap {
    gap: 0px 10px;
	}
	/* #mainContents .maincontent-02 {
	    margin-top: 40px;
	} */
}
@media(max-width:520px){
	#mainContents .maincontent-02 .noticewrap .titwrap .tit {
        font-size: 28px;
    }
	#mainContents .maincontent-02 .noticewrap .titwrap {
        padding-bottom: 16px;
    }
	#mainContents .maincontent-02 .noticewrap .conwrap .txtbox {
        padding: 18px 0;
        font-size: 15px;
    }
	#mainContents .maincontent-02 .noticewrap .conwrap .txtbox b {
        font-size: 12px;
    }
	#mainContents .maincontent-02 {
        margin-top: 50px;
    }
	#mainContents .maincontent-02 .quickwrap {
        margin: 0 auto;
        width: 100%;
        margin-top: -10px;
    }
}



/* maincontent-03 */
#mainContents .maincontent-03{margin-top: 90px;}
#mainContents .maincontent-03 .contentgrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 24px;
}

#mainContents .maincontent-03 .iconbox{
    border-radius: 14px;
    background-color:#f2f2f2;
	
	width: 100%;
	
	display:flex;
	gap: 16px;
	padding:   20px 0 20px 46px; 
	align-items: center;
	
    transition: all 0.6s;
}
#mainContents .maincontent-03 .iconbox p{
	font-weight: 500;
	color:#333;
	font-size:21px;
	transition: all 0.3s;

}
#mainContents .maincontent-03 .iconbox img{
	transition: all 0.3s;
}
#mainContents .maincontent-03 .iconbox:hover{
	background: linear-gradient(to bottom right, #2bb4d3 40%, #15b3ec);
}
#mainContents .maincontent-03 .iconbox:hover img{
	-webkit-filter: brightness(0) invert(1); 
	filter: brightness(0) invert(1);
}
#mainContents .maincontent-03 .iconbox:hover p{
	color:#fff;
}
#mainContents .maincontent-03 .iconbox p br{
		display: none;
	}


@media(max-width:1500px){
	#mainContents .maincontent-03 .iconbox {
    padding: 16px 0 16px 30px;
	}
}
@media(max-width:1220px){
	#mainContents .maincontent-03 .iconbox p {
    font-size: 18px;
	}
	#mainContents .maincontent-03 .iconbox {
    padding: 16px 0 16px 24px;
	    gap: 10px;
	}
	#mainContents .maincontent-03 .contentgrid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
	}
	#mainContents .maincontent-03 {
    margin-top: 60px;
	}
}
@media(max-width:1100px){
	#mainContents .maincontent-03 .contentgrid {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}
@media(max-width:1024px){
	
}
@media(max-width:590px){
	#mainContents .maincontent-02 .noticewrap .conwrap .txtbox a {
    max-width: 68vw;
	}
	#mainContents .maincontent-03 .contentgrid {
	        /* grid-template-columns: 1fr; */
	        gap: 10px;
	    }
	#mainContents .maincontent-03 .iconbox p {
    font-size: 14px;
	        line-height: 1.2;
	}
	#mainContents .maincontent-03 .iconbox {
        padding: 16px 20px;
    }
	#mainContents .maincontent-03 .iconbox img {
    width: 22px;
	}
	#mainContents .maincontent-03 {
        margin-top: 50px;
    }
	
}
@media(max-width:520px){
	#mainContents .maincontent-02 .quickwrap .iconbox P {
        font-size: 13px;
    }
	#mainContents .maincontent-02 .quickwrap .iconbox img {
        width: 50px;
    }
	#mainContents .maincontent-03 .contentgrid {
	    /* grid-template-columns: 1fr; */
	    gap: 8px;
	}
	#mainContents .maincontent-03 .iconbox img {
    width: 18px;
	}
	#mainContents .maincontent-03 .iconbox {
        padding: 10px 15px;
    }
}
@media(max-width:460px){
#mainContents .maincontent-03 .iconbox p br{
		display: block;
	}
}

/* maincontent-04 */
#mainContents .maincontent-04{margin-top: 80px;}
#mainContents .maincontent-04 .titwrap .tit {
    font-family: 'gamtanload';
    font-size: 42px;
    font-weight: 700;
	text-align: center;
	margin-bottom:60px;
}

#mainContents .maincontent-04 .contentgrid{
	display: grid;
	grid-template-columns: 470px 1fr;
	gap:30px;
}

#mainContents .maincontent-04 .contentgrid .txtwrap{
	width: 100%; height: 420px;
	padding: 60px 40px;
	border: 1px solid #eee;
	border-radius: 20px;
}
#mainContents .maincontent-04 .contentgrid .txtwrap .location{
	display: flex;
    align-items: flex-end;
    gap: 6px;
    flex-wrap: nowrap;
	
	font-size: 17px;
	font-weight: 600;
	color: #097db7;
	margin-bottom: 12px;
}
#mainContents .maincontent-04 .contentgrid .txtwrap .tit{
	font-family: 'gamtanload';
	font-size: 32px;
	font-weight: 700;
	color: #333;
	margin-bottom: 24px;
}
#mainContents .maincontent-04 .contentgrid .txtwrap .address{
	font-size: 20px;
	font-weight: 400;
	color: #333;
	margin-bottom: 24px;
}
#mainContents .maincontent-04 .contentgrid .txtwrap .subtxt{
	margin-bottom: 32px;
}
#mainContents .maincontent-04 .contentgrid .txtwrap .subtxt li{
	font-size: 16px;
	font-weight: 300;
	color: #555;
	margin-bottom: 6px;
	margin-left: 10px;
	position: relative;
}
#mainContents .maincontent-04 .contentgrid .txtwrap .subtxt li::after{
	content:'';
	width: 4px; height: 4px;
	display: block; position: absolute;
	top: 50%; left: -10px;
	transform: translateY(-50%);
	background: #2bb4d3;
}

#mainContents .maincontent-04 .contentgrid .map{
	width: 100%; height: 420px;
	border: 1px solid #eee;
	border-radius: 20px;
	overflow: hidden;
}
#mainContents .maincontent-04 .root_daum_roughmap{
	width: 100%; height: 100%;
}

#mainContents .maincontent-04 .root_daum_roughmap .wrap_controllers {display: none;}


@media(max-width:1220px){
	#mainContents .maincontent-04 .contentgrid {
    grid-template-columns: 390px 1fr;
    gap: 20px;
	}
	#mainContents .maincontent-04 .titwrap .tit {
    margin-bottom: 40px;
	}
}
@media(max-width:1024px){
	#mainContents .maincontent-04 {
    margin-top: 60px;
	}
	#mainContents .maincontent-04 .titwrap .tit {
    font-size: 36px;
    margin-bottom: 32px;
	}
	#mainContents .maincontent-04 .contentgrid .txtwrap {
    width: 100%;
    height: auto;
    padding: 30px 24px;
    border: 1px solid #eee;
    border-radius: 20px;
	}
	#mainContents .maincontent-04 .contentgrid .txtwrap .location {
    font-size: 16px;
    margin-bottom: 10px;
	}
	#mainContents .maincontent-04 .contentgrid .txtwrap .location img{
	width: 26px;
	}
	#mainContents .maincontent-04 .contentgrid .txtwrap .tit {
    font-size: 26px;
    margin-bottom: 16px;
	}
	#mainContents .maincontent-04 .contentgrid .txtwrap .address {
    font-size: 18px;
    margin-bottom: 16px;
	}
	#mainContents .maincontent-04 .contentgrid .txtwrap .subtxt {
    margin-bottom: 24px;
	}
	#mainContents .maincontent-04 .contentgrid .txtwrap .subtxt li {
    font-size: 16px;
    margin-bottom: 5px;
    margin-left: 10px;
	}
}
@media(max-width:900px){
	#mainContents .maincontent-04 .contentgrid {
    display: flex;
    gap: 20px;
    flex-direction: column-reverse;
	}
	#mainContents .maincontent-04 .contentgrid .map {
    height: 320px;
	}
}
@media(max-width:680px){
	#mainContents .maincontent-04 .contentgrid .map {
        height: 260px;
    }
}
@media(max-width:590px){
	#mainContents .maincontent-04 .contentgrid .txtwrap .tit {
        font-size: 22px;
        margin-bottom: 12px;
    }
	#mainContents .maincontent-04 .contentgrid .txtwrap .address {
        font-size: 16px;
        margin-bottom: 12px;
    }
	#mainContents .maincontent-04 .contentgrid .txtwrap .subtxt li {
        font-size: 14px;
        margin-bottom: 4px;
        margin-left: 10px;
    }
	#mainContents .maincontent-04 .contentgrid .txtwrap .subtxt {
        margin-bottom: 18px;
    }
	#mainContents .maincontent-04 .contentgrid .txtwrap .location {
        font-size: 14px;
        margin-bottom: 10px;
    }
	#mainContents .maincontent-04 .contentgrid .txtwrap .location img {
        width: 24px;
    }
}
@media(max-width:520px){
	#mainContents .maincontent-04 {
        margin-top: 35px;
    }
	#mainContents .maincontent-04 .titwrap .tit {
        font-size: 28px;
        margin-bottom: 20px;
    }
}



/* main-sponsor */
#mainContents .main-sponsor .auto{padding:0 60px;position: relative; margin-top:90px; }
#mainContents .main-sponsor i{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 100px;
}
#mainContents .main-sponsor i.xi-angle-left{
    left: 0;
}
#mainContents .main-sponsor i.xi-angle-right{
    right: 0;
}
#mainContents .main-sponsor{margin-bottom:25px;}
#mainContents .main-sponsor .swiper {
	text-align: center;
}


@media(max-width:1220px){
	#mainContents .main-sponsor .auto {
    padding: 0 70px;
    margin-top: 60px;
	}
	#mainContents .main-sponsor i {
    width: 40px;
    height: 40px;
    font-size: 16px;
	}
	#mainContents .main-sponsor i.xi-angle-left {
    left: 20px;
	}
	#mainContents .main-sponsor i.xi-angle-right {
    right: 20px;
	}
}
@media(max-width:1024px){
	
}
@media(max-width:900px){
	#mainContents .main-sponsor .auto {
    margin-top: 50px;
	}
}
@media(max-width:680px){
	
}
@media(max-width:590px){
	#mainContents .main-sponsor .auto {
        margin-top: 30px;
    }
}
@media(max-width:520px){
	
}


/* formarea */
.main-frm-area{
    background: linear-gradient(to top right, #15b3ec 20%, #2bb4d3);
    padding: 60px 0 86px;
}
.main-frm-area .inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: start;
}
.main-frm-area .box{
    display: grid;
    grid-template-columns: 100%;
    gap: 30px;
    align-items: start;
}
.main-frm-area .item{
    display: grid;
    grid-template-columns: 115px 1fr;
    gap:30px;
    align-items: start;
}
.margin_fix1{
    margin-bottom: -20px;
}
.margin_fix2{
    margin: -20px 0;
}
.main-frm-area .title{
	font-size: 24px;
	font-weight: 700;
	font-family:'gamtanload';
	color:#fff;
	
	display: flex;
	align-items: center;
	gap: 10px;
	height: 55px; 
}
.main-frm-area .title img{}
.main-frm-area .contents{
    display: grid;
    align-items: center;
    height: 100%;
}
.main-frm-area .select-box-1{
    display: grid;
    gap: 15px;
}
/* .main-frm-area .select-box-1 select{
    border: none;
    border-radius: 8px;
    font-weight: 500;
    font-size: 20px;
    color: #333;
} */
.main-frm-area .phone-box-1{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
}
.main-frm-area .phone-box-1 select{}
.main-frm-area .phone-box-1 input{}
.main-frm-area .radio-box-1{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}
.main-frm-area .radio-box-1 span{
	font-size:20px;
	font-weight: 500;
	color:#fff;
}
/* .main-frm-area .radio-box-1 input{
	font-size:20px;
	font-weight: 500;
	color:#fff;
} */
.main-frm-area .radio-box-1 input[type="radio"]{
	appearance: none;
	vertical-align: middle;
	border: 2px solid #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
	margin-right: 3px;
}
.main-frm-area .radio-box-1 input[type="radio"]:checked {
	background:#fff;
	border: 3px solid var(--color); 
	box-shadow: 0 0 0 2px #fff; 
}
.main-frm-area .input-box-1{}
.main-frm-area .input-box-1 input{}
.main-frm-area .check-box-1{
    display: grid;
    grid-template-columns: 100%;
    gap: 13px;
}
.main-frm-area .check-box-1 span{
    gap: 5px;
    display: flex;
    align-items: center;
}
.main-frm-area .check-box-1 input{top: 0px;}
.main-frm-area .check-box-1 input[type="text"]{height:35px}
.main-frm-area .check-box-1 .choice{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 5px;
}
.main-frm-area .check-box-1 .etc span{display: grid;grid-template-columns: 20px 38px 240px;gap: 5px;align-items: center;}
.main-frm-area input[type="text"],select{
    border: none;
    border-radius: 8px;
    /* background: #fff; */
    font-weight: 500;
    font-size: 20px;
    color: #333;
    padding: 0 45px 0 15px;
    height: 48px;
    appearance: none;
	white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.main-frm-area input[type="text"]{
    width: 100%;
}
.main-frm-area input::placeholder{
	color:#999;
	font-size: 20px;
	font-weight: 400;
}
.main-frm-area select{
    width: 100%;
    background: url(../images/main/select-arrow.png)no-repeat center right 10px #fff;
}
.main-frm-area .bigarea textarea{
	border: none;
    border-radius: 8px;
    /* background: #fff; */
    font-weight: 500;
    font-size: 20px;
    color: #333;
    padding: 15px;
    height: 105px;
	width: 100%;
    appearance: none;
	resize: none;
}
.main-frm-area textarea::placeholder{
	color:#999;
	font-size: 20px;
	font-weight: 400;
}

.main-frm-area .titwrap{
	position: relative;
	/* text-align: center; */
	margin-bottom:30px;
}
.main-frm-area .title-line{
	margin-bottom:45px;
	background: #ffffffa8;
	width:100%; height:1px;
}
.main-frm-area .titwrap .tit{
	font-family: 'gamtanload';
	font-size: 42px;
    font-weight: 700;
	margin-bottom: -12px;
	color:#fff;

}
.main-frm-area .titwrap .sub{
	font-size:20px;
	font-weight: 400;
}

.main-frm-area .more-btn a{
	display: block;
	width: 120px;
	height: 38px;
	border: 1px solid #eee;
	border-radius: 20px;
	background: #ffffffa8;
	
	font-size:18px;
	text-align: center;
	align-content:center;
	color:#333;
	
	transition: all 0.3s;
}
.main-frm-area .more-btn a:hover{
	border: 1px solid #2bb4d3;
	/* background: linear-gradient(to bottom right, #2bb4d3,  20%, #15b3ec); */
	color:#0074a0;
}
.main-frm-area .more-btn{
	position: absolute;
	bottom:0; right:0;
}


.main-frm-area .ok-btn-wrap{
	text-align: center;
	margin-top: 62px;
}
.main-frm-area .ok-btn-wrap .ok-btn{
	padding: 16px 80px;
	font-size: 26px;
	font-family: 'gamtanload';
	font-weight: 700;
	color: #fff;
	border-radius: 100px;
	background-color:#097db7c8;
	border: 2px solid #ffffff00;
	transition: all 0.3s;
}
.main-frm-area .ok-btn-wrap .ok-btn:hover{
	border: 2px solid #fff;
}




@media(max-width:1400px){
/* .main-frm-area .inner{grid-template-columns: 100%;} */
#mainContents .conBox30 .main_con_tit01{padding-top: 50px;}

#mainContents .conBox04 .swiper_wrap .more-btn-wrap{position: relative; max-width:220px; margin-left:auto; margin-right:auto;}

}

@media(max-width:1220px){
	.main-frm-area .inner{
	grid-template-columns: 100%;
	gap: 12px;
	}
	.main-frm-area .box {
    gap: 12px;
	}
	.main-frm-area .phone-box-1 {
    gap: 12px;
	}
	.margin_fix1 {
    margin-bottom: 0;
	}
	.margin_fix2 {
    margin: 0;
	}
}

@media(max-width:1024px){
#mainContents .conBox13 ul{grid-template-columns: 100%; gap:0px; }
#mainContents .conBox13 ul li a{border-radius:10px;padding-right: 110px;}

#mainContents .conBox30 .swiper ul li a::after,
#mainContents .conBox31 .swiper-slide{border-radius:10px;}

#mainContents .conBox31{padding:40px 0;}
#mainContents .conBox31 .txt p{font-size:15px;}

#mainContents .conBox19 ul li .txt .con{overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;}

.main-frm-area{padding:40px 0;}
.main-frm-area .title{height:auto; font-size:20px;}

.main-frm-area .item,.main-frm-area .select-box-1{gap:10px;}

.main-frm-area input[type="text"], .main-frm-area select{height:45px;}

.main-frm-area .check-box-1 .choice{grid-template-columns:1fr 1fr;}

.main-frm-area .titwrap .tit {
    font-size: 36px;
    margin-bottom: -10px;
}
.main-frm-area .title-line {
    margin-bottom: 30px;
}



.main-frm-area .ok-btn-wrap .ok-btn {
    padding: 14px 60px;
    font-size: 22px;
}
.main-frm-area .ok-btn-wrap {
    margin-top: 40px;
}
.main-frm-area {
    padding-bottom: 60px;
}

.main-frm-area input[type="text"], select {
    font-size: 18px;
}

.main-frm-area .bigarea textarea {
    font-size: 18px;
	}
.main-frm-area textarea::placeholder{
	font-size: 18px;
}
.main-frm-area input::placeholder{
	font-size: 18px;
}



}

@media(max-width:900px){
	
}
@media(max-width:680px){
	
}
@media(max-width:590px){
	.main-frm-area .titwrap .tit {
    font-size: 26px;
    margin-bottom: -16px;
	}
	.main-frm-area input[type="text"], select {
        font-size: 16px;
    }
	.main-frm-area input[type="text"], .main-frm-area select {
        height: 40px;
    }
	.main-frm-area .radio-box-1 span {
    font-size: 18px;
	}
	.main-frm-area .bigarea textarea {
    font-size: 16px;
	}
	.main-frm-area textarea::placeholder{
	font-size: 16px;
	}
	.main-frm-area input::placeholder{
	font-size: 16px;
	}
	.main-frm-area .title {
        font-size: 18px;
    }
	.main-frm-area .item, .main-frm-area .select-box-1 {
        gap: 5px;
    }
	.main-frm-area .ok-btn-wrap .ok-btn {
        padding: 12px 50px;
        font-size: 18px;
    }
}
@media(max-width:520px){
	.main-frm-area .item{grid-template-columns:100%;}
	.main-frm-area .inner{
	grid-template-columns: 100%;
	gap: 20px;
	}
	.main-frm-area .box {
    gap: 20px;
	}
	.main-frm-area .phone-box-1 {
    gap: 10px;
	}
	
}


.quick_main {
	display:block;
	position: fixed;
	z-index: 999;
	width:60px;height:100vh;
	background-color:#fff;
	top:0; right:0;
	border-left: 1px solid #eee;
	transition:0.3s all ease-out;
}
.quick_main .quickwrap{
	margin-top: 20vh;
	text-align: center;
	/* padding: 0 5px; */
	transition:0.4s all ease-out;
}
.quick_main .quickwrap .tit{
	font-size: 14px;
	font-weight: 500;
	line-height: 0.95;
	color: #2c4563;
	position: relative;
	margin-bottom: 20px;
	transition:0.6s all ease-out;
}
.quick_main .quickwrap .tit b{
	font-size: 14px;
	font-weight: 600;
	transition:0.6s all ease-out;
}
.quick_main .quickwrap .tit::after{
	content: '';
	display: block; position: absolute;
	width: 10px; height:40px;
	top:-6px; left: -11px;
	background:#097db7;
	border-radius: 5px 0 0 5px;
	transition:0.3s all ease-out;
}
.quick_main .quickwrap .quick_btnwrap{
	display: grid;
	grid-template-columns: 1fr;
	gap: 35px;
	transition:0.6s all ease-out;
}
.quick_main .quickwrap .quick_btnwrap .btn{
	display: flex;
	flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    gap: 10px;
	transition:0.6s all ease-out;
}
.quick_main .quickwrap .quick_btnwrap .btn p{
	display: none;
	transition:0.3s all ease-out;
}

.quick_main.on {
	width:220px;
}
.quick_main.on .quickwrap{
	text-align: left;
	padding: 0 20px;
}
.quick_main.on .quickwrap .tit{
	font-size: 16px;
	margin-bottom: 44px;
}
.quick_main.on .quickwrap .tit b{
	font-size: 16px;
	font-weight: 600;
}
.quick_main.on .quickwrap .tit::after{
	top:-12px; left: -31px;
}
.quick_main.on .quickwrap .quick_btnwrap{
	gap: 40px;
}
.quick_main.on .quickwrap .quick_btnwrap .btn{
    justify-content: flex-start;
}
.quick_main.on .quickwrap .quick_btnwrap .btn p{
	display: block;
	
	/* font-family: 'gamtanload'; */
	font-size: 16px;
	font-weight: 500;
	color: #555;
	white-space: nowrap;
}
.quick_main .quickwrap .quick_btnwrap .btn:hover p{
	font-size: 17px;
	font-weight: 600;
	color: #097db7;
}
.quick_main.on .quickwrap .quick_btnwrap .btn.kakao:hover p{
	color: #381e0a;
}

@media(max-width:1500px){
	.quick_main {
		display: none;
	
	}
}
@media(max-width:1220px){
	
}
@media(max-width:1024px){
	
}
@media(max-width:900px){
	
}
@media(max-width:680px){
	
}
@media(max-width:590px){
	
}
@media(max-width:520px){
	
}


/*******************************************************************
	popup
********************************************************************/

.main_pop{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999999;
	width: 100%;
	height: 100%;
	display:none;
	align-items:center;
	justify-content:center;
}
.main_pop .img__wrap{
	position: relative;
	/* max-width: 50vw; */
	/* max-height: 50vw; */
	z-index:9999;
}
.main_pop .img__wrap img{
    width: 100%;
    height: auto;
}
.popup__cover{
	position:fixed;
	background:rgba(0,0,0,.8);
	z-index:9998;
	width:100%; 
	height: 100%;
}
.main_pop .close{
	position:absolute;
	right:-60px;
	top: -10px;
	z-index:10000;
	font-size:50px;
	color:#fff;
}
.popup__check{
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: #fff;
    justify-content: flex-end;
}
.popup__check p{
    margin-left: 7px;
    position: relative;
    top: 1px;
}
.popup__check input{
    width: 17px;
    height: 17px;
}

.main_pop .video{width:1244px; height:700px;}

@media (max-width:1384px){
	
.main_pop .video{height: auto;max-width: calc(100vw - 50px);aspect-ratio: 16/9;}

.main_pop .close{
	position:absolute;
	right: 0px;
	top: -60px;
	z-index:10000;
	font-size:50px;
	color:#fff;
}
	
}

@media (max-width:1024px){
	.main_pop{}
	.main_pop .img__wrap{max-width: 95%;}
.main_pop .close{
	/* position:absolute; */
	/* right: 0px; */
	/* top: auto; */
	/* bottom: -12px; */
	/* z-index:10000; */
	/* font-size: 30px; */
	/* color:#fff; */
}

.popup__check{
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-right: 40px;
    color: #fff;
    justify-content: flex-end;
}

}

@media (max-height:800px){
	
	.main_pop .img__wrap{max-width: 80vh;}

}