@charset "utf-8";
@import url("common.css");
/* 
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('/font/gmarketSans/GmarketSansBold.woff2') format('woff2'), Chrome 26+, Opera 23+, Firefox 39+
	url('/font/gmarketSans/GmarketSansBold.woff') format('woff'); Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('/font/gmarketSans/GmarketSansMedium.woff2') format('woff2'), Chrome 26+, Opera 23+, Firefox 39+
	url('/font/gmarketSans/GmarketSansMedium.woff') format('woff'); Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('/font/gmarketSans/GmarketSansLight.woff2') format('woff2'), Chrome 26+, Opera 23+, Firefox 39+
	url('/font/gmarketSans/GmarketSansLight.woff') format('woff'); Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+
}
 */

.t32 {font-size:32px; line-height:36px;}
.t30 {font-size:30px; line-height:36px;}
.t18 {font-size:18px; line-height:24px;}
.t14 {font-size:14px; line-height:24px;}


.main_link {position:relative; display:flex; justify-content:space-between; max-width:1600px; margin:-90px auto 0; background:linear-gradient(to right, #2282e8, #6e50dd); border-top-right-radius:20px; overflow:hidden; z-index:1;}
.main_link .item {position:relative; display:flex; align-items:center; justify-content:center; width:340px; height:90px; font-size:18px; color:#fff;}
.main_link .item .img {padding:0 20px;}
.main_link .item:nth-child(1n+2):after {content:''; position:absolute; top:50%; left:0; transform:translate(0, -50%); width:1px; height:36px; background:rgba(255,255,255,0.3);}
.main_link .item2 {display:flex; align-items:center; justify-content:space-between; width:250px; height:90px; padding:0 25px; background:#fff; box-sizing:border-box;}
.main_link .item2 .text .t14 {display:block; font-weight:900; color:#bfbfbf;}
.main_link .item2 .text .t18 {display:block; font-weight:bold; color:#313131; margin-top:5px;}

@media only screen and (max-width:1000px) {
	.main_link {flex-wrap:wrap;  border-top-right-radius:0;}
	.main_link .item {width:25%;}
	.main_link .item2 {width:100%; border-bottom:1px solid #ddd;}
}
@media only screen and (max-width:600px) {
	.main_link .item {width:50%;}
	.main_link .item:nth-child(3) {border-top:1px solid rgba(255,255,255,0.3);}
	.main_link .item:nth-child(4) {border-top:1px solid rgba(255,255,255,0.3);}
	.main_link .item:nth-child(3):after {background:none;}
}

.main1_bg {background:url("/site/ko/2024/res/img/main_bg01.png") no-repeat center center; background-size:cover; overflow:hidden;}
.main2_bg {background:url("/site/ko/2024/res/img/main_bg02.png") no-repeat center center; background-size:cover; overflow:hidden;}


.main_search {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.main_search {max-width:910px; height:190px; margin:70px auto 0; padding:20px; background:#f5f9fc; border-radius:95px; box-sizing:border-box;}
.main_search .search {display:flex; justify-content:space-between; width:100vw; padding:0 20px; max-width:680px; margin-top:20px; box-sizing:border-box;}
.main_search .search input[type=text] {width:calc(100% - 80px); height:60px; padding-left:25px; font-size:16px; font-family:'Nanum Square'; border:1px solid #ddd; background:#fff; border-radius:30px; box-sizing:border-box;}
.main_search .search input[type=text]::placeholder {font-size:16px; font-weight:300; color:#b0b0b0;}
.main_search .search button {border:none; background:none; cursor:pointer;}

@media only screen and (max-width:1000px) {
	.main_search {border-radius:0;}

}

.main1 {display:flex; justify-content:space-between; width:100%; max-width:1600px; margin:60px auto 100px; padding:0 2%;}
.main1 .title {display:flex; align-items:center; justify-content:space-between;}

.main1 .bbs {width:100%; max-width:660px; margin-right:20px;}
.main1 .bbs .list {margin-top:30px;}
.main1 .bbs .list .item {display:flex; align-items:center; justify-content:space-between; width:100%; height:70px; padding:0 20px 0 25px; border:1px solid #ddd; box-sizing:border-box;}
.main1 .bbs .list .item+.item {margin-top:20px;}
.main1 .bbs .list .item .text {display:flex; align-items:center; width:calc(100% - 100px); font-size:20px; color:#313131;}
.main1 .bbs .list .item .text span:nth-child(1) {display:inline-block; margin-right:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main1 .bbs .list .item .text .new {display:inline-block; min-width:40px; width:40px; height:16px; font-size:14px; color:#fff; line-height:14px; text-align:center; background:linear-gradient(to right, #2282e8, #6e50dd); border-radius:8px;}
.main1 .bbs .list .item .ymd {font-size:16px; color:#838383;}
.main1 .bbs .list .item:hover {border:1px solid #f2f6f9; background:#f2f6f9;}
.main1 .bbs .list .item:hover .text span:nth-child(1) {font-weight:bold;}


.main1 .event {position:relative; width:660px; padding-right:140px;}
.main1 .event .list {margin-top:30px;}
.main1 .event .list .img {display:block; width:100%; height:340px;}
.main1 .event .list .img img {width:100%; height:100%; object-fit:cover;}
.main1 .event .slick-dots {display:none !important;}

.main1 .event .count {position:absolute; bottom:-35px; right:0; width:240px; height:70px; padding:0 20px; background:linear-gradient(to right, #2282e8, #6e50dd); border-radius:35px; box-sizing:border-box;}
.main1 .event .count {display:flex; justify-content:space-between; align-items:center; font-size:16px; font-weight:300; color:#fff;}
.main1 .event .count .line {display:inline-flex; width:90px; height:2px; background:rgba(255,255,255,0.2); margin-right:15px;}
.main1 .event .count .line span {display:block; width:0; height:2px; background:#fff;}
.main1 .event .count .line span.bg {width:100%; transition:5s;}
.main1 .event .count .on {font-weight:500;}
.main1 .event .count img {cursor:pointer;}

@media only screen and (max-width:1200px) {
	.main1 {flex-wrap:wrap; width:auto;}
	.main1 .bbs {max-width:100%; margin-right:0;}

	.main1 .event {width:100%; margin-top:40px; padding-right:0;}
	.main1 .event .count {display:none;}

}

.main2 {position:relative; margin:60px auto 70px;}
.main2 .owl-carousel {position:relative; margin:0 auto; padding:60px 0 60px;}
.main2 .owl-carousel .owl-item .img {width:calc(100% - 100px) !important; /* max-width:430px; */}
.main2 .owl-carousel .owl-item:not(.center) .img {padding :45px 0px; margin:auto;}
.main2 .owl-carousel .owl-item.center .img {width:100% !important;}

.main2 .btn_dots {position:absolute; bottom:0; left:50%; transform:translate(-50%, 0); display:flex; align-items:center; justify-content:center; z-index:2;}
.main2 .btn_dots .dots .owl-dots .owl-dot {background: 0 0;color: inherit;border: none;padding: 0 !important;font: inherit;}
.main2 .btn_dots .dots .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px;}
.main2 .btn_dots .dots .owl-dots .owl-dot.active span {background: #6851f3;}
.main2 .btn-prev3 {margin-right:15px; cursor:pointer;}
.main2 .btn-next3 {margin-left:15px; cursor:pointer;}

@media only screen and (max-width:600px) {
	.main2 {margin:40px auto 50px;}
	.main2 .owl-carousel .owl-item.center .img{width:100% !important;padding :inherit;}
	.main2 .owl-carousel .owl-item:not(.center) .img{width:100% !important;padding :inherit;}
}
 
@media only screen and (max-width:1400px) {
}
@media only screen and (max-width:1000px) {
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:360px) {
}