.logo		{ position:fixed; top:0; left:0; width:100%; z-index:10000; }
.logo h1	{ max-width:1920px; min-width:1280px; margin:0 auto; position:relative; }
.logo h1 a	{ display:block; position:absolute; top:0; left:0; width:200px; }
.logo img	{ width:100%; margin:8% 0 0 32%; }

.btnBuy		{ position:fixed; top:15px; right:75px; z-index:10000; text-align:right; }
.btnBuy div a	{ display:block; position:absolute; top:0; right:0; width:200px; }
.btnBuy img	{ width:100%; margin:8% 0 0 32%; }

.menuBt		{ position:fixed; top:0; left:0; width:100%; z-index:10000; }
.menuBt p	{ max-width:1920px; min-width:1280px; margin:0 auto; position:relative; }
.menuBt p a	{ display:block; position:absolute; top:0; right:0; width:2.23958333333333%; margin:2.2% 3.6% 0 0; }
.menuBt img	{ width:100%; }


@media (max-width:1080px){
	.logo		{ position:fixed; top:0; left:0; z-index:10000; width:5.52083333333333%; }
	.logo h1	{ max-width:auto; min-width:auto; margin:0; position:static; }
	.logo h1 a	{ display:inline-block; position:static; top:0; left:0; width:100%; }
	.logo img	{ width:100%; margin:36% 0 0 42%; }

	.menuBt		{ position:fixed; top:1.4%; right:0; width:100%; z-index:10000; text-align:right; }
	.menuBt p	{ max-width:auto; min-width:auto; margin:0; position:static; }
	.menuBt p a	{ display:inline-block; position:static; top:0; right:0; margin:0; width:2.23958333333333%; margin-right:3.6%; }
	.menuBt img	{ width:100%; }
}


.menuCont   { position:fixed; top:0; right:-854px; width:854px; height:100%; overflow:auto; background:#fff; z-index:10002; }
.menuCont>.menuClose    { position:absolute; top:10px; right:20px; padding:30px; display:inline-block; }
.menuCont>ul            { margin:120px 0 60px 50px; width:754px; }
.menuCont>ul>li         { height:100px; border-bottom:1px solid #e8e8e8; width:100%; display:inline-block; }
.menuCont>ul>li strong  { width:180px; float:left; font-size:22px; color:#222; line-height:100px; font-weight:500; letter-spacing:-2px; }
.menuCont>ul>li a       { float:left; font-size:18px; color:#515151; line-height:100px; margin-right:25px; font-weight:400; letter-spacing:-2px; }
.menuCont>ul>li a:hover { color:#d43341; text-decoration:none; }
.menuCont>ul>li a:last-child        { margin:0; }
.menuCont>.menuSns      { width:754px; display:inline-block; position:relative; margin-left:50px; }
.menuCont>.menuSns p    { display:inline-block; }
.menuCont>.menuSns p a  { float:left; margin-right:16px; }
.menuCont>.menuSns>a    { position:absolute; top:0; right:0; }
.fade                   { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:10001; }



.mainLocation			{ position:fixed; top:50%; left:0px; z-index:10000; width:100%; height:0; }
.mainLocation .inner	{ max-width:1920px; height:0; margin:-92px auto 0; }
.mainLocation a			{ width:14px; height:1px; padding:7px 0 7px 64px; display:block; position:relative; margin:17px 0; }
.mainLocation a span		{ display:none; }
.mainLocation a:after	{ content:''; width:14px; height:14px; position:absolute; top:0; right:0; background:#777; display:block; border-radius:100%; }
.mainLocation a.active		{ text-indent:0; width:70px; height:1px; padding:7px 14px 7px 0; display:block; position:relative; margin:17px 0; text-align:center; font-size:11px; }
.mainLocation a.active:before{ content:''; width:100%; height:1px; position:absolute; top:7px; left:0; background:#d43341; display:block; }
.mainLocation a.active:after	{ content:''; width:14px; height:14px; position:absolute; top:0; right:0; background:#d43341; display:block; border-radius:100%; }
.mainLocation a.active span	{ display:block; width:70px; position:absolute; top:-8px; left:0; color:#d43341; font-size:11px; font-weight:bold; }

body{width:100vw;overflow-x: hidden;}
.wrapMain				{ min-width:1280px;wi margin:0 auto; width: 100%;}
.section0				{ position:relative; min-width:1280px; width:100vw; display:inline-block;height: calc(100vh - 100px);}
.section0 .visual		{ width:100%; min-width:1280px; position:relative; z-index:1;height: 100%; height: calc(100vh - 100px)}
.section0 .visualBt		{ position:absolute; bottom:7.40740740740741%; left:0; width:100%; text-align:center; z-index:10; }
.section0 .visualBt a	{ display: block;}
.section0 .visualBt a img		{ width:100%; }

.section0 .slick-slide			{ float:left; position:relative;width:100%;height: calc(100vh - 100px) }
.section0 .slick-slidea a{height: 100%;}
.section0 .slick-slide img		{ width:100%;height: calc(100vh - 100px);object-fit: cover;}
.section0 .slick-arrow	{ position:absolute;top:auto; bottom:0px;left:0px; z-index:1001; width:8px; height:25px;padding: 15px 25px;opacity: 0.3;}
.section0 .slick-prev	{ color: #fff;background-color: #000;opacity: 0.3; border-radius: 25px 0 0 0}
.section0 .slick-next	{ left:58px;color: #fff;background-color: #000; opacity: 0.3; border-radius: 0 0px 0 25px;transform: rotate(180deg);}
.section0 .slick-arrow img		{ width:100%; }
.section0 .slick-visual-paging {position: absolute;bottom: 0;left: 0;letter-spacing: 3px;font-size: 20px;z-index: 2;}
.section0 .slick-dots li{display: none;justify-content: space-between;color: #555;}
.section0 .slick-dots li.slick-active {display: flex;}
/* main 시작 */
section{width: 100%;}
.section1,.section6,.section5{width: 1520px;margin: 0 auto;}
/*section1 - 브로슈어 내용*/
.section1{margin:200px auto 300px}
.section1 .title{text-align: center;}
.section1 .title .sub_title{font-size:20px;display: inline-block;font-weight: 400;}
.section1 .title p{font-size:40px;font-weight: 600;}
.section1 .threed{display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.section1 .threed_l{width: 40%;}
.section1 .threed_l span{font-size: 22px;font-weight: 500;opacity: 0.4;}
.section1 .threed_l h2{font-size: 50px;margin: 10px 0 40px;font-weight: 600;}
.section1 .threed_l h2 .color_blue{color:#56c5e8;display: inline-block;font-size: 50px;font-weight: 600;}
.section1 .threed_l p{font-size: 18px;word-break: keep-all;line-height: 30px;font-weight: 400;}
.section1 .threed_r{width: 50%;}
.section1 .threed_r img{width: 100%;}
/*section2 - 바로가기*/
.section2{background: url(../img/main/240530/section2_bg.png)center center no-repeat;background-attachment: fixed;background-size: contain;}
.section2 .contents{display: flex;justify-content: space-around;align-items: center;
height: 560px;width: 1400px;margin: 350px auto;}
.section2 .contents .desc{width: 400px;}
.section2 .contents .desc p{font-size:60px;font-weight: 500;position: relative;}
.section2 .contents .desc p::after{content: "";background: #000;width: 320px;height: 2px;position: absolute;top: 53%;right:0;}
.section2 .contents .desc h2{font-size: 35px;font-weight: 700;margin: 20px 0;line-height: 45px;}
.section2 .contents .desc h2>div{font-size: 36px; display: inline-block;font-weight: 700;vertical-align: bottom;}
.section2 .contents .desc h2 .color_pink{color:#e6787a;}
.section2 .contents .desc h2 .color_green{color:#b0e35a;}
.section2 .contents .desc h2 .color_blue{color:#56c5e8;}
.section2 .contents .desc h2 .color_purple{color:#be9ed7;}
.section2 .contents .desc span{font-size:18px;display: block;line-height: 24px;font-weight: 500;}
.section2 .contents .desc .img_box{display: flex;flex-wrap: wrap;margin-top: 20px;}
.section2 .contents .desc .img_box .box{background:#f3f3f3;width:150px;height:150px;margin:0 7px 7px 0;border-radius: 10px;overflow: hidden;position: relative;}
.section2 .contents .desc .img_box .box img{width: 100%;object-fit: contain;}
.section2 .contents .desc a{position: relative; display:inline-block; border:1px solid #000;width: 378px;padding: 15px 0 15px 20px;font-size: 18px;
margin-top: 20px;border-radius: 5px;transition: 0.3s;color:#000;background-color: #fff;font-weight: 500;}
.section2 .contents .desc a::after{content: "";border-top:1px solid #000;border-right: 1px solid #000;width: 10px;height: 10px;
position: absolute;top:50%;right: 30px;transform: translateY(-50%) rotate(45deg);transition: 0.3s;}
.section2 .contents .desc a.color_pink:hover{background-color: #ffebee;border: 1px solid #ffebee;color: #e6787a;}
.section2 .contents .desc a.color_pink:hover::after{right: 23px;border-right: 1px solid #e6787a;border-top:1px solid #e6787a;}
.section2 .contents .desc a.color_green:hover{background-color: #f0ffd6;border: 1px solid #f0ffd6;color: #b0e35a;}
.section2 .contents .desc a.color_green:hover::after{right: 23px;border-right: 1px solid #b0e35a;border-top:1px solid #b0e35a;}
.section2 .contents .desc a.color_blue:hover{background-color: #eaf6ff;border: 1px solid #eaf6ff;color: #56c5e8;}
.section2 .contents .desc a.color_blue:hover::after{right: 23px;border-right: 1px solid #56c5e8;border-top:1px solid #56c5e8;}
.section2 .contents .desc a.color_purple:hover{background-color: #f5e9ff;border: 1px solid #f5e9ff;color: #be9ed7;}
.section2 .contents .desc a.color_purple:hover::after{right: 23px;border-right: 1px solid #be9ed7;border-top:1px solid #be9ed7;}
.section2 .contents .model{position: relative;}
.section2 .contents .model .background{width: 500px;height: 500px;border-radius:50% 50% 10px 10px; text-align: center;position: relative;}
.section2 .contents .model .background.color_pink{background:#ffebee;}
.section2 .contents .model .background.color_green{background:#f0ffd6;}
.section2 .contents .model .background.color_blue{background:#eaf6ff;}
.section2 .contents .model .background.color_purple{background:#f5e9ff;}
.section2 .contents .model img{height: 560px;object-position: top;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);}
.section2 .contents.right .model{order: 1;}
.section2 .contents.right .desc{order: 2;text-align: right;}
.section2 .contents.right .desc p::after{left: 0;}
.section2 .contents.right .desc .img_box{justify-content: flex-end;}
.section2 .contents.right .desc a{text-align: left;}
/* section03 - 체육복 무한 롤링배너*/
.section3{margin:200px 0}
.section3 .fit_banner {overflow: hidden;display: flex;margin: 30px auto;width: 100%;}
.section3 .fit_banner .fit_list {display: flex;animation: fitRolling 50s linear infinite;cursor: pointer;}
.section3 .fit_banner .fit_list > li {white-space: nowrap;width: 450px;color: #fff;padding: 20px;}
.section3 .fit_banner .fit_list > li  img{width: 450px;object-fit: contain;}
@keyframes fitRolling {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-450px * 17 - 10px * 17));}
}
.section3 .fit_banner .fit_list:hover{animation-play-state: paused;}
/* section04 - 엘리트 룩북*/
.section4{background-color: #f9f9f9;height: 700px;margin: 200px auto;padding: 50px 0;text-align: center;}
.section4 h3{font-size: 30px;font-weight: 400;}
.section4 h4{font-size: 54px;font-weight: 500;}
.section4 .lookbook{margin-top: 50px;}
.section4 .lookbook a{display: inline-block;margin:0 10px}
.section4 .lookbook a div{width: 300px;height: 450px;background-color: #e3e3e3;line-height: 450px;border-radius: 150px 150px 10px 10px;}
.section4 .lookbook a img{width: 300px;height: 450px;background-color: #e3e3e3;border-radius: 150px 150px 10px 10px;}
.section4 .lookbook a p{font-weight: 500;font-size: 20px;margin-top: 20px;}
/* section05 - sns*/
.section5 .sns{display: flex;width:1280px;justify-content: space-between;align-items: flex-start;margin: auto;}
.section5 .sns h5{font-size: 24px;font-weight: 400;position: relative;display: inline-block;margin-bottom: 20px;}
.section5 .sns .insta{width: 55%; text-align: left;;}
.section5 .sns .insta .box{background: url(../img/insta.png)no-repeat}
.section5 .sns .insta h5{margin-left: 50px;}
.section5 .sns .insta h5::before{left: -50px;content: "";background: url(../img/main/240530/instaIco.png)center center no-repeat;background-size: contain;
width: 35px;height: 35px; position: absolute;top:50%;transform: translateY(-50%);}
.section5 .sns .youtube{width: 40%;text-align: right;}
.section5 .sns .youtube h5::before{left: -50px;content: "";background: url(../img/main/240530/youtbeIco.png)center center no-repeat;background-size: contain;width: 35px;height: 35px; position: absolute;top:50%;transform: translateY(-50%);}
.section5 .sns .youtube iframe{width: 100%;height: 100%;}
.section5 .sns>div .box{background-color: #f3f3f3;width: 100%;height: 450px;text-align: center;line-height: 450px;}
.section5 .instaArea a{ float:left; width: 220px; height: 220px; margin: 0 10px 10px 0; position:relative; }
.section5 .instaArea a img{ width:100%; height:100%; position:absolute; top:0; left:0; text-align:center;object-fit: cover;}
.section5 .instaArea a img.bg{ width:100%; height:100%; position:static; }
.section5 .instaArea a:hover::after	{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/main/instaOver.png) 50% 50% no-repeat; background-color:rgba(0,0,0,0.8);}
/* section06 - 교복관리 팁 매장 찾기*/
.section6{text-align: center;padding: 100px 0;display: flex;align-items: flex-start;justify-content: center;}
.section6 .manage{margin-right: 20px;}
.section6 a{ position: relative; display: inline-block;overflow: hidden; width: 630px;height: 340px;
background-color: #f9f9f9;position: relative;border:1px solid #000;border-radius: 30px 30px 0 0;}
.section6 a::after{content:"바로가기";position: absolute;bottom:0;left: 0;background-color: #000;width: 100%;font-size:16px;font-weight: 500;
padding: 13px 0;color: #fff;border-radius: 30px 30px 0 0;transition: 0.3s;}
.section6 a img{width: 280px;object-fit: cover;top: 30px;position: absolute;right: 8%;transition: 0.3s;}
.section6 a:hover::after{padding: 17px 0;}
.section6 a:hover img{width: 250px;}
.section6 .banner_txt{position: absolute;top:45%;left: 80px;transform: translateY(-50%);text-align: left;}
.section6 .banner_txt .sub_txt{font-size:20px;line-height: 26px;font-weight: 400}
.section6 .banner_txt h6{font-size:32px;margin-top: 5px;text-decoration-line: underline; text-underline-offset : 10px;font-weight: 600;
text-decoration-style: dashed;text-decoration-thickness:2px}
/*스크롤 페이드 애니메이션*/
.fade-left {position:relative; transition: 1s 0.3s; opacity:0;transform: translateX(-100px);}
.fade-right{position:relative; transition: 1s 0.3s; opacity:0;transform: translateX(100px);}
.fade-in { transition: 1s 0.3s; transform: translateX(0px); opacity: 1;}

#footer {
	position: relative;
	margin-top:50px;
	width: 100%;
	background-color: #f0f0f0;
}
.footer-inner {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 10px;
}
.footer-top {
	border-bottom: 1px solid #213650;
	overflow: hidden;
}
.footMenu {
	 padding:35px 0;
}
.footMenu>li {
	 display:inline-block;
	 margin:0 11px;
	 position:relative;
}
.footMenu>li>a {
	 font-size:16px; color:#595e68;
}
.footer-bottom {
	position: relative;
	margin-top: 35px;
	padding-bottom: 30px;
	overflow: hidden;
}
.info {
	float: left;
}
.address {
	font-size:14px; color:#646a76; line-height:22px; font-weight: normal;
}
.copyrights	{
	font-size:14px; color:#8e8e8e; padding:30px 0 0; }

.button {
	float:right;
}
.footIco {
	margin-top: 25px;
}
.footIco>a>img {
	margin: 0 10px;
}
.sns-wrap {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sns-wrap>li {
	margin: 25px 5px 0 5px;
}
.sns-wrap>li>a>img {
	width:70%;
}