/* ¸ÞÀÎ new */

#MAINWRAP{font-family:'Nanumsquare';}
.main_visual_new{width:100%; height:250px; text-align:center; display: flex;
    justify-content: center; align-items: center;}
.main_visual_new img{max-width:100% !important; display:block; width: auto; height:250px; object-fit: cover;}


@media all and (min-width:768px) {
	.main_visual_new{height:320px;}
	.main_visual_new img{height:320px;}
}

@media all and (min-width:1200px) {
	.main_visual_new{width:100%; height:auto; display:block;}
	.main_visual_new img{max-width:100%; width: 100%; height:auto; object-fit: cover;}
}



.mainboxAB{margin:30px auto; width:95%; overflow:hidden; padding:0 0 0 0;}

@media all and (min-width:1200px) {
	.mainboxAB{width:1200px; margin:30px auto 60px auto;}
}

.mainboxAB h6{font-family:'Paperozi'; font-size:22px;}
.mainboxA{}
.mainboxA1{font-family:'Paperozi'; font-size:20px; }
.mainboxA1 ul{display:flex; flex-wrap: wrap; gap:15px;}
.mainboxA1 ul li{box-sizing:border-box; flex-grow: 1;flex: 1 1 0; flex-basis:48%;}
.mainboxA1 ul li a{display:block; text-decoration:none; box-sizing:border-box; border-radius:25px;
	text-align:center;  padding:120px 20px 35px 20px; letter-spacing:-1px; font-weight:600;}
	.mainboxA1 ul li:nth-child(1) a{background:url('/images/main/newmain_quick01.png') center 30px no-repeat #ffec5c; 
		color:#f39a00;}
	.mainboxA1 ul li:nth-child(2) a{background:url('/images/main/newmain_quick02.png') center 30px no-repeat #d0e371; 
		color:#96b61f;}
	.mainboxA1 ul li:nth-child(3) a{background:url('/images/main/newmain_quick03.png') center 30px no-repeat #71b9e3; 
		color:#356e85;}
	.mainboxA1 ul li:nth-child(4) a{background:url('/images/main/newmain_quick04.png') center 30px no-repeat #7197e3; 
		color:#214795;}

@keyframes moveBackground {
  0% { background-position: center 30px ; }
  100% { background-position: center 20px ;}
}

.mainboxA1 ul li a:hover{animation: moveBackground 1s linear infinite;}
.mainboxA1 ul li a span{display:inline-block;}
	.mainboxA1 ul li:nth-child(1) a:hover span{background: linear-gradient(to top, #fcdb49 30%, transparent 40%);}
	.mainboxA1 ul li:nth-child(2) a:hover span{background: linear-gradient(to top, #c4d960 30%, transparent 40%);}
	.mainboxA1 ul li:nth-child(3) a:hover span{background: linear-gradient(to top, #64a9cf 30%, transparent 40%);}
	.mainboxA1 ul li:nth-child(4) a:hover span{background: linear-gradient(to top, #6086d2 30%, transparent 40%);}
	
@media all and (min-width:768px) {
	@keyframes moveBackground {
	  0% { background-position: center 30px ; }
	  100% { background-position: center 20px ;}
	}
	.mainboxA1{}
	.mainboxA1 ul li{flex-basis:23%;}
	.mainboxA1 ul li a{padding:120px 20px 30px 20px;}
	.mainboxA1 ul li:nth-child(1) a{background:url('/images/main/newmain_quick01.png') center 30px no-repeat #ffec5c;}
	.mainboxA1 ul li:nth-child(2) a{background:url('/images/main/newmain_quick02.png') center 30px no-repeat #d0e371;}
	.mainboxA1 ul li:nth-child(3) a{background:url('/images/main/newmain_quick03.png') center 30px no-repeat #71b9e3;}
	.mainboxA1 ul li:nth-child(4) a{background:url('/images/main/newmain_quick04.png') center 30px no-repeat #7197e3;}
}
	
	
@media all and (min-width:1200px) {

@keyframes moveBackground {
  0% { background-position: center 60px ; }
  100% { background-position: center 50px ;}
 }
  
  
	.mainboxA1{font-size:24px; }
	.mainboxA1 ul li a{padding:185px 20px 55px 20px;}
	.mainboxA1 ul li:nth-child(1) a{background:url('/images/main/newmain_quick01.png') center 60px no-repeat #ffec5c;}
	.mainboxA1 ul li:nth-child(2) a{background:url('/images/main/newmain_quick02.png') center 60px no-repeat #d0e371;}
	.mainboxA1 ul li:nth-child(3) a{background:url('/images/main/newmain_quick03.png') center 60px no-repeat #71b9e3;}
	.mainboxA1 ul li:nth-child(4) a{background:url('/images/main/newmain_quick04.png') center 60px no-repeat #7197e3;}
}
	
.mainboxA2{text-align:center; margin:20px 0 0 0; background:url('/images/main/newmain_phone.png') center 20px no-repeat;
	box-sizing:border-box; padding:110px 20px 20px 20px; border:5px solid #2fb8bb; border-radius:25px;
	word-break:keep-all; line-height:145%;}
.mainboxA2 ul li{margin:0 0 12px 0;}
.mainboxA2 ul li:last-child{margin:0;}
.mainboxA2 span{display:block; font-size:18px; margin:0 0 5px 0; letter-spacing:-1.5px;}
.mainboxA2 strong{font-family:'Paperozi'; font-size:24px; font-weight:600;}
	.mainboxA2 ul li:nth-child(1) strong a{color:#2fb8bb;}
	.mainboxA2 ul li:nth-child(2) strong a{color:#ffe100;}
	.mainboxA2 ul li:nth-child(3) strong a{color:#ff6c97;}
.mainboxA2 strong a{text-decoration:none;}

.mainboxB{overflow:hidden; margin:0 auto 0 auto; display:block;  box-sizing:border-box;
	width:100%; } 
.mainboxB>div{box-sizing:border-box; flex-grow:1; flex:1; margin:50px 0 0 0;}
.mainboxB>div>h6{float:left; margin:0 0 10px 0;}
.mainboxB>div>p{float:right;}
.mainboxB>div>p a{background:#ccc; font-family:'Paperozi'; display:inline-block; width:35px; height:35px;
	font-weight:600; color:#2fb8bb; background:#cdeef5; text-decoration:none; line-height:35px;
	text-align:center; font-size:28px; border-radius:100%;}
.mainboxB>div>div{clear:both; box-sizing:border-box; padding:5%; border-radius:25px; background:#f9f9f9;}
.mainboxB>div>div ul li{overflow:hidden; box-sizing:border-box; margin:0 0 3px 0;
	position:relative; padding:0 0 0 12px; font-size:16px; line-height:150%; letter-spacing:-0.5px;}
.mainboxB>div>div ul li::before{content:''; position:absolute; top:9px; left:0; width:5px; height:5px;
	background:#ccc; border-radius:100%;}
.mainboxB>div>div ul li a{color:#111; text-decoration:none;}
.mainboxB>div>div ul li .t1{float:left; width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.mainboxB>div>div ul li .t2{float:right; width:100px; text-align:right; padding:0 2px 0 0;}
.mainboxB2{margin:20px 0 0 0;}

@media all and (min-width:768px) {
	.mainboxB{gap:30px; display:flex; flex-wrap: wrap;}
	.mainboxB2{margin:0 0 0 0;}
	.mainboxA2{background:url('/images/main/newmain_phone.png') 50px center no-repeat; text-align:left;
		padding:30px 20px 30px 150px;}
	.mainboxA2 span{display:inline-block; font-size:20px;}
	.mainboxA2 strong{font-size:22px; margin:0 10px 0 0;}
	.mainboxA2 ul li{margin:0 0 5px 0;}
	.mainboxB>div>div{height:190px;}
	.mainboxB>div>div ul li{font-size:18px;}
	.mainboxB>div>div ul li::before{top:9px;}
	.mainboxB>div>div ul li .t1{width:65%; }
	.mainboxB>div>div ul li .t2{ width:100px;}
	
}

@media all and (min-width:1200px) {	
	.mainboxAB{padding:30px 0 0 0;}
	.mainboxAB h6{font-family:'Paperozi'; font-size:30px;}
	.mainboxA{width:1200px; margin:0 auto;}
	.mainboxA1{float:left; width:810px;}
	.mainboxA2{float:right; width:366px; margin:0; padding:30px 25px; text-align:center;
		background:none; position:relative;}
	.mainboxA2::before{content:''; position:absolute; top:-40px; left:0; right:0; margin:auto; z-index:10;
		width:80px; height:80px; background:url('/images/main/newmain_phone.png') center no-repeat #fff;
		border-radius:100%;}
	.mainboxA2 ul{margin:15px 0 0 0;}
	.mainboxA2 ul li{margin:0 0 10px 0;}
	.mainboxA2 span{display:block; font-size:18px;}
	.mainboxA2 strong{font-size:24px; font-weight:600;}
	.mainboxB>div>div{padding:30px; margin:10px 0 0 0; }
	.mainboxB>div{flex-basis:47%;}
	.mainboxB>div>div ul li{margin:0 0 10px 0;}
	
}

#NewFooter{}
.footer_menu{border-top:1px solid #ddd; padding:0;}
.footer_menu ul{width:99%; margin:0 auto; overflow:hidden; text-align:center; display:flex; flex-wrap: wrap;}
.footer_menu ul li{box-sizing:border-box; flex-grow: 1;flex: 1 1 0; flex-basis:48%;}
.footer_menu ul li a{color:#111; text-decoration:none; display:block; font-size:16px; padding:10px;}

.footer_address{width:99%; margin:0 auto; padding:30px 0; overflow:hidden; word-break:keep-all;}
.footer_address p{text-align:center;margin:0 0 30px 0;}
.footer_address address{text-align:center;}
.footer_address address span{display:block; margin:0 0 5px 0;}
.footer_address address a{color:#111; text-decoration:none;}
.footer_address address em{display:block;}

@media all and (min-width:768px) {
	.footer_menu{padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	.footer_menu ul li{flex-basis:25%;}
	.footer_menu ul li a{padding:0;}
}

@media all and (min-width:1200px) {
	
	.footer_menu ul{width:1200px; display:block;}
	.footer_menu ul li{float:left; margin:0 25px 0 0; display:block;}
	
	.footer_address{width:1200px;}
	.footer_address p{float:left; margin:0 50px 0 0;}
	.footer_address address{float:left; text-align:left;}
	.footer_menu ul li a{font-size:18px;}
	
	.footer_address address em{display:inline-block;}

}

/* ·Ñ¸µ¹öÆ°new */
.wrapArr {position:absolute; bottom:0; left:0; background:rgba(255, 255, 255, .85); padding:3px 6px; box-sizing:border-box; border-radius:0 20px 0 0;}
.wrapArr .Roll {display:flex; align-items:center; gap:.5em;}

#main_slide_counter {display:flex; align-items:center;}
#main_slide_counter span {display:flex; align-items:center; justify-content:center; font-size:12px; width:20px; height:20px; color:#777;}
#main_slide_counter .current {font-weight:bold; color:#222;}

button.control_btn {
	position:relative; z-index:100; width:24px; height:24px; border-radius:100%; transition:0.3s; padding:0;
	background:rgba(255, 255, 255, .95); backdrop-filter:blur(3px); box-shadow:5px 6px 22px rgba(93, 103, 148, 0.15); border:1px solid #fff;
	cursor:pointer; line-height:auto;
}
button.control_btn:hover {background:#2fb8bb; border:1px solid #2fb8bb;}
button.control_btn:hover:before {color:#fff;}
button.control_btn:before {
	position:relative; width:100%; height:100%; display:inline-flex; text-align:center; align-items:center; 
	justify-content:center; z-index:100;
	font-family:'remixicon'; font-weight:300; font-size:1em; color:#111; box-sizing:border-box; transition:0.3s; 
}
button#slide_stop:before {content:''; background:url('/images/main/v_stop.svg') center -4px  no-repeat; margin:auto;
	background-size:10px;}
button#slide_stop:hover:before {content:''; background:url('/images/main/v_stop_on.svg') center -4px  no-repeat; margin:auto;
	background-size:10px;}
button#slide_play:before {content:''; background:url('/images/main/v_play.svg') center -4px no-repeat; 
	margin:auto; background-size:11px;}
button#slide_play:hover:before {content:''; background:url('/images/main/v_play_on.svg') center -4px  no-repeat; 
	margin:auto; background-size:11px;}


#main_slide_prev:before {content:''; background:url('/images/main/v_leftbtn.svg') center -3px  no-repeat; margin:auto;
	background-size:10px; }
#main_slide_prev:hover:before {content:''; background:url('/images/main/v_leftbtn_on.svg') center -3px  no-repeat; margin:auto;
	background-size:10px; }
#main_slide_next:before {content:''; background:url('/images/main/v_rightbtn.svg') center -3px no-repeat; margin:auto;
	 background-size:10px; }
#main_slide_next:hover:before {content:''; background:url('/images/main/v_rightbtn_on.svg') center -3px  no-repeat; margin:auto;
	 background-size:10px; }
@media(min-width:768px) {
	.wrapArr {bottom:0;}
}

@media all and (min-width:1200px) {
	button#slide_stop:before {background-size:20px; background-position:center 8px;}
	button#slide_stop:hover:before{background-size:20px; background-position:center 8px;}
	button#slide_play:before {background-size:20px; background-position:center 8px;}
	button#slide_play:hover:before {background-size:20px; background-position:center 8px;}
	
	#main_slide_prev:before {background-size:20px; background-position:center 8px;}
	#main_slide_prev:hover:before {background-size:20px; background-position:center 8px;}
	#main_slide_next:before {background-size:20px; background-position:center 8px;}
	#main_slide_next:hover:before {background-size:20px; background-position:center 8px;}

}


@media(min-width:1280px) {
	.wrapArr {bottom:30px; left:50%; transform:translateX(-50%); border-radius:50px;}
	#main_slide_counter span {font-size:14px; width:20px; height:20px;}
	button.control_btn {width:40px; height:40px;}
	button.control_btn:before {font-size:1.5em;}
}

.Arr {position:absolute; z-index:9;}
.Arr a {transition:all 0.3s ease-out; display:block; width:25px; height:25px;}
.AL a {background:#fff url('/images/cont/btn_pre.svg') center no-repeat; background-size:15px;}
.AR a {background:#fff url('/images/cont/btn_next.svg') center no-repeat; background-size:15px;}

@media(min-width:1200px) {
	.Arr a {width:50px; height:50px;}
	.AL a {background:#fff url('/images/cont/btn_pre.svg') center no-repeat;}
	.AR a {background:#fff url('/images/cont/btn_next.svg') center no-repeat;}
}



/* ¹è³Ê */
.banner {border:none; clear:both; position:relative; margin:0 auto 20px auto;}
.mBG04 {border-radius:10px; background:#fff; position:relative; width:auto; overflow:hidden; word-break:break-all;}
.mBG04 h4 {display:none;}
.mBG04 #mBanner {overflow:hidden; width:100% !important; height:auto;}
.mBG04 #mBanner li {display:block; width:47%; height:auto; float:left; text-align:center; margin-right:10px;}
.mBG04 #mBanner li:first-child {margin-left:0;}
.mBG04 #mBanner li a {display:inline-block; padding-top:0;}
.mBG04 #mBanner li a img {display:block; width:100%;}
.banner .AL {top:30px; left:2%;}
.banner .AR {top:30px; right:2%;}
.banner .AL a{background:#fff url('/images/main/banner_left.png') center no-repeat; border:none;}
.banner .AR a{background:#fff url('/images/main/banner_right.png') center no-repeat; border:none;}

.banner .Arr a{border-radius:0; border:none; width:35px; height:35px;
	border-radius:100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 5px 5px;
	}
@media(min-width:1200px) {	/* ¹è³Ê */
	.banner  {width:1200px; overflow:hidden; margin:0 auto 50px auto;}
	.mBG04 {width:100%;}
	.mBG04 #mBanner {height:115px;}
	.mBG04 #mBanner li {width:260px; height:110px; margin-right:10px; margin-top:5px;}

	.banner .AL {top:17px; left:3px;}	
	.banner .AR {top:17px; right:3px;}
	
	.banner .Arr a{border-radius:100%; border:none; width:52px; height:52px;}
	
}