@charset "UTF-8";


.section{margin-bottom:100px;}
.section:after{content:""; display:block; clear:both}
.gray-bg{background:#f1f1f1;padding:40px 0px;}
.cs-bg{background:#f2f4f9; padding:100px 0px;}

@media (max-width: 1240px) {
.section{margin-bottom:80px;}
.cs-bg{padding:80px 0px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 768px) {
.section{margin-bottom:60px;}
.cs-bg{padding:60px 0px;}
}
@media (max-width: 480px) {
.section{margin-bottom:40px;}
.cs-bg{padding:40px 0px;}
}

/* ---------------------------------- */
/* Intro Banner
------------------------------------- */
.intro-banner {position: relative;}
.intro-banner .container {z-index: 100;position: relative;}
/*.intro-banner:after,
.intro-banner:before {
    content: "";position: absolute; height: 100%; width: 100%;display: block; top: 0;left: 0; z-index: 15;
    background: linear-gradient(to right,rgba(132,219,249,1) 20%, rgba(132,219,249,.95) 50% ,rgba(132,219,249,0.1) 80%,rgba(132,219,249,0) 100%);}
.intro-banner:after {z-index: 5;background-color: #fafafa;}*/
.intro-banner .background-image-container {
    background-size: cover;background-repeat: no-repeat;background-position: 100% 60%; position: absolute;top: 0;left: 0;height: 100%;width: 100%; left: 0%; z-index: 10;overflow: hidden;}
/* Disabled Gradient */
.intro-banner.disable-gradient:before {background: #f2f2f2;opacity: 0.85;}
.intro-banner.disable-gradient .background-image-container {left: 0;width: 100%;}
/* Dark Style */
.intro-banner.dark-overlay:before {background: #333;opacity: 0.75;}
.intro-banner.dark-overlay .background-image-container {left: 0;width: 100%; background-position: 100%;}
.intro-banner.dark-overlay .intro-stats li span,
.intro-banner.dark-overlay .banner-headline strong,
.intro-banner.dark-overlay .banner-headline h1,
.intro-banner.dark-overlay .banner-headline h2,
.intro-banner.dark-overlay .banner-headline h3,
.intro-banner.dark-overlay .banner-headline h4 {color: rgba(255,255,255,0.7);}
.intro-banner.dark-overlay .intro-stats li strong,
.intro-banner.dark-overlay .banner-headline strong { color: #fff; }
.intro-banner.dark-overlay .intro-banner-search-form { box-shadow: 0 3px 12px rgba(0,0,0,0.2); }
.intro-banner.dark-overlay .intro-stats li { border-right: 1px solid rgba(255,255,255,0.25); }
.intro-banner.dark-overlay .intro-stats li:last-child { border-right: none; }
/* ---------------------------------- */
/* Testimonials
------------------------------------- */
.testimonial-box {background:transparent; border-radius:15px; overflow:hidden; color:#888; position:relative; box-shadow:none; transition:0.4s; cursor:grab; text-align:center; transform: scale(1); height:460px}
.testimonial-box .banner{display: block;width: 100%;padding:0; text-align: center;margin: 0 auto;}
.testimonial-carousel .slick-slide {margin:0px;opacity: 1;transition: 0.4s;pointer-events: all;}
.testimonial-carousel .slick-slide.slick-active {opacity: 1; filter: none; pointer-events: all;}
.testim  onial-carousel .slick-slide.slick-active .testimonial-box {transform: scale(1);}
.testimonial-carousel .slick-slide.slick-active .testimonial-box:before {opacity: 1;}
.testimonial-carousel .slick-slide.slick-active .testimonial-box {background: #transparent;}
.testimonial-carousel .slick-next { right: 0px; }
.testimonial-carousel .slick-prev { left: 0px; }
.testimonial-carousel .slick-next,
.testimonial-carousel .slick-prev { margin-top: 0px; }
.testimonial-carousel .slick-dots{position:absolute; bottom:-25px; left:0px; width:100%;}

.full-width-carousel-fix .default-slick-carousel.slick-initialized .hotdeal,
.full-width-carousel-fix .blog-carousel.slick-initialized .blog-compact-item-container {
	margin: 15px;transform: scale(1);opacity: 0;pointer-events: none;transition: 0.4s;}

.full-width-carousel-fix .default-slick-carousel.slick-initialized .slick-slide.slick-active.hotdeal,
.full-width-carousel-fix .blog-carousel.slick-initialized .slick-slide.slick-active.blog-compact-item-container {
	transform: scale(1);opacity: 1;pointer-events: all; }

@media (max-width: 1367px) {
.testimonial-box{height:410px}
}
@media (max-width: 1240px) {
.testimonial-box{height:353px}
.testimonial-carousel .slick-dots{position:absolute; bottom:-25px; left:0px; width:100%;}
}
@media (max-width: 992px) {
.intro-banner {margin-bottom:15px}
}
@media (max-width: 768px) {
.testimonial-box{height:280px}
}
@media (max-width: 480px) {

.testimonial-box{height:200px;}
}

/* 공통 css */
/* 메인 */
.main-wrap{display:flex; flex-wrap: wrap; margin:0 -15px;}
.main-con{padding:0 15px;}
/* 타이틀 */
.title{display:flex; justify-content: space-between; align-items: flex-end; margin-bottom:50px;}
.title h3{display: inline-block; line-height:1; font-size:34px; font-weight:700; color:#111;}
.title a.more{font-size:16px; font-weight: 500; color:#666; line-height:1;}
.title a.more:hover{color:#5652ef;}
@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
.title h3{font-size:30px;}
}
@media (max-width: 992px) {
.main-wrap{margin:0 -10px;}
.main-con{padding:0 10px;}
.main-con .inner{border-radius:20px;}
}
@media (max-width: 768px) {
.title{margin-bottom:30px;}
.title h3{font-size:26px; }
.title a.more{font-size:15px;}
}
@media (max-width: 480px) {
}


/* 롤링배너 */
.main-con1{width:38%;}
.main-con1 img{width:100%; height:100%; border-radius:30px;}
.main-con1 .slick-arrow{background-color:transparent !important; top:initial !important; bottom:40px;}
.main-con1 .slick-prev{left:calc(50% - 60px); transform:translateX(-50%);}
.main-con1 .slick-next{right:calc(50% - 60px); transform:translateX(50%);}
.main-con1 .slick-dots{bottom:55px;}
.main-con1 .slick-dots li{box-shadow:initial; background-color:rgba(255,255,255,0.4); margin:0 7.5px; width:12px; height:12px;}
.main-con1 .slick-dots li.slick-active{box-shadow:initial; background-color:rgba(255,255,255,1)}
.main-con1 .slick-dots li:after{display:none;}

@media (max-width: 1240px) {
.main-con1{width:35%;}
}
@media (max-width: 992px) {
.main-con1{width:50%;}
}
@media (max-width: 768px) {
.main-con1{width:100%;}
.main-con1 .testimonial-box{height:500px;}
}
@media (max-width: 480px) {
.main-con1 .testimonial-box{height:350px;}
}

/* 자주찾는메뉴 */
.main-con2{width:38%;}
.main-con2 .inner{padding:50px;background-color:#fff; border-radius:30px; box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.09);}
.main-con2 h2{color:#111; font-size:24px; font-weight:600; margin-bottom:33px;}
.main-con2 ul{display:flex; flex-direction: row; flex-wrap: wrap;}
.main-con2 ul li{width:33.3333%;}
.main-con2 ul li:not(:nth-last-child(-n+3)){margin-bottom:35px;}
.main-con2 ul li a{display:flex; flex-direction: column; align-items: center;}
.main-con2 ul li a .imgBox{display:flex; justify-content: center; align-items: center; width:45px; height:45px; background-color:#f1f1f1; border-radius:50%; margin-bottom:10px; transition:.3s;}
.main-con2 ul li a:hover .imgBox{background-color:#5652ef; transition:.3s;}
.main-con2 ul li a span{font-size:13px; color:#111; font-weight:500; transition:.3s;}
.main-con2 ul li a:hover span{color:#5652ef; transition:.3s;}
.main-con2 ul li a img{max-width:22px;}
@media (max-width: 1367px) {
.main-con2 .inner{padding:35px;}
.main-con2 ul li:not(:nth-last-child(-n+3)){margin-bottom:25px;}
}
@media (max-width: 1240px) {
.main-con2{width:35%;}
.main-con2 h2{font-size:20px; margin-bottom:17px;}
.main-con2 .inner{padding:25px;}
.main-con2 ul li a .imgBox{margin-bottom:3px;}
}
@media (max-width: 992px) {
.main-con2{width:50%;}
}
@media (max-width: 768px) {
.main-con2{width:100%; margin-bottom:15px;}
}
@media (max-width: 320px) {
.main-con2 ul li{width:50%;}
.main-con2 ul li:last-child{margin-left:25%;}
.main-con2 ul li:not(:last-child){margin-bottom:15px;}
}


/* 로그인 */
.main-con3{width:24%;}
.main-con3 .inner{padding:50px 30px;background-color:#fff; border-radius:30px; margin-bottom:13px; box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.09);}
.main-con3 .greeting{margin-bottom:18px;}
.main-con3 .greeting b{display:block; font-size:18px; color:#111;}
.main-con3 .greeting strong{display:block; font-size:18px; color:#5652ef;}
.main-con3 .inputBox input{width:100%; height:42px; border-radius:50px; background-color:#f1f1f1; padding:0 20px;}
.main-con3 .inputBox input:first-child{margin-bottom:10px;}
.main-con3 .btnBox{display:flex; justify-content: space-between; margin-top:20px;}
.main-con3 .btnBox a{display:flex; justify-content: center; align-items: center;width:42px; height:42px; border-radius:50%; background-color:#f1f1f1;}
.main-con3 .btnBox a:nth-child(2) img{width:26px; height:auto;}
.main-con3 .btnBox a:hover{background-color:#5652ef;}
.main-con3 .btnBox a.login{width:95px; background-color:#5652ef; border-radius:50px; color:#fff;}
.main-con3 .btnBox a.login:hover{background-color:#333;}
.main-con3 .etc{display:flex; justify-content: space-between; margin-top:20px;}
.main-con3 .etc a{color:#888; font-size:13px; font-weight:400;}
.main-con3 .etc a:last-child{color:#333; font-weight:600;}

@media (max-width: 1367px) {
.main-con3 .inner{padding:35px 20px;}
.main-con3 a.unipass{height:64px; font-size:16px;}
.main-con3 a.unipass:after{background-size:80% !important; bottom:-5px; right:-20px;}
}
@media (max-width: 1240px) {
.main-con3{width:30%;}
.main-con3 .inner{padding:20px;}
.main-con3 .greeting{margin-bottom:10px;}
.main-con3 .btnBox{margin-top:10px;}
.main-con3 a.unipass {height:55px;}
}
@media (max-width: 992px) {
.main-con3{width:100%;}
.main-con3 .greeting{display:flex; flex-wrap: wrap;}
.main-con3 .greeting strong{margin-left:5px;}
.main-con3 .inputBox{display:flex; justify-content: space-between;}
.main-con3 .inputBox input{width:calc(50% - 5px);}
.main-con3 .btnBox{justify-content: flex-end; width:50%; float:right; margin-top:0;}
.main-con3 .btnBox a{margin-left:5px;}
.main-con3 .etc{justify-content: flex-start; width:50%; float:left;}
.main-con3 .etc a{margin-right:10px;}
.main-con3 .inner:after{content:''; display:block; clear:both;}
.main-con3 a.unipass:after{display:none;}
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
.main-con3 .inputBox{flex-direction: column;}
.main-con3 .inputBox input{width:100%;}
.main-con3 .btnBox{justify-content:flex-start; width:100%; float:initial; margin-top:10px;}
.main-con3 .btnBox a{margin-right:10px; margin-left:0;}
.main-con3 .etc{justify-content: flex-start; width:100%; float:initial; margin-top:10px;}
.main-con3 .etc a{margin-right:10px;}
}

	/* 로그인 이후 */
.main-con3 .login.after .inner{padding:47px 30px;}

.main-con3 .login.after .menuBox ul{display:flex; flex-wrap: wrap;}
.main-con3 .login.after .menuBox ul li{width:33.3333%;}
.main-con3 .login.after .menuBox ul li a{display:flex; flex-direction: column; align-items: center;}
.main-con3 .login.after .menuBox ul li a span{color:#333;}
.main-con3 .login.after .menuBox ul li a strong{display:inline-block; width:100%; text-align:center; color:#333; background-color:#f1f1f1; border-right:1px solid #fff;}

.main-con3 .login.after .btnBox{flex-direction: column;}
.main-con3 .login.after .btnBox a{width:100%; border-radius:50px; color:#fff;}
.main-con3 .login.after .btnBox a.add{background-color:#333; margin-bottom:10px;}
.main-con3 .login.after .btnBox a.logout{background-color:#5652ef;}

.main-con3 a.unipass{display:flex; justify-content: center; align-items: center; position:relative; background-color:#333; color:#fff; font-size:18px; height:83px; border-radius:30px;}
.main-con3 a.unipass:hover{background-color:#5652ef;}
.main-con3 a.unipass:after{content:''; display:block; position:absolute; bottom:0; right:0; width:241px; height:64px; background:url(/Image/Main/unipass.png) center center no-repeat;}
 
@media (max-width: 1367px) {
.main-con3 .login.after .inner{padding:25px;}
.main-con3 .login.after .greeting{display:flex; flex-wrap: wrap;}
.main-con3 .login.after .greeting strong{margin-left:5px;}

.main-con3 .login.after .menuBox ul{margin:25px 0;}

.main-con3 .login.after .btnBox{flex-direction: row;}
.main-con3 .login.after .btnBox a{width:calc(50% - 5px);}
.main-con3 .login.after .btnBox a.add{margin-bottom:0px;}
}
@media (max-width: 992px) {
.main-con3 .login.after .menuBox ul{margin:0 0 15px 0;}
.main-con3 .login.after .menuBox ul li{width:initial; flex:1;}
}
@media (max-width: 768px) {
.main-con3 .login.after .btnBox{width:100%; justify-content: space-between;}
.main-con3 .login.after .btnBox a{margin-left:0; margin-right:0;}
}
@media (max-width: 480px) {
.main-con3 .login.after .menuBox ul li{width:50%;; flex:initial;}
}



/* 공지사항 */
.notice ul{display:flex; flex-direction: row; flex-wrap: wrap; margin:0 -15px;}
.notice ul li{width:50%; padding:0 15px;}
.notice ul li:not(:nth-last-child(-n+2)){margin-bottom:20px;}
.notice ul li a{display:flex; flex-direction: column; border:1px solid #e1e1e1; border-radius:30px; padding:30px 40px;}
.notice ul li a:hover{border:1px solid #5652ef;}
.notice ul li a:hover h4,
.notice ul li a:hover span.date,
.notice ul li a:hover p{color:#5652ef !important; transition:.3s;}
.notice ul li a .stitle{display:flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-bottom:20px;}
.notice ul li a h4{font-size:20px; font-weight:700; color:#111; transition:.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.notice ul li a .stitle span.date{color:#666; font-size:14px; font-weight:300; transition:.3s; min-width:80px;}
.notice ul li a p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; font-size:16px; font-weight:300; color:#666; margin:0;}
@media (max-width: 1240px) {
.notice ul li a{border-radius:20px; padding:20px 30px;}
}
@media (max-width: 992px) {
.notice ul li a .stitle{margin-bottom:10px;}
}
@media (max-width: 768px) {
.notice ul li{width:100%;}
.notice ul li:not(:last-child){margin-bottom:10px;}
.notice ul li a{border-radius:20px; padding:15px 20px;}
.notice ul li a .stitle{margin-bottom:0px;}
.notice ul li a h4{font-size:18px;}
.notice ul li a p{display:none;}
}
@media (max-width: 480px) {
}


/* 고객리뷰 */
.review{margin-bottom:120px;}
.review ul{display:flex; margin:0 -15px;}
.review ul li{position:relative; width:33.3333%; padding:0 15px;}
.review ul li .imgBox{width: 280px; height: 280px; border-radius: 50%; overflow:hidden;}
.review ul li .imgBox img{object-fit:cover; width:100%; height:100%;}
.review ul li .txtBox{position:absolute; bottom: -60px; right: 0px; background-color:#f1f1f1; border-radius:20px; padding:25px; width:240px; max-height:91px;}
.review ul li .txtBox:before{content:''; display:block; position:absolute; top:-15px; left:60px; width:12px; height:16px; background:url('/Image/Main/review_item.png') center center no-repeat;}
.review ul li .txtBox h4{font-size:18px; color:111; font-weight:600; margin-bottom:5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.review ul li .txtBox p{margin:0; color:#555; font-size:15px; font-weight:400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.review ul li .txtBox p:not(:nth-child(2)){display:none;}
.review ul li .txtBox p > img{display:none;}
@media (max-width: 1240px) {
.review ul li .txtBox{padding:20px;}
}
@media (max-width: 992px) {
.review{margin-bottom:0px;}
.review ul li .imgBox{margin-bottom:10px; width:initial; height:initial;  aspect-ratio: 1 / 1;}
.review ul li .txtBox{position:static; width:100%;}
.review ul li .txtBox:before{display:none;}
.review ul li .txtBox h4{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.review ul li .txtBox p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
}
@media (max-width: 768px) {
.review ul{margin:0 -10px;}
.review ul li{width:50%; padding:0 10px;}
.review ul li:last-child{display:none;}
}
@media (max-width: 480px) {
.review ul li .txtBox{padding:15px; border-radius:15px;}
}

/* 핫딜 */
.hotdeal{}
.hotdeal ul{display:flex; flex-wrap: wrap; margin:0 -15px;}
.hotdeal ul li{width:25%; padding:0 15px;}
.hotdeal ul li a{display:flex; flex-direction: column; background-color:#f1f1f1; border-radius:20px; padding:30px;}
.hotdeal ul li a .imgBox{width:215px; height:189px; overflow:hidden;}
.hotdeal ul li a .imgBox img{width:100%; height:100%; object-fit:cover;}
.hotdeal ul li a .txtBox{display:flex; flex-direction: column;}
.hotdeal ul li a .txtBox span{font-size:17px; color:#333; font-weight:400; margin-top:5px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.hotdeal ul li a .txtBox strong{font-size:20px; color:#111; font-weight:700; margin-top:5px;}

@media (max-width: 1367px) {
.hotdeal ul li a .imgBox{width:auto; height:auto;  aspect-ratio: 1 / 1;}
}
@media (max-width: 1240px) {
.hotdeal ul li a{padding:20px;}
}
@media (max-width: 992px) {
.hotdeal ul{margin:0 -10px;}
.hotdeal ul li{width:50%; padding:0 10px;}
.hotdeal ul li:nth-child(-n+2){margin-bottom:10px;}
.hotdeal ul li a{flex-direction: row; align-items: center;}
.hotdeal ul li a .imgBox{display: flex;  justify-content: center;  align-items: center; overflow: hidden; width:95px; height:95px;}
.hotdeal ul li a .imgBox img{width:100%; height:100%; object-fit:cover;}
.hotdeal ul li a .txtBox{margin-left:10px;}
.hotdeal ul li a .txtBox span{margin-top:0;}
}
@media (max-width: 768px) {
.hotdeal ul{margin:0 0px;}
.hotdeal ul li{width:100%; padding:0 0px;}
.hotdeal ul li:nth-child(-n+3){margin-bottom:10px;}
.hotdeal ul li a .txtBox{width:calc(100% - 105px); overflow:hidden;}
}
@media (max-width: 480px) {
.hotdeal ul li a{padding:15px; border-radius:15px;}
.hotdeal ul li a .imgBox{width:65px; height:65px;}
.hotdeal ul li a .txtBox{width:calc(100% - 75px); overflow:hidden;}
.hotdeal ul li a .txtBox span{font-size:15px;}
.hotdeal ul li a .txtBox strong{font-size:18px;}
}


/* 고객센터 */
.cs{}
.cs > ul{display:flex; flex-wrap: wrap;}
.cs > ul > li{display: flex; flex-direction: column;  width:33.3333%; background-color:#fff; padding:50px;}
.cs > ul > li:nth-child(1){border-radius:30px 0px 0px 30px;}
.cs > ul > li:nth-child(3){border-radius:0px 30px 30px 0px;}
.cs > ul > li:not(:last-child){border-right:1px solid #eaeaea;}
.cs > ul > li h4{display:inline-block; color:#111; font-size:28px; font-weight:700; margin-bottom:20px;}
.cs > ul > li strong.big{color:#5652ef; font-size:28px; font-weight:700; margin-bottom:15px;}
.cs > ul > li .txt{display:flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin-top:15px;}
.cs > ul > li .txt span{font-size:16px; color:#6b7486; font-weight:500;}
.cs > ul > li .txt strong{font-size:18px; color:#111; font-weight:600;}
.cs > ul > li:nth-child(2) .txt:last-child{font-size:14px; color:#5652ef;}

.cs > ul > li:nth-child(3) ul{display:flex; justify-content: space-between; margin-top:40px;}
.cs > ul > li:nth-child(3) ul li{display:flex; justify-content: center; align-items: center;}
.cs > ul > li:nth-child(3) ul li .imgBox{display:flex; justify-content: center; align-items: center; width:45px; height:45px; border-radius:50%; background-color:#f1f1f1;}
.cs > ul > li:nth-child(3) ul li .imgBox img{}
.cs > ul > li:nth-child(3) ul li span{font-size:13px; font-weight:500; color:#111;}

@media (max-width: 1240px) {
.cs > ul > li{padding:35px;}
.cs > ul > li h4{font-size:24px; margin-bottom:15px;}
.cs > ul > li strong.big{font-size:24px; margin-bottom:0px;}
.cs > ul > li .txt{margin-top:10px;}
.cs > ul > li:nth-child(3) ul{margin-top:20px;}
}
@media (max-width: 992px) {
.cs > ul > li h4,
.cs > ul > li strong.big{text-align:center;}
.cs > ul > li:nth-child(1){width:50%; border-radius:30px 0px 0px 0px;}
.cs > ul > li:nth-child(2){width:50%; border-radius:0px 30px 0px 0px; border-right:0;}
.cs > ul > li:nth-child(3){width:100%; border-radius:0px 0px 30px 30px;}
.cs > ul > li:last-child{border-top:1px solid #eaeaea;}
.cs > ul > li:nth-child(3) ul{margin-top:0px; justify-content: space-evenly;}
}
@media (max-width: 768px) {
.cs > ul > li{padding:25px;}
.cs > ul > li{width:100% !important;}
.cs > ul > li:nth-child(1){border-radius:20px 20px 0px 0px;}
.cs > ul > li:nth-child(2){border-radius:0px 0px 0px 0px; border-top:1px solid #eaeaea;}
.cs > ul > li:nth-child(3){border-radius:0px 0px 20px 20px;}

.cs > ul > li h4{font-size:20px; margin-bottom:12px;}
.cs > ul > li strong.big{font-size:20px;}
.cs > ul > li .txt{margin-top:10px;}
.cs > ul > li .txt span{font-size:15px;}
.cs > ul > li .txt strong{font-size:16px;}

.cs > ul > li:nth-child(3) ul{justify-content: space-between;}
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
.cs > ul > li:nth-child(3) ul{flex-wrap: wrap;}
.cs > ul > li:nth-child(3) ul li{width:50%;}
.cs > ul > li:nth-child(3) ul li:nth-child(-n+2){margin-bottom:7px;}
}


/* ---------------------------------- */
/* Icon Boxes
------------------------------------- */
.icon-box {
	text-align: center;
	margin-top: 45px;
	position: relative;
}

.icon-box-circle {
	background-color: #fff;
	width: 50%;
	height: 60px;
	z-index: 100;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	margin-bottom: 35px;
}

.icon-box-circle-inner {
	font-size: 72px;
	color: #ccc;
	position: relative;
	width: 60px;
	margin: 0 auto;
	display: inline-block;
}

.icon-box-check {
	background-color: #66676b;
	width: 30px;
	height: 30px;
	line-height: 32px;
	font-size: 18px;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	animation: circle-box-anim 2s infinite;
	transition: 0.4s;
	color: #fff;
	font-weight: 500;
	position: absolute;
	bottom: -3px;
	right: -10px;
	animation: checkAnim 2s infinite;
	box-shadow: 0 0 0 5px rgba(102,103,107,0.1);
}

@keyframes checkAnim {
	0%,100% {
		box-shadow: 0 0 0 5px rgba(102,103,107,0.15);
	}
	50% {
		box-shadow: 0 0 0 8px rgba(102,103,107,0.15);
	}
}

.icon-box span {
	color: #666;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}

.icon-box h4 {
	margin: 4px 0;
	line-height: 26px;
}

.icon-box h3 {
	margin: 4px 0;
	line-height: 26px;
	font-size: 22px;
	font-weight: 500;
}

.icon-box p {
	margin: 0;
	margin-top: 25px;
	font-style: 16px;
	padding: 0 10px;
	color: #808080;
}

.icon-box.with-line:before {
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 40px;
	background: #e9e9e9;
	display: block;
	z-index: 9;
}

@media (max-width: 992px) {
	.icon-box.with-line:before { display: none; }
}







/* ---------------------------------- */
/* Text Banner
------------------------------------- */
.photo-section {
	background-size: cover;
	background-position: 50%;
	display: block;
	position: relative;
}

.photo-section:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #333;
	opacity: 0.65;
	display: block;
	position: absolute;
	top: 0;
}

/* Styles for info banner with parallax */
.text-content {
	background: transparent;
	padding: 110px 0px;
	font-weight: 500;
	z-index: 99;
	position: relative;
}

.text-content.white-font,
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content.white-font h1,
.text-content.white-font h2,
.text-content.white-font h3,
.text-content.white-font h4,
.text-content.white-font h5 {
	color: #fff;
}

.text-content a.button {
	font-size: 16px;
	box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

.text-content p {
	font-size: 18px;
	font-weight: 300;
	line-height: 31px;
	opacity: 0.85;
}

.text-content h2 {
	margin-bottom: 23px;
	line-height: 46px;
	font-size: 34px;
	font-weight: 500;
}

.top-1 { position: relative; top: -1px; }
.top-0 { position: relative; }


@media (max-width: 992px) {
	.text-content {
		padding: 80px 0;
	}

	.text-content h2 {
		margin-bottom: 20px;
		line-height: 40px;
		font-size: 30px;
		font-weight: 500;
	}
}


/* ---------------------------------- */
/* Counters
------------------------------------- */
.counters-container	{
	display: flex;
	flex-wrap: wrap;
}

.single-counter {
	flex: 1;
	text-align: center;
	position: relative;
	border-right: 1px solid #e0e0e0;
	margin-top: 80px;
}

.single-counter:last-child {
	border-right: 0;
}

.single-counter i {
	font-size: 64px;
	color: #ccc;
	position: absolute;
	top: -20px;
	transform: translateY(-100%);
	left: 0;
	right: 0;
}

.single-counter h3 {
	font-size: 36px;
	font-weight: 600;
	color: #66676b;
	margin-bottom: 7px;
}

.single-counter .counter-title {
    color: #888;
    padding-top: 0;
    display: inline-block;
    border-radius: 4px;
    font-size: 18px;
}

/* Media Queries for Counters */
@media (max-width: 992px) {
	.single-counter {
		flex: 1 1 50%;
		margin-bottom: 30px;
	}
	.single-counter:nth-child(2) {
		border: none;
	}
	.counters-container { margin-bottom: -30px; }
}

/* Media Queries for Counters */
@media (max-width: 768px) {
	.single-counter {
		flex: 1 1 100%;
		border: none;
		border-bottom: 1px solid #e0e0e0;
		padding-bottom: 30px;
	}
	.single-counter:nth-child(2) {
		border-bottom: 1px solid #e0e0e0;
	}
	.single-counter:last-child { margin-bottom: -15px; border-bottom: none; }
	.counters-container { margin-bottom: -30px; }
}


/* ---------------------------------- */
/* Countdown
------------------------------------- */
.countdown {
	border-radius: 4px;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	padding: 14px;
}

.countdown.green {
	background-color: #e7f8ec;
	color: #289c41;  
}

.countdown.yellow {
	background-color: #fbf6dd;
	color: #a18d29;
}



/* ---------------------------------- */
/* Popup
------------------------------------- */
.main-popLayer{display:block;}
.layer-popup{position:fixed;top:0px;left:0px; width:100%; height:auto; z-index:1000; background:rgba(0,0,0,0.7); display:flex;flex-wrap: wrap; flex-direction: column; /*수직 정렬*/ align-items: center; justify-content: center;}
.layer-popup .main-popup-box{position:relative; } /*background:#fff; padding:5px;*/
.layer-popup .popup-title{background:#4d5980; overflow:hidden;display: flex;}
.layer-popup .popup-title a{ display:block ; float:left; padding:5px; color:#fff; flex: 1; text-align:center;line-height:20px; }
.layer-popup .popup-title a.active{ color:#ebf812;}
.layer-popup .popup-img p{margin:0px;}
.layer-popup .popup-x{position:absolute; top:-30px; right:-30px}
.layer-popup .popup-x a{display:block; width:30px; height:30px; line-height:30px; text-align:center;font-weight:bold; font-size:30px; color:#fff}
.layer-popup .NotOpen{position:absolute; top:0px; left:50%; margin-left:-75px}
.layer-popup .NotOpen{font-size:12px; display:block; width:150px; height:30px; line-height:30px; text-align:center; border-radius:15px; background:#4d5980; color:#fff}

.mobile-pop{display:none;}
.main-popup{position:fixed;top:0px;left:0px; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,0.7); display:flex;flex-wrap: wrap; flex-direction: column; /*수직 정렬*/ align-items: center; justify-content: center;}/**/
.main-popup .main-popup-box{background:#fff; position:relative; padding:5px;}
.main-popup .layer-popup-con{}
.main-popup .popup-title{background:#4d5980; overflow:hidden;display: flex;}
.main-popup .popup-title a{ display:block ; float:left; padding:5px; color:#fff; flex: 1; text-align:center;line-height:20px; }
.main-popup .popup-title a.active{ color:#ebf812;}
.main-popup .popup-img p{margin:0px;}
.main-popup .Mpopup-x{position:absolute; top:-30px; right:-30px}
.main-popup .Mpopup-x a{display:block; width:30px; height:30px; line-height:30px; text-align:center;font-weight:bold; font-size:30px; color:#fff}
.main-popup .NotOpenM{position:absolute; bottom:-50px; left:50%; margin-left:-75px}
.main-popup .NotOpenM{font-size:12px; display:block; width:150px; height:30px; line-height:30px; text-align:center; border-radius:15px; background:#4d5980; color:#fff}

@media(max-width:768px){
.main-popLayer{display:none;}
.mobile-pop{display:block;}
.main-popup .main-popup-box{max-width: 500px;margin:15px;}
.main-popup .popup-title a{ padding:10px 5px; }
.main-popup .Mpopup-x{right:0px}
}

/*탭*/
.popup_tab ul{display:flex; flex-direction:row; flex-wrap:wrap; height:100%;background:#333; }
.popup_tab ul li{flex:1; align-self:center;text-align:center; display:block; border-left:1px solid #fff} 
.popup_tab ul li:first-child{border-left:0px;}
.popup_tab ul li a{color:#fff; display:block; font-size:12px; line-height:1.25em; padding:5px;}
.popup_tab ul li.active a{color:#fed135}

/*레이어*/
.layer-popup{background:none; display:block;}
.layer-popup-con{position:absolute; background:#fff; min-width:200px; min-height:100px;}
.layer-inner{/*height:100%;*/ max-height:700px; overflow-y:auto;}
.layer-inner img{display:block;}
.layer-popup-con p{padding: 0 10px;}
.layer-popup .popup-x{position:absolute; top:0px; right:0px; background:#333}
.layer-popup .NotOpen{position:relative; width:100%; left:0px; bottom:0px; margin-left:0px; border-radius:0px; background:#eee; color:#333}
.layer-popup .NotOpenM{position:relative; width:100%; left:0px; bottom:0px; margin-left:0px; border-radius:0px; background:#eee; color:#333}

.mPop-inner{max-height:500px; overflow-y:auto;}

/* -------------------------------------------------------------- */
/* 05. Scripts Styles
----------------------------------------------------------------- */

/* ---------------------------------- */
/* Slick Slider
------------------------------------- */
/* Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {position: relative; display: block;overflow: hidden;margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide { display: none; float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {isplay: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide { display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* Slider */
/*.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
*/

/* Arrows */
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute;  top: 50%; display: block;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); cursor: pointer; border: none; outline: none;  background-color: #333; border-radius: 4px; width: 40px; height: 40px;display: block;
    top: calc(50% 0px); transform: translateY(-50%);transition: 0.3s;  box-shadow: 0 3px 12px rgba(0,0,0,0.15);  z-index: 10;}
.slick-prev:hover,
.slick-next:hover {color: transparent;outline: none;background: #66676b;}
.slick-prev:hover:before,
.slick-next:hover:before {opacity: 1;}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {pointer-events: none;cursor: default;background-color: #e8e8e8;box-shadow: none;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {color: #808080;}
.slick-prev:before,
.slick-next:before {font-family: "Feather-Icons"; font-size: 26px;line-height: 1;opacity: 1;transition: 0.3s;position: relative;color: #fff;}
.slick-prev { left: -85px; }
.slick-prev:before {  content: '\e92f'; left: -1px; }
.slick-next {  right: -85px; }
.slick-next:before { content: '\e930'; right: -1px; }
/* Dots */
.slick-dots {margin: 0 auto;padding: 0;text-align: center;}
.slick-dots li {position: relative; display: inline-block;padding: 0; margin: 0 3px;cursor: pointer;}
.slick-dots li {font-size: 0; line-height: 0; cursor: pointer; color: transparent;border: 0;position: relative;outline: none;display: inline-block;width: 15px;
	height: 15px;margin: 0 3px;opacity: 1;border-radius: 50%;line-height: 0;box-shadow: inset 0 0 0 2px #c0c0c0;transition: all 0.3s;}
.slick-dots li.slick-active {box-shadow: inset 0 0 0 6px #c0c0c0;transition: all 0.3s;}
.slick-dots li:after { display: block;height: 13px;width: 13px;content: "";position: absolute;top: 1px;left: 1px;background-color: transparent;
	border-radius: 50%;transition: all 0.3s;opacity: 0;background-color: #c0c0c0;}
.slick-dots li.slick-active:after {opacity: 1;}

/* Reset */
.slick-slide { display: none; outline: none; }
.slick-initialized .slick-slide { display: block; }
.default-slick-carousel .slick-carousel-item { margin: 0px; }
.default-slick-carousel {height: auto;width: calc(100% + 0px);left: 0px;}
.default-slick-carousel,
.testimonial-carousel,
.logo-carousel,
.blog-carousel { display: none; }
.default-slick-carousel.slick-initialized,
.testimonial-carousel.slick-initialized,
.logo-carousel.slick-initialized,
.blog-carousel.slick-initialized { display: block; }

/* Custom */
.default-slick-carousel .freelancer { margin: 15px; width: 30%; }
.default-slick-carousel.slick-initialized .freelancer { width: auto; }
.default-slick-carousel .freelancer-details-list ul li { margin-right: 22px; }
.default-slick-carousel .freelancer-details-list ul li:last-child { margin-right: 0px; }

.default-slick-carousel .freelancer:hover {box-shadow: 0 2px 12px rgba(0,0,0,0.12);transform: translateY(0px);}

@media (min-width: 1367px) and (max-width: 1440px) {
	.slick-prev { left: -65px; }
	.slick-next {  right: -65px; }
}

@media (max-width: 1290px) {
	.slick-prev { left: -10px; }
	.slick-next {  right: -10px; }
}

@media (max-width: 1090px) {
	.slick-prev { left: 40px; }
	.slick-next {  right: 40px; }
}

.full-width-carousel-fix { overflow: hidden; }
.full-width-carousel-fix .slick-list { overflow: visible; }