@charset "UTF-8";

@media(max-width:1480px){
	/* visual */
	.mainVisual .swiper-slide > p {font-size:38px;}
}

@media(max-width:1260px){
	/* visual */
	.mainVisual .swiper-button-next, .mainVisual .swiper-button-prev {display:none;}
	.mainVisual .swiper-slide > p {width:100%;}
}

@media(max-width:1200px){
	/* product */
	.product .product_swiper .swiper-slide > a > p {font-size:20px;}
	.product .product_swiper .swiper-button-prev, .product .product_swiper .swiper-button-next {display:none;}

	/* bottom */
	.bottom .container {width:95%;}
	.bottom .bottom_menu {margin-bottom:50px;}
	.bottom .bottom_menu.notice_menu {width:calc(97% - 230px);margin: 0 2% 0 0;}
	.bottom .bottom_menu_sm.cooperation {width:100%;}
	.bottom .bottom_menu.help {width:230px;margin: 0 auto;}
}

@media(max-width:1080px){
	/* HEADER */
	.header .container {width:95%;padding:2rem 0;}
	.header .gnb_box {display:none;}
	.header .m_gnb {display:block;}
	.header .m_gnb_btn {display:block;}

	/* FOOTER */
	.footer {text-align:center;}
	.footer .ft_box {display:block;}
	.footer .ft_logo {margin-right:0;margin-bottom:30px;}
}

@media(max-width:767px){
	/* HEADER */
	.header {width:100%;position:fixed;top:0;left:0;z-index:9999;background:#fff;border-bottom:1px solid #d7d7d7;}

	/* mainVisual */
	.mainVisual {margin-top:112px;}

	/* product */
	.product .product_box {width:100%;margin-bottom: 30px;border-bottom: 1px solid #d7d7d7;}
	.product .product_box:nth-of-type(2n-1) {border-right:none;}
	.product .product_swiper .swiper-slide > a > img:first-of-type {max-width:100%;}

	/* bottom */
	.bottom .bottom_menu.notice_menu {width:100%; margin:0 0 50px 0;}
	.notice_menu > ul > li > a > p {max-width:55%;}
	.bottom .bottom_menu.help {display:block;}
}

@media(max-width:640px){
	/* visual */
	.mainVisual .swiper-slide > p {font-size:24px;}
}

@media(max-width:554px){
	/* FOOTER */
	.footer .ft_info .login {margin-top:10px;}
}

@media(max-width:480px){
	body.lock::after {margin-top:101px;}

	/* HEADER */
	.header .logo_box > a > img {width:200px;}
	.header .m_gnb_btn {margin-top:5px;}
	.header .m_gnb {top:101px;}

	/* visual */
	.mainVisual {margin-top:102px;margin-bottom:50px;}
	.mainVisual .swiper-wrapper {height:360px;}

	/* FOOTER */
	.footer .ft_logo img {width:200px;}
}