@charset "utf-8";

.tit-area .tit{font-size:70px;letter-spacing: -0.05em;font-weight:400;color: #fff; line-height:120%;}
.tit-area .tit b{font-weight:800;}
.tit-area .txt{font-size:30px; letter-spacing: -0.05em; color:#fff; margin-top:60px; line-height:150%;}

@media (max-width:1420px){
	.tit-area .tit{font-size:60px;}
	.tit-area .txt{font-size:26px; margin-top:40px;}
}

@media (max-width:1280px){
	.tit-area .tit{font-size:54px;}
	.tit-area .txt{font-size:24px; margin-top:40px;}
}

@media (max-width:860px){
	.tit-area .tit{font-size:48px;}
	.tit-area .txt{font-size:22px; margin-top:30px;}
}

@media (max-width:640px){
	.tit-area .tit{font-size:40px;}
	.tit-area .txt{font-size:20px; margin-top:20px;}
}

@media (max-width:480px){
	.tit-area .tit{font-size:36px;}
	.tit-area .txt{font-size:16px; margin-top:10px;}
}

/* Visual */
#visual-section{position:relative;height:100vh;max-height:940px;overflow:hidden; background:#fff;}
.visual_list{height:100vh;max-height:940px}
.visual_list .slick-list, .visual_list .slick-track{height:100%}
.visual_item{height:100%;background-repeat:no-repeat; background-size:cover!important;}
.visual_item.first{background:url("../img/visual_01.jpg?v3");background-position:right center; background-size:cover!important;}
.visual_item.second{background:url("../img/visual_02.jpg?v3");background-position:left center; background-size:cover!important;}
.visual_item.third{background:url("../img/visual_03.jpg?v3");background-position:left center; background-size:cover!important;}
.visual_item.foruth{background:url("../img/visual_04.jpg?v4");background-position:left center; background-size:cover!important;}

.visual_inner{position:absolute;top:50%;left:50%;width:100%;max-width:1580px;padding:0 20px;transform:translate(-50%, -50%);z-index:100}
.visual_ctrl{display:inline-flex;justify-content:space-between;align-items:center;}
.visual_arrow{position:relative!important;top:0;width:30px;height:30px;overflow:hidden;opacity:.6;text-indent:99px;border:0;background-color:transparent;transition:opacity .3s}
.visual_arrow.next{margin:-2px 0 0 auto}
#visual-section .inner{max-width:1600px;padding:0}
.visual_title{margin:0 0 12px; font-size:80px; font-weight:800; color:#fff; line-height:1.3; letter-spacing:-0.05em;}
.visual_item.first .visual_title{font-size:60px;}
.visual_title span{color:#000;}

/*
.visual_title span.grad{
	display:inline-block;
	position: relative;
	background-color: #ccc;
	background: -webkit-linear-gradient(-45deg, #ed1313 0%, #fab7ba 50%, #e8052f 100%);
    -moz-background: linear-gradient(-45deg, #ed1313 0%, #fab7ba 50%, #e8052f 100%);
    -ms-background: linear-gradient(-45deg, #ed1313 0%, #fab7ba 50%, #e8052f 100%);
    background: linear-gradient(-45deg, #ed1313 0%, #fab7ba 50%, #e8052f 100%);
	background-size: 500% auto;
    animation: btnstart 2s infinite linear;
	padding:2px 25px;
	color:transparent; -webkit-background-clip:text;
	font-size:60px; font-weight:900;
	vertical-align:middle;
	border-radius:30px;
	-webkit-backface-visibility: hidden;
	z-index: 1;
}
@-webkit-keyframes btnstart{
	0%{background-position:100% 0%;}
	50%{background-position:0% 50%;}
}
@-moz-keyframes btnstart{
	0%{background-position:100% 0%;}
	50%{background-position:0% 50%;}
}
@-ms-keyframes btnstart{
	0%{background-position:100% 0%;}
	50%{background-position:0% 50%;}
}
@keyframes btnstart{
	0%{background-position:100% 0%;}
	50%{background-position:0% 50%;}
}
.visual_title span.grad:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius:30px;
	background: linear-gradient(290deg, #4c1d33, #a9002c);
    background-position: left;
    transition: all 0.2s ease-in-out;
	z-index: 2;
	opacity: 0;
}
*/


.visual_text{opacity:.9;margin-top:40px;font-size:24px;font-weight:500; color:#fff; line-height:150%; letter-spacing:-0.05em;}
.visual_text span{display:inline-block; margin-top:20px;}
.visual_btn{display:flex;justify-content:space-between;align-items:center;width:220px;height:65px;opacity:1;visibility:visible;padding:0 45px 0 50px;margin-top:50px;font-size:17px;color:#fff;border:1px solid rgba(255,255,255,.6);transition:opacity .3s, visibility .3s}
.visual_btn.hide{visibility:hidden;opacity:0;}
.visual_icon{display:inline-block;margin-top:-2px;font-size:16px}
.visual_dots-wrap{margin:550px 0 0 40px;}
.visual_dots-list{display:flex;}
.visual_dots-item{position:relative;width:80px;height:27px;overflow:hidden;padding:0 10px;transition:opacity .3s;z-index:1}
.visual_dots-item::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:rgba(255,255,255,.3)}
.visual_dots{width:100%;padding:0 auto 10px 5px;text-align:left;color:rgba(255,255,255,.5);background-color:transparent;border:none}
.visual_dots-bar{position:absolute;bottom:0px;left:-100%;width:100%;height:2px;background-color:#fff}
.visual_dots-item.active .visual_dots{color:#fff}
.visual_dots-item.active .visual_dots-bar{animation:timerBar 10s;}
@keyframes timerBar{0%{transform:translateX(0)}100%{transform:translateX(100%)}}

.visual_dots::after{width:100%;height:100%;visibility:hidden;opacity:0;box-sizing:border-box;transition:visibility .3s, opacity .3s}
.visual_dots-item.active .visual_dots::after{visibility:visible;opacity:1}

@media (max-width:1280px){
	.visual_btn{width:180px;height:55px;padding:0 20px;margin-top:30px;font-size:16px}
	.visual_title{font-size:50px}
	.visual_text{font-size:20px}
}
@media (max-width:1140px){
	.visual_item.first{background:url("../img/visual_01_1140.jpg?v2");background-position:center; background-size:cover!important;}
	.visual_item.second{background:url("../img/visual_02_1140.jpg?v2");background-position:center; background-size:cover!important;}
	.visual_item.third{background:url("../img/visual_03_1140.jpg?v2");background-position:center; background-size:cover!important;}
	.visual_item.foruth{background:url("../img/visual_04_1140.jpg?v3");background-position:center; background-size:cover!important;}
}
@media (min-width:1025px){
	.visual_dots-item:hover{opacity:1}
}
@media (max-width:1024px){
	#visual-section{height:auto}
	.visual_list{max-height:880px}
	.visual_dots-list{margin-top:40px}
	.visual_title{font-size:42px}
	.visual_text{font-size:17px}
}
@media (max-width:980px){

	.visual_title br{display:none;}
	.visual_title .none{display:none;}
	.visual_text br{display:none;}
}
@media (max-width:840px){
	.visual_list{max-height:650px}
	.visual_dots-wrap{margin:430px 0 0 0;}
}
@media (max-width:740px){
	.visual_list{max-height:600px}
	.visual_title{font-size:36px}
	.visual_dots-wrap{margin:400px 0 0 0;}
	.visual_dots-item{width:50px}
}
@media (max-width:640px){
	.visual_dots-wrap{margin:350px 0 0 0;}
	.visual_list{max-height:540px}
	.visual_item.first{background:url("../img/visual_01_640.jpg"); background-position:center;}
	.visual_item.second{background:url("../img/visual_02_640.jpg?v2"); background-position:center;}
	.visual_item.third{background:url("../img/visual_03_640.jpg"); background-position:center;}
	.visual_item.foruth{background:url("../img/visual_04_640.jpg?v2"); background-position:center;}
}

/*½ºÅ©¸°°ñÇÁÀå ¹«ÀΰüÁ¦½Ã½ºÅÛ*/
#system-secton{overflow:hidden;position: relative;}
#system-section .tit-area .tit b{font-weight:900;}
#system-section .tit-area .txt {font-size:46px;}
#system-section .tit-area .txt strong{font-weight:900;}
#system-section .tit-area .txt span.dot{position:relative; display:inline-block;}
#system-section .tit-area .txt span.dot:after{width:8px; height:8px; top:-10px; left:50%; margin-left:-5px; background:#fff; border-radius:50px; content:""; display:block; position:absolute;}

#system-section.system-pc{overflow:visible;width:100%;}
#system-section.system-m{display:none;}

#system-section.system-pc .tit, 
#system-section.system-pc .txt{color: #fff;}

#system-section.system-pc .system_wrap {height:2300px;display: flex;justify-content: space-between;max-width:1600px;margin: 0 auto;padding: 0 20px 0 20px;}
#system-section.system-pc .system_wrap:after{clear:both; display:block; content:"";}

.system_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image:url("../img/m_system_bg01.jpg?v230230"); background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.3s;z-index: -1;}


#system-section.system-pc .system1 .system_bg{background: url("../img/m_system_bg01.jpg");}
#system-section.system-pc .system2 .system_bg{background: url("../img/m_system_bg01.jpg");}
#system-section.system-pc .system3 .system_bg{background: url("../img/m_system_bg01.jpg");}
#system-section.system-pc .system4 .system_bg{background: url("../img/m_system_bg01.jpg");}
#system-section.system-pc .system5 .system_bg{background: url("../img/m_system_bg01.jpg");}

#system-section.system-pc .tit-area {position:sticky; top:0; left: 0; padding-top:150px;display: flex;flex-direction: column;height:100vh;}
#system-section.system-pc .cont-area{padding-top:100px;width:60%;max-width:1080px;display:flex;flex-wrap: wrap;justify-content: space-between;}

#system-section.system-pc .box{font-size: 0;white-space: nowrap;position: relative}
#system-section.system-pc .box .box-txt{display: inline-block; vertical-align: middle;}

#system-section.system-pc .box.box01{width:100%;margin-top: 0;display:flex;}
#system-section.system-pc .box.box02{width:100%;margin-top: 0;display:flex;}
#system-section.system-pc .box.box03{width:100%;margin-top: 0;display:flex;}
#system-section.system-pc .box.box04{width:100%;margin-top: 0;display:flex;}
#system-section.system-pc .box.box05{width:100%;margin-top: 0;display:flex;}

#system-section.system-pc .box .con_txt{position:absolute; background:rgba(0,181,214,.6); border-radius:25px; padding:70px 90px;}
#system-section.system-pc .box.box01 .con_txt{top: 0%;left:0;}
#system-section.system-pc .box.box02 .con_txt{top:0;right: 11%;}
#system-section.system-pc .box.box03 .con_txt{top:0;left: 0;}
#system-section.system-pc .box.box04 .con_txt{top:0;right:3%;}
#system-section.system-pc .box.box05 .con_txt{top:0;left: 10.5%;}

#system-section.system-pc .box .con_txt .ttl{font-size:40px;font-weight:400;line-height:140%; padding-top:20px; color: #fff;}
#system-section.system-pc .box .con_txt .ttl strong{font-weight:800;}
#system-section.system-pc .box .con_txt .num{font-size:26px; color:rgba(255,255,255,.4); font-weight:900; position:absolute; top:40px; left:40px;}
/*
.box.on .ttl{color: #0b174b;}
.box.on .num{color: #111;}
*/

@media (max-width:1420px){
	#system-section.system-pc .system_wrap {height:1800px; max-width:100%;}
	#system-section.system-pc .cont-area{padding-top:100px;width:50%;}
	#system-section.system-pc .box .con_txt{padding:60px 70px;}
	#system-section.system-pc .box .con_txt .ttl{font-size:36px;}
	#system-section.system-pc .box .con_txt .num{font-size:22px; top:30px; left:30px;}
}

@media (max-width:1280px){
	#system-section.system-pc .system_wrap {height:1500px;}
	#system-section.system-pc .tit-area {padding-top:100px;}
	.system-pc .cont-area{padding-top:80px;width:50%;}
	#system-section#system-section.system-pc .box .con_txt{border-radius:20px; padding:50px 50px;}
	#system-section.system-pc .box .con_txt .ttl{font-size:30px;}
	#system-section.system-pc .box .con_txt .num{font-size:18px; top:25px; left:25px;}

	.box.box05 .con_txt{top:0;left:0;}
}

@media (max-width:880px){
	#system-section.system-pc{display:none;}
	#system-section.system-m{display:block;}

	#system-section.system-m .system_wrap {width:100%; max-width:100%; margin: 0 auto;padding:80px 20px;}
	#system-section.system-m .tit-area {}
	#system-section.system-m .tit-area br{display:none;}
	#system-section .tit-area .txt {font-size:38px;}
	#system-section .tit-area .txt span.dot:after{width:6px; height:6px; top:-8px; margin-left:-3px;}
	#system-section.system-m .cont-area{margin-top:10px;width:100%;}

	#system-section.system-m .box{font-size:0;position: relative}
	#system-section.system-m .box .box-txt{display:inline-block; vertical-align: middle;}

	#system-section.system-m .box .con_txt{border-radius:15px; padding:30px 20px; max-width:100%; background:rgba(0,181,214,.6); margin-top:20px;}

	#system-section.system-m .box .con_txt .ttl{font-size:24px;font-weight:400;line-height:140%; padding-top:10px; color: #fff;}
	#system-section.system-m .box .con_txt .ttl br{display:none;}
	#system-section.system-m .box .con_txt .ttl strong{font-weight:800;}
	#system-section.system-m .box .con_txt .num{font-size:16px; color:rgba(255,255,255,.4); font-weight:900;}
}

@media (max-width:640px){
	#system-section.system-m .system_wrap {padding:50px 20px;}
	#system-section.system-m .cont-area{margin-top:10px;}

	#system-section.system-m .box .con_txt{border-radius:15px; padding:20px 20px; margin-top:10px;}
	#system-section .tit-area .txt {font-size:32px;}
	#system-section .tit-area .txt br{display:none;}
	#system-section .tit-area .txt span.dot:after{width:5px; height:5px; top:-5px; margin-left:-3px;}

	#system-section.system-m .box .con_txt .ttl{font-size:20px;}
	#system-section.system-m .box .con_txt .num{font-size:14px;}
}

@media (max-width:480px){
	#system-section.system-m .system_wrap {padding:40px 20px;}
	#system-section.system-m .cont-area{margin-top:10px;}

	#system-section.system-m .box .con_txt{border-radius:15px; padding:15px; margin-top:10px;}

	#system-section.system-m .box .con_txt .ttl{font-size:18px;}
	#system-section.system-m .box .con_txt .num{font-size:12px;}
}


/*½ºÅ©¸°°ñÇÁÀå ½º¸¶Æ® °ü¸® ½Ã½ºÅÛ*/
#smart-section{background:#fff; padding:130px 0 220px;position: relative;}
#smart-section .cont-area{width:100%; max-width:1640px; padding:0 100px; margin:0 auto;position: relative;}
#smart-section .tit-area .tit{color:#000;}
#smart-section .slide-area{position:relative; margin-top:60px;} 
#smart-section .slide-area:after{clear:both; display:block; content:"";}
#smart-section .slide-area .left-box{opacity:1; position: absolute; left:10px; width:30%; max-width:465px; min-height:680px; background: url("../img/m-smart-left-bg.jpg?v2"); box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; overflow: hidden; z-index: 2; }  
#smart-section .slide-area .left-box .txt{padding:80px 0 0 40px; color:#fff;}  
#smart-section .slide-area .left-box .txt h1{font-size:46px; font-weight:900; line-height:130%;}  
#smart-section .slide-area .left-box .txt h2{font-size:30px; font-weight:700; line-height:130%; margin-top:30px;}  
#smart-section .slide-area .left-box .txt p{font-size:28px; font-weight:700; margin-top:50px; line-height:130%;}  
#smart-section .slide-area .left-box .txt span.small{font-size:24px; display:inline-block; margin-top:5px;}  
#smart-section .slide-area .left-box .txt span.dot{font-size:28px; position:relative; display:inline-block;}
#smart-section .slide-area .left-box .txt span.dot:after{width:5px; height:5px; top:-10px; left:50%; margin-left:-5px; background:#fff; border-radius:50px; content:""; display:block; position:absolute;}


#smart-section .slide-area .left-box .txt span{font-size:26px; display:inline-block; margin-top:5px;}  


#smart-section .right-box{width:71.25%; max-width:1140px; float:right; position:relative;}
#smart-section .right-box .smart-slider{overflow:hidden; margin-top:20px;}
#smart-section .right-box .box{min-height:550px;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;  object-fit: cover; }
#smart-section .right-box .box .info{width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; text-align:center; color:#fff;}
#smart-section .right-box .box .num{font-size:18px; font-weight:900; border-bottom:2px solid #fff; display:inline-block; padding-bottom:5px;}
#smart-section .right-box .box .tit{font-size:60px; font-weight:800; display:block; position:relative; margin:60px 0 40px;}
#smart-section .right-box .box .cont{font-size:26px; line-height:140%;}
#smart-section .right-box .smart-control{bottom:-95px; right:0; z-index:9999; position:absolute;}
#smart-section .right-box .smart-control:after{clear:both; display:block; content:"";}
#smart-section .right-box .smart-next,
#smart-section .right-box .smart-prev{width:55px; height:55px; font-size:26px; font-weight:800; z-index:99; line-height:55px; text-align:center; color:#fff; background-color:#000; cursor:pointer; display:inline-block; float:left;}
#smart-section .right-box .smart-prev{ border-left:1px solid rgba(255,255,255,.3);}
#smart-section .right-box .smart-next{border-left:0;}
#smart-section .right-box .smart-page{width:auto; bottom:auto; left:auto; margin-right:20px; font-size:22px; line-height:55px; color:#000; display:inline-block; position:relative; float:left;}
#smart-section .right-box .swiper-pagination-current{color:#000;}

@media (max-width:1420px){
	#smart-section{padding:100px 0 180px;position: relative;}
	#smart-section .slide-area{position:relative; margin-top:50px;} 

	#smart-section .slide-area .left-box .txt h1{font-size:30px; }  
	#smart-section .slide-area .left-box .txt p{font-size:24px; margin-top:50px;}  

	#smart-section .slide-area .left-box .txt h2{font-size:24px; margin-top:30px;}  
	#smart-section .slide-area .left-box .txt p{font-size:20px;}  
	#smart-section .slide-area .left-box .txt span.small{font-size:20px;margin-top:5px;}  
	#smart-section .slide-area .left-box .txt span.dot{font-size:20px;}
	#smart-section .slide-area .left-box .txt span.dot:after{width:5px; height:5px; top:-10px; left:50%; margin-left:-5px; background:#fff; border-radius:50px; content:""; display:block; position:absolute;}


	#smart-section .slide-area .left-box{min-height:600px;}  
	#smart-section .slide-area .left-box .txt p br{display:block;}  
	#smart-section .right-box .box{min-height:500px;}

	#smart-section .right-box .smart-control{bottom:-75px;}
	#smart-section .right-box .smart-next,
	#smart-section .right-box .smart-prev{width:50px; height:50px; font-size:22px; line-height:50px;}
	#smart-section .right-box .smart-page{font-size:20px; line-height:50px;}
}

@media (max-width:1024px){
	#smart-section{padding:80px 0 160px;position: relative;}
	#smart-section .cont-area{padding:0 60px;}
	#smart-section .slide-area{position:relative; margin-top:40px;} 

	#smart-section .slide-area .left-box{background-size:cover; background-position:center right;}  
	#smart-section .slide-area .left-box .txt{padding:100px 30px 0 30px;}  
	#smart-section .slide-area .left-box .txt h1{font-size:26px; }  
	#smart-section .slide-area .left-box .txt h1 br{display:none;}  
	#smart-section .slide-area .left-box .txt p{font-size:22px; margin-top:40px;}  
	#smart-section .slide-area .left-box{min-height:540px;}  

	#smart-section .right-box .box{min-height:440px;}
	#smart-section .right-box .box .num{font-size:16px;}
	#smart-section .right-box .box .tit{font-size:50px; margin:60px 0 40px;}
	#smart-section .right-box .box .cont{font-size:22px;}

	#smart-section .right-box .smart-control{bottom:-65px;}
	#smart-section .right-box .smart-next,
	#smart-section .right-box .smart-prev{width:45px; height:45px; font-size:20px; line-height:45px;}
	#smart-section .right-box .smart-page{font-size:20px; line-height:45px;}
}

@media (max-width:880px){
	#smart-section{padding:70px 0 100px;position: relative;}
	#smart-section .cont-area{padding:0 40px;}
	#smart-section .slide-area{position:relative; margin-top:40px;} 
	#smart-section .slide-area .left-box{position:relative; width:100%; max-width:100%; min-height:0; left:0; padding:0;}  
	#smart-section .slide-area .left-box .txt{padding:30px;}  
	#smart-section .slide-area .left-box .txt h1{font-size:26px; }  
	#smart-section .slide-area .left-box .txt p{font-size:22px; margin-top:20px;}  
	#smart-section .slide-area .left-box .txt h2 br{display:none;}  

	#smart-section .right-box{width:100%; max-width:100%; float:none;}
	#smart-section .right-box .smart-slider{margin-top:0;}
	#smart-section .right-box .box{min-height:400px;}
	#smart-section .right-box .box .num{font-size:16px;}
	#smart-section .right-box .box .tit{font-size:50px; margin:60px 0 40px;}
	#smart-section .right-box .box .cont{font-size:22px;}

	#smart-section .right-box .smart-control{top:-65px; right:30px;}
	#smart-section .right-box .smart-next,
	#smart-section .right-box .smart-prev{width:45px; height:45px; font-size:20px; line-height:45px;}
	#smart-section .right-box .smart-page{font-size:20px; line-height:45px;color:#fff;}
	#smart-section .right-box .swiper-pagination-current{color:#fff;}
}

@media (max-width:640px){
	#smart-section{padding:50px 0 70px;position: relative;}
	#smart-section .cont-area{padding:0 20px;}
	#smart-section .slide-area{position:relative; margin-top:30px;} 
	#smart-section .slide-area .left-box .txt{padding:20px;}  
	#smart-section .slide-area .left-box .txt h1{font-size:22px; }  
	#smart-section .slide-area .left-box .txt p{font-size:18px; margin-top:20px;}  

	#smart-section .slide-area .left-box .txt h2{font-size:20px; margin-top:20px;}  
	#smart-section .slide-area .left-box .txt p{font-size:18px;}  
	#smart-section .slide-area .left-box .txt span.small{font-size:16px;margin-top:5px;}  
	#smart-section .slide-area .left-box .txt span.dot{font-size:18px;}
	#smart-section .slide-area .left-box .txt span.dot:after{width:4px; height:4px; top:-10px; left:50%; margin-left:-5px; background:#fff; border-radius:50px; content:""; display:block; position:absolute;}

	#smart-section .right-box{width:100%; max-width:100%; float:none;}
	#smart-section .right-box .smart-slider{margin-top:0;}
	#smart-section .right-box .box{min-height:300px;}
	#smart-section .right-box .box .num{font-size:14px;}
	#smart-section .right-box .box .tit{font-size:40px; margin:30px 0 20px;}
	#smart-section .right-box .box .cont{font-size:18px;}
	#smart-section .right-box .box .cont br{display:none;}

	#smart-section .right-box .smart-control{top:-45px; right:10px;}
	#smart-section .right-box .smart-next,
	#smart-section .right-box .smart-prev{width:35px; height:35px; font-size:18px; line-height:35px;}
	#smart-section .right-box .smart-page{font-size:16px; line-height:35px;color:#fff; margin-right:10px;}
	#smart-section .right-box .swiper-pagination-current{color:#fff;}
}

@media (max-width:480px){
	#smart-section{padding:40px 0 50px;position: relative;}
	#smart-section .slide-area{position:relative; margin-top:20px;} 
	#smart-section .slide-area .left-box .txt{padding:20px 20px 40px 20px;}  
	#smart-section .slide-area .left-box .txt h1{font-size:18px; }  
	#smart-section .slide-area .left-box .txt p{font-size:14px; margin-top:10px;}  

	#smart-section .right-box{width:100%; max-width:100%; float:none;}
	#smart-section .right-box .smart-slider{margin-top:0;}
	#smart-section .right-box .box{min-height:250px;}
	#smart-section .right-box .box .num{font-size:10px;}
	#smart-section .right-box .box .tit{font-size:28px; margin:30px 0 20px;}
	#smart-section .right-box .box .cont{font-size:14px; padding:0 20px;}

	#smart-section .right-box .smart-control{top:-35px; right:10px;}
	#smart-section .right-box .smart-next,
	#smart-section .right-box .smart-prev{width:30px; height:30px; font-size:14px; line-height:30px;}
	#smart-section .right-box .smart-page{font-size:14px; line-height:30px;color:#fff;}
	#smart-section .right-box .swiper-pagination-current{color:#fff;}
}


/*INEX HISTORY*/
#history-section{background:url("../img/m-history_bg.jpg") no-repeat bottom center #01144e; background-size:cover; padding:220px 0 250px;}
#history-section .cont-area{width:100%; max-width:1640px; padding:0 20px; margin:0 auto;position: relative;}
#history-section .tit-area{text-align:center;}
#history-section .tit-area .tit{ font-family:'Montserrat'; font-size:80px; font-weight:800;}
#history-section .tit-area .txt{font-size:24px; font-weight:700;}
#history-section .count-area{margin-top:130px;}
#history-section .count-area ul{margin-top:; text-align:center;}
#history-section .count-area ul:after{clear:both; display:block; content:"";}
#history-section .count-area ul li{display:inline-block; text-align:center; color:#fff; position:relative; padding:0 80px;}
#history-section .count-area ul li:after{width:1px; height:70px; bottom:10px; right:0; background:rgba(255,255,255,.3); content:""; display:block; position:absolute;}
#history-section .count-area ul li:last-child:after{width:0;}
#history-section .count-area ul li p{font-size:22px; font-weight:700; margin-bottom:30px; line-height:130%;}
#history-section .count-area ul li p br{display:none;}
#history-section .count-area ul li h1 em{font-size:110px; font-weight:900; letter-spacing:-0.05em; line-height:1em;}
#history-section .count-area ul li h1 span{font-size:36px; font-weight:700; vertical-align:bottom; margin-left:15px;}

@media (max-width:1420px){
	#history-section{padding:180px 0 200px;}

	#history-section .tit-area .tit{font-size:70px;}
	#history-section .tit-area .txt{font-size:22px;}
	#history-section .count-area{margin-top:100px;}

	#history-section .count-area ul li{display:inline-block; text-align:center; color:#fff; position:relative; padding:0 50px;}
	#history-section .count-area ul li p{font-size:22px; margin-bottom:30px;}
	#history-section .count-area ul li h1 em{font-size:96px;}
	#history-section .count-area ul li h1 span{font-size:34px; margin-left:15px;}
}

@media (max-width:1024px){
	#history-section{padding:130px 0 150px;}

	#history-section .tit-area .tit{font-size:60px;}
	#history-section .tit-area .txt{font-size:20px;}
	#history-section .count-area{margin-top:80px;}

	#history-section .count-area ul li{padding:0 40px;}
	#history-section .count-area ul li p{font-size:20px; margin-bottom:30px;}
	#history-section .count-area ul li h1 em{font-size:86px; letter-spacing:-0.05em;}
	#history-section .count-area ul li h1 span{font-size:30px; margin-left:15px;}
}

@media (max-width:880px){
	#history-section{padding:100px 0 120px;}

	#history-section .tit-area .tit{font-size:50px;}
	#history-section .tit-area .txt{font-size:18px;}
	#history-section .tit-area .txt br{display:none;}
	#history-section .count-area{margin-top:60px;}

	#history-section .count-area ul li{padding:0 30px;}
	#history-section .count-area ul li p{font-size:16px; margin-bottom:20px;}
	#history-section .count-area ul li p br{display:block;}
	#history-section .count-area ul li h1 em{font-size:70px;}
	#history-section .count-area ul li h1 span{font-size:22px; margin-left:10px;}
}

@media (max-width:640px){
	#history-section{padding:70px 0 80px;}

	#history-section .tit-area .tit{font-size:40px;}
	#history-section .tit-area .txt{font-size:16px; font-weight:400;}
	#history-section .count-area{margin-top:40px;}

	#history-section .count-area ul li{padding:0 15px;}
	#history-section .count-area ul li:after{height:50px; bottom:5px;}
	#history-section .count-area ul li p{font-size:14px; margin-bottom:20px;}
	#history-section .count-area ul li p br{display:block;}
	#history-section .count-area ul li h1 em{font-size:50px;}
	#history-section .count-area ul li h1 span{font-size:18px; margin-left:5px;}
}

@media (max-width:480px){
	#history-section{padding:40px 0 40px;}

	#history-section .tit-area .tit{font-size:36px;}
	#history-section .tit-area .txt{font-size:14px;}
	#history-section .count-area{margin-top:10px;}

	#history-section .count-area ul li{padding:20px 15px; width:100%; margin-top:10px; border:1px solid rgba(255,255,255,.4); background:rgba(255,255,255,.1);}
	#history-section .count-area ul li:after{height:0px; width:50px; bottom:0; left:50%; margin-left:-25px;}
	#history-section .count-area ul li p{font-size:14px; margin-bottom:10px;}
	#history-section .count-area ul li p br{display:none;}
	#history-section .count-area ul li h1 em{font-size:50px;}
	#history-section .count-area ul li h1 span{font-size:14px; margin-left:5px;}
}


/*½Å±Ô¼³Ä¡¸ÅÀå*/
#newshop-section{background:url("../img/m-new-bg.jpg") no-repeat center #f8f8f8; overflow-x: hidden; padding:130px 0 160px; height:970px;}
#newshop-section .cont-area{width:100%; max-width:1640px; padding:0 100px; margin:0 auto; position: relative;}
#newshop-section .tit-area .tit{color:#000;}
#newshop-section .more a{font-size:20px; color:#000; display:inline-block; padding:10px 7px; border-bottom:1px solid #000; margin:50px 0;}
#newshop-section .more a i{padding-left:50px; vertical-align:middle;}

#newshop-section .news-sect{transform: translateX(0px); opacity: 1;}
#newshop-section .swiper-container {overflow: visible;}
#newshop-section .swiper-slide {border:1px solid #dedede; background:#fff; width:480px; margin-right: 60px; text-align:center;}
#newshop-section .swiper-slide a{display:inline-block; width:100%; color:#000; padding:70px 0;}
#newshop-section .swiper-slide a h1{font-size:36px; font-weight:800; letter-spacing:-0.05em;}
#newshop-section .swiper-slide a p{font-size:26px; font-weight:300; margin-top:30px;}

#newshop-section .swiper-control {position: relative; margin-top:80px; display: flex;justify-content: space-between;}
#newshop-section .swiper-pagination-fraction {width: auto; font-size: 20px; bottom:0; left: 0;}

#newshop-section .swiper-pagination-current{font-weight:800; color: #000;}
#newshop-section .swiper-pagination-fraction .grey,
#newshop-section .swiper-pagination-total {color:#aeaeae;}
#newshop-section .new-button {width: 84px; position: relative;margin-left: auto;}
#newshop-section .new-button::after {position: absolute; top: 15px; left:35px; transform: translateY(-50%); content: ''; width: 1px; height:20px;background-color: #ccc;}
#newshop-section .new-button-next,
#newshop-section .new-button-prev {width:38px; height: 18px; font-size:30px; display:inline-block;}
#newshop-section .new-button-next.swiper-button-disabled,
#newshop-section .new-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
#newshop-section .new-button-prev{left: 0;}
#newshop-section .new-button-next{right: 0;}
#newshop-section .swiper-scrollbar{bottom:-100px; width:85%;margin-left:80px; background-color: #eee;}
#newshop-section .swiper-scrollbar-drag{background-color: #000000;}

@media (max-width:1420px){
	#newshop-section{padding:130px 0 160px; height:auto;}
	#newshop-section .swiper-slide a{padding:60px 0;}
	#newshop-section .swiper-slide a h1{font-size:30px}
	#newshop-section .swiper-slide a p{font-size:22px; margin-top:25px;}
}

@media (max-width:1024px){
	#newshop-section{padding:100px 0 120px;}
	#newshop-section .cont-area{padding:0 60px;}
	#newshop-section .swiper-slide a{padding:60px 0;}
	#newshop-section .swiper-slide a h1{font-size:30px}
	#newshop-section .swiper-slide a p{font-size:22px; margin-top:25px;}
	#newshop-section .swiper-control {margin-top:60px;}
	#newshop-section .swiper-scrollbar{bottom:-80px; width:75%; margin-left:65px;}
}

@media (max-width:840px){
	#newshop-section{padding:80px 0 100px;}
	#newshop-section .cont-area{padding:0 40px;}
	#newshop-section .more a{font-size:18px;margin:30px 0;}
	#newshop-section .swiper-slide a{padding:50px 0;}
	#newshop-section .swiper-slide a h1{font-size:26px}
	#newshop-section .swiper-slide a p{font-size:20px; margin-top:20px;}
	#newshop-section .swiper-control {margin-top:40px;}
	#newshop-section .swiper-pagination-fraction {font-size:16px;}
	#newshop-section .new-button {width:74px;}
	#newshop-section .new-button::after {position: absolute; top:13px; left:30px; transform: translateY(-50%); content: ''; width: 1px; height:16px;background-color: #ccc;}
	#newshop-section .new-button-next,
	#newshop-section .new-button-prev {width:35px; height:16px; font-size:24px;}

	#newshop-section .swiper-scrollbar{bottom:-55px; width:65%; margin-left:65px;}
}

@media (max-width:640px){
	#newshop-section{padding:60px 0 70px;}
	#newshop-section .cont-area{padding:0 20px;}
	#newshop-section .more a{font-size:16px;margin:30px 0;}
	#newshop-section .swiper-slide a{padding:40px 0;}
	#newshop-section .swiper-slide a h1{font-size:24px}
	#newshop-section .swiper-slide a p{font-size:18px; margin-top:20px;}
	#newshop-section .swiper-control {margin-top:30px;}
	#newshop-section .swiper-pagination-fraction{font-size:15px;}
	#newshop-section .swiper-scrollbar{bottom:-50px; width:65%; margin-left:50px;}
}

@media (max-width:480px){
	#newshop-section{padding:50px 0 50px;}
	#newshop-section .more a{font-size:14px;margin:10px 0 20px;}
	#newshop-section .swiper-slide a{padding:30px 0;}
	#newshop-section .swiper-slide a h1{font-size:22px}
	#newshop-section .swiper-slide a p{font-size:16px; margin-top:15px;}
	#newshop-section .new-button {display:none;}
	#newshop-section .swiper-control {margin-top:40px;}
	#newshop-section .swiper-scrollbar{bottom:-35px; width:85%; margin-left:50px;}
}


/*¹«ÀΰüÁ¦½Ã½ºÅÛ ¼³Ä¡ÇöȲ*/
#install-section{background:url("../img/m-install-bg.jpg?v3") no-repeat center; background-size:cover; padding:150px 0 200px;}
#install-section .cont-area{width:100%; max-width:1640px; padding:0 100px; margin:0 auto; position: relative;}
#install-section .more a{font-size:20px; color:#fff; display:inline-block; padding:10px 7px; border-bottom:1px solid #fff; margin:60px 0;}
#install-section .more a i{padding-left:50px; vertical-align:middle;}

#install-section .install-slider .box{width:100%; background:#fff; -border:10px solid #9dc4ff; border-radius:20px 0 20px;}
#install-section .install-slider .box a{width:100%; display:inline-block; padding:30px;}
#install-section .install-slider .img{width:150px; height:150px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:100%; border:1px solid #dedede; margin:0 auto;}
#install-section .install-slider .name{font-size:28px; color:#363636; font-weight:800; text-align:center; margin-top:20px;}

#install-section .cont-area .install-control{bottom:60px; right:0; z-index:9999; position:absolute;}
#install-section .cont-area .install-control:after{clear:both; display:block; content:"";}
#install-section .cont-area .install-next,
#install-section .cont-area .install-prev{width:50px; height:50px; z-index:99; line-height:50px; text-align:center; color:#fff; border:1px solid #fff; border-radius:50px; cursor:pointer; display:inline-block; float:left;}
#install-section .cont-area .install-prev{margin-left:10px;}
#install-section .cont-area .install-next{}
#install-section .cont-area .install-page{width:auto; bottom:auto; left:auto; margin-right:10px; font-size:24px; line-height:50px; font-weight:600; color:rgba(255,255,255,.8); display:inline-block; position:relative; float:left;}
#install-section .cont-area .swiper-pagination-current{color:rgba(255,255,255,1);}

@media (max-width:1420px){
	#install-section{padding:90px 0 140px; height:auto;}
	#install-section .cont-area .install-control{bottom:50px; right:20px;}
}

@media (max-width:1024px){
	#install-section{padding:100px 0 120px;}
	#install-section .cont-area{padding:0 60px;}
	#install-section .cont-area .install-next,
	#install-section .cont-area .install-prev{width:40px; height:40px; line-height:40px;}
	#install-section .cont-area .install-page{font-size:20px; line-height:40px;}
}

@media (max-width:840px){
	#install-section{padding:80px 0 100px;}
	#install-section .cont-area{padding:0 40px;}
	#install-section .more a{font-size:18px;margin:30px 0;}
	#install-section .cont-area .install-control{bottom:30px;}
}

@media (max-width:640px){
	#install-section{padding:60px 0 70px;}
	#install-section .cont-area{padding:0 20px;}
	#install-section .more a{font-size:16px;margin:30px 0;}
	#install-section .install-slider {padding:0 20px;}
	#install-section .cont-area .install-next,
	#install-section .cont-area .install-prev{width:34px; height:34px; line-height:34px;}
	#install-section .cont-area .install-page{font-size:18px; line-height:34px;}
	#install-section .cont-area .install-control{bottom:20px;}
}

@media (max-width:480px){
	#install-section{padding:50px 0 50px;}
	#install-section .more a{font-size:14px;margin:10px 0 20px;}
	#install-section .install-slider .box a{padding:10px;}
	#install-section .install-slider {padding:0 20px;}
	#install-section .cont-area .install-next,
	#install-section .cont-area .install-prev{width:30px; height:30px; line-height:30px;}
#install-section .cont-area .install-prev{margin-left:5px;}
	#install-section .cont-area .install-page{font-size:15px; line-height:30px;}
	#install-section .cont-area .install-control{bottom:20px;}
}




/*°í°´¼¾ÅÍ*/
#customer-section{background:#fff;}
#customer-section:after{clear:both; display:block; content:"";}
#customer-section .left-bg,
#customer-section .right-bg{width:50%; padding:130px 0 200px;}
#customer-section .left-bg {float:left; background:url("../img/m_company-bg.jpg") no-repeat left center; background-size:cover;}
#customer-section .right-bg {float:right; background:url("../img/m_contact-bg.jpg") no-repeat right center; background-size:cover;}
#customer-section .left-bg .txt-area,
#customer-section .right-bg .txt-area{width:100%; max-width:100%;height:550px; color:#fff; position:relative;}
#customer-section .left-bg .txt-area{text-align:center;}
#customer-section .right-bg .txt-area{text-align:center;}
#customer-section .txt-area h1{font-family:'Montserrat'; font-size:75px; font-weight:300;}
#customer-section .txt-area h2{font-size:36px; font-weight:800; line-height:140%; letter-spacing:-0.05em; margin-top:70px;}
#customer-section .txt-area h3{font-size:50px; font-weight:900; letter-spacing:-0.05em; margin-top:40px;}
#customer-section .txt-area h3 a{color:#fff;}
#customer-section .txt-area h3 i{padding-right:10px; vertical-align:middle;}

#customer-section .left-bg .txt-area span,
#customer-section .right-bg .txt-area span{position:absolute; bottom:0; margin-left:-170px}

#customer-section .txt-area p{width:340px; height:60px; border:1px solid #fff; border-radius:50px; position:relative;}
#customer-section .txt-area p a{display:block;}
#customer-section .txt-area p a em{width:100%; z-index:10000; font-size:24px; line-height:60px; text-align:center; color:#fff; display:block; position:absolute; font-weight:800;}
#customer-section .txt-area p a:after{width:0; height:100%; max-width:100%; top:0; left:0; right:0; bottom:0; z-index:0; opacity:0; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s; border-radius:50px; border:1px solid #fff; background-color:#fff; content:""; position:absolute; overflow:hidden;}
#customer-section .txt-area p a:hover:after{width:100%; opacity:1;}
#customer-section .txt-area p a:hover em{color:#222;}

@media (max-width:1640px){
	#customer-section .left-bg,
	#customer-section .right-bg{padding:100px 20px 200px;}
}

@media (max-width:1420px){
	#customer-section .left-bg,
	#customer-section .right-bg{padding:100px 20px 170px;}

	#customer-section .left-bg .txt-area,
	#customer-section .right-bg .txt-area{height:550px;}
	#customer-section .txt-area h1{font-size:68px;}
	#customer-section .txt-area h2{font-size:32px; margin-top:60px;}
	#customer-section .txt-area h3{font-size:44px; margin-top:30px;}
}

@media (max-width:1024px){
	#customer-section .left-bg,
	#customer-section .right-bg{padding:80px 20px 140px;}

	#customer-section .txt-area h1{font-size:58px;}
	#customer-section .txt-area h2{font-size:30px; margin-top:60px;}
	#customer-section .txt-area h3{font-size:40px; margin-top:30px;}

	#customer-section .txt-area p{width:300px; height:50px;}
	#customer-section .txt-area p a em{font-size:20px; line-height:50px;}

	#customer-section .left-bg .txt-area span,
	#customer-section .right-bg .txt-area span{margin-left:-150px}
}

@media (max-width:840px){
	#customer-section .left-bg,
	#customer-section .right-bg{width:100%; padding:60px 20px;}
	#customer-section .left-bg {float:none;}
	#customer-section .right-bg {float:none;}

	#customer-section .left-bg .txt-area,
	#customer-section .right-bg .txt-area{width:100%; max-width:100%;height:auto; color:#fff; position:relative;}
	#customer-section .left-bg .txt-area:after,
	#customer-section .right-bg .txt-area:after{clear:both; display:block; content:"";}
	#customer-section .left-bg .txt-area{text-align:center; float:none;}
	#customer-section .right-bg .txt-area{text-align:center; float:none;}

	#customer-section .left-bg .txt-area span,
	#customer-section .right-bg .txt-area span{position:relative; margin-top:30px; display:inline-block; margin-left:0;}

	#customer-section .txt-area h1{font-size:48px;}
	#customer-section .txt-area h2{font-size:28px; margin-top:30px;}
	#customer-section .txt-area h2 br{display:none;}
	#customer-section .txt-area h3{font-size:30px; margin-top:20px;}

	#customer-section .txt-area p{width:300px; height:44px;}
	#customer-section .txt-area p a em{font-size:18px; line-height:44px;}
}

@media (max-width:640px){
	#customer-section .left-bg,
	#customer-section .right-bg{padding:50px 20px;}
	#customer-section .txt-area h1{font-size:42px;}
	#customer-section .txt-area h2{font-size:22px; margin-top:30px;}
	#customer-section .txt-area h3{font-size:26px; margin-top:20px;}

	#customer-section .txt-area p{width:200px; height:42px;}
	#customer-section .txt-area p a em{font-size:16px; line-height:42px;}
}

@media (max-width:480px){
	#customer-section .left-bg,
	#customer-section .right-bg{padding:40px 20px;}
	#customer-section .txt-area h1{font-size:38px;}
	#customer-section .txt-area h2{font-size:18px; margin-top:30px;}
	#customer-section .txt-area h3{font-size:22px; margin-top:20px;}
	#customer-section .txt-area p{height:38px;}
	#customer-section .txt-area p a em{font-size:14px; line-height:38px;}
}


#news-section .tit-area{}
#news-section .tit-area h1{font-family:'Montserrat', "NanumSquareNeo",'Noto Sans KR', sans-serif !important; font-size:60px; font-weight:800; line-height:1em;}
#news-section .tit-area p{font-weight:400; font-size:22px; line-height:1.4em; margin-top:20px;}

@media (max-width:1480px){
	#news-section .tit-area h1{font-size:54px;}
}

@media (max-width:1240px){
	#news-section .tit-area h1{font-size:50px;}
	#news-section .tit-area p{font-size:20px;}
}

@media (max-width:840px){
	#news-section .tit-area p{font-size:18px;}
}

@media (max-width:760px){
	#news-section .tit-area h1{font-size:44px; line-height:1.4em;}
}

@media (max-width:640px){
	#news-section .tit-area h1{font-size:32px;}
	#news-section .tit-area br{display:none;}
	#news-section .tit-area p{font-size:16px;}
}

@media (max-width:480px){
	#news-section .tit-area h1{font-size:30px; line-height:1.3em;}
}


#news-section{width:100%; padding:100px 0; background:#f8f8f8;overflow:hidden;}
#news-section .cont-area{width:100%; max-width:1640px; padding:0 100px; margin:0 auto; position: relative;}
#news-section .notice-area{}
#news-section .notice-area:after{clear:both; display:block; content:"";}
#news-section .notice-area .notice-tit{position:relative; float:left; width:20.833%; max-width:250px; height:300px;}
#news-section .notice-area .notice-tit span a{font-size:16px; font-weight:800; color:#000; border-bottom:1px solid #000; display:inline-block; margin-top:40px;}
#news-section .notice-area .notice-control{bottom:0; left:0; z-index:9999; position:absolute;}
#news-section .notice-area .notice-control:after{clear:both; display:block; content:"";}
#news-section .notice-area .notice-next,
#news-section .notice-area .notice-prev{width:50px; height:50px; z-index:99; line-height:50px; text-align:center; color:#555; border:1px solid #aeaeae; border-radius:50px; background-color:#fff; cursor:pointer; float:left; display:inline-block;}
#news-section .notice-area .notice-prev{margin-left:10px;}
#news-section .notice-area .notice-page{margin-right:10px; font-size:20px; line-height:50px; float:left; display:none;}
#news-section .notice-area .swiper-pagination-current{}

#news-section .notice-area .notice-slider{position:absolute;left:50%;width:100%;right:0;top:0;z-index:1;margin-left:-300px; height:420px;}
#news-section .notice-area .box{background:#fff;height:300px; text-align:left; padding:50px; border:1px solid #dedede;}
#news-section .notice-area .box .cate{width:100px; line-height:30px; font-weight:500; font-size:14px; text-align:center; background:#fff; margin:0 auto;}
#news-section .notice-area .box .txt-area{}
#news-section .notice-area .box .ct{font-size:18px; font-weight:900; color:#0152c6;}
#news-section .notice-area .box .date{font-size:13px; line-height:100%; color:#7c7c7c; margin-top:10px;}
#news-section .notice-area .box .subj{width:100%; margin-top:30px; font-weight:800; font-size:23px; line-height:100%; color:#050505;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* ¶óÀμö */ -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.4em;height:2.8em;}
#news-section .notice-area .box .cont{margin-top:30px; font-size:16px; color:#050505; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; /* ¶óÀμö */ -webkit-box-orient: vertical; word-wrap:break-word;}

@media screen and (max-width:1240px){
	#news-section{padding:80px 0;}
	#news-section .cont-area{min-height:420px;}
	#news-section .notice-area .notice-tit{width:100%; max-width:100%; height:auto;}
	#news-section .notice-area .notice-tit span{display:none;}
	#news-section .notice-area .notice-control{bottom:auto; left:auto;top:20px; right:0;}

	#news-section .notice-area .notice-slider{left:0; padding-left:100px;top:150px;margin-left:0; height:auto;}

}

@media screen and (max-width:1024px){
	#news-section{padding:80px 0;}
	#news-section .cont-area{min-height:420px; padding:0 60px;}
	#news-section .notice-area .notice-slider{left:0; padding-left:60px;top:140px;margin-left:0; height:auto;}
	#news-section .notice-area .box{height:260px; padding:40px;}

	#news-section .notice-area .box .ct{font-size:16px;}
	#news-section .notice-area .box .subj{font-size:20px;}
}

@media screen and (max-width:840px){
	#news-section{padding:60px 0;}
	#news-section .cont-area{min-height:380px; padding:0 40px;}
	#news-section .notice-area .notice-slider{padding-left:40px;}
	#news-section .notice-area .box{height:230px; padding:30px;}

	#news-section .notice-area .box .ct{font-size:14px;}
	#news-section .notice-area .box .subj{font-size:18px;}
	#news-section .notice-area .box .cont{margin-top:20px; font-size:15px;}
}

@media screen and (max-width:640px){
	#news-section{padding:50px 0;}
	#news-section .notice-area .notice-slider{padding-left:20px; top:120px;}
	#news-section .cont-area{min-height:350px; padding:0 20px;}
	#news-section .notice-area .notice-control{bottom:auto; left:auto;top:0; right:0;}
	#news-section .notice-area .notice-next,
	#news-section .notice-area .notice-prev{width:40px; height:40px; z-index:99; line-height:40px; text-align:center; color:#555; border:1px solid #aeaeae; border-radius:50px; background-color:#fff; cursor:pointer; float:left; display:inline-block;}
}

@media screen and (max-width:480px){
	#news-section{padding:40px 0;}
	#news-section .notice-area .notice-slider{top:100px;}
	#news-section .cont-area{min-height:300px;}
	#news-section .notice-area .box{height:180px; padding:20px;}

	#news-section .notice-area .box .ct{font-size:13px;}
	#news-section .notice-area .box .subj{font-size:16px;-webkit-line-clamp: 1; /* ¶óÀμö */ height:1.4em;}
	#news-section .notice-area .box .cont{margin-top:10px; font-size:14px;}
}