@charset "utf-8";
@import "gnb.css";

.m-none{ display:flex !important}
.m-block{ display:none !important}
.m-only-block{ display:none}

@media screen and (min-width: 1000px) {
	#header-wrap {
		display: none;
	}
}
@media screen and (max-width: 1024px){
	.promotion-main--01 .main-swiper {
		width: 100%;
        max-width: 80%;
    }
}
@media screen and (max-width: 999px){
	.header-white{
		background: url(/assets/home/images/common/logo-2.svg) no-repeat 8px 16px;				
	}
	.header-white h1 img:not(.mob-box h1 img){
		display: none;
	}
	#header-wrap.header-white.scrolled {
		background:#fff;
	}
	#header-wrap.scrolled h1 img{
		display: block;
	}
	#header-wrap.header-white .mob_btn{
		background: url(/assets/home/images/common/hamber_white.svg) no-repeat center 50%;
	}
	#header-wrap.header-white.scrolled .mob_btn{
		background: url(/assets/home/images/common/hamber.svg) no-repeat center 50%;
	}
	#header-wrap.header-white .mob_btn.ov {
		background: url(/assets/home/images/common//icon_gnb_closed.svg) no-repeat center 50%;			
	}
	body {
		min-width: inherit ;
	}
	footer .footer-left .logo{
		width: 110px;
	}
	footer .footer-left p{
		font-size: 12px;
	}
	.h1-title{
		font-size:24px;
	}
	.h3-title{
		font-size: 14px;
	}

	.sign-content-form{
		width: 100% ;
		max-width: 460px;
	}
	.sign-content{
		padding: 60px 16px;
	}

	footer{
		padding: 40px 16px 80px;
		position: relative;
	}
	.footer-component{
		padding: 60px 0;
	}
	footer .m-container{
		flex-direction: column;	
		gap:0;	
	}
	footer .link-list{
		flex-wrap: wrap;
		gap: 8px 24px;
	}
	footer .address p {
		flex-wrap: wrap;
		padding: 4px 0;
		font-size: 12px;
	}
	footer .link-list a{
		font-size:12px;
		font-weight: 600;
	}
	footer .address p span{
		font-weight: 100;
	}
	footer .address span::after{
		height: 0px;
	}
	.sns-list{ 
		position: absolute;
		bottom:32px;
		margin-left: -8px;		
	}
	footer-component{
		margin-top: 24px;
		padding: 60px 0;
	}
		
	.top-banner, 
	.top-banner.active,
	.detail,
	.header-2{
		display: none;
	}
	aside-banner{
		display: none;
	}

	.btn-gnb-group{
		position: fixed;
		bottom:32px;
		width: 300px;
		display: flex;
		justify-content: space-between;
		gap:8px;
		padding: 0 16px;
	}
	.btn-gnb-group button{
		width: 50%;
		color: #fff;
		flex-grow: 1;
	}

	h1,
	.promotion-kmt--01 .badge,
	.promotion-hero.rate .text-area h1,
	.promotion-hero.detail .text-area h1{
		font-size: 48px;
	}	
	.promotion-main h2,
	.promotion-main--03 .text-flow h2,
	.promotion-main--06 h2,
	.promotion-main--08 h1,
	.promotion-upload--02 h2,
	.promotion-upload--01 h2,
	.promotion-matching h2,
	.promotion-board h2,
	.presentation h2{
		font-size: 40px;
	}

	.promotion-main--06 h2,
	.promotion-main--07 h2,
	.promotion-contents--01 h2,
	.promotion-contents h2,
	.promotion-create--01 h2{
		font-size: 40px !important; 
	}
	h3,
	.promotion-main--03 h3,
	.promotion-main--04 .box-list__item h3,
	.promotion-main--04 .box-list__item:nth-child(2) h3,
	.promotion-contents--02 h3,
	.promotion-contents--03 h3,
	.promotion-contents--04 h3,
	.promotion-contents--05 h3,
	.promotion-contents--06 h3,
	.promotion-contents--07 h3,
	.promotion-kmt h3,
	.meta-banner--03 h4
	{
		font-size: 32px;
	}	
	.promotion-main--09 h4,
	.meta-banner--02 .text-area h4 {
		font-size: 24px;
	}	

	h4,
	.meta-banner h4,
	.promotion-main--09 p,
	.promotion-contents .check-ul li,
	.promotion-contents .box__list .box__item h5,
	.promotion-upload--01 ul li,
	.promotion-matching--02 p,
	.promotion-board--image__h .promotion-board__item h5,
	.terms--area h5  {
		font-size: 20px;
	}

	h5,
	.promotion-main--04 .title-area p,
	.promotion-main--04 .box-list__item p,
	.promotion-main__review__item p,	
	.promotion-main__review__item .name,
	.promotion-main--05 .title-area p,
	.promotion-main--05 .box-list__item p,
	.promotion-main--06 p,
	.promotion-main--07 p,
	.promotion-main--10 p,
	.promotion-main--11 p,
	.promotion-main--09 .right-area p,
	.promotion-contents--01 p,
	.promotion-contents p,
	.promotion-create--01 p,
	.promotion-upload--01 p,
	.promotion-kmt--01 p,
	.promotion-kmt__list ul li,
	.promotion-kmt__list p,
	.promotion-hero.rate .text-area p,
	.promotion-board__title.center p,
	.promotion-board--accordion .accordion-button .type,
	.promotion-board--accordion .accordion-button .text{		
		font-size: 17px;
	}

	.promotion-main--03 .text-flow h2 span{
		height: 1.6em;
	}
	.meta-banner{
		height: 200px;
		padding: 0;
	}
	.meta-banner .btn-basic{
		font-size: 16px;
		padding: 0 24px;
	}
	.promotion-contents .box__list .box__item p{
		font-size: 14px;
	}

	.promotion-main--02{
		padding:150px 0;
	}

	.promotion-main--01 .main-swiper{
		padding: 0 60px;
	}
	.promotion-main__review{
		padding-left: 0;
	}
	.promotion-main--04 .box-list__item .icon {
		width: 80px;
		margin-bottom: 24px;
		margin-top: -64px;
	}
	.promotion-main--04 .box-list__item,
	.promotion-main--05 .box-list__item{
		padding: 24px;
	}
	.promotion-main--04 .box-list__item:nth-child(1) .image-box{
		width:100%
	}
	.promotion-main--04 .box-list__item:nth-child(2) .image-box,
	.promotion-main--04 .box-list__item:nth-child(3) .image-box{
		width: 160px;
	}
		.promotion-main--05 .box-list__item .icon{
			width: 80px;
			margin-bottom: 16px;
			margin-top: -64px;
		}	

	/* sub */
	.promotion-tab{
		top:60px;
	}
	.promotion-contents--01 .box__list{
		gap:24px;
	}
	.promotion-contents--04 h3 img{
		width: 156px;
		top: -36px;
	}
	.promotion-contents--05 .check-ul li {
		font-size: 17px !important;
	}
	.promotion-contents--07 .video-box .frame,
	.promotion-contents--07 .video-box .frame img{
		width: 100%;
	}
	.promotion-contents--07 .video-box .frame video{
		width: 80%;
		border-radius: 8px;
	}

	.tab-content .hash{
		display: flex;
		flex-wrap: wrap;
		gap:16px;
	}
	.hash--ract .hash__list {
		flex-wrap: wrap;
	}
	.tab-content  search-input{
		width: 100% !important;
	}

	.promotion-rate__header{		
		padding: 24px 0;
		height: inherit;
	}
	.promotion-rate__header .left-area{
		flex-direction: column;
	}
	.promotion-rate__list{
		grid-template-columns: repeat(2, 1fr);
	}
	.promotion-rate__header p{
		text-align: center;
	}

	.presentation-2 .presentation-box .presentation-box__item {
		aspect-ratio: 500/400;
		padding: 24px;
	}
	.presentation-2 .presentation-box img {
		bottom: 40px;
		height: 40px;
	}
	.presentation-4 .mb-96,
    .presentation-5 .mb-96{
		margin-bottom: 32px !important;
	}
	.meta-banner--02 .text-area address{
		margin-top: 0px;
	}
	.meta-banner--03 .m-container {
		justify-content: center;
		flex-direction: column;
		gap: 24px;
	}

	#locationTab.promotion-tab{
		height: inherit;
	}
	#locationTab.promotion-tab .m-container{
		/* overflow-x: auto; */
		display: flex;
		flex-wrap: wrap;
		gap:16px 40px;
		align-items: center;
	}
	#locationTab.promotion-tab a{
		font-size: 16px;
		flex-shrink: 0;
		padding: 12px 0;
	}
	.promotion-hero.detail{
		display: block;
	}
	.intro{
		padding: 0 16px;
		gap:32px
	}
	.Login,
	.Login section .Form,
	.Login section .swiper .swiper-slide{
		padding-left: 16px;
		padding-right: 16px;
	}
	.Login section .Form .Checkbox-wrap{

	}
	.Login section .Benner .Button-wrap>button{
		width: 50%;
	}
	.Login section .Form .Checkbox-wrap{
		flex-direction: column;
		gap:16px;
		align-items: center;
	}
	.promotion-detail img {
		width:100%;
		max-width: 100%;
	 }
}


/* 테블릿 */
@media all and (max-width:768px) {		
}

/* 모바일 */

@media screen and (max-width: 767px){		
	.m-none {
		display: none !important
	}

	.m-block {
		display: block !important
	}

	.m-only-block {
		display: block
	}
	.select-basic::after {
		background-image: url("/assets/home/images/common/select.svg");
		right: 4px;
	}
	.promotion-main--01 .main-swiper{
		width: 100%;
		max-width: 100%;
	}
	.promotion-main--03 .text-flow h2{
		font-size: 30px;
	}
	.promotion-main--03 .text-flow h2 span{
		border:6px solid !important;
	}
	.promotion-main--05 .box-list__item:nth-child(2) .image-box,
	.promotion-main--05 .box-list__item:nth-child(1) .image-box{
		width: 70% !important;
	}
	.promotion-main--07 .col-6{
		width: 100%;
	}
	.promotion-main--07 .row{
		flex-direction: column-reverse;
	}
	.promotion-main--08 .row{
		display: block;
	}
	.promotion-main--08 .col-6,
	.promotion-main--08 .col-4{
		width: 100%;
	}

	.promotion-main--09 .col-6{
		width: 100%;
		margin-top: 32px;
	}

	.meta-banner .m-container{
		flex-direction: column;
		justify-content: center;
		text-align: center;
		gap:16px;
		padding: 0;
	}
	.promotion-upload--01{
		height: inherit;
		padding: 72px 0;
	}
	.promotion-upload--01 .col-6{
		width: 100%;
	}	
	.promotion-board--accordion .accordion-button.collapsed{
		padding: 0 32px 0 0;
	}
	.promotion-board--accordion .accordion-button::after{
		right: 0;
	}	
	.presentation-2 .presentation-box img {
		height: 32px;
		bottom: 24px;
	}
	.presentation-input__box .left-area {
		min-width: 160px;
	}
	.presentation-input__box {
		padding: 20px;
	}
	.meta-banner--02 .btn-basic {
		height: 40px;
		padding: 0 16px;
	}
	.m-container{
		padding: 0 16px;
	}
	.promotion-contents .box__list,
	.promotion-contents--03 ul,
	.promotion-contents--04 ul{
	grid-template-columns: repeat(1, 1fr);
		gap: 16px;
	}
	.promotion-contents--06 .col-6{
		width: 100%;
	}
	.promotion-upload--02 picture{
		overflow: hidden !important;
		border-radius: 18px;
		display: block;
	}
	.promotion-upload--02 img {
		width: 1200px;
		margin: 0;
	}
	.promotion-kmt--04 .report-gallery .col-3{
		width: 50%;
	}
	.alert-fixed{
		width: calc(100% - 32px);
		min-width: auto !important;		
	}
	.mo-check-group,
	.mo-search-group,
	.mo-check-01,
	.mo-search-01{
		flex-direction: column;
		align-items: flex-start !important;
		gap: 0.5rem !important;
	}
	.mo-check-group .title,
	.mo-search-group .title{
		margin-top: 8px;
	}

	.mo-check-01 .select-basic,
	.mo-search-group .select-basic{
		width: 100% !important;
		max-width: inherit !important;
	}
	.mo-search-group .filter-number,
	.mo-search-group .filter-number input,
		.mo-search-group .new-button{
		width: 100% !important;
	}

}

@media screen and (max-width: 640px){
	h1,
	.promotion-hero.detail .text-area h1{
		font-size: 30px;
	}
	h2,
	.promotion-main--08 h1,
	.promotion-main h2,
	.promotion-main--06 h2,
	.promotion-main--07 h2,
	.promotion-main--05 .box-list__item h3,
	.promotion-contents--01 h2,
	.promotion-contents--03 h3,
	.promotion-contents--04 h3,
	.promotion-contents--06 h3,
	.promotion-contents--07 h3,
	.promotion-contents h2,
	.promotion-create--01 h2,
	.promotion-upload--02 h2,
	.promotion-upload--01 h2,
	.promotion-kmt--01 .badge,
	.promotion-kmt h4,
	.promotion-kmt h3,
	.promotion-matching--02 h2,
	.promotion-matching h2,
	h3,
	.promotion-hero.rate .text-area h1,
	.promotion-board h2,
	.presentation-2 h2,
	.presentation h2,
	.meta-banner--02 .text-area h4,
	.meta-banner--03 h4,
	.text-set.large,
	.signup h2,
	.SignUpPayment section h2{
		letter-spacing: 0;
		font-size: 24px !important;
	}
	
	.promotion-main--04 .box-list__item h3,
	.promotion-main--04 .box-list__item:nth-child(2) h3,
	.promotion-main--04 .box-list__item:nth-child(3) h3,
	.promotion-board .board-tab__item,
	.promotion-main--09 h4,
	h3.text-set.semiTitle.text-start{
		font-size: 20px;
	}

	.promotion-kmt--03 .mySwiper .swiper-slide span,
	.promotion-main--03 .text-flow h2,
	.promotion-main--03 h3 {
		font-size: 18px !important;
	}	

	h5,
	.promotion-upload--01 ul li,
	.promotion-matching__item h6,
	.meta-banner h4,
	.promotion-kmt__list ul .left-area,
	.promotion-board--image__h .promotion-board__item h5,
	.presentation-2 .presentation-box .presentation-box__item h4,
	.promotion-board--image__h .promotion-board__item h5,
	.text-set{
		font-size: 16px;
	}

	.promotion-main--04 .title-area p,
	.promotion-main--03 h4,
	.promotion-main--04 .box-list__item p,
	.promotion-main--05 .title-area p,
	.promotion-main--05 .box-list__item p,
	.promotion-main--06 p,
	.promotion-main--07 p,
	.promotion-main--09 .right-area p,
	.promotion-main--09 p,
	.promotion-main--10 p,
	.promotion-main--11 p,
	.promotion-contents--01 p,
	.promotion-contents p,
	.promotion-contents .check-ul li,
	.promotion-hero.service .text-area .bread-crumbs a,
	.promotion-hero.service .text-area .bread-crumbs i,
	.promotion-create--01 p,
	.promotion-upload--01 p,
	.promotion-kmt--01 p,
	.promotion-kmt__list ul li,
	.promotion-kmt__list p,
	.promotion-kmt--03 .mySwiper .swiper-slide p,
	.promotion-kmt__list ol .left-area,
	.promotion-kmt__list ol .right-area,
	.promotion-kmt__list ol li.block .left-area span,
	.promotion-matching--02 p,
	.promotion-matching--03,
	.hash--ract .hash__item,
	.promotion-matching__item p,
	.promotion-hero.rate .text-area p,
	.promotion-board__title.center p,
	.promotion-board--accordion .accordion-button .type,
	.promotion-board--accordion .accordion-button .text,
	.promotion-rate__header p,
	.marquee__item .top-content p,
	.meta-banner--02 .text-area p,
	.promotion-board__item .link,
	h5,
	.promotion-detail .footer-content button{
		font-size:14px;
	}
	
	.promotion-kmt--03 .mySwiper .swiper-slide p,
	.promotion-main__review__item p,
	.promotion-board__item .date,
	.terms--area p,
	.terms--content ul.circle-number > li,
	.number-bracket,
	.number,
	.dash{
		font-size: 13px;
	}
	
	.promotion-main--02,
	.promotion-main--04,
	.promotion-main--05,
	.promotion-main--06,
	.promotion-main--07,
	.promotion-main--08,
	.promotion-main--09,
	.promotion-main--10,
	.promotion-contents--01,	
	.promotion-contents--02,
	.promotion-contents--03,
	.promotion-contents--04,
	.promotion-contents--05,
	.promotion-contents--06,
	.promotion-contents--07 .inner-wrap--02,
	.promotion-contents--08,
	.promotion-contents--09,
	.promotion-create--01,
	.promotion-upload--02,
	.promotion-kmt--02,
	.promotion-kmt--03,
	.promotion-matching--03,
	.promotion-rate,
	.presentation article{
		padding:80px 0
	}
	
	.btn-basic{
		width: inherit;
		height: 40px;
		font-size: 14px;
		padding: 0 16px;
	}
	.promotion-main--01 {
		height: 90vh;
		min-height: inherit;
	}
	.promotion-main--01 .main-nav-wrap a {
		font-size: 14px;
		font-weight: normal;
	}
	.promotion-main--01 .main-nav-wrap a{
		width: 24%;
	}
	.promotion-main--02 .col-5,
	.promotion-main--02	.col-7{
		width: 100%;
	}
	.promotion-main--02 .col-5{
		text-align: center;
	}
	.promotion-main__review{
		padding-left: 0;
	}
	.promotion-main--02 h5{
		margin-bottom: 8px;
	}
	.promotion-main__review__item .left-area{
		width:60px;
		min-width: 60px;
	}
	.promotion-main__review__item {
		align-items: center;
		gap: 8px;
	}
	.promotion-main__review__item .badge,
	.promotion-main__review__item .name,
	.promotion-main__review__item .school {
		font-size: 11px;
		padding: 4px 8px;
		margin-left:4px;
	}
	.promotion-main__review__item .name{
		margin-left: 4px;
	}
	.promotion-main--03 .m-container{
		text-align: center;
	}
	.promotion-main--04 .title-area h1,
	.promotion-upload--02 h2 {
		margin-bottom: 24px;
	}
	.promotion-main--03 .text-flow h2 span {
		height: 1.6em;
		border: 4px solid !important;
		padding: 0 6px;
	}	
	.promotion-main--04 .box-list{
		display: block;
	}
	.promotion-main--04 .box-list__item:nth-child(1) .image-box{
		position: relative;
	}
	.promotion-main--04 .box-list__item .icon{
		width: 54px;
		margin-top: -48px;
		margin-bottom: 20px;
	}
	.promotion-main--04 .box-list__item{
		padding: 20px;
	}
	.promotion-main--04 .box-list__item:nth-child(1) .image-box {
		width: 100%;
		left: 0;
	}
	.promotion-main--04 .box-list__item:nth-child(2) .image-box,
		.promotion-main--04 .box-list__item:nth-child(3) .image-box {
		width: 80px;
		right: 0;
		top: 4%;
	}
	.promotion-main--04 .box-list__item {
		margin-top: 60px;
	}
	.promotion-main--04 .box-list__item:nth-child(3) .image-box {
		top: -10%;
	}
	.promotion-main--05 .box-list{
		display: block;
	}
	.promotion-main--05 .title-area h1{
		margin-bottom: 24px;
	}
	.promotion-main--05 .box-list__item .icon{
		width: 54px;
		margin-top: -52px;
		margin-bottom: 20px;
	}
	
	.promotion-main--06	.col-6{
		width:100%;
	}
	.promotion-main--06 .image-box{
		margin-top: 0;
	}
	.promotion-main--05 .box-list__item{
		margin-top: 80px;
	}	
	.promotion-main--11 .col-3{
		width: 50%;
	}
	.promotion-main--09 img{
		width: 72px;
	}
	.promotion-main--11 h1{
		margin-bottom: 24px;
	}

	.promotion-main--05 .box-list{
		padding-top: 24px;
	}

	.promotion-main--09 h1,
	.promotion-main--11 p{
		margin-bottom: 48px;
	}

	.promotion-main--11 .row{
		padding: 0 40px;
	}
	.promotion-main--09 .row{
		padding:24px 0;
	}
	.promotion-main--09 .left-area{
		gap: 16px;
	}
	.promotion-tab a{
		font-size: 14px;
	}
	.promotion-tab .m-container {
		gap: 16px;
		box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.05);
	}
	.promotion-contents--01 .box__list,
	.promotion-contents .box__list{
		display: flex;
		flex-direction: column;
	}
	.promotion-contents--04 h3 img {
		width: 136px;
		top: -32px;
	}
	.promotion-contents--07 .meta-red {
		display: block;
	}
	.promotion-contents--09 .slide-box .mySwiper{
		height: inherit;
	}
	.promotion-contents--09 .slide-box .mySwiper .swiper-slide{
		font-size: 14px;
		height: 44px !important;
		padding-left: 8px;
	}
	.promotion-contents--09 .slide-box .mySwiper2 {
		width: calc(100% - 0px);
	}
	.promotion-contents--07{
		min-height: inherit;
	}
	.promotion-tab {
		height: 48px;
	}
	.promotion-hero .text-area .bread-crumbs{
		display: none;
	}
	.promotion-hero.service .m-container{
		align-items: center;
		justify-content: center;
		margin-top: 60px;
	}
	.promotion-hero.service{
		height: 200px;
	}
	.promotion-contents .check-ul li i{
		margin-right: 4px;
	}

	.promotion-kmt__item{
		padding-bottom: 0;
	}

	.promotion-kmt--02 .col-4,
	.promotion-kmt h4{
		width: 100%;
		margin-bottom: 24px;
	}
	.promotion-kmt--02	.col-8{
		width: 100%;
	}
	.promotion-kmt--03 .mySwiper .swiper-slide{
		width: 100% !important;
		margin-bottom: 40px;
	}
	.promotion-kmt--03 .mySwiper .swiper-wrapper{
		display: block;
	}
	.promotion-kmt--03 .mySwiper .swiper-slide picture {
		margin-bottom: 8px;
	}
	.promotion-kmt--03 .mySwiper .swiper-slide span {
		margin-bottom: 0px;
	}
	.promotion-kmt__box {
		padding: 8px;
		border-radius: 8px;
	}
	.promotion-kmt--03 .mySwiper {
		margin: 40px 0 0;
	}
	.promotion-kmt--04 .col-4,
	.promotion-kmt--04	.col-8{
		width: 100%;
	}
	.promotion-kmt--04 .col-8 {
		margin-bottom: 40px;
	}
	.promotion-kmt--04	.right-area{
		width: 100%;
		flex-grow: 1;
	}
	.promotion-kmt--04 {
		padding: 0;
	}
	.promotion-kmt__list ol li.block .left-area{
		padding-bottom: 16px;
	}
	.row.report-gallery{
		--bs-gutter-x: .5rem;
	}
	.promotion-kmt--01{
		/* height: 400px; */
	}
	.promotion-kmt--01 .badge {
		padding: 8px 24px;
		margin-bottom: 24px;
	}
	.promotion-kmt--02{
		padding: 0 0 80px 0;
	}
	.promotion-matching__list{
		grid-template-columns: repeat(2, 1fr);
	}
	.promotion-hero.event{
		height: 360px;
	}
	.promotion-hero.event .m-container{
		align-items: flex-end;
		padding-bottom: 60px;
	}

	.promotion-matching--02,
	.promotion-kmt--01,
	.promotion-hero{
		height: 300px;
	}
	
	.promotion-board__title{
		margin: 72px 0 24px;
	}
	.pagination {
		margin-top: 40px;
		margin-bottom: 80px;
	}
	.promotion-rate__header{
		flex-direction: column;
		gap:16px;
	}
	.promotion-rate__list {
		grid-template-columns: repeat(1, 1fr);
	}
	.promotion-rate__banner{
		flex-direction: column;
	}

	.promotion-board--accordion .accordion-button.collapsed,
	.promotion-board--accordion .accordion-button{
		display: flex;
		flex-direction: column;
		gap:4px;
		width: 100%;
		padding: 16px 0;
	}
	.promotion-board--accordion .accordion-button .type{
		width: 100%;
	}
	.promotion-board--accordion .accordion-body{
		padding: 8px 0;		
	}
	.promotion-board--accordion .accordion-body .text{
		font-size: 14px;
	}
	.promotion-board--accordion .accordion-button .text{
		padding-right: 24px;
	}
	.promotion-board--accordion .accordion-button.collapsed {
		height: inherit;
	}
	.presentation-2 .presentation-box{
		gap:16px;
		padding: 0px;
	}
	.presentation-2 .presentation-box img{
		right: 16px;
		height: 24px;
	}
	.presentation-2 .presentation-box .presentation-box__item {
		border-radius: 8px;
		aspect-ratio: 500/500;
		padding: 16px;
	}
	.mb-112{
		margin-bottom: 40px !important;
	}
	.presentation-input__item{
		flex-direction: column;
	}
	.presentation-5 .presentation-graph {
		grid-template-columns: repeat(1, 1fr);
	}
	.marquee__item{
		width: 320px;
		padding: 16px;
	}
	.marquee__item .top-content{
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	.presentation-6 .btn-cta{
		font-size: 16px;
		margin-top: 40px;
		padding: 16px;
	}
	.meta-banner--02 .text-area address {
		flex-direction: column;
		gap:0;
	}
	.meta-banner.meta-banner--02,
	.meta-banner--03{
		height: inherit;
		padding: 32px 0;
	}
	.promotion-board--image__h .promotion-board__content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		padding-top: 40px;
		row-gap: 32px;
		column-gap: 16px;
		border-top: 2px solid #000;
	}
	.meta-banner--03 .right-area img {		
		width: 100%;
	}
	.promotion-board__item{
		gap:16px;
	}
	.promotion-board--image .promotion-board__item .image{
		min-width: 80px;
		width: 80px;
		height: 80px;
	}
	.promotion-board__title {
		margin: 60px 0 40px;
		flex-direction: column;
		gap: 16px;
	}
	.promotion-board search-input{
		width: 100% !important;
	}
	.promotion-board__item .bottom{
		flex-direction: column;
	}
	.presentation .select-set label,
	.presentation .input-set label{
		margin-top: 16px;
	}
	.presentation .ractangle-check{
		display: block;
	}
	.presentation .input-set.mt-16 label{
		align-items: flex-start;
	}
	.presentation .ractangle-check__item label{
		padding-left: 40px;
	}
	.ractangle-check__item{
		margin-top: 8px;
	}
	.presentation h2.mb-48{
		margin-bottom: 24px !important;
	}
	.presentation-input__item{
		padding: 32px 0 0;
	}
	.terms--content ul.circle-number > li::after{
		width: 12px;
    	height: 12px;
		left: 4px;
		top: 9px;
	}
	.terms--content ul li{
		line-height: 1;
	}
	.terms--content h6{
		margin-bottom: 12px;
	}
	#locationTab.promotion-tab .m-container{
		gap:0 24px;
	}

	.promotion-board--2 .promotion-board__content {
		grid-template-columns: repeat(1, 1fr);
	}
	.SignUpPayment section,
	.signup,
	.signup-complete form,
	.SignUp-basic section,
	.reset-password,
	.find-main-id,
	.find-main-password {
		width: 100%;
		max-width: 460px;
		padding-left: 16px;
		padding-right: 16px;
	}
	.SignUpPayment section .Payment-form .Payment-description{
		width: 100%;
		max-width: 460px;
	}
	.signup-complete{
		padding-left: 16px;
		padding-right: 16px;
	}

	.promotion-detail .footer-content button{
		padding: 0 16px;
		height: 40px;
	}

	.promotion-detail h5{
		font-size: 20px;
	}

	.intro{
		flex-direction: column;
	}
	.intro section{
		max-width: 100%;
		height: 320px;
		position: relative;
	}
	.intro p{
		position: absolute;
		top:72px;
		font-size: 14px;
	}
	.intro__img img{
		height: 120px;
	}
	.intro .btn-intro{
		height: 50px;
	}

	.Login{
		height: initial;
		min-height: initial;
		margin-bottom: 16px;
	}
	.Login section{
		flex-direction: column;
		width: 100%;
		height: inherit;
	}
	.Login section .swiper{
		width: 100%;
	}
	.Login section .Form{
		width: 100%;
		padding-top: 40px;
	}
	.Login section .Benner .Text-wrap{
		margin-bottom: 0;
	}
	.Login section .Benner .Text-wrap>span:first-child{
		font-size: 13px;
	}
	.Login section .Benner .Text-wrap>span:last-child{
		font-size: 24px;
	}
	.Login section .Benner .Profile{
		width: 80px;
		height: 80px;
		margin-bottom: 16px;
	}
	.Login section .Form .Checkbox-wrap {
		flex-direction:row;
		gap: 8px;
		align-items: center;
		font-size: 13px;
	}
	.Login section .Form .Checkbox-wrap>div:first-child label{
		gap:0px;
	}
	.Login section .Form .Checkbox-wrap>div:last-child{
		font-size: 13px;
	}
	.Login section .Form h2,
	.Login section .Form .Checkbox-wrap{
		margin-bottom: 16px;
	}
	.Login section .swiper .swiper-slide{
		padding:24px 0;
	}
	.Login section .Form .Links-wrap{
		position: initial;
		display: flex;
		justify-content: center;
		width: 100%;
		translate:0;
		padding: 16px;
		margin-bottom: 16px;
	}
	.Login section .Benner .Button-wrap>button{
		font-size: 13px;
	}
	.promotion-create--01 .col-4{
		width: 100%;
	}
	.promotion-create--01 .row{
		--bs-gutter-y:16px;
	}

	.check-set .check-set__list {
		grid-template-columns: repeat(1, 1fr);
	}
	.promotion-upload--02 img {
		width: 800px;
	}

	.presentation .presentation-box{
		grid-template-columns: repeat(1, 1fr);
		gap:16px;
	}
	.radio-btn h3{
		font-size: 14px !important;
	}
	.list-tab {
		overflow-x: auto;
	}
	.list-tab .nav-item{
		flex-shrink: 0 !important;
	}
	.list-tab .nav-link{
		padding: 0 8px;
	}
	.map-summary .col-6, 
	.map-summary .col-12{
		width: 100% !important;
		font-size: 16px;
		gap:16px;
	}
	.map-summary [class*=col-] {
		height: 80px;
	}
}
	
@media screen and (max-width: 560px){
	.marsonry-question-badge span {
		height: 36px !important;
		line-height:1.2em !important;
	}
}
	
@media screen and (max-width: 480px){
	.promotion-contents--09 .slide-box .mySwiper .swiper-slide {	
		height: 38px !important;		
	}
	.promotion-contents .check-ul li{
		font-size: 11px;
		letter-spacing: -1.5px;
	}
	.promotion-board .board-tab__item {
		font-size: 16px;
	}
	.marsonry-question-badge span {
		font-size: 11px;
		height: 24px;
		line-height: 1;
		padding: 0 6px;
	}
	
}

@media screen and (max-width: 430px){
	#locationTab.promotion-tab .m-container {
		gap: 0 12px;
	}
}

@media screen and (max-width: 380px)  and (min-width: 375px){	
	.promotion-main--01 h1{
		margin-top: 40px;
	}	
}

@media screen and (max-width: 360px){	
	body {
		min-width: 360px;
	}
}