@charset "utf-8";


#container{ position:static; min-height:500px; }


/*배너팝업*/
.top_banner{ position:relative; height:100px; background-color:#d20096; display:block; }
.top_banner .text{ width:90%; max-width:1800px; height:100%; display:flex; align-items:center; justify-content:space-between; margin-left:4%; }
.top_banner .text div:nth-child(2){ position:relative; width:62%; display:flex; align-items:center; }
.top_banner .text div:last-child{ text-align:right; }
.top_banner .text div h3{ font-family:'KIMM_Bold'; font-size:30px; }
.top_banner .text div:first-child h3{ color:#000; }
.top_banner .text div:last-child h3{ font-size:32px; }
.top_banner .text div p{ font-size:24px; font-weight:800; }
.top_banner .text div:last-child p{ font-size:16px; margin-top:5px; }
.top_banner .text div .line{ width:99%; height:10px; background-color:#fff; }
.top_banner .text div:nth-child(2) img{ position:absolute; top:50%; right:0; transform:translateY(-50%); }
.top_banner .close{ position:absolute; top:50%; right:20px; transform:translateY(-50%); opacity:1; }


/*카운트*/
.count{ position:absolute; top:125px; padding:0 2%; z-index:10; }
.count li{ display:flex; }
.count li h3{ font-size:50px; font-weight:900; color:#d20096; }
.count li  .visual_btn{ line-height:55px; margin-left:20px; }
.count li  .visual_btn a{ font-family:'KIMM_Bold'; font-size:24px; font-weight:600; color:#fff; background-color:#d20096; border-radius:50px; display:block; padding:0 25px; }


/*비쥬얼*/
.banner{ width:100%; height:100vh; margin-top:-120px; }
.banner .bx-wrapper{ height:100%; }
.banner .bx-wrapper .bx-viewport{ height:100% !important; }
.banner .bx-wrapper .bx-viewport ul{ height:100%; }
.banner .bx-wrapper .bx-viewport ul li{ position:relative; }
.banner .bx-wrapper .bx-viewport ul li::before{ content:""; position:absolute; bottom:25px; left:50%; transform:translateX(-50%); width:20px; height:50px; background-image:url(../image/main/banner_scroll.svg); background-position:center; background-size:cover; background-repeat:no-repeat; animation:1s ease-in-out 0s infinite normal none running banner_scroll; }
.banner .bx-wrapper .bx-viewport ul li .visual-wrap{ width:100%; height:100vh; background-position:center; background-size:cover; background-repeat:no-repeat; }
.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container{ position:absolute; top:192px; left:50%; transform:translateX(-50%); width:max-content; }
.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap{ line-height:1; text-align:center; }
.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy1{ font-family:'SEBANG Gothic'; font-size:100px; font-weight:700; letter-spacing:0.005em; }
.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2{ font-size:50px; font-weight:700; }
.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2 span{ font-size:24px; transform:translateY(-18px); display:inline-block; }
.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy3{ font-family:'KIMM_Bold'; font-size:60px; margin:20px 0 50px 0; }
.banner .bx-wrapper .bx-viewport ul #m0 .visual-wrap{ background-image:url(../image/main/visual_05.jpg); }
.banner .bx-wrapper .bx-controls{ display:none; }
@keyframes banner_scroll{
	0%, 100% { bottom:25px }
	50% { bottom:35px }
}

.flow-txt{ position:absolute; bottom:100px; left:50%; transform:translateX(-50%); width:100%; font-size:26px; font-weight:700; border-top:4px solid #fff; border-bottom:4px solid #fff; display:flex; white-space:nowrap; overflow:hidden; transition:0.3s; padding:15px 0; }
.flow-txt .flow-wrap{ animation:textLoop 10s linear infinite; padding-right:30px; }
.flow-txt:hover .flow-wrap span{ background:linear-gradient(45deg, #1c34a0, #15c0f2); -webkit-background-clip:text; color:transparent; }
.flow-txt:hover .flow-wrap{ animation-play-state:paused; cursor: pointer; }
@keyframes textLoop{
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}


/*main*/
.main{ padding:200px 0; overflow:hidden; }
.main>.title{ width:1400px; display:flex; align-items:flex-end; justify-content:space-between; margin:0 auto 80px auto; }
.main>.title div{ z-index:10; }
.main>.title div h3{ position:relative; line-height:1; font-family:'Aggro'; font-size:80px; font-weight:700; }
.main>.title div h3::before{ content:""; position:absolute; right:100%; bottom:100%; width:14px; height:14px; background-color:#004ea1; border-radius:5px; margin-bottom:5px; }
.main>.title div p{ font-size:20px; margin-top:30px; display:none; }
.main>.title a{ font-size:20px; color:#888; display:flex; align-items:center; z-index:10; transition:.2s; }
.main>.title a:hover{ color:#fff; }
.main>.title a i{ font-size:14px; margin-left:10px; }


/*main01*/
.main01{ position:relative; background-color:#004ea1; }
.main01::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#222; border-bottom-right-radius:200px; }
.main01 #recentMC1{ width:1400px; margin:auto; }
.main01 #recentMC1 ul li{ width:calc((100% - 60px) / 3); margin-right:30px; }
.main01 #recentMC1 ul li:last-child{ margin-right:0; }
.main01 #recentMC1 ul li .thumb{ border:none; }
.main01 #recentMC1 ul li .thumb img{ transition:.2s; }
.main01 #recentMC1 ul li .thumb:hover img{ transform:scale(1.05); }
.main01 #recentMC1 ul li .title{ margin-top:25px; }
.main01 #recentMC1 ul li .title a{ font-size:24px; font-weight:600; }
.main01 #recentMC1 ul li .content{ display:none; }


/*main02*/
.main02{ position:relative; background-color:#222; }
.main02::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#004ea1; border-top-left-radius:200px; }

.main02>.title>div{ width:calc(50% - 75px); display:flex; align-items:flex-end; justify-content:space-between; }
.main02>.title div h3::before{ background-color:#222; }
.main02>.title a{ color:rgba(255,255,255,.7); }

.main02 .content{ width:1400px; display:flex; margin:auto; }
.main02 .content>div{ width:calc((100% - 150px) / 2); }
.main02 .content #recentMC21 .recentBody{ overflow:initial; }
.main02 .content #recentMC21 .recentBody ul li{ border-bottom:1px solid rgba(255,255,255,.4); padding:0 0 30px 0; margin:0 0 30px 0; display:flex; flex-wrap:wrap; flex-direction:column-reverse; }
.main02 .content #recentMC21 .recentBody ul li::before{ width:0; height:1px; top:100%; background:#fff; margin-top:0; transition:all .5s; }
.main02 .content #recentMC21 .recentBody ul li:hover::before{ width:100%; }
.main02 .content #recentMC21 .recentBody ul li::after{ content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:24px; height:24px; background-image:url(../image/main/main_arrow01.svg); background-position:center; background-size:cover; background-repeat:no-repeat; margin-top:-15px; }
.main02 .content #recentMC21 .recentBody ul li:last-child{ margin-bottom:0; }
.main02 .content #recentMC21 .recentBody ul li .title{ width:calc(100% - 44px); max-width:initial; height:auto; white-space:nowrap; text-overflow:ellipsis; margin-top:15px; }
.main02 .content #recentMC21 .recentBody ul li .title a{ width:100%; line-height:1; font-size:22px; font-weight:600; display:block; overflow:hidden; text-overflow:ellipsis; }
.main02 .content #recentMC21 .recentBody ul li .date{ position:initial; line-height:1; font-family:'Aggro' !important; font-size:16px; font-weight:500; color:rgba(255,255,255,.6); }
.main02 .content .divR{ position:relative; height:fit-content; z-index:10; margin-left:150px; }
.main02 .content .divR h3{ font-family:'Aggro'; font-size:56px; }
.main02 .content .divR h3 span{ display:block; }
.main02 .content .divR h4{ font-size:60px; margin-top:30px; }
.main02 .content .divR .button{ position:absolute; top:50%; right:0; transform:translateY(-50%); width:200px; height:200px; background-color:rgba(255,255,255,.2); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.main02 .content .divR:hover .button{ box-shadow:0 0 20px rgba(0,0,0,.05); }


/*main03*/
.main03 ul{ display:flex; }
.main03 ul li{ position:relative; width:33.3%; height:500px; text-align:center; border:1px solid #888; overflow:hidden; }
.main03 ul li .img{ position:relative; width:100%; height:100%; }
.main03 ul li .img img{ width:100%; height:100%; object-fit:cover; }
.main03 ul li .img img:first-child{ clip-path:circle(0); transition:all .5s; filter:brightness(80%); }
.main03 ul li:hover .img img:first-child{ clip-path:circle(50%); }
.main03 ul li .img img:last-child{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); filter:brightness(15%); z-index:-1; }
.main03 ul li .text{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:0 25px; }
.main03 ul li .text h5{ font-family:'Aggro'; font-size:18px; font-weight:700; color:#004ea1; }
.main03 ul li .text h3{ line-height:1.2; font-family:'KIMM_Bold'; font-size:48px; font-weight:700; word-break:break-all; margin:20px auto 40px auto; }
.main03 ul li .text h3 span{ display:block; }
.main03 ul li .text a{ width:180px; line-height:50px; font-weight:600; text-align:center; border:1px solid rgba(255,255,255,.15); border-radius:50px; display:block; margin:auto; transition:.2s; }
.main03 ul li .text a:hover{ border-color:#fff; }


/*main04*/
.main04{ width:1400px; margin:auto; }
.main04>.title{ justify-content:center; }
.main04>.title div h3::before{ display:none; }
.main04 ul{ display:flex; align-items:center; justify-content:center; gap:25px; }
.main04 ul li{ width:calc((100% - 75px) / 4); display:flex; justify-content:center; }
.main04 ul li img{ max-width:100%; object-fit:contain; filter:brightness(0) invert(1); opacity:.6; transition:.2s; }
.main04 ul li:hover img{ opacity:1; }





/*반응형*/
@media only screen and (max-width:1600px){
	/*배너팝업*/
	.top_banner .text div:nth-child(2){ width:54%; }
	.sec .sec_in{ width:90%;}
	/*main*/
	.main>.title{ width:auto; padding:0 100px; }
	/*main01*/
	.main01 #recentMC1{ width:auto; padding:0 100px; }
	/*main02*/
	.main02>.title>div{ width:calc(50% - 50px); }
	.main02 .content{ width:auto; padding:0 100px; }
	.main02 .content>div{ width:calc((100% - 100px) / 2); }
	.main02 .content .divR{ height:auto; margin-left:100px; }
	.main02 .content .divR .button{ top:auto; bottom:0; transform:translateY(0); }
	/*main03*/
	.main03 ul li .text h3{ font-size:44px; }
	.main03 ul li .text a{ width:160px; line-height:50px; }
	/*main04*/
	.main04{ width:auto; padding:200px 100px; }
}
@media only screen and (max-width:1400px){
	/*비주얼*/
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy1{ font-size:90px; letter-spacing:-0.05em; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2{ font-size:40px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2 span{ transform:translateY(-14px); font-size:20px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy3{ font-size:50px; }
	/*카운트*/
	.count{ padding:0 7%; }
	/*배너팝업*/
	.top_banner .text div:nth-child(2){ width:46%; }
	/*main*/
	.main{ padding:150px 0; }
	.main>.title{ margin:0 auto 70px auto; padding:0 50px; }
	.main>.title div h3{ font-size:72px; }
	.main>.title div p{ margin-top:20px; }
	.main>.title a{ font-size:18px; }
	/*main01*/
	.main01 #recentMC1{ padding:0 50px; }
	.main01 #recentMC1 ul li .title{ margin-top:15px; }
	.main01 #recentMC1 ul li .title a{ font-size:20px; }
	/*main02*/
	.main02>.title>div{ width:calc(50% - 25px); }
	.main02 .content{ padding:0 50px; }
	.main02 .content>div{ width:calc((100% - 50px) / 2); }
	.main02 .content .divR{ margin-left:50px; }
	.main02 .content .divR h3{ font-size:52px; }
	.main02 .content .divR h4{ font-size:50px; margin-top:25px; }
	.main02 .content .divR .button{ bottom:50px; }
	/*main03*/
	.main03 ul li{ height:450px; }
	.main03 ul li .text h3{ font-size:40px; margin:15px auto 30px auto; }
	.main03 ul li .text a{ width:150px; line-height:45px; font-size:14px; }
	/*main04*/
	.main04{ padding:150px 50px; }
	.main04 ul li img{ height:55px; }
}
@media only screen and (max-width:1200px){
	/*비주얼*/
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy1{ font-size:80px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2{ font-size:34px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2 span{ transform:translateY(-11px); font-size:18px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy3{ font-size:44px; }
	.flow-txt{ font-size:22px; }
	/*배너팝업*/
	.top_banner{ display:none; }
	/*main*/
	.main>.title{ margin:0 auto 50px auto; }
	.main>.title div h3{ font-size:64px; }
	.main>.title div p{ font-size:18px; margin-top:10px; }
	/*main01*/
	.main01 #recentMC1 ul li{ width:calc((100% - 40px) / 3); margin-right:20px; }
	.main01 #recentMC1 ul li .title{ margin-top:10px; }
	.main01 #recentMC1 ul li .title a{ font-size:18px; }
	/*main02*/
	.main02 .content #recentMC21 .recentBody ul li{ padding:0 0 20px 0; margin:0 0 20px 0; }
	.main02 .content #recentMC21 .recentBody ul li::after{ width:20px; height:20px; margin-top:-10px; }
	.main02 .content #recentMC21 .recentBody ul li .title{ width:calc(100% - 40px); margin-top:10px; }
	.main02 .content #recentMC21 .recentBody ul li .title a{ font-size:20px; }
	.main02 .content #recentMC21 .recentBody ul li .date{ font-size:14px; }
	.main02 .content .divR h3{ font-size:44px; }
	.main02 .content .divR h4{ font-size:40px; margin-top:20px; }
	.main02 .content .divR .button{ bottom:0; width:160px; height:160px; }
	.main02 .content .divR .button img{ height:30px; }
	/*main03*/
	.main03 ul li{ height:400px; }
	.main03 ul li .text{ padding:0 25px; }
	.main03 ul li .text h5{ font-size:16px; }
	.main03 ul li .text h3{ font-size:36px; }
	/*main04*/
	.main04 ul{ flex-wrap:wrap; gap:15px 25px; }
	.main04 ul li{ width:auto; }
	.main04 ul li img{ height:50px; }
}
@media only screen and (max-width:1000px){
	/*비주얼*/
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap{ padding:0 50px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container{ top:172px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy1{ line-height:1.2; font-size:70px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy1 strong{ display:block; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2{ font-size:30px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2 span{ font-size:16px; transform:translateY(-10px); }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy3{ line-height:1.2; font-size:40px; margin:10px 0 40px 0; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy3 span{ display:block; }
	/*main*/
	.main{ padding:120px 0; }
	.main>.title{ margin:0 auto 40px auto; }
	.main>.title div h3{ font-size:56px; }
	.main>.title div h3::before{ width:12px; height:12px; border-radius:4px; }
	.main>.title div p{ font-size:16px; }
	.main>.title a{ font-size:16px; }
	/*main01*/
	.main01::before{ border-bottom-right-radius:150px; }
	/*main02*/
	.main02::before{ border-top-left-radius:150px; }
	.main02>.title>div{ width:100%; }
	.main02 .content{ flex-wrap:wrap; }
	.main02 .content>div{ width:100%; }
	.main02 .content .divR{ margin:50px 0 0 0; }
	.main02 .content .divR .button{ top:50%; bottom:auto; transform:translateY(-50%); }
	/*main03*/
	.main03 ul{ flex-wrap:wrap; }
	.main03 ul li{ width:calc(100% / 2); height:300px; }
	/*main04*/
	.main04{ padding:120px 50px; }
}
@media only screen and (max-width:800px){
	/*비쥬얼*/
	.banner{ margin-top:-100px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap{ padding:0 25px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy1{ font-size:60px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2{ font-size:26px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2 span{ transform:translateY(-8px); font-size:14px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy3{ font-size:36px; }
	/*main*/
	.main{ padding:100px 0; }
	.main>.title{ flex-wrap:wrap; margin:0 auto 30px auto; padding:0 25px; }
	.main>.title div{ width:100%; }
	.main>.title div h3{ font-size:48px; }
	.main>.title div p{ margin:10px 0 25px 0; }
	.main01 #recentMC1{ padding:0 25px; }
	.main01 #recentMC1 ul li{ width:calc((100% - 20px) / 3); margin-right:10px; }
	.main01 #recentMC1 ul li .title a{ font-size:16px; }
	/*main02*/
	.main02 .content{ padding:0 25px; }
	.main02 .content #recentMC21 .recentBody ul li .title a{ font-size:18px; }
	.main02 .content .divR h3{ font-size:36px; }
	.main02 .content .divR h4{ font-size:32px; margin-top:15px; }
	.main02 .content .divR .button{ width:120px; height:120px; }
	.main02 .content .divR .button img{ height:22px; }
	/*main03*/
	.main03 ul li .text{ padding:0 25px; }
	.main03 ul li .text h3{ font-size:32px; }
	.main03 ul li .text a{ right:25px; }
	/*main04*/
	.main04{ padding:100px 25px; }
	.main04>.title{ text-align:center; padding:0; }
	.main04 ul li img{ height:45px; }
}
@media only screen and (max-width:768px){
	/*카운트*/
	.count li h3{ font-size:60px; }
	.count li .visual_btn{ line-height:50px; }
	.count li .visual_btn a{ font-size:22px; }
}
@media only screen and (max-width:600px){
	/*비주얼*/
	.banner .bx-wrapper .bx-viewport ul #m0 .visual-wrap{ background-image:url(../image/main/mobile_visual_05.jpg);}
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container{ top:135px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy1{ width:max-content; margin:auto; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy1 span{ display:block; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2{ font-size:22px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2 span{ transform:translateY(-5px); }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy3{ font-size:32px; margin:10px 0 30px 0; }
	/*main01*/
	.main01::before{ border-bottom-right-radius:100px; }
	.main01 #recentMC1 ul li{ width:calc((100% - 10px) / 2); }
	.main01 #recentMC1 ul li:nth-child(2){ margin-right:0; }
	.main01 #recentMC1 ul li:last-child{ display:none; }
	/*main02*/
	.main02::before{ border-top-left-radius:100px; }
	.main02 .content #recentMC21 .recentBody ul li{ padding:0 0 15px 0; margin:0 0 15px 0; }
	.main02 .content #recentMC21 .recentBody ul li::after{ width:16px; height:16px; margin-top:-5px; }
	.main02 .content #recentMC21 .recentBody ul li .title{ width:calc(100% - 36px); }
	.main02 .content #recentMC21 .recentBody ul li .title a{ font-size:16px; }
	.main02 .content #recentMC21 .recentBody ul li .date{ font-size:12px; }
	.main02 .content .divR h3{ font-size:32px; }
	.main02 .content .divR h4{ font-size:28px; }
	.main02 .content .divR .button{ width:100px; height:100px; }
	.main02 .content .divR .button img{ height:18px; }
	/*main03*/
	.main03 ul li{ width:100%; height:150px; }
	.main03 ul li .text{ text-align:left; }
	.main03 ul li .text h3{ font-size:28px; margin:15px 0 0 0; }
	.main03 ul li .text h3 span{ display:inline; }
	.main03 ul li .text a{ position:absolute; top:50%; right:25px; transform:translateY(-50%); width:140px; }
	/*main04*/
	.main04 ul li img{ height:40px; }
}
@media only screen and (max-width:540px){
	/*카운트*/
	.count{ top:100px; left:50%; transform:translateX(-50%); width:100%; }
	.count li{ flex-wrap:wrap; justify-content:center; }
	.count li h3{ width:100%; font-size:50px; text-align:center; }
	.count li .visual_btn{ margin:5px 0 0 0; }
	.count li .visual_btn a{ font-size:20px; }
}
@media only screen and (max-width:500px){
	/*비주얼*/
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2{ line-height:1.2; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2 strong{ display:block; }
	/*main*/
	.main>.title{ margin:0 auto 25px auto; }
	.main>.title div h3{ width:max-content; font-size:44px; text-align:center; word-break:keep-all; margin:auto; }
	.main>.title div p{ text-align:center; margin:10px 0 20px 0; }
	.main>.title a{ margin:auto; }
	/*main02*/
	.main02>.title div h3{ margin:0; }
	.main02>.title a{ margin:0; }
	.main02 .content .divR h3{ font-size:28px; }
	.main02 .content .divR h4{ font-size:24px; }
	/*main03*/
	.main03 ul li .text h5{ font-size:14px; }
	.main03 ul li .text h3{ font-size:24px; margin:10px auto 0 0; }
	.main03 ul li .text h3 span{ display:block; }
	.main03 ul li .text a{ width:120px; }
	/*main04*/
	.main04 ul li{ width:100%;  }
	.main04 ul li img{ margin:auto; display:block; }
}
@media only screen and (max-width:400px){
	/*비주얼*/
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy1{ font-size:50px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2{ font-size:18px; }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy2 span{ transform:translateY(-2px); }
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap .copy3{ font-size:26px; margin:10px 0 25px 0; }
	/*main*/
	.main>.title div h3{ width:min-content; }
	/*main01*/
	.main01 #recentMC1 ul li{ width:100%; margin:0 0 15px 0; }
	.main01 #recentMC1 ul li:last-child{ display:block; margin:0; }
	/*main02*/
	.main02>.title div{ flex-wrap:wrap; }
	.main02>.title div h3{ width:100%; text-align:left; margin-bottom:20px; }
	.main02 .content #recentMC21 .recentBody ul li .title{ width:calc(100% - 36px); }
	.main02 .content .divR .button{ position:initial; transform:translateY(0); margin:-30px auto 0 0; }
	/*main03*/
	.main03 ul li{ height:180px; }
	.main03 ul li .text{ text-align:center; }
	.main03 ul li .text h3{ margin:10px auto 15px auto; }
	.main03 ul li .text h3 span{ display:inline; }
	.main03 ul li .text a{ position:initial; transform:translate(0); width:110px; line-height:35px; font-size:12px; }
	/*main04*/
	.main04>.title div h3{ width:initial; word-break:break-all; }
}
@media only screen and (max-width:350px){
	/*비쥬얼*/
	.banner .bx-wrapper .bx-viewport ul li .visual-wrap .container .txt-wrap div{ font-size:50px; }
}