@charset "utf-8";


.p-Part {padding:10% 0;}

@media all and (max-width:1280px){
	.p-Part {padding:8% 0;}
}
@media all and (max-width:580px){
	.p-Part {padding:15% 0;}
}



#mTitle {font-size:8.0rem; color:#112f39; font-weight:500; transform: rotate(-0.03deg); }
#mTitle .point {font-family: 'ONE-Mobile-Title'; font-weight:normal; position:relative; z-index:1; transform: rotate(0);}
#mTitle .point:before {content:''; width:102%; height:30px; background:#23b55b; position:absolute; left:0; bottom:0;z-index:-1}
#mTitle .point2 {font-size:15.0rem; font-family: "Smooch", cursive; line-height:0.9em; vertical-align: middle; }
#h3-st1 {  padding-top:0.3em; font-size:5.0rem;  color:#112f39; font-weight:500; transform: rotate(-0.03deg);}

@media all and (max-width:1280px){
	#mTitle {font-size:7.0rem; }
	#mTitle .point2 {font-size:14.0rem; }
}
@media all and (max-width:1024px){
	#mTitle {font-size:6.0rem; }
	#mTitle .point2 {font-size:13.0rem; }
}
@media all and (max-width:480px){
	#mTitle {font-size:5.2rem; }
	#mTitle .point:before { height:4vw;}
	#mTitle .point2 {font-size:11.0rem; }
}



#t-Logo {; border-bottom:1px solid rgba(85,85,85,0.07); padding:3em 0 1em; width:90%; max-width:1600px;
			margin:0 auto 5em; display:flex; justify-content:space-between; align-items: end;}
#t-Logo p {  font-size:1.6rem; color:#112f39; opacity:.5; transform: rotate(-0.03deg); font-weight:500 }
#t-Logo img {width:50%; max-width:305px}

@media all and (max-width:1280px){
	#t-Logo {margin-bottom:4em }
}
@media all and (max-width:976px){
	#t-Logo {margin-bottom:3em }
}
@media all and (max-width:767px){
	#t-Logo {margin:0 auto 2em; border-bottom:0 }
}
@media all and (max-width:580px){
	#t-Logo {justify-content: flex-end !important }
	#t-Logo p {display:none !important}
}





#scrollBar {position:absolute;; right:-22%; top:50%; 
				transform: rotate(90deg); transform-origin: left top; /* 회전 기준점 설정 */  
				display:flex; justify-content:center; align-items: center; }
#scrollBar .line {width:90px; height:1px; background:#787878; position:relative}
#scrollBar .line:before {content:''; width:0%; height:1px; background:#d1d1d1; position:absolute; left:0; top:0; 
							animation: lineExpand 2s infinite;}
#scrollBar .t1 {margin-left:3em;  font-size:1.1rem; font-family: "Marcellus", serif; letter-spacing:0.3em;}

#scrollBar.main7 .line {background:rgba(255,255,255,0.2)}

@keyframes lineExpand {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@media all and (max-width:1699px){
	#scrollBar.main7 { right:-28%;}
}
@media all and (max-width:1399px){
	#scrollBar.main7 { right:-30%;}
}
 @media all and (max-width:1399px){
	#scrollBar.main7 { right:-33%;}
}
 @media all and (max-width:1160px){
	#scrollBar.main7 { display:none;}
}






#checkList {border-top:3px double rgba(17,47,57,0.1); }
#checkList li {padding:23px 0; border-bottom:1px solid rgba(17,47,57,0.1); position:relative; text-align:left}
#checkList li:before {content:''; width:33px; height:33px; background:url('/images/main/check-arrow-w.png') no-repeat left top;
						position:absolute; left:0; top:20px; background-size:100% auto}
#checkList li p {padding-left:40px; font-size:2.4rem; color:#112f39; transform: rotate(-0.03deg);}
#checkList li p .point { color:#23b55b; font-weight:700}
#checkList li p .st1 {font-size:2.0rem; opacity:1}

#checkList.bl {border-top:3px double rgba(255,255,255,0.15)}
#checkList.bl li {border-bottom:1px solid rgba(255,255,255,0.15); }
#checkList.bl li:before { background-image:url('/images/main/check-arrow.png')}
#checkList.bl li p {color:#FFF}

#checkList.w50 {display:flex; justify-content:space-between;  flex-wrap:wrap}
#checkList.w50 li {width:48%}

#checkList ul.w100-w50 {display:flex; justify-content:space-between;  flex-wrap:wrap}
#checkList li.w50 {width:48%}
#checkList li.w100 {width:100%}

@media all and (max-width:1399px){
	#checkList li {padding:18px 0;}
	#checkList li:before { width:30px; height:30px; }
	#checkList li p {padding-left:37px; font-size:2.2rem; }
	#checkList li p .st1 {font-size:1.8rem;}
}
@media all and (max-width:1150px){
	#checkList {display:flex; justify-content:space-between;  flex-wrap:wrap}
	#checkList li {width:48%}
	#checkList li.w100 {width:100%}

	#checkList ul.w100-w50 {width:100%}
	#checkList li.w50 {width:48%}
}
@media all and (max-width:1024px){
	#checkList li:before {width:25px; height:25px; ; top:17px;}
	#checkList li p { padding-left:35px; font-size:2.0rem}
	#checkList li p .st1 {font-size:1.6rem;}
}
@media all and (max-width:850px){
	#checkList li {width:100%}
}
@media all and (max-width:480px){
	#checkList li {padding:15px 0;}
	#checkList li:before { top:13px;}
	#checkList.w50 li {width:100%}
}




#benefit-W .eng {margin-top:1.8em; font-size:2.0rem; color:#112f39; display:inline-block;  font-family: "Marcellus", serif; letter-spacing:0.03em;
					border-radius:100%; border:1px solid rgba(17,47,57,0.5); padding:0.8em 2.3em} 
#benefit-W .eng.wh { color:#fefefe; border:1px solid rgba(255,255,255,0.5);} 
#benefit-W h4 {margin:0.3em 0 0.8em; font-size:4.0rem; color:#112f39; font-family: 'ONE-Mobile-Title'; font-weight:normal}
#benefit-W .st1 {margin-top:3em; font-size:1.6rem;  font-family:'Pretendard'; opacity:.5}

@media all and (max-width:1399px){	
	#benefit-W .eng {font-size:1.8rem;  padding:0.6em 2.0em}
	#benefit-W h4 {font-size:3.5rem;}	
	#benefit-W .st1 {margin-top:2em;}
}
@media all and (max-width:1024px){
	#benefit-W .eng {font-size:1.6rem;}
	#benefit-W h4 { font-size:3.0rem; }
	#benefit-W .st1 {margin-top:1em;}
}



#main1 {width:100%; height:auto; position:relative; overflow:hidden}
#main1 .pc{display: block; font-size: 0;}
#main1 .mo{display: none; font-size: 0;}
#main1 img{max-width: 100%;}
/*
#main1 {width:100%; height:950px; background:url('/images/main/main1-bg.png') no-repeat left top; background-size:auto 100%;
			position:relative; overflow:hidden}

#main1:before {content:''; width:660px; height:100%; background:#112f39; position:absolute; right:0; top:0; }
#main1 .in-Box {position:relative; height:100%;  display: flex;  flex-direction: column;  justify-content: space-between;}

#main1 .in-Box dl { display:flex; justify-content: flex-end;  align-items: center; text-align:right; color:#FFF}
#main1 .in-Box dl dt {font-size:13.5rem; font-family: 'ONE-Mobile-Title'; font-weight:normal;}
#main1 .in-Box dl dd { padding:0 30px;  font-size:15.5rem; font-family: 'Poppins'; font-weight:700; line-height:1.1em }

#main1 #contWrap { display:flex; justify-content: flex-end;  align-items: center; }
#main1 #contWrap .img {}
#main1 #contWrap .cont {width:610px; text-align:center; color:#FFF}
#main1 #contWrap .cont h3 {font-size:6.0rem; font-family: 'ONE-Mobile-Title'; font-weight:normal; line-height:1.2em}
#main1 #contWrap .cont h4 {margin:1.5em 0 3.5em; font-size:2.6rem;  font-weight:400; line-height:1.4em;  transform: rotate(-0.03deg);}
#main1 #contWrap .cont .date {font-size:3.0rem;  transform: rotate(-0.03deg); }
#main1 #contWrap .cont .date .point {font-size:5.0rem; font-weight:700; color:#2bdb6e }
#main1 #contWrap .cont .loca {margin-top:0.2em; font-size:4.0rem; font-weight:700;  transform: rotate(-0.03deg); }

#main1 .in-Box .eng {padding:30px;font-size:1.6rem; color:#FFF; opacity:.3;  font-family: "Marcellus", serif; letter-spacing:0.1em}
*/

@media all and (max-width:1680px){
/*
	 #main1 .in-Box dl dt {font-size:7vw}
	#main1 .in-Box dl dd {font-size:9vw}
*/
}
@media all and (max-width:1399px){
/*
	 #main1:before { width:630px; }
	 #main1 #contWrap .cont {width:550px; }
	 #main1 #contWrap .cont h3 {font-size:5.5rem;}
	 #main1 #contWrap .cont h4 {  font-size:2.2rem; }
	 #main1 #contWrap .cont .date {font-size:2.6rem; }
	 #main1 #contWrap .cont .date .point {font-size:4.0rem }
	 #main1 #contWrap .cont .loca {font-size:3.6rem; }
*/
}
@media all and (max-width:1024px){
/*	#main1 {height: auto; background-size:100% auto}*/
/*
	 #main1:before {display:none }
	 #main1 .in-Box {display: block;}  
	 #main1 #contWrap {margin-top:60vw; background:#112f39; padding:30px}
	 #main1 #contWrap .img {width:calc(100% - 600px)}
	 #main1 #contWrap .img img {width:100%; max-width:400px}
	 #main1 #contWrap .cont {width:600px; }
	
	 #main1 .in-Box .eng {display:none}
*/
}
@media all and (max-width:940px){
/*
	#main1 #contWrap .img {width:calc(100% - 550px)}
	#main1 #contWrap .cont {width:550px; }
	#main1 #contWrap .cont h4 {margin:1em 0 2em;}
*/
}
@media all and (max-width:870px){
	#main1 .pc{display: none;}
	#main1 .mo{display: block;}
/*	#main1 {background-color:#112f39}*/
/*
	#main1 .in-Box dl {flex-wrap:wrap}
	#main1 .in-Box dl dt {width:100%}
	#main1 .in-Box dl dd {width:100%; padding:0; line-height:0.8em}
	#main1 #contWrap{ margin-top:25vw;  flex-wrap:wrap; background:transparent; padding:0}
	#main1 #contWrap .img {width:100%; text-align:center; position:relative}
	 #main1 #contWrap .img img {width:55%; max-width:300px}
	#main1 #contWrap .cont {width:100%;padding:20vw 0 50px; margin-top:-15vw }
	#main1 #contWrap .cont h4 {margin:1em 0 2em;}
*/
}





#main2 {display:flex; justify-content:space-between; /* align-items: center; */; overflow:hidden}
#main2 #contWrap {width:calc(100% - 450px); text-align:center}
#main2 #contWrap #t-Logo {border-bottom:0}
#main2 #contWrap h4 {font-size:8.0rem; color:#23b55b;   font-family: "Kaushan Script", cursive; font-weight:normal }
#main2 #contWrap .cont {padding:20px 0; width:490px; text-align:left; margin:3em auto 0; border-left:1px solid #e4e4e4; }
#main2 #contWrap .cont dl {padding-left:4em; margin-bottom:3em; position:relative; transform: rotate(-0.03deg);}
#main2 #contWrap .cont dl:before {content:''; width:27px; height:27px; position:absolute; left:-13px; top:0;
											background:url('/images/main/main2-arrow.png')no-repeat left top}
#main2 #contWrap .cont dl dt {margin-bottom:0.3em; font-size:3.0rem; color:#112f39; font-weight:700} 
#main2 #contWrap .cont dl dd {font-size:1.7rem; color:#787878; line-height:1.6em; }
#main2 #imgWrap {width:450px}
#main2 #imgWrap img {height:100%}

@media all and (max-width:1280px){
	/* #main2 {padding:8% 0} */
	#main2 #contWrap {width:calc(100% - 300px);}
	#main2 #imgWrap {width:300px}
}
@media all and (max-width:976px){
	#main2 {padding-bottom:8% } 
	#main2 #contWrap {width:100%}
	#main2 #imgWrap {display:none}
	#main2 #contWrap .cont { width:420px;}
	#main2 #contWrap .cont dl {padding-left:3em;}
}
@media all and (max-width:580px){
	#main2 {padding-bottom:15%}
	#main2 #contWrap {width:100%}
	#main2 #imgWrap {display:none}
	#main2 #contWrap .cont { width:85%}
}






#main3 {background:url('/images/main/main3-bg.png') no-repeat right top; background-size:cover}
#main3 #mTitle {width:fit-content; margin:0 auto; font-family: 'ONE-Mobile-Title'; line-height:1.4em}
#main3 #mTitle p { padding-left:2.3em}
#main3 #mTitle .point { font-size:15.0rem; font-family: "Smooch", cursive; position:relative}
#main3 #mTitle .point:before {content:''; width:337px; height:43px; background:url('/images/main/main3-line.png') no-repeat center bottom; background-size:100% auto; position:absolute; left:50%; transform:translateX(-50%); bottom:28px; z-index:3}
#main3 .t1 {margin-top:1em; font-size:3.0rem; color:#FFF; opacity:.8; text-align:center; transform: rotate(-0.03deg);}
#main3 #contWrap {padding:3em 0 8em; width:90%; margin:0 auto;  display:flex;  flex-wrap:wrap; justify-content:center; }
#main3 #contWrap li {width:20%; padding:0 15px; text-align:center}
#main3 #contWrap li img {width:100%; max-width:272px}
#main3 #contWrap li .eng {margin:1em 0 0.5em; color:#FFF; font-size:2.0rem;  font-family: "Marcellus", serif; }
#main3 #contWrap li h4 {font-size:3.0rem;  transform: rotate(-0.03deg);}
#main3 #contWrap li h4  br {display:none}

.main3 > h4{color: #fff; font-size: 4rem;margin-top: 60px;}
.main3 #contWrap2 {width:80%;  display:flex;  flex-wrap:wrap;margin-top: 20px; gap: 20px;}
.main3 #contWrap2 li {width: calc(100%/5 - 80px/4); text-align:center}
.main3 #contWrap2 li img {width:100%; max-width:272px}
.main3 #contWrap2 li .eng {margin:0.5em 0; color:#FFF; font-size:1.8rem;  font-family: "Marcellus", serif; }
.main3 #contWrap2 li h4 {font-size:1.6rem;  transform: rotate(-0.03deg);}
.main3 #contWrap2 li h4  br {display:none}

@media all and (max-width:1480px){
    .main3 #contWrap2 {flex-wrap: wrap;}
    .main3 #contWrap2 li{width: calc(100%/3 - 40px/3);}
}
@media all and (max-width:1280px){
    #main3 #mTitle .point { font-size:14.0rem;}
	#main3 .t1 {font-size:2.6rem }
	#main3 #contWrap li .eng {font-size:1.6rem; }
	#main3 #contWrap li h4 {font-size:2.6rem;}
	#main3 #contWrap li h4  br {display:block}
    
}
@media all and (max-width:1160px){
    .main3 #contWrap2{width: 100%;}
    .main3 #contWrap2 li img {width:100% !important; }
    .main3 #contWrap2 li{width: calc(100%/5 - 80px/5);}
}
@media all and (max-width:1024px){
    #main3 #mTitle .point { font-size:12.0rem;}
	#main3 #mTitle .point:before { width:120%;  bottom:20px;}
	#main3 .t1 {font-size:2.4rem }
	#main3 #contWrap li .eng { font-size:1.8rem;}
	#main3 #contWrap li h4 {font-size:2.4rem;}
}
@media all and (max-width:976px){
    #main3 {background-position:80% top;}
	#main3 #contWrap { width:100%;  padding:3em 0 6em; }
	#main3 #contWrap li {width:calc(33.333% - 10px); margin:1em 0; padding:0 5px}	
	#main3 #mTitle p { padding-left:0}
}
@media all and (max-width:640px){
    #main3 #mTitle {font-size:5.0rem; text-align:center}
	#main3 #mTitle .point { display:block; font-size:10.0rem;}
	#main3 #mTitle .point:before { width:200px; bottom:-15px }
	#main3 .t1 {display:none}

    .main3 > h4{margin-top: 30px; font-size: 3rem;}
    .main3 #contWrap2{justify-content: center;}
    .main3 #contWrap2 li{width: calc(100%/3 - 40px/3);}
    .main3 #contWrap2 li h4 {font-size:1.5rem;}
}
@media all and (max-width:480px){
    #main3 #contWrap li .eng { font-size:1.6rem;}
	#main3 #contWrap li h4 {font-size:2.0rem;}
}







#main4 { background:url('/images/main/main4-bg.png') no-repeat right center;position:relative;
    background-size:cover}
    #main4:before {content:''; width:273px; height:479px; background:url('/images/main/main4-left.png') no-repeat left top;
        position:absolute; left:0; top:0; background-size:100% auto}
        #main4:after {content:''; width:433px; height:233px; background:url('/images/main/main4-right.png') no-repeat right top;
				position:absolute; right:0; top:0; background-size:100% auto; z-index:1}
#main4 #t-Logo {position:relative; z-index:3; border-bottom:0;}
#main4 #contWrap {width:90%; margin:0 auto; display:flex; justify-content:center;  position:relative; z-index:3}
#main4 #contWrap li.txt {padding-top:5%}
#main4 #contWrap li.txt img {width:100%; max-width:876px;}
#main4 #contWrap li.txt img.mo {display:none}
#main4 #contWrap li.img img  {width:100%; max-width:558px;}

@media all and (max-width:1599px){
	#main4:before {width:15%;}
	#main4:after {width:20%;}
}
@media all and (max-width:1280px){
	#main4 #contWrap li.txt  {width:65%}
	#main4 #contWrap li.img {width:35%}
}
@media all and (max-width:976px){
	#main4 #contWrap {flex-wrap:wrap}
	#main4 #contWrap li.txt  {width:100%}
	#main4 #contWrap li.txt img.pc {display:none}
	#main4 #contWrap li.txt img.mo {display:block}
	#main4 #contWrap li.img {width:90%; text-align:center; margin:2em auto 0}
}




#main5 { padding-bottom:6%; background:url('/images/main/main5-bg.png') no-repeat center center;background-size:cover; text-align:center;
			position:relative; z-index:0}
#main5 h4 { margin:0 0 0.8em; font-size:4.5rem; font-family: 'ONE-Mobile-Title'; font-weight:normal }
#main5 h3 br.br1499 {display:none}
#main5 h3 br.br767 {display:none}
#main5 .t1 {margin-top:0.5em; font-size:3.0rem; color:#112f39; transform: rotate(-0.03deg);}
#main5 #contWrap {margin-top:50px; display:flex; flex-wrap:wrap;  justify-content:center}
#main5 #contWrap li {width:390px; padding:4em 0 3em; margin:30px; text-align:center; color:#FFF}
#main5 #contWrap li dl dt {font-size:11.0rem; font-family: 'EliceDigitalBaeum'; font-weight:bold }
#main5 #contWrap li dl dd {font-size:3.2rem; transform: rotate(-0.03deg); line-height:1.4em; position:relative}
#main5 #contWrap li dl dd:before {content:''; width:181px; height:24px; background:url('/images/main/main5-line.png') no-repeat center bottom;
										position:absolute; left:50%; bottom:-10px; transform:translateX(-40%); background-size:100% auto}
#main5 #contWrap li.ver1 {background:#1ea953}
#main5 #contWrap li.ver2 {background:#046c5c}
#main5 #contWrap li.ver3 {background:#112f39}

@media all and (max-width:1499px){
	#main5 h3 br.br1499 {display:block}
	#main5 #contWrap li {width:350px; margin:15px;  }
}
@media all and (max-width:1280px){
	#main5 #contWrap li {width:30%; margin:1%;  }
}
@media all and (max-width:1024px){
	#main5 h4 { font-size:3.8rem;}
	#main5 .t1 { font-size:2.6rem;}
}
@media all and (max-width:976px){
	#main5 #contWrap li dl dd:before {width:165px;}
}
@media all and (max-width:767px){
	#main5 h3 br.br767 {display:block}
	#main5 h3 {line-height:1.4em}
	#main5 h3 .point2 {font-size:13.0rem; line-height:0.2em}
	#main5 .t1 {margin-top:1em; }
	#main5 #contWrap li { padding:3em 0 2em; }
	#main5 #contWrap li dl dd {font-size:2.8rem;}
	#main5 #contWrap li dl dd:before {width:140px;}
	#main5 #contWrap li dl dt {font-size:10.0rem;}
}
@media all and (max-width:640px){
	#main5 #contWrap li {width:45%;  }
}
@media all and (max-width:480px){
	#main5 h4 { font-size:3.0rem;}
	#main5 h3 {font-size:5.5rem}
	#main5 h3 .point2 {font-size:13.0rem}
	#main5 .t1 { font-size:2.2rem;}
	#main5 #contWrap li { padding:2em 0 1em; }
	#main5 #contWrap li dl dt {font-size:9.0rem;}
	#main5 #contWrap li dl dd:before {width:70%;}
}







#main6 {display:flex;   align-items: start; }
#main6 #t-Logo {border-bottom:0}
#main6 #contWrap {width:calc(100% - 530px); display:flex; flex-wrap:wrap; justify-content:center; align-content: center;}
#main6 h3 { font-family: 'ONE-Mobile-Title'; font-weight:normal; line-height:1.0em;}
#main6 h3 .st1 {font-size:6.0rem;  }
#main6 h3 .point2 { line-height:0.5em}
#main6 h3 br.br767 {display:none}
#main6 h4 {margin:2em 0 1em; font-size:5.0rem; color:#112f39; font-family: 'ONE-Mobile-Title'; font-weight:normal }
#main6 h4 .br640 {display:none}
#main6 h4 .point {font-family: 'ONE-Mobile-Title'; font-weight:normal; position:relative; z-index:1}
#main6 h4 .point:before {content:''; width:102%; height:20px; background:#23b55b; position:absolute; left:0; bottom:0;z-index:-1}

#checkList.main6 {display:unset}
#checkList.main6 li {width:100%; padding:27px 0}
#checkList.main6 li:before { width:36px; height:36px; background:url('/images/main/main6-arrow.png') no-repeat left top;
						         top:26px; background-size:100% auto}
#checkList.main6 li p {font-size:2.8rem; padding-left:50px}

#main6 #imgWrap li {width:530px; font-size:0}
#main6 #imgWrap li img {width:100%}

@media all and (max-width:1599px){
	#main6 #contWrap {width:calc(100% - 480px);} 
	#main6 h4 { margin:1.3em 0 0.8em; }
	#main6 #imgWrap li {width:480px; }
	#main6 h3 { font-family: 'ONE-Mobile-Title'; font-weight:normal; line-height:1.0em;}
}
@media all and (max-width:1499px){
	#main6 {flex-wrap:wrap}
	#main6 #contWrap {width:100%; padding-bottom:8%} 
	#main6 h4 { margin:1em 0 1em;  text-align:center; width:100%}
	#main6 #imgWrap {width:100%; display:flex }
}
@media all and (max-width:1280px){
	#main6 h3 .st1 {font-size:5.0rem; }
	#main6 h4 {font-size:4.6rem}
}
@media all and (max-width:1024px){	
	#main6 h3 .st1 {font-size:4.4rem; }
	#main6 h3 .point2 { line-height:0.4em; font-size:13.0rem;}
	#main6 h4 {font-size:4.0rem}
}
@media all and (max-width:767px){	
	#main6 h3 {text-align:center; line-height:1.2em}
	#main6 h3 br.br767 {display:block}
	#checkList.main6 {width:90%}
	#checkList.main6 li { padding:22px 0}
	#checkList.main6 li:before { width:30px; height:30px; top:22px;}
	#checkList.main6 li p {font-size:2.4rem; padding-left:40px}
}
@media all and (max-width:640px){	
	#main6 h4 {line-height:1.3em}
	#main6 h4 .br640 {display:block}
}
@media all and (max-width:480px){	
	#main6 h3 .st1 {font-size:4.0rem;  }
}







#main7 {display:flex; flex-wrap:wrap; }
#main7 #imgWrap {width:880px; background:url('/images/main/main7-bg.png') no-repeat left top; background-size:cover; 
						position:sticky; top:0; max-height:950px; }
#main7 .title {padding:0 0 3em; display:flex; justify-content:center}
#main7 h3 { font-family: 'ONE-Mobile-Title'; font-weight:normal; line-height:1.0em; color:#FFF; text-align:right;}
#main7 h3 .st1 {font-size:4.5rem;  }
#main7 h3 .point2 {position:relative; vertical-align:bottom; line-height:1em}
#main7 h3 .point2:before {content:''; width:337px; height:43px; background:url('/images/main/main7-line.png') no-repeat center bottom;
								position:absolute; left:50%; bottom:30px; transform:translateX(-50%); background-size:100% auto}
#main7 #m7slick { width:610px; background:#023a2c; margin:0 auto}
#main7 #m7slick li img {width:100%}
#main7 #contWrap {width:calc(100% - 880px); background:#f8f8f8; padding: 0 5%;  }
#main7 #contWrap .in-Box {padding-right:50px; margin:40px 0; display:flex; justify-content:space-between; align-items: center;}
#main7 #contWrap .in-Box .img {width:120px;}
#main7 #contWrap .in-Box .img img {width:100%;  border-radius:60px; overflow:hidden }
#main7 #contWrap .in-Box .cont {width:calc(100% - 140px); background:#FFF; padding:20px; border-radius:20px;
										font-family: "Pretendard", serif; box-shadow: 0 0 10px rgba(0,0,0,0.05)  }
#main7 #contWrap .in-Box .cont dl dt {font-size:1.8rem; margin-bottom:10px; font-weight:600}
#main7 #contWrap .in-Box .cont dl dd {font-size:1.6rem;line-height:1.4em; height:2.8em; overflow: hidden; text-overflow: ellipsis; 
												display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
#main7 #contWrap .in-Box .cont .t1 {font-size:1.5rem; margin-top:1em; }
#main7 #contWrap .in-Box .cont .t1 span {vertical-align:top}

#main7 #contWrap .in-Box:nth-child(even) {padding-left:50px; padding-right:0}
#main7 #contWrap .in-Box:nth-child(even) .img {order:2}
#main7 #contWrap .in-Box:nth-child(even) .cont {order:1}


@media all and (max-width:1699px){	
	#main7 #imgWrap {width:750px;}
	#main7 #contWrap {width:calc(100% - 750px); padding-left:30px}
}
@media all and (max-width:1499px){	
	#main7 #imgWrap {width:50%;}
	#main7 h3 {font-size:5.3vw}
	#main7 h3 .st1 {font-size:3.0vw;  }
	#main7 h3 .point2 {font-size:10vw}
	#main7 h3 .point2:before { width:110%;}
	#main7 #m7slick { width:80%; max-width:610px}
	#main7 #contWrap {width:50%; padding-left:30px}
}
@media all and (max-width:1280px){	
	#main7 #contWrap .in-Box {padding-right:30px; margin:30px 0;}
	#main7 #contWrap .in-Box:nth-child(even) {padding-left:30px; padding-right:0}
}
@media all and (max-width:1160px){	
	#main7 {flex-wrap:wrap}
	#main7 #imgWrap {width:100%; 	position:unset; max-height:auto; padding-bottom:5em}
	#main7 .title {padding:0 0 5%;}
	#main7 h3 { font-size:7.0rem}
	#main7 h3 .st1 {font-size:5.0rem;}
	#main7 h3 .point2 {font-size:12rem}
	#main7 #contWrap {width:100%; padding:5%; }
	#main7 #contWrap .in-Box { padding-right:10px; margin:20px 0;}
	#main7 #contWrap .in-Box:nth-child(even) {padding-left:10px;}
	#main7 #contWrap .in-Box .cont {width:calc(100% - 130px);}
}
@media all and (max-width:640px){	
	#main7 #contWrap .in-Box {padding-right:0; margin:7px 0;}
	#main7 #contWrap .in-Box .img {width:100px;}
	#main7 #contWrap .in-Box .cont {width:calc(100% - 110px); }
	#main7 #contWrap .in-Box:nth-child(even) {padding-left:0}
	#main7 h3 {font-size:10.5vw}
	#main7 h3 .st1 {font-size:6.0vw;  }
	#main7 h3 .point2 {font-size:19vw}
	#main7 h3 .point2:before {bottom:4vw}
}
@media all and (max-width:480px){	
	
	#main7 #imgWrap {padding-bottom:3em}
	#main7 #contWrap .in-Box .img {width:18vw;}
	#main7 #contWrap .in-Box .cont {width:calc(100% - 20vw); border-radius:10px; padding:15px }
	#main7 #contWrap .in-Box .cont .t1 img {height:2.5vw}
}





#main8 {padding:6% 0; background:#fdfaee; position:relative; display:flex; justify-content:center; align-items: center;}
#main8:before {content:''; width:100%; height:340px; background:url('/images/main/main8-bg1.png') no-repeat left top;
					position:absolute; left:0; top:0; background-size:100% auto; z-index:0}
#main8:after {content:''; width:100%; height:340px; background:url('/images/main/main8-bg2.png') no-repeat left bottom;
					position:absolute; left:0; bottom:0; background-size:100% auto; z-index:0}
#main8 #imgWrap {position:relative; z-index:1}
#main8 #imgWrap img.mo {display:none}
#main8 #contWrap {position:relative; z-index:1; text-align:right}
#main8 #contWrap h3 {line-height:1.3em}
#main8 #contWrap .t1 {margin-top:1.5em; line-height:1.6em; font-size:3.0rem; transform: rotate(-0.03deg); color:#112f39}
#main8 #contWrap #t-Logo {padding:0;  width:100%; border-bottom-width:0;justify-content: flex-end }
#main8 #contWrap #t-Logo p {display:none}

@media all and (max-width:1699px){	
	#main8 {padding:6% 3%;}
	#main8 #imgWrap {width:calc(100% - 610px)}
	#main8 #imgWrap img {width:100%; max-width:1000%}
	#main8 #contWrap {width:610px}
}
@media all and (max-width:1280px){	
	#main8 #imgWrap {width:calc(100% - 540px)}
	#main8 #contWrap {width:540px}
	#main8 #contWrap .t1 {margin-top:1.0em; font-size:2.4rem}
}
@media all and (max-width:1160px){
	#main8 {flex-wrap:wrap}
	#main8 #imgWrap {width:80%; order:2}
	#main8 #contWrap {width:100%; order:1; text-align:center}
	#main8 #contWrap #t-Logo {border-bottom-width:1px; padding-bottom:1em; justify-content:space-between}
	#main8 #contWrap #t-Logo p {display:block}
}
@media all and (max-width:976px){
		#main8 #imgWrap {width:100%; margin-top:1.5em ;}
		#main8 #imgWrap img.pc {display:none}
		#main8 #imgWrap img.mo {display:block}
}



#main9 {padding-bottom:6%; background:#f5fbf5; position:relative; }
#main9 .inner {display:flex; justify-content:space-between;;}
#main9:before {content:''; width:270px; height:125px; background:url('/images/main/main9-bg1.png') no-repeat left top;
					position:absolute; left:50%; transform:translateX(-30%); top:0; background-size:100% auto; }
#main9:after {content:''; width:725px; height:550px; background:url('/images/main/main9-bg2.png') no-repeat left bottom;
					position:absolute; left:50%; transform:translateX(-60%);  bottom:0; background-size:100% auto; }
#main9 #titWrap {margin-top:2%; position:relative; z-index:1}
#main9 h3 {line-height:1.3em}
#main9 .t1 { margin-top:1em; font-size:3.0rem; color:#112f39; font-family: 'ONE-Mobile-Title'; font-weight:normal; }
#main9 #contWrap ul li {padding:40px 60px; margin-bottom:60px; font-size:3.0rem; color:#112f39; background:#FFF; 
							border:1px solid #23b55b; position:relative; z-index:4; text-align:center; line-height:1.3em;	
							transform: rotate(-0.03deg); counter-increment: number;}
#main9 #contWrap ul li:before {content: counter(number, decimal-leading-zero); width:50px; line-height:50px; height:50px; border-radius:100%; background:#23b55b;
									 text-align:center; color:#FFF; font-size:1.8rem; font-family:'Roboto'; font-weight:600;
									position:absolute; left:50%; top:-35px; transform:translateX(-50%)}
#main9 #contWrap ul li:after {content:''; width:100%; height:100%; border:1px solid #23b55b; background:#FFF;
									position:absolute; left:-8px; top:-8px; z-index:-1}


@media all and (max-width:1599px){
	#main9:before { width:13%; }
	#main9:after {width:35%}
}
@media all and (max-width:1399px){
	#main9 #titWrap {width:600px}
	#main9 #contWrap {width:calc(100% - 600px); padding-left:5%}
	#main9 #contWrap ul li br {display:none}
}
@media all and (max-width:1280px){	
	#main9 {padding-bottom:10%;}
	#main9 #titWrap {width:530px}
	#main9 #contWrap {width:calc(100% - 530px); }
}
@media all and (max-width:1150px){
	#main9 {padding-bottom:8%;}
	#main9 .inner {flex-wrap:wrap}
	#main9 #titWrap {width:100%; margin-top:0 }
	#main9 #contWrap {width:100%; padding-left:0 }
	#main9 #contWrap ul li:after { left:-5px; top:-5px}
	#main9 h3 br.br1150 {display:none}
	#main9 #contWrap  {margin-top:5em}
	#main9:before {width:20%; left:75%;  transform:translateX(0);}
	#main9 #contWrap ul li {padding:30px 40px; font-size:2.6rem; margin-bottom:50px}
}
@media all and (max-width:976px){
	#main9 #contWrap ul li:before {width:40px; line-height:40px; height:40px;  top:-25px;}
}
@media all and (max-width:580px){
	#main9:before {width:25%; left:unset; right:72%; }
}

@media all and (max-width:480px){
	#main9 #contWrap ul li { margin-bottom:7%}
}



#main10 {padding-bottom:7%; background:#f8f8f8; overflow:hidden}
#main10 .inner {text-align:center}
#main10 h4 {margin-bottom:0.6em; font-size:4.5rem; color:#112f39;font-family: 'ONE-Mobile-Title'; font-weight:normal;}
#main10 h3 br.br1499 {display:none}
#main10 h3 br.br767 {display:none}
#main10 #m10Slick  { margin-top:2em; width:119%; margin-left:-10%}
#main10 #m10Slick li { margin:10px; padding:20px 40px; background:#FFF; box-shadow:0 0 10px rgba(0,0,0,0.05);
							text-align:center}
#main10 #m10Slick li img {width:100%}
#main10 #m10Slick .num { margin-bottom:10px; font-size:1.8rem;  font-family: "Marcellus", serif;  text-align:right; opacity:.5}
#main10 #m10Slick .t1 {padding:1em 0 0.3em; font-size:2.6rem; transform: rotate(-0.03deg); font-weight:500}
#main10 #m10Slick li.ver1 {color:#abab6b}
#main10 #m10Slick li.ver2 {color:#678c82}
#main10 #m10Slick li.ver3 {color:#5b8c9e}
#main10 #m10Slick li.ver4 {color:#ad75a1}
#main10 #m10Slick li.ver5 {color:#b6905c}

@media all and (max-width:1699px){
	#main10 #m10Slick  { width:130%; margin-left:-15%}
	#main10 #m10Slick li { padding:15px 30px;}
}
@media all and (max-width:1499px){
	#main10 h3 {line-height:1.3em}
	#main10 h3 br.br1499 {display:block}
}
@media all and (max-width:1399px){
	#main10 #m10Slick .num { font-size:1.6rem}
	#main10 #m10Slick .t1 { font-size:2.2rem;}
}
@media all and (max-width:1280px){
	#main10 h4 { font-size:3.8rem; }
	#main10 #m10Slick  { width:140%; margin-left:-20%}
}
@media all and (max-width:1140px){
	#main10 #m10Slick  { width:200%; margin-left:-50%}
}
@media all and (max-width:1024px){
	#main10 h4 { font-size:3.4rem; }
}
@media all and (max-width:976px){
	#main10 #m10Slick  { width:140%; margin-left:-20%}
}
@media all and (max-width:767px){
	#main10 {padding-bottom:10%;} 
	#main10 #m10Slick  { width:180%; margin-left:-40%; margin-top:1em}
	#main10 h3 br.br1499 {display:none}
	#main10 h3 br.br767 {display:block}
}
@media all and (max-width:480px){
	#main10 #m10Slick  { width:200%; margin-left:-50%}
	#main10 #m10Slick li { padding:10px 15px;}
	#main10 #m10Slick .num { font-size:1.4rem}
	#main10 #m10Slick .t1 { font-size:2.0rem;}
	#main10 h3 br.br767 {display:block}
}






#main11 {background:#112f39; border-left:30px solid #f8f8f8; border-right:30px solid #f8f8f8; position:relative}
#main11:before {content:''; width:1px; height:100px; background:#23b55b; position:absolute; left:50%; top:-50px}
#main11 .inner {padding-top:7%; text-align:center}
#main11 .eng { font-size:1.8rem; margin-bottom:1em; opacity:.2;  font-family: "Marcellus", serif; letter-spacing:0.05em}
#main11 h3 { font-size:6.0rem; padding-bottom:50px;  font-family: 'ONE-Mobile-Title'; font-weight:normal; color:#112f39 }
#main11 #contWrap {padding-bottom:7%; display:flex; flex-wrap:wrap; }
#main11 #contWrap li { width:12.5%; font-size:1.8rem; line-height:60px;text-align:center; color:#FFF; transform: rotate(-0.03deg);}

#main11.ver2 {background:#f8f8f8; border:0; padding-bottom:7%}
#main11 #imgWrap {display:flex; flex-wrap:wrap; padding:0 15px;}
#main11 #imgWrap li {width:calc(25% - 30px); margin:15px; overflow:hidden; position:relative; font-size:0}
#main11 #imgWrap li img {width:100%; transition:all 0.5s; 
								-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s; -ms-transition:all 0.5s;}
#main11 #imgWrap li:hover img { transform: scale(1.15) rotate(0.02deg); -ms-transform: scale(1.15) rotate(0.02deg);
									-o-transform: scale(1.15) rotate(0.02deg);  -moz-transform: scale(1.15) rotate(0.02deg);	 
									-webkit-transform: scale(1.15) rotate(0.02deg);	}
#main11 #imgWrap li .hover-Box { display:none; width:100%; height:100%;  background:rgba(3,71,44,0.7); 									
										position:absolute; left:0; top:0;}
#main11 #imgWrap li .hover-Box dl {  width:90%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);
											color:#FFF; text-align:center}
#main11 #imgWrap li .hover-Box dl dt {font-size:2.6rem;  transform: rotate(-0.03deg); }
#main11 #imgWrap li .hover-Box dl dd {margin-top:0.5em; font-size:1.8rem; font-family:'Pretendard'; font-weight:300}
#main11 #imgWrap li:hover .hover-Box {display:block; }

@media all and (max-width:1399px){
	#main11 {border-left:20px solid #f8f8f8; border-right:20px solid #f8f8f8; }
	#main11 #contWrap li { width:16.6666%; }

	#main11 #imgWrap { padding:0 10px;}
	#main11 #imgWrap li {width:calc(25% - 20px); margin:10px;}
}
@media all and (max-width:1120px){
	#main11 #contWrap li { width:25%; line-height:50px }
	#main11 #imgWrap li {width:calc(33.333% - 20px); }
}
@media all and (max-width:976px){
	#main11 {border-left:15px solid #f8f8f8; border-right:15px solid #f8f8f8; }
	#main11:before {height:70px; top:-35px}
	#main11 .inner {padding-top:8%; }
	#main11 h3 { font-size:5.5rem; padding-bottom:30px;}
	#main11 #imgWrap li {width:calc(50% - 10px); margin:5px;}
}
@media all and (max-width:767px){
	#main11 .inner {padding-top:12%; }
	#main11 #contWrap {padding-bottom:5em } 
	#main11 #contWrap li { width:33.3333%; line-height:40px }
	#main11.ver2 { padding-bottom:10%}
	#main11 h3 { font-size:5.0rem; }
}
@media all and (max-width:480px){
	#main11 #contWrap {padding-bottom:4em } 
	#main11 #contWrap li {  font-size:1.7rem;  line-height:2.2em }
	#main11 h3 { font-size:4.2rem; }
}




#main12 { padding-bottom:6%; background:url('/images/main/main12-bg.png') no-repeat center center;background-size:cover; 
			text-align:center; }
#main12 h3 {padding-top:30px}
#main12 h3 .point3 {position:relative}
#main12 h3 .point3:before {content:''; width:12px; height:12px; border-radius:30px; background:#23b55b;
									position:absolute; left:50%; margin-left:-6px; top:-20px}
#main12 h4 { margin-top:0.8em; font-size:3.0rem; color:#112f39; transform: rotate(-0.03deg); font-weight:normal; opacity:.6}
#main12 #imgWrap {margin:50px 0; display:flex; flex-wrap:wrap; justify-content:center;}
#main12 #imgWrap li {margin:15px }
#main12 #imgWrap li img {width:100%; max-width:483px; overflow:hidden}
#main12 #imgWrap li:nth-child(1) img {border-top-left-radius:80px; } 
#main12 #imgWrap li:nth-child(3) img {border-bottom-right-radius:80px; } 
#main12 #imgWrap li .eng {margin:1em 0 0.5em; font-size:2.0rem; font-family: "Marcellus", serif; }
#main12 #imgWrap li .t1 {font-size:3.0rem; color:#112f39; transform: rotate(-0.03deg);}
#main12 .Btn {display:inline-block; margin:0 auto; background:#112f39; border-radius:100px; color:#FFF;
					padding:0.6em 1.0em; font-size:3.0rem;  font-family: 'ONE-Mobile-Title'; font-weight:normal;}
#main12 .Btn i {padding-left:1em; font-size:2.8rem}
#main12 .Btn:hover {background:#1fac55; }

@media all and (max-width:1599px){
	#main12 #imgWrap li {width:30%}
}
@media all and (max-width:1280px){
	#main12 h4 {font-size:2.6rem;}
	#main12 #imgWrap {margin:30px 0; }
	#main12 #imgWrap li {width:29%; margin:10px}
}
@media all and (max-width:976px){
	#main12 { padding-bottom:10% }
	#main12 h4 {font-size:2.4rem;}
	#main12 #imgWrap li:nth-child(1) img {border-top-left-radius:6vw; } 
	#main12 #imgWrap li:nth-child(3) img {border-bottom-right-radius:6vw; } 
}
@media all and (max-width:767px){
	#main12 #imgWrap li .eng { font-size:1.6rem; }
	#main12 #imgWrap li .t1 {font-size:2.4rem; }
}
@media all and (max-width:580px){
	#main12 #imgWrap li {width:80%; margin:0 20px 20px 20px }
	#main12 #imgWrap li:last-child {margin-bottom:0}
	#main12 #imgWrap li img {border-radius:6vw; }
	#main12 #imgWrap li .eng { font-size:1.6rem;  }
	#main12 #imgWrap li .t1 {font-size:2.4rem; }
}
@media all and (max-width:480px){
	#main12 { padding-bottom:13% }
	#main12 h4  {font-size:2.0rem; width:50%; margin:0.8em auto 0}
}


#main13 {display:flex; flex-wrap:wrap; }
#main13 #titWrap {width:50%; background:url('/images/main/main13-bg.png') no-repeat left top; background-size:cover;
						text-align:center; display:flex; justify-content:center; align-items: center;}
#main13 #titWrap .in-Box {}
#main13 h3 .point2 {vertical-align:bottom; margin-left:-13px; line-height:0.7em;}
#main13 #contWrap {padding:30px; width:50%; background:#112f39}
#main13 #contWrap .cont {max-width:800px; margin:13% auto; display:flex; flex-wrap:wrap; }
#main13 #contWrap .cont li { width:25%; font-size:1.8rem; line-height:70px;text-align:center; color:#FFF; 
									transform: rotate(-0.03deg);}

@media all and (max-width:1399px){
	#main13 #contWrap .cont li { line-height:60px}
}
@media all and (max-width:1280px){
	#main13 #contWrap {padding:15px 30px; }
	#main13 #contWrap .cont {  margin:10% auto; }
	#main13 #contWrap .cont li { width:33%;}
}
@media all and (max-width:1199px){
	#main13 #titWrap {padding:7% 5%; width:100%;}
	#main13 h3 .point2 { margin-left:-10px; }
	#main13 #contWrap {padding:20px; width:100%}	
	#main13 #contWrap #t-Logo {display:none}
	#main13 #contWrap .cont {max-width:100%; margin:30px auto}
	#main13 #contWrap .cont li { width:16.6666%;}
}
@media all and (max-width:976px){
	#main13 #titWrap {padding:10% 5%;}
	#main13 #contWrap .cont li { width:25%;  line-height:50px}
}
@media all and (max-width:640px){
	#main13 #contWrap .cont li { width:33.333%;}
}
@media all and (max-width:480px){
	#main13 #contWrap .cont li { font-size:1.7rem;  line-height:2.2em}
}





#main14 {padding-bottom:7% ;background:#f1f3f1}
#main14 h3 .point2 {vertical-align:bottom; margin-left:-20px; line-height:0.7em;}
#main14 h3 br.br767 {display:none}
#main14 h5 { margin-top:0.8em; font-size:3.0rem; color:#112f39; transform: rotate(-0.03deg); font-weight:normal; }
#main14 .in-box {padding:100px 50px 50px; width:100%; max-width:1600px; margin:0 auto; position:relative;  display:flex;}
#main14 .in-box:before {content:''; width:100%; height:350px; background:#112f39; position:absolute; left:0; bottom:0; }
#main14 #imgWrap {width:47%; background:url('/images/main/main14-bg.png') no-repeat center top;  position:relative;
							background-size:100% auto}
#main14 #contWrap {width:53%; padding-left:4%; text-align:center}
#main14 #contWrap .cont {margin-top:150px; display:flex; flex-wrap:wrap;;}
#main14 #contWrap .cont li { width:20%; font-size:1.8rem; line-height:50px;text-align:center; color:#FFF; 
									transform: rotate(-0.03deg);}

#main14 .in-box.ver2:before {background:#034745; height:250px;}
#main14 .in-box.ver2 #imgWrap {order:2; background-image:url('/images/main/main14-bg2.png')}
#main14 .in-box.ver2 #contWrap {order:1}
#main14 .in-box.ver2 #contWrap { padding-left:0; padding-right:4%}
#main14 #contWrap #benefit-W .eng {margin:0 0 0.5em; border:0; background:#034745; color:#FFF;
											font-family: 'ONE-Mobile-Title'; font-weight:normal;}

@media all and (max-width:1599px){
	#main14 {padding-bottom:0;}
}
@media all and (max-width:1399px){
	#main14 #benefit-W .st1 {margin-top:2em}
	#main14 #contWrap .cont {margin-top:100px;}
}
@media all and (max-width:1199px){
	#main14 h5 { font-size:2.6rem; }
	#main14 .in-box {padding:70px 30px 30px;}
	#main14 .in-box:before {height:260px; }
	#main14 #imgWrap {width:40%}
	#main14 #contWrap {width:60%;}
	#main14 #contWrap .cont {margin-top:80px;}
	#main14 #contWrap .cont li { line-height:40px;}

	#main14 .in-box.ver2:before { height:180px;}
}
@media all and (max-width:976px){	
	#main14 h3 .point2 { margin-left:-15px;}
	#main14 h5 { font-size:2.4rem; }
	#main14 .in-box {padding:0; flex-wrap:wrap}
	#main14 .in-box:before {height:300px; display:none }
	#main14 #imgWrap {width:90%; margin:3em auto 0;  height:55vw; background-image:url('/images/main/main14-bg-mo.png')}
	#main14 #contWrap {margin-top:2em; width:100%; padding-left:0;}
	#main14 #contWrap #benefit-W {width:90%; margin:0 auto}
	#main14 #contWrap .cont {margin-top:3em; padding:2em 0;  background:#112f39}
	#main14 #contWrap .cont li { width:25%; line-height:40px;}

	#main14 .in-box.ver2:before { height:220px;}
	#main14 .in-box.ver2 #imgWrap {order:1; background-image:url('/images/main/main14-bg2-mo.png')}
	#main14 .in-box.ver2 #contWrap {order:2}
	#main14 .in-box.ver2  #contWrap { padding-right:0}
}
@media all and (max-width:767px){
	#main14 h3 br.br767 {display:block}
}
@media all and (max-width:480px){
	#main14 h5 { font-size:2.0rem; }
	#main14 .in-box:before {height:380px; }
	#main14 #contWrap .cont li {width:33.3333%;  font-size:1.7rem; line-height:2.2em; }

	#main14 .in-box.ver2:before { height:260px;}
}






#main15 {padding-bottom:7% ;background:url('/images/main/main15-bg.webp') no-repeat center top; text-align:center;
			position:relative;  background-size:cover; overflow:hidden}
#main15 #t-Logo {border-bottom:1px solid rgba(255,255,255,0.07)}
#main15 .m15-img {margin-bottom:30px; width:80%; max-width:764px;}
#main15 h3 {text-shadow:3px 3px 0 rgba(0,0,0,0.1); position:relative; z-index:3}
#main15 h3:before {content:'honeymoon'; font-size:15.0rem; position:absolute; left:50%; top:-0.7em; transform:translateX(-50%);
						  font-family: "Smooch", cursive; color:#21d323; text-shadow:3px 3px 0 rgba(0,0,0,0) !important; z-index:-1}
#main15 h3 .point3 {  font-family: 'ONE-Mobile-Title'; font-weight:normal;}
#main15 h3 .br976 {display:none}
#main15 h4 {margin-top:50px; display:inline-block; border-radius:60px; background:#FFF; padding:0.5em 1.5em;
				font-size:3.0rem; transform: rotate(-0.03deg); color:#222; font-weight:400; line-height:1.3em}
#main15 h4 .fc1 {color:#0e6bcb}
#main15 h4 .fc2 {color:#21b422}
#main15 h4 br.br680 { display:none}
#main15 #m15Slick {margin-top:70px; width:2280px; margin-left:50%;  transform:translate(-50%)}
#main15 #m15Slick li {width:350px; height:350px; margin:15px; border-radius:100%; background:rgba(0,90,190,0.8); color:#FFF;
							display:flex;justify-content:center; align-items: center; }
#main15 #m15Slick li .eng { font-size:1.8rem; font-family: "Marcellus", serif;}
#main15 #m15Slick li .line {width:1px; background:#FFF; opacity:.3; height:25px; margin:10px auto}
#main15 #m15Slick li dl dt {margin-bottom:20px; font-size:4.0rem; font-weight:700;transform: rotate(-0.03deg); }
#main15 #m15Slick li dl dd {font-size: 1.8rem; transform: rotate(-0.03deg); line-height:1.6em; text-align:center}
#main15 #m15Slick li dl dd img {display:inline-block }
#main15 #m15Slick li:nth-child(even) {background:rgba(33,211,35,0.8)}

@media all and (max-width:1399px){
	#main15 #m15Slick {margin-top:3em; width:1920px; }	
	#main15 #m15Slick li {width:300px; height:300px; margin:10px;}
	#main15 #m15Slick li dl dt { margin-bottom:10px;  font-size:3.6rem;}
	#main15 #m15Slick li dl dd img {height:60px}
}
@media all and (max-width:1280px){
	#main15 h4 {margin-top:30px; font-size:2.6rem;}
}
@media all and (max-width:1024px){
	#main15 #m15Slick {width:1060px; }
}
@media all and (max-width:976px){
	#main15 {padding-bottom:10%} 
	#main15 #m15Slick {margin-top:1em; width:1060px}
	#main15 h3:before {  font-size:10.0rem; } 
	#main15 h3 .br976 {display:block}
	#main15 h4 {margin-top:30px; font-size:2.2rem;}
}
@media all and (max-width:680px){
	#main15 .img { width:70%;}
	#main15 h3 {font-size:5.6rem;}
	#main15 h4 br.br680 { display:block}
}
@media all and (max-width:580px){	
	#main15 #m15Slick { width:880px}
	#main15 #m15Slick li {width:250px; height:250px; margin:10px 5px;}
	#main15 h3 {font-size:6.0rem; width:80%; margin: 0 auto; line-height:1.3em}	
	#main15 h3:before { top:-0.4em}
	#main15 h3 .point3 {font-size: 7.0rem; }
	#main15 h4 {font-size:1.8rem;}
}
@media all and (max-width:480px){	
	#main15 #m15Slick { width:178vw; }	
	#main15 #m15Slick li {width:50vw; height:50vw; }
	#main15 #m15Slick li .eng { font-size:1.5rem; }
	#main15 #m15Slick li .line {height:10px; margin:5px auto}
	#main15 #m15Slick li dl dt {margin-bottom:10px; font-size:3.2rem; }
	#main15 #m15Slick li dl dd {font-size: 1.7rem;}
	#main15 #m15Slick li dl dd img {height:50px}
}
@media all and (max-width:390px){	
	#main15 #m15Slick { width:182vw; }	
}


#ScrollPart {display:flex;  flex-wrap:wrap; position:relative }
#ScrollPart #titWrap {width:calc(100% - 1120px); position:relative; position:sticky; top:0; max-height:950px;}
#ScrollPart #titWrap .in-Box {height:100%; text-align:center; display:flex; flex-wrap:wrap; justify-content:center;  align-content: center;}
#ScrollPart #titWrap h3 {font-size:8.0rem; color:#FFF;  font-family: 'ONE-Mobile-Title'; font-weight:normal; position:relative;
								width:100%}
#ScrollPart #titWrap h3:before { width:100%;  font-size:10.0rem; position:absolute; left:50%;  transform:translateX(-50%);
									 font-family: "Smooch", cursive; color:#2bdb6e; z-index:-1}
#ScrollPart #titWrap #benefit-W { margin-top:2em}

#ScrollPart #contWrap {width:1120px; background:#e9e9e9; }
#ScrollPart #contWrap ul {width:90%; max-width:900px; margin:0 auto; display:flex;  flex-wrap:wrap;  align-items: start; }
#ScrollPart #contWrap ul li {width:430px; border:40px solid #FFF; margin:10px; background:#FFF; position:relative}
#ScrollPart #contWrap ul li:nth-child(even) {transform:translateY(30%)}
#ScrollPart #contWrap ul li img {width:100%}
#ScrollPart #contWrap ul li .t1 {padding-top:35px;font-size: 2.6rem; color:#112f39; transform: rotate(-0.03deg);}
#ScrollPart #contWrap ul li .csb {background:#32d671; width:110px; height:110px;	position:absolute; right:-15px; bottom:-5px; }
#ScrollPart #contWrap ul li .csb p {font-size:2.0rem; color:#FFF; font-family: 'ONE-Mobile-Title'; font-weight:normal; text-align:center;
										margin-top:50%; transform:translateY(-50%); }
#ScrollPart #contWrap ul li.box-bg {border:0; background:#e9e9e9; height:160px}

#ScrollPart.main16 #titWrap { background:url('/images/main/main16-bg.png') no-repeat center top; background-size:cover;}
#ScrollPart.main16 #titWrap h3:before {content:'men’s wear'; bottom:-0.6em;}
#ScrollPart.main18 #titWrap { background:url('/images/main/main18-bg.png') no-repeat center top; background-size:cover; }
#ScrollPart.main18 #titWrap h3:before {content:'hanbok'; bottom:-0.6em;}



@media all and (max-width:1699px){
	#ScrollPart #titWrap {width:580px;}
	#ScrollPart #contWrap {width:calc(100% - 580px);}
}
@media all and (max-width:1599px){
	#ScrollPart #contWrap ul li {width:calc(50% - 20px); border-width:2.3vw}
	#ScrollPart #contWrap ul li .t1 {padding-top:2vw;}

	#ScrollPart #contWrap ul li.box-bg { height:10vw}
}
@media all and (max-width:1399px){
	#ScrollPart #titWrap #benefit-W { margin-top:1em}
	#ScrollPart #titWrap h3 {font-size:7.0rem; }
	#ScrollPart #titWrap h3:before { font-size:9.0rem;}
	#ScrollPart #contWrap ul li .t1 {font-size: 2.4rem;}
	#ScrollPart #contWrap ul li .csb { width:100px; height:100px}
	#ScrollPart #contWrap ul li .csb p {font-size:1.8rem; }
}
@media all and (max-width:1280px){
	#ScrollPart #titWrap {width:540px;}
	#ScrollPart #titWrap h3 {font-size:6.0rem; }
	#ScrollPart #titWrap h3:before { font-size:8.0rem;}
	#ScrollPart #contWrap {width:calc(100% - 540px);}
	#ScrollPart #contWrap ul li {width:calc(50% - 20px); border-width:2.0vw}
	#ScrollPart #contWrap ul li .t1 {padding-top:1.8vw;font-size: 2.2rem;}
	#ScrollPart #contWrap ul li .csb { width:90px; height:90px;  right:-10px; bottom:-10px;}
	#ScrollPart #contWrap ul li .csb p {font-size:1.6rem;}
}
@media all and (max-width:1150px){
	#ScrollPart #titWrap {width:100%; position:unset; max-height:auto; padding:7% 5% }
	#ScrollPart #contWrap {width:100%}
	#ScrollPart #contWrap ul {padding:5% 2%; width:100%; max-width:100%;justify-content:center; }
	#ScrollPart #contWrap ul li {width:calc(33% - 20px)}
	#ScrollPart #contWrap ul li:nth-child(even) {transform:translateY(0)}
	#ScrollPart #contWrap ul li .csb { width:8vw; height:8vw; }

		#ScrollPart #contWrap ul li.box-bg { height:0}

	#ScrollPart.main16 #titWrap,
	#ScrollPart.main18 #titWrap {position:relative; z-index:-3}
}
@media all and (max-width:767px){
	#ScrollPart #titWrap h3 {font-size:5.5rem; }
	#ScrollPart #titWrap h3:before { font-size:7.0rem;}
	#ScrollPart #contWrap ul li {width:calc(50% - 10px); margin:5px;  border-width:4.0vw}
	#ScrollPart #contWrap ul li .t1 {padding-top:3.6vw; font-size:2.4rem}
	#ScrollPart #contWrap ul li .csb { width:80px; height:80px; }
	#ScrollPart #contWrap ul li .csb p {font-size:2.0rem;}
}
@media all and (max-width:480px){
	#ScrollPart #titWrap { padding:13% 7% }
	#ScrollPart #contWrap ul li {width:calc(50% - 10px); margin:5px;  border-width:3.5vw}
	#ScrollPart #contWrap ul li .t1 {padding-top:3.0vw; font-size:2.0rem}
	#ScrollPart #contWrap ul li .csb { width:15vw; height:15vw; }
	#ScrollPart #contWrap ul li .csb p {font-size:1.6rem;}
}





#halfWrap {padding:7% 0; display:flex;  flex-wrap:wrap; justify-content:space-between; align-items: center;  background:#fefdf8;}
#halfWrap #titWrap {width:calc(100% - 1120px); position:relative; z-index:3 }
#halfWrap #titWrap .in-Box {height:100%; text-align:center; display:flex; flex-wrap:wrap; justify-content:center;  align-content: center;}
#halfWrap #titWrap h3 {font-size:8.0rem; color:#112f39;  font-family: 'ONE-Mobile-Title'; font-weight:normal; position:relative;
								width:100%}
#halfWrap #titWrap h3:before { width:100%;  font-size:10.0rem; position:absolute; left:50%;  transform:translateX(-50%);
									 font-family: "Smooch", cursive; color:#2bdb6e; z-index:-1}
#halfWrap #titWrap #benefit-W { margin-top:2em}
#halfWrap #contWrap {width:1120px; position:relative}
#halfWrap #contWrap .t1 {font-size:3.0rem; color:#FFF; text-shadow:0 0 5px rgba(0,0,0,0.3); font-weight:700; width:100%; 
								position:absolute; left:0; bottom:25px; text-align:center}
#halfWrap #contWrap .csb {background:#112f39; width:110px; height:110px;	position:absolute; left:10px; top:10px; border-radius:100%;}
#halfWrap #contWrap .csb p {font-size:2.0rem; color:#2bdb6e; font-family: 'ONE-Mobile-Title'; font-weight:normal; text-align:center;
										margin-top:50%; transform:translateY(-50%); }

#halfWrap.main17 #titWrap h3:before {content:'Jewelry'; bottom:-0.6em;}
#halfWrap.main19 #titWrap h3:before {content:'electronics'; bottom:-0.6em;}

@media all and (max-width:1699px){
	#halfWrap #titWrap {width:580px;}
	#halfWrap #contWrap {width:calc(100% - 580px); }
}
@media all and (max-width:1399px){
	#halfWrap #titWrap #benefit-W { margin-top:1em}
	#halfWrap #titWrap h3 {font-size:7.0rem; }
	#halfWrap #titWrap h3:before { font-size:9.0rem;}
}
@media all and (max-width:1280px){
	#halfWrap #titWrap {width:540px;}
	#halfWrap #titWrap h3 {font-size:6.0rem; }
	#halfWrap #titWrap h3:before { font-size:8.0rem;}
	#halfWrap #contWrap {width:calc(100% - 540px);}
	#halfWrap #contWrap .t1 {padding-top:1.8vw;font-size: 2.2rem;}
	#halfWrap #contWrap .csb { width:90px; height:90px;  right:-10px; bottom:-10px;}
	#halfWrap #contWrap .csb p {font-size:1.6rem;}
}
@media all and (max-width:1150px){
	#halfWrap {padding:0;}
	#halfWrap #titWrap {width:100%; position:unset; max-height:auto; padding: 7% 5%; }
	#halfWrap #contWrap {width:100%;}
	#halfWrap #contWrap .t1 {bottom:15px}
	#halfWrap #contWrap .csb { width:8vw; height:8vw; }
}
@media all and (max-width:767px){
	#halfWrap #titWrap h3 {font-size:5.5rem; }
	#halfWrap #titWrap h3:before { font-size:7.0rem;}
	#halfWrap #contWrap .t1 {padding-top:3.6vw; font-size:2.4rem}
	#halfWrap #contWrap .csb { width:80px; height:80px; }
	#halfWrap #contWrap .csb p {font-size:2.0rem;}
}
@media all and (max-width:480px){
	#halfWrap #titWrap { padding:13% 7% }
	#halfWrap #contWrap .t1 {padding-top:3.0vw; font-size:2.0rem}
	#halfWrap #contWrap .csb { width:15vw; height:15vw; }
	#halfWrap #contWrap .csb p {font-size:1.6rem;}
}





.main17-cont ul {width:96%; max-width:1020px; display:flex; flex-wrap:wrap;}
.main17-cont ul li {width:calc(50% - 20px); margin:10px 20px 10px 0; position:relative; font-size:0}
.main17-cont ul li img {width:100%}

@media all and (max-width:1280px){
	.main17-cont ul li {width:calc(50% - 10px); margin:5px 10px 5px 0; }
}
@media all and (max-width:1150px){
	.main17-cont ul {width:100%; padding:0 5% 7%; max-width:100%; }
	.main17-cont ul li { width:50%; margin:0; }
}
@media all and (max-width:1150px){
	.main17-cont ul {padding:0 5% 10% }
}



.main19-cont ul {width:96%; max-width:1020px;}
.main19-cont ul li { position:relative; font-size:0}
.main19-cont ul li img {width:100%}

@media all and (max-width:1150px){
	.main19-cont ul {width:100%; padding:0 5% 7%; max-width:100%; }
}
@media all and (max-width:1150px){
	.main19-cont ul {padding:0 5% 10% }
}



#main20 {height:700px;   display:flex; align-items: center;}
#main20 .imgWrap {width:calc(100% - 620px); height:100%; /* background-image:url('/images/main/m-map.png');
							background-repeat:no-repeat; background-position: center center; */position:relative}
/*
#main20 .imgWrap:before {content:''; width:160px; height:220px; background:url('/images/main/main20-sb.png') no-repeat center center;
									background-size:100% auto; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
*/
#main20 #contWrap {width:620px; height:100%;  background:#112f39; text-align:center; color:#FFF;
						display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
#main20 #contWrap h3 {margin:0.3em 0 1em; font-size:5.0rem;  font-family: 'ONE-Mobile-Title'; font-weight:normal;}
#main20 #contWrap .cont {width:96%; max-width:460px; margin:0 auto}
#main20 #contWrap dl { padding:1.5em 1em; border-top:1px dashed rgba(255,255,255,0.2); display:flex; text-align:left}
#main20 #contWrap dl dt { width:90px; font-size:1.8rem; font-family: "Marcellus", serif;}
#main20 #contWrap dl dd { width:calc(100% - 90px); transform: rotate(-0.03deg);; font-size:2.0rem}
#main20 #contWrap dl dd.add {font-size:2.6rem; line-height:1.4em}
#main20 #contWrap dl dd.tel { font-family: 'ONE-Mobile-Title'; font-weight:normal;}

@media all and (max-width:1399px){
	#main20 {height:580px; }
	#main20 .imgWrap {width:calc(100% - 580px); }
	#main20 #contWrap {width:580px; }
}
@media all and (max-width:1280px){
	#main20 {height:580px; }
	#main20 .imgWrap {width:calc(100% - 500px); /* background-size:auto 100% */}
	#main20 .imgWrap:before {width:100px; top:51%}
	#main20 #contWrap {width:500px; }
	#main20 #contWrap img {width:65%}
	#main20 #contWrap dl dd.add {font-size:2.4rem;}
}
@media all and (max-width:1024px){
	#main20 {height:550px; }
	#main20 .imgWrap {width:calc(100% - 450px); }
	#main20 #contWrap {width:450px; }
	#main20 #contWrap .cont {width:90%}
	#main20 #contWrap img {width:65%}
	#main20 #contWrap h3 { font-size:4.5rem; } 
	#main20 #contWrap dl dd { font-size:1.8rem}
	#main20 #contWrap dl dd.add {font-size:2.2rem;}
}
@media all and (max-width:976px){
	#main20 {height:auto; flex-wrap:wrap }
	#main20 .imgWrap {width:100%; height:60vw; /* background-size:100% auto */; order:2 }
	#main20 #contWrap {width:100%; padding:5%; order:1 }
}
@media all and (max-width:767px){
	#main20 .imgWrap {width:100%; height:70vw; }
	#main20 .imgWrap:before {width:80px;}
	#main20 #contWrap { padding:10% 5% }
}
@media all and (max-width:480px){
	#main20 .imgWrap {height:100vw; }
	#main20 #contWrap dl dt { width:17vw;}
	#main20 #contWrap dl dd { width:calc(100% - 17vw);}
}






#main21 {padding:7% 0; background:url('/images/main/main21-bg.png') no-repeat left bottom; background-size:cover}
#main21 .inner {display:flex; flex-wrap:wrap}
#main21 #titWrap {width:50%}
#main21 #titWrap h3  {margin:1em 0 0.5em; font-size:6.0rem;  font-family: 'ONE-Mobile-Title'; font-weight:normal; color:#FFF}
#main21 #titWrap .t1 {font-size:2.2rem; color:#FFF; transform: rotate(-0.03deg); line-height:1.4em}

#main21 #contWrap {width:50%}
#main21 #contWrap .mform li {padding:0 13px; border-bottom:1px solid rgba(255,255,255,0.25);  line-height:80px; position:relative }
#main21 #contWrap .mform li:before {content:'(필수)'; font-size:1.6rem; color:#FFF; opacity:.3; position:absolute; right:13px; top:0;
									 line-height:80px; } 
#main21 #contWrap .mform li:last-child::before {display:none}
#main21 #contWrap .mform li i {font-size:2.0rem; color:#FFF}
#main21 #contWrap .mform li  label { font-size:1.8rem; padding-left:20px;  font-weight:500; 
											transform: rotate(-0.03deg); color:#FFF; display: inline-block; width:165px;}
#main21 #contWrap .mform li  input.cs_txt {width:calc(90% - 165px); color:#FFF; background: transparent; line-height:60px; 
													font-size:1.8rem; vertical-align:middle; border:0;  font-family: 'NexonLv1Gothic'; 
													transform: rotate(-0.03deg);}
#main21 #contWrap .mform li  input::placeholder  {color:#FFF; opacity:.3; font-weight:300; font-size:1.6rem }
#main21 #contWrap .mform li  label.cs_radio {padding-left:5px}
#main21 #contWrap .mform li  label.cs_yes {width:85px}

#main21 .msubmit .checkbtn {margin-top:2em; display:flex; align-items: top; justify-content:space-between; flex-wrap:wrap }
#main21 .msubmit .checkbtn li {padding-left:13px}
#main21 .msubmit .checkbtn li label.st1 {padding-left:10px}
#main21 .msubmit .checkbtn li label.st1 a {font-size:1.5rem; opacity:.7; color:#FFF}
#main21 .msubmit .mbtn { font-size:22px; line-height:70px; text-align:center; padding:0 2em; color:#FFF;  
								 background:#e07c03; border: 0; font-family: 'ONE-Mobile-Title'; font-weight:normal; cursor: pointer;
								 border-radius:80px; display:inline-block}
#main21 .msubmit .mbtn:hover {background:#23b55b; transition: all 0.3s; }
#main21 input[type="radio"] {transform: scale(1.7);}
#main21 input[type="checkbox"]  {transform: scale(1.3);}

@media all and (max-width:1399px){
	#main21 #titWrap {width:450px}
	#main21 #contWrap {width:calc(100% - 450px)}
}
@media all and (max-width:1280px){
	#main21 #titWrap {width:450px}
	#main21 #titWrap img {width:65%}
	#main21 #titWrap h3  { font-size:5.5rem; }
	#main21 #titWrap .t1 {font-size:2.0rem; }
	#main21 #contWrap {width:calc(100% - 450px)}
	#main21 #contWrap .mform li { line-height:70px;}
}
@media all and (max-width:1160px){
	#main21 { flex-wrap:wrap}
	#main21 #titWrap {width:100%}
	#main21 #titWrap img {width:65%; max-width:305px}
	#main21 #titWrap h3  { font-size:5.0rem; margin:0.7em 0 0.3em; :}
	#main21 #titWrap .t1 {font-size:1.8rem; }
	#main21 #titWrap .t1 br {display:none}
	#main21 #contWrap {width:100%; margin-top:2em;  border-top:3px double rgba(255,255,255,0.3)}
}
@media all and (max-width:767px){	
	#main21 #titWrap h3  {margin:0.7em 0 0.3em; font-size:5.0rem}
	#main21 #contWrap .mform li {padding:0 10px;  line-height:60px;  }
	#main21 #contWrap .mform li  label { padding-left:10px; width:135px;}
	#main21 #contWrap .mform li  input.cs_txt {width:calc(80% - 135px); }
	#main21 #contWrap .mform li  label.cs_yes {width:70px}
	#main21 .msubmit .mbtn { font-size:20px; line-height:60px; }
}
@media all and (max-width:580px){
	#main21 {background-position:20% bottom}
	#main21 #contWrap .mform li {padding:7px 3px;  line-height:30px;  }
	#main21 #contWrap .mform li  input.cs_txt {line-height:30px; }
	#main21 #contWrap .mform li  label { width:calc(100% - 30px); font-size:1.8rem; }
	#main21 #contWrap .mform li  input.cs_txt {width:100% }	
	#main21 #contWrap .mform li  label.cs_radio {width:40%}
	#main21 input[type="radio"] {transform: scale(1.5);}

	#main21 .msubmit .checkbtn li {width:100%}
	#main21 .msubmit .checkbtn li.btnwrap {margin-top:2em; padding-left:0; text-align:Center}
}
@media all and (max-width:480px){	
	#main21 #contWrap .mform li  label.cs_radio {width:35%}
}

.layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#111;  border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:1.4em; color: #333;font-size:1.6rem;font-family:'Pretendard'}
.layer .layer_wrap .DB_info_detail h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:2.4rem; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; ;font-size:1.6rem; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{margin-bottom:10px; font-size:1.8rem; display:block; background: #eee;border-radius:3px; padding: 10px; font-weight: bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;0}









.app-finish {display:none; background:rgba(0,0,0,0.7); width:100%; height:100%; z-index:9998;position:fixed; left:0; top:0}
.app-finish .in-pop {width:90%; max-width:480px;  text-align:center;
							position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);}
.app-finish .in-pop img {width:100%}
.app-finish .close {display: inline-block; border-radius:50px;  background:#e07c03; color: #fff; margin:0 auto;
								padding:0.8em 2em; font-size:2.0rem; font-family: 'ONE-Mobile-Title';}



#newPart1 li {font-size:0}
#newPart1 li img {width:100%}
#newPart1 li.mo {display:none}

@media all and (max-width:870px){	
	#newPart1 li.pc {display:none}
	#newPart1 li.mo {display:block}
}