@charset "UTF-8";
/* ---------------------------------- */
/* Intro Banner
------------------------------------- */
.intro-banner {padding: 0px 0;position: relative;}
.intro-banner.big-padding {padding: 130px 0;}
.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; }
@media (max-width: 768px) {
.intro-banner {padding: 0px 0;}
}
/*�����߾� ���̾ƿ�*/
.main-box-area{padding-left:480px; min-height:670px; position:relative; width:100%; box-sizing:border-box; margin:30px auto 0px; }
.intro-ban-box{display:block; width:460px; margin-right:20px; position:absolute; top:0px; left:0px;}
.main-box1{display:block; }
@media (max-width: 1240px) {
.main-box-area{padding-left:380px;min-height:524px; }
.intro-ban-box{width:360px; }
}
@media (max-width: 992px){
.main-box-area{padding-left:0px; margin: 20px auto 0px;}
.intro-ban-box{position:relative; margin:0px auto 20px ;}
}
@media (max-width: 768px) {
.intro-ban-box{width:100%;}
.intro-ban-box img{width:100%;}
}
.inline-box{display:inline-block; width:50%; float:left; margin-bottom:20px;}
/*��û��ư*/
.btn-area{margin-right:10px; height:310px; border:1px solid #ddd; border-radius:10px; padding:28px;box-sizing:border-box; }
.btn-area ul{}
.btn-area ul li{margin-bottom:21px;}
.btn-area ul li a{display:block; height:70px; line-height:70px; font-size:18px; color:#fff;position:relative; border-radius:10px; box-sizing:border-box; padding-left:80px}
.btn-area ul li a img{position:absolute; top:15px; left:20px;}
.btn-area ul li.bg1 a{background:#3c5adc}
.btn-area ul li.bg2 a{background:#498ff8}
.btn-area ul li.bg3 a{background:#8090a8}
.btn-area ul li a:after{position:absolute; content:""; display:block; width:25px; height:25px; top:23px; right:20px; background:url(/image/main/more2.png) top center no-repeat;}
.btn-area ul li a:hover{background:#373f60}
@media(max-width:1366px){
.btn-area ul li a{ padding-left:65px}
.btn-area ul li a img{left:15px;}
.btn-area ul li a:after{display:none}
}
@media (max-width: 1240px) {
.btn-area{ height:225px;}
.btn-area ul li{margin-bottom:10px;}
.btn-area ul li a{padding-left:0px; text-align:center;height:50px; line-height:50px;}
.btn-area ul li a img{display:none}
}
@media (max-width: 768px) {
.inline-box{width:100%; }
.btn-area{margin-right:0px;}
.btn-area ul li a img{display:block; top:5px;}
.btn-area ul li a:after{display:block; top:12px;}
}
@media(max-width:480px){
ul.main_guide_btn{}
ul.main_guide_btn li{}
ul.main_guide_btn li a{font-size:15px;}
ul.main_guide_btn li a img{width:35px; height:auto; top:7px;}
}
/*��������*/
.notice-area{margin-left:10px; height:310px; border:1px solid #ddd; border-radius:10px; padding:28px;box-sizing:border-box; position:relative;}
.notice-area h3{ font-size:18px; height:60px;position:relative; }
.notice-area h3:after{display:block; width:40px; height:2px; background:#4578e5; content:""; position:absolute; left:0px; top:40px;}
.cs-center-notice{}
.cs-center-notice ul{height:190px; overflow:hidden;}
.cs-center-notice ul li{padding:5px 0px; overflow:hidden}
.cs-center-notice ul li a{display:block; line-height:22px; color:#666; overflow:hidden; width:100%; text-overflow:ellipsis;white-space:nowrap; font-size:14px; float:left}
.cs-center-notice ul li a:hover{color:#3c5adc}
/*.cs-center-notice ul li span{float:right;font-size:14px; }*/
.notice-area .button{position:absolute; top:27px; right:27px; font-size:12px;padding:0px 10px}
@media (max-width: 1240px) {
.notice-area{height:225px;}
.cs-center-notice ul{height:108px; }
}
@media (max-width: 768px) {
.notice-area{margin-left:0px;}
}
/*�̿��ı�*/
.review-area{margin-right:10px; height:340px; border:1px solid #ddd; border-radius:10px; padding:28px;box-sizing:border-box; position:relative; }
.review-area h3{ font-size:18px; height:60px;position:relative; }
.review-area h3:after{display:block; width:40px; height:2px; background:#4578e5; content:""; position:absolute; left:0px; top:40px;}
.review-area .img-box{height:185px; border-radius:10px; overflow:hidden;margin-bottom:20px; }
.review-area2{margin-right:10px; height:160px; border:1px solid #ddd; border-radius:10px; padding:28px;box-sizing:border-box; position:relative; }
.review-area2 h3{ font-size:18px; height:55px;position:relative; }
.review-area2 h3:after{display:block; width:40px; height:2px; background:#4578e5; content:""; position:absolute; left:0px; top:40px;}
.review-area2 ul.review-list{height:55px;}
.review-area2 ul.review-list li{}
.review-area2 ul.review-list li a{font-size:14px; color:#666; display:block; width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.review-area2 ul.review-list li a:hover{color:#3c5adc;}
.review-area2 ul.review-list li a span{color: #8e8e8e;}
.review-area p{font-size:15px;overflow:hidden; width:95%; text-overflow:ellipsis;white-space:nowrap; }
.review-area .button{position:absolute; top:27px; right:27px; font-size:12px;padding:0px 10px}
.review-area2 .button{position:absolute; top:27px; right:27px; font-size:12px; padding:0px 10px; height:35px; line-height:35px;}
@media (max-width: 1240px) {
.review-area{height:278px; }
.review-area .img-box{height:120px; }
.review-area2{height:110px;}
.review-area2 ul.review-list{height:28px; overflow:hidden;}
}
@media (max-width: 768px) {
.review-area{margin-right:0px;}
.review-area2{height:160px;}
.review-area2 ul.review-list{height:55px; overflow:hidden;}
.review-area2{margin-right:0px;}
}
/*�������*/
.ban-area{margin-left:10px;height:160px; margin-bottom:20px;}
.ban-area .ban-box{float:left; width:50%;}
.ban-area .ban-box .ban1{margin-right:10px;height:160px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; overflow:hidden}
.ban-area .ban-box .ban2{margin-left:10px; height:160px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box;overflow:hidden}
.ban-area .ban-box .ban1 a{display:block; height:113px; background:url(/image/main/ban1.png) top center no-repeat; background-size:cover}
.ban-area .ban-box .ban2 a{display:block; height:113px; background:url(/image/main/ban2.png) top center no-repeat; background-size:cover}
.ban-area .ban-box p{text-align:center; padding-top:10px;}
@media (max-width: 1240px) {
.ban-area,.ban-area .ban-box .ban1,.ban-area .ban-box .ban2{height:110px; }
.ban-area .ban-box .ban1 a,.ban-area .ban-box .ban2 a{ height:60px; }
}
@media (max-width: 768px) {
.ban-area{margin-left:0px;}
}
/*�������2*/
.ban-area2{margin-left:10px;height:160px;}
.ban-area2 .ban-box{float:left; width:50%;}
.ban-area2 .ban-box .ban1{margin-right:10px;height:160px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; overflow:hidden}
.ban-area2 .ban-box .ban2{margin-left:10px; height:160px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box;overflow:hidden}
.ban-area2 .ban-box .ban1 a{display:block; height:113px; background:url(/image/main/ban1.png) top center no-repeat; background-size:cover}
.ban-area2 .ban-box .ban2 a{display:block; height:113px; background:url(/image/main/ban2.png) top center no-repeat; background-size:cover}
.ban-area2 .ban-box p{text-align:center; padding-top:10px;}
@media (max-width: 1240px) {
.ban-area2,.ban-area2 .ban-box .ban1,.ban-area2 .ban-box .ban2{height:110px; }
.ban-area2 .ban-box .ban1 a,.ban-area2 .ban-box .ban2 a{ height:60px; }
}
@media (max-width: 768px) {
.ban-area2{margin-left:0px;}
}
/*���� ���Ŵ��� ȯ��*/
.exchange-area{margin-right:10px; height:160px; border:1px solid #ddd; border-radius:10px; padding:28px;box-sizing:border-box; position:relative;}
.exchange-area h3{ font-size:18px; height:60px;position:relative; }
.exchange-area h3:after{display:block; width:40px; height:2px; background:#4578e5; content:""; position:absolute; left:0px; top:40px;}
.exchange-area .exchange-box{width:100%; height:40px; background:#eee; text-align:center; border-radius:4px;}
.exchange-area .exchange-box .exchange-inner{line-height:40px; font-size:13px;}
.exchange-area .exchange-box .exchange-inner img{height:28px; width:auto; padding-right:10px;}
.exchange-area .exchange-box .exchange-inner strong{font-size:15px;}
.exchange-area .exchange-box .exchange-inner span{font-weight:500; padding-left:5px;}
@media (max-width: 1240px) {
.exchange-area{height:147px;}
.exchange-area .exchange-box .exchange-inner{line-height:40px; font-size:13px;}
.exchange-area .exchange-box .exchange-inner img{height:24px; width:auto; padding-right:10px;}
}
@media (max-width: 768px) {
.exchange-area{margin-right:0px; height:150px;}
}
/*�����ȸ*/
.trk-area{margin-left:10px; height:160px;border:1px solid #ddd; border-radius:10px; padding:28px;box-sizing:border-box; position:relative;}
.trk-area .input-area{position:relative; margin-bottom:20px;}
.trk-area .input-area input{border:1px solid #ddd;padding-left:50px;}
.trk-area .input-area a{position:absolute; top:10px; right:0px; display:block; width:30px; height:30px; }
.trk-area .input-area a i{font-weight:bold; font-size:18px;}
.trk-area .input-area.bg1 input{background:url(/image/main/flag1.png) 10px 4px no-repeat; }
.trk-area .input-area.bg2 input{background:url(/image/main/flag2.png) 10px 4px no-repeat; }
@media (max-width: 1240px) {
.trk-area{height:147px;}
.trk-area .input-area{ margin-bottom:10px;}
}
@media (max-width: 768px) {
.trk-area{margin-left:0px;}
}
.site-area{border:1px solid #ddd; border-radius:10px;}
/* ---------------------------------- */
/* Testimonials
------------------------------------- */
.testimonial-box {background: transparent;border-radius: 6px;color: #888;position: relative;box-shadow: none;transition: 0.4s;cursor: grab;text-align: center;transform: scale(1);}
.testimonial-box .banner{display: block;width: 100%;padding:0; text-align: center;margin: 0 auto;}
.testimonial-carousel .slick-slide {margin:0px;opacity: 0;transition: 0.4s;pointer-events: all;}
.testimonial-carousel .slick-slide.slick-active {opacity: 1; filter: none; pointer-events: all;}
.testimonial-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: -15px; }
.testimonial-carousel .slick-prev { left: -15px; }
.testimonial-carousel .slick-next,
.testimonial-carousel .slick-prev { margin-top: 35px; }
.testimonial-carousel .slick-dots{position:absolute; bottom:20px; 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; }
/* ---------------------------------- */
/* Category Boxes
------------------------------------- */
.categories-container {display: flex;flex-wrap: wrap;}
.category-box {flex: 0 0 25%;align-content: center;justify-content: center;display: flex;flex-direction: column;margin: 0;text-align: center;padding: 25px;border-radius: 4px;transition: 0.35s;}
/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.category-box { max-width: 25%; text-align: center; }
.category-box-counter { width: 50px !important; }
}
/* IE 11 Fixes - End */
/* Box Icon */
.category-box-icon {font-size: 50px;line-height: 32px;color: #2a41e8;position: relative;}
.category-box-icon i {height: 50px;display: block;transition: 0.35s;margin-bottom: 12px;}
/* Box Counter */
.category-box-counter {width: auto;height: 24px;font-size: 14px;line-height: 25px;border-radius: 4px;padding: 0 8px;color: #909090;background: rgba(0,0,0,0.06);
font-weight: 600;display: inline-block;margin: 0 auto;transition: 0.35s;margin-bottom: 18px;}
/* Box Content */
.category-box-content h3 {font-size: 16px;font-weight: 600;color: #333;margin: 0;padding: 0;transition: 0.35s;}
.category-box-content p {color: #888;margin: 0;padding: 0;line-height: 24px;margin-top: 5px;transition: 0.35s;}
/* Hover State */
.category-box:hover {background: #2a41e8;box-shadow: 0 4px 12px rgba(102,103,107,0.2);color: #fff;}
.category-box:hover .category-box-content h3,
.category-box:hover .category-box-icon { color: #fff; }
.category-box:hover .category-box-content p { color: rgba(255,255,255,0.7); }
.category-box:hover .category-box-counter {background: rgba(0,0,0,0.2);color: #fff;}
/* Media Queries for Category Boxes */
@media (max-width: 1240px) {
.category-box {flex: 0 0 33.3%;}
}
@media (max-width: 768px) {
.category-box { flex: 0 0 50%;}
}
@media (max-width: 480px) {
.category-box { flex: 0 0 100%; margin-right: 0;}
}
/* ---------------------------------- */
/* Photo Box
------------------------------------- */
.photo-box {border-radius: 4px;height: 360px;display: block;position: relative;background-size: cover;background-position: 100%;box-shadow: 0 3px 10px rgba(0,0,0,0.2);
transition: 0.4s;margin: 0 0 25px 0;}
.photo-box:before {content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: #333;opacity: 0.5;border-radius: 4px;transition: 0.4s;}
.photo-box-content {position: absolute;bottom: 30px;left: 30px;}
.photo-box-content h4 {color: #fff;font-size: 20px;line-height: 28px;}
.photo-box-content span {color: #333;background: #fff;border-radius: 4px;font-size: 15px;font-weight: 500;padding: 4px 10px;line-height: 20px;margin-top: 8px;display: inline-block;}
/* Hover State */
.photo-box:hover {box-shadow: 0 4px 12px rgba(102,103,107,0.25);transform: translateY(-10px);}
.photo-box:hover:before {background: #66676b;opacity: 0.95;}
/* ---------------------------------- */
/* hotdeal - Grid Layout
------------------------------------- */
.hotdeals-title h3{ font-size:18px; height:60px;position:relative; }
.hotdeals-title h3:after{display:block; width:40px; height:2px; background:#4578e5; content:""; position:absolute; left:0px; top:40px;}
.hotdeals-container { display: flex;flex-wrap: wrap;width: calc(100% + 30px);}
.hotdeal { display: flex; flex-direction: column; justify-content: center; margin: 0 30px 30px 0; width: calc(100% * (1/2) - 30px); border-radius: 4px;
box-shadow: 0 2px 12px rgba(0,0,0,0.0); background-color: #fff; transition: 0.3s; position: relative; cursor: default; }
.hotdeal:hover { transform: translateY(-4px); }
.hotdeal-overview {text-align: center;padding:0px;flex-grow: 1;display: flex;flex-wrap: wrap;align-items: center;}
.hotdeal-overview-inner {flex: 1;}
.hotdeal-overview .hotdeal-avatar {/*width: 110px;*/margin: 0 auto;position: relative;}
.hotdeal-overview .hotdeal-avatar img {width: 100%;border-radius: 4px;cursor: pointer;border-radius:10px}
.hotdeal-overview .hotdeal-avatar .verified-badge {position: absolute;bottom: 0;right: 0;}
.hotdeal-name {margin-top: 10px;text-align:left; border-bottom:1px solid #dddddd}
.hotdeal-name.bd0{border-bottom:0px;}
.hotdeal-rating {margin-top: 5px;margin-bottom: -10px;}
.hotdeal-name h4,.hotdeal-name h4 a {font-size: 16px;font-weight: 600;color: #333;cursor: pointer; }
.hotdeal-name img.flag {height: 15px;border-radius: 3px;position: relative;top: -1px;display: inline-block;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-left: 4px;cursor: default}
.hotdeal-name span {color: #888;}
.hotdeal-details {padding:0px;flex-grow: 0;}
.hotdeals-grid-layout .hotdeal-details { border-radius: 0 0 4px 4px; }
.hotdeals-grid-layout .hotdeal-details a.button {display: block;text-align: center;width: 100% !important;transition: 0.3s;box-shadow: 0 4px 12px rgba(102,103,107,0.1);}
.hotdeal-details a.button:hover {box-shadow: 0 4px 12px rgba(102,103,107,0.2);}
.hotdeal-details-list ul {list-style: none;padding: 0;font-size: 14.7px;}
.hotdeal-details-list ul li {display: inline-block;margin-right: 10px;line-height: 23px;color: #808080;margin-bottom: 15px;}
.hotdeal-details-list ul li:last-child {margin-right: 0;}
.hotdeal-details-list ul li span{font-size: 14px; text-decoration: line-through;}
.hotdeal-details-list ul li strong {display: block;color: #333;}
.hotdeal-details-list ul li strong.gray{color:#ddd}
.hotdeal-details-list ul li strong i {position: relative;top: 1px;margin-right: -1px;margin-left: -2px;}
/* Media Queiers for hotdeals List */
@media (max-width: 1366px) {
.freelances-grid-layout .hotdeal-overview .hotdeal-avatar { width: 100px; }
}
@media (max-width: 768px) {
.hotdeals-grid-layout.hotdeals-container { width: 100%; }
.hotdeals-grid-layout .hotdeal { margin: 0 0 30px 0; width: 100%; }
.hotdeals-container.hotdeals-grid-layout { width: 100%; }
.hotdeals-container.hotdeals-grid-layout .hotdeal { width: 100%; margin-right: 0; }
}
/* Full Page Media Queiers for hotdeals List */
@media (max-width: 2560px) {
.full-page-container .hotdeal { width: calc(100% * (1/4) - 30px); }
}
@media (max-width: 1920px) {
.full-page-container .hotdeal { width: calc(100% * (1/3) - 30px); }
}
@media (max-width: 1366px) {
.full-page-container .hotdeal { width: calc(100% * (1/2) - 30px); }
}
@media (max-width: 1099px) {
.full-page-container .hotdeals-container { width: 100%; }
.full-page-container .hotdeal { width: 100%; margin-right: 0; }
}
/* ---------------------------------- */
/* cs-center
------------------------------------- */
/* cs-center Container */
.cs-center-container {border-radius: 4px;box-shadow: 0 0 25px rgba(0,0,0,0.1);display: flex;}
.cs-center {flex: 1;padding: 35px 17px;position: relative; width:33.333%}
.cs-center:first-of-type {padding-left: 35px;}
.cs-center:last-of-type {padding-right: 35px;}
.cs-center h3 {font-size: 20px;font-weight: 600;}
.cs-center h3 i{padding-right:5px;}
.cs-center p {margin: 0;}
.cs-center-label {background: #f6f6f6;border-radius: 4px;font-size: 16px;color: #888;text-align: center;line-height: 24px;padding: 15px 10px;margin: 22px 0;}
.cs-center-label strong {font-size: 23px;font-weight: 700;color: #333;margin-right: 5px;line-height: 30px;}
.cs-center-label.bank-info strong{font-size:18px;}
.cs-center-label.bank-info .img_escrow_box{}
.cs-center-label.bank-info .escrow_link{display:block; margin-bottom:5px;}
.cs-center-label.bank-info .kb_escrow{display:block;}
.recommended .cs-center-label {background-color: rgba(42,65,232,.06);color: #66676b;}
.recommended .cs-center-label strong {color: #2a41e8;}
.cs-center-features ul {padding: 0;margin: 0;}
.cs-center-features ul li {display: block;margin: 0;padding: 3px 0;line-height: 24px;}
.cs-center .button:hover,
.cs-center.recommended .button {color: #fff;background-color: #2a41e8;box-shadow: 0 4px 12px rgba(102,103,107,0.15);}
.cs-center .button {color: #2a41e8;background-color: #fff;border: 1px solid #2a41e8;box-shadow: 0 4px 12px rgba(102,103,107,0.1);}
.cs-center .button:hover { box-shadow: 0 4px 12px rgba(102,103,107,0.15); }
/* Recommended Plan */
.cs-center.recommended {box-shadow: 0 0px 45px rgba(0,0,0,0.09);padding: 35px;margin: 0 15px;}
.cs-center .recommended-badge {background-color: #66676b;color: #fff;position: absolute;width: 100%;height: 45px;top: -45px;
left: 0;text-align: center;border-radius: 4px 4px 0 0;font-weight: 600;line-height: 45px;}
/* Media Queries for Pricing Plans */
@media (max-width: 992px) {
.cs-center-container {box-shadow: none;display: block;margin-top: -40px;}
.cs-center {box-shadow: 0 0 25px rgba(0,0,0,0.1);margin-bottom: 40px;flex: auto;width: 100%;border-radius: 4px;padding: 35px;}
.cs-center.recommended {padding: 35px;margin: 0 0 40px 0;}
.recommended.cs-center {box-shadow: 0 0 25px rgba(0,0,0,0.1);margin-top: 80px;}
}
.cs-center-con{/*height:255px; */}
/* ---------------------------------- */
/* Renewal 2023-07-18
------------------------------------- */
.mainVisual-area{}
.mainVisual-area h3 { position: relative; overflow:hidden}
.mainVisual-area h3 a{display:block;height:623px; width:100%; }
.mainVisual-area .slick-next { right: 15px; }
.mainVisual-area .slick-prev { left: 15px; }
.mainVisual-area .slick-next,
.mainVisual-area .slick-prev { margin-top: 5px; }
.mainVisual-area .slick-dots{position:absolute; bottom:10px; left:0px; width:100%;}
@media (max-width: 1367px) {
.mainVisual-area h3 a{height:483px; }
}
@media (max-width: 1240px) {
.mainVisual-area h3 a{height:450px; }
}
@media (max-width: 1099px) {
.mainVisual-area h3 a{height:400px; }
}
@media (max-width: 992px) {
.mainVisual-area h3 a{height:350px; }
}
@media (max-width: 768px) {
.mainVisual-area h3 a{height:280px; }
}
@media (max-width: 480px) {
.mainVisual-area h3 a{height:210px; }
}
.gray-area{background:#eeeeee;padding:25px 0px;font-family: 'Noto Sans KR'}
.gray-area .con-area{overflow:hidden; margin:0px -10px}
.gray-area .con-area .fl{padding:0px 10px; width:26%; float:left}
.gray-area .con-area .fl:last-child {width:48%}
.gray-area .con-area .fl .inner{background:#fff; border:1px solid #244384; border-radius:10px;padding:13px 20px; font-weight:bold; font-size:14px; text-align:center; color:#333; height:58px}
.gray-area .con-area .fl .inner img{margin-right:5px;}
.gray-area .con-area .fl .inner span{color:#09a1b8}
.gray-area .con-area .fl:last-child .inner{background:#244384; color:#fff}
.gray-area .con-area .fl:last-child .inner span{color:#f8ff35}
.time-counter{display:table; margin:0 auto;position:Relative; top:-3px;}
.time-counter img{float:left;position:relative; top:5px;}
.time-counter p{float:left;margin:0px; line-height:18px;font-size:14px; }
@media (max-width: 1367px) {
.gray-area .con-area .fl:nth-child(1){width:25%}
.gray-area .con-area .fl:nth-child(2){width:27%}
.gray-area .con-area .fl:last-child {width:47%}
}
@media (max-width: 1240px) {
.gray-area{padding:20px 0px;}
.gray-area .con-area{ margin:0px -5px}
.gray-area .con-area .fl{padding:0px 5px; }
.gray-area .con-area .fl:nth-child(1){width:50%}
.gray-area .con-area .fl:nth-child(2){width:50%}
.gray-area .con-area .fl:last-child {width:100%; margin-top:10px}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
.gray-area .con-area .fl:nth-child(1){width:100%}
.gray-area .con-area .fl:nth-child(2){width:100%; margin-top:10px}
}
@media (max-width: 480px) {
.gray-area .con-area .fl .inner{height:auto;line-height:18px;padding:13px 5px; }
}
.icoMenu-area{}
.icoMenu-area ul{overflow:hidden; border-top:1px solid #d5d5d5;border-left:1px solid #d5d5d5;}
.icoMenu-area ul li{float:left; width:33.333%;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;}
.icoMenu-area ul li a{display:block;padding:70px 50px; height:240px;font-family: 'Noto Sans KR'}
.icoMenu-area ul li a:hover{background:#dfecff}
.icoMenu-area ul li a .inner{position:Relative;padding-left:100px}
.icoMenu-area ul li a .inner img{position:absolute; top:0px; left:0px;}
.icoMenu-area ul li a .inner strong{color:#014099; font-size:24px;display:block; margin-bottom:10px;}
.icoMenu-area ul li a .inner span{color:#575757; font-size:16px;display:block; line-height:1.5em}
@media (max-width: 1367px) {
.icoMenu-area ul li a{padding:60px 40px; height:220px;}
.icoMenu-area ul li a .inner{ padding-left:90px}
}
@media (max-width: 1240px) {
.icoMenu-area ul li a{padding:55px 30px; height:210px;}
.icoMenu-area ul li a .inner{ padding-left:70px}
}
@media (max-width: 1099px) {
.icoMenu-area ul li a{padding:30px 40px; height:150px;}
.icoMenu-area ul li a .inner{ padding-left:70px}
.icoMenu-area ul li a .inner img{width:45px}
.icoMenu-area ul li a .inner strong{font-size:20px;}
.icoMenu-area ul li a .inner span{ font-size:14px;display:block; line-height:1.3em}
}
@media (max-width: 992px) {
.icoMenu-area ul li a{padding:30px 20px;padding-right:0px; height:150px;}
.icoMenu-area ul li a .inner{ padding-left:50px}
.icoMenu-area ul li a .inner img{width:40px}
}
@media (max-width: 768px) {
.icoMenu-area ul li a{padding:20px 20px; padding-right:0px; height:180px;}
.icoMenu-area ul li a .inner{padding-left:0px}
.icoMenu-area ul li a .inner img{position:Relative; }
.icoMenu-area ul li a .inner strong{font-size:18px; line-height:1.3em;padding-top:10px}
.icoMenu-area ul li a .inner span{ font-size:13px;}
}
@media (max-width: 480px) {
.icoMenu-area ul li{float:left; width:50%;}
.icoMenu-area ul li a{height:175px;}
}
.gray-area2{background:url(/image/main/g-bg1.png) top center no-repeat; background-size:cover; padding:70px 0px;}
.gray-area2 .con-area{overflow:hidden; }
.gray-area2 .con-area .inner{float:left; width:50%; padding:0px 98px;}
.gray-area2 .title{text-align:center; background:url(/image/main/t-bg.png) top center no-repeat;font-family: 'Noto Sans KR'; color:#333;font-size:24px; font-weight:bold;padding:35px 0px}
.gray-area2 .trk-con .input-box{height:50px; border-radius:50px; background:#fff; margin-bottom:14px;padding:0px 52px;position:relative; border:1px solid #014099;}
.gray-area2 .trk-con .input-box .flag_img{position:absolute; left:30px; top:14px;}
.gray-area2 .trk-con .input-box input{height:50px; line-height:50px; background:none; color:#333;box-shadow: none}
.gray-area2 .trk-con .input-box input::placeholder{color:#333;opacity:1}
.gray-area2 .trk-con .input-box A{position:absolute; right:30px; top:14px; display:block; height:22px; width:22px; border-radius:22px;background:#014099;}
.gray-area2 .trk-con .input-box A:hover{background:#00aacf;}
.gray-area2 .trk-con .input-box A img{display:block}
.gray-area2 .btn-con2{overflow:hidden; margin:0px -7px;}
.gray-area2 .btn-con2 li{float:left; width:50%;padding:0px 7px}
.gray-area2 .btn-con2 li a{display:Block; border-radius:5px; background:#014099; height:115px;}
.gray-area2 .btn-con2 li a:hover{background:#16bfde;}
.gray-area2 .btn-con2 li a img{display:block; margin:0 auto ; padding-top:32px}
.gray-area2 .btn-con2 li a span{font-weight:bold; color:#fff; display:block; text-align:center; line-height:1.3em;padding-top:8px}
.gray-area2 .btn-con{}
.gray-area2 .btn-con ul{overflow:hidden; margin:-7px;}
.gray-area2 .btn-con ul li{float:left; width:33.333%;padding:7px}
.gray-area2 .btn-con ul li a{display:Block; border-radius:5px; background:#014099; height:115px; border:1px solid #014099}
.gray-area2 .btn-con ul li:nth-child(1) a,.gray-area2 .btn-con ul li:nth-child(2) a,.gray-area2 .btn-con ul li:nth-child(3) a{background:#fff; }
.gray-area2 .btn-con ul li a:hover{background:#16bfde;border:1px solid #16bfde}
.gray-area2 .btn-con ul li a img{display:block; margin:0 auto ; padding-top:18px}
.gray-area2 .btn-con ul li a span{font-weight:bold; color:#fff; display:block; text-align:center; line-height:1.3em;padding-top:8px}
.gray-area2 .btn-con ul li:nth-child(1) a span,.gray-area2 .btn-con ul li:nth-child(2) a span,.gray-area2 .btn-con ul li:nth-child(3) a span{color:#014099; }
.gray-area2 .btn-con ul li:nth-child(1) a:hover,.gray-area2 .btn-con ul li:nth-child(2) a:hover,.gray-area2 .btn-con ul li:nth-child(3) a:hover{background:#dfecff;border:1px solid #014099}
@media (max-width: 1367px) {
.gray-area2 .con-area .inner{ padding:0px 78px;}
}
@media (max-width: 1240px) {
.gray-area2 .con-area .inner{ padding:0px 58px;}
}
@media (max-width: 1099px) {
.gray-area2{padding:40px 0px;}
.gray-area2 .title{font-size:20px;padding:15px 0px}
}
@media (max-width: 992px) {
.gray-area2 .con-area .inner{ padding:0px 10px;}
.gray-area2 .trk-con .input-box{padding:0px 32px;}
.gray-area2 .trk-con .input-box .flag_img{ left:15px;}
.gray-area2 .trk-con .input-box A{right:15px;}
}
@media (max-width: 768px) {
.gray-area2 .con-area .inner{float:left; width:100%; }
.gray-area2 .con-area .inner:nth-child(2){padding-top:40px}
.gray-area2 .title{font-size:18px;}
.gray-area2 .trk-con .input-box input{font-size:15px}
.gray-area2 .btn-con2 li a,.gray-area2 .btn-con ul li a{ height:100px;font-size:15px}
.gray-area2 .btn-con2 li a img{ padding-top:20px}
.gray-area2 .btn-con ul li a img{width:20px}
}
@media (max-width: 480px) {
}
.product-area{padding-top:70px;}
.product-area .title{font-family: 'Noto Sans KR'; color:#333;font-size:24px; font-weight:bold; position:Relative; height:55px;}
.product-area .title a{display:block; border-radius:15px; border:1px solid #dedede; position:absolute; right:0px; top:0px; font-size:14px; color:#888; font-weight:100;padding:0px 15px}
.product-area .title a:hover{color:#014099}
.product-area ul{overflow:hidden; margin:0px -15px;}
.product-area ul li{float:left; width:25%; padding:0px 15px;}
.product-area ul li a{display:Block; height:270px; overflow:hidden; border-radius:25px; position:Relative;}
.product-area ul li a img{display:block; width:100%; min-height:100%; position:absolute; top:50%; transform:translateY(-50%)}
.product-area ul li p{ font-weight:bold;font-family: 'Noto Sans KR';font-size:16px; overflow:hidden; width:100%; text-overflow:ellipsis;white-space:nowrap; padding:20px 0px 5px; margin:0px;color:#333}
.product-area ul li .price{position:relative; font-weight:bold;font-family: 'Noto Sans KR';font-size:20px;color:#333}
.product-area ul li .price span{position:absolute; right:0px; font-size:15px; color:#888; text-decoration:line-through}
@media (max-width: 1240px) {
.product-area ul li a{ height:220px;}
}
@media (max-width: 1099px) {
.product-area{padding-top:40px;}
.product-area .title{font-size:20px; height:45px;}
.product-area .title a{padding:0px 10px}
.product-area ul{ margin:0px -10px;}
.product-area ul li{padding:0px 10px;}
.product-area ul li p{font-size:15px; padding:10px 0px 0px;}
.product-area ul li .price{font-size:15px;}
.product-area ul li .price span{ font-size:13px;}
}
@media (max-width: 992px) {
.product-area ul li a{ height:180px;}
}
@media (max-width: 768px) {
.product-area .title{font-size:18px; }
.product-area ul li{width:50%;margin-bottom:10px }
}
@media (max-width: 480px) {
}
.review2-area{padding-top:70px;}
.review2-area .title{font-family: 'Noto Sans KR'; color:#333;font-size:24px; font-weight:bold; position:Relative; height:55px;}
.review2-area .title a{display:block; border-radius:15px; border:1px solid #dedede; position:absolute; right:0px; top:0px; font-size:14px; color:#888; font-weight:100;padding:0px 15px}
.review2-area .title a:hover{color:#014099}
.review2-area ul{overflow:hidden; margin:0px -15px;}
.review2-area ul li{float:left; width:25%; padding:0px 15px;}
.review2-area ul li a{display:Block; height:160px; overflow:hidden; border-radius:25px; position:Relative;}
.review2-area ul li a img{display:block; width:100%; min-height:100%; position:absolute; top:50%; transform:translateY(-50%)}
.review2-area ul li p{ font-weight:bold;font-family: 'Noto Sans KR';font-size:16px; overflow:hidden; width:100%; text-overflow:ellipsis;white-space:nowrap;
padding:20px 0px 5px; margin:0px;color:#555}
.review2-area ul li .txt{position:relative; font-family: 'Noto Sans KR';font-size:13px;color:#555; line-height:18px; overflow:hidden; height:36px}
.review2-area ul li span{ font-size:12px; color:#999; }
@media (max-width: 1240px) {
.review2-area ul li a{ height:130px;}
}
@media (max-width: 1099px) {
.review2-area{padding-top:40px;}
.review2-area .title{font-size:20px; height:45px;}
.review2-area .title a{padding:0px 10px}
.review2-area ul{ margin:0px -10px;}
.review2-area ul li{padding:0px 10px;}
.review2-area ul li p{font-size:15px; padding:10px 0px 0px;}
}
@media (max-width: 992px) {
.review2-area ul li a{ height:100px;}
}
@media (max-width: 768px) {
.review2-area .title{font-size:18px; }
.review2-area{padding-top:30px;}
.review2-area ul li{ width:50%; margin-bottom:10px}
}
@media (max-width: 480px) {
}
.board-area{overflow:hidden; margin:0px -15px;padding-top:70px;}
.board-area .inner{float:left; width:50%; padding:0px 15px}
.board-area .inner .bbox{border-radius:25px; background:#fafafa;padding:40px;}
.board-area .title{font-family: 'Noto Sans KR'; color:#333;font-size:24px; font-weight:bold; position:Relative; height:55px;}
.board-area .title a{display:block; border-radius:15px; border:1px solid #dedede; position:absolute; right:0px; top:0px; font-size:14px; color:#888; font-weight:100;padding:0px 15px}
.board-area .title a:hover{color:#014099}
.board-area ul{overflow:hidden}
.board-area ul li {overflow:hidden;font-family: 'Noto Sans KR'; line-height:18px; padding-top:10px}
.board-area ul li:first-child{padding-top:0px}
.board-area ul li a{float:left; display:Block;overflow:hidden; width:70%; text-overflow:ellipsis;white-space:nowrap; font-size:16px; color:#333}
.board-area ul li a .ico{display:inline-block; border-radius:10px; border:2px solid #0a1b85; color:#0a1b85; font-size:13px; padding:0px 7px; margin-right:10px}
.board-area ul li a .ico.color2{border:2px solid #238391; color:#238391; }
.board-area ul li .date{float:right; font-size:12px; color:#999; }
@media (max-width: 1099px) {
.board-area{padding-top:40px;margin:0px -10px;}
.board-area .inner{padding:0px 10px}
.board-area .inner .bbox{padding:30px;}
.board-area .title{font-size:20px; height:45px;}
.board-area .title a{padding:0px 10px}
.board-area ul li a{font-size:15px; }
}
@media (max-width: 992px) {
.board-area ul li a{ width:80%;}
}
@media (max-width: 768px) {
.board-area{padding-top:30px;}
.board-area .inner{width:100%; }
.board-area .inner .bbox{padding:20px;}
.board-area .inner:nth-child(2){margin-top:20px}
.board-area .title{font-size:18px;}
}
@media (max-width: 480px) {
}
.botCenter-area{margin-top:70px;padding:70px 0px; background:url(/image/main/g-bg2.png) top center no-repeat; background-size:cover}
.botCenter-area .title{text-align:center; background:url(/image/main/t-bg.png) top center no-repeat;font-family: 'Noto Sans KR'; color:#333;font-size:24px; font-weight:bold;padding:35px 0px}
.botCenter-area .info_box{display:table; margin:0 auto;}
.botCenter-area .info_box .inner{float:left; position:Relative;padding-left:90px;margin-right:30px}
.botCenter-area .info_box .inner:last-child{margin-right:0px}
.botCenter-area .info_box .inner .ico{position:absolute; top:0px; left:0px;}
.botCenter-area .info_box .inner p{margin:0px; font-size:16px;font-family: 'Noto Sans KR'; color:#333; line-height:1.5em}
.botCenter-area .info_box .inner p strong{font-size:24px; color:#014099}
.botCenter-area .info_box .inner p span{font-size:13px}
.botCenter-area .info_box .inner:nth-child(2) p strong{font-size:20px; color:#333}
.botCenter-area .info_box .inner:nth-child(2) span{position:Relative; top:-4px}
.botCenter-area .info_box .inner:nth-child(3) span{padding-left:10px}
.botCenter-area .csBtn{display:Table; margin:0 auto; padding-top:35px}
.botCenter-area .csBtn li{float:left;padding:0px 15px}
.botCenter-area .csBtn li a{display:block; width:248px; height:50px; text-align:center; border-radius:50px; background:#014099;font-size:16px;font-family: 'Noto Sans KR'; line-height:50px}
.botCenter-area .csBtn li a img{vertical-align:middle; margin-right:10px}
.botCenter-area .csBtn li:nth-child(1) a{color:#20f1f9}
.botCenter-area .csBtn li:nth-child(2) a{color:#ffea00}
.botCenter-area .csBtn li:nth-child(3) a{color:#20f967}
@media (max-width: 1240px) {
.botCenter-area .info_box .inner{padding-left:80px;margin-right:20px}
.botCenter-area .info_box .inner p strong{font-size:20px; }
.botCenter-area .info_box .inner:nth-child(2) p strong{font-size:15px; }
.botCenter-area .csBtn li a{width:200px; }
}
@media (max-width: 1099px) {
.botCenter-area{margin-top:40px;padding:40px 0px; }
.botCenter-area .title{font-size:20px;padding:15px 0px}
.botCenter-area .csBtn{ padding-top:25px}
.botCenter-area .csBtn li{float:left;padding:0px 7px}
.botCenter-area .csBtn li a{height:40px;line-height:40px}
}
@media (max-width: 992px) {
.botCenter-area .info_box .inner{padding-left:0px; }
.botCenter-area .info_box .inner .ico{display:none}
.botCenter-area .info_box .inner p strong{font-size:18px; }
}
@media (max-width: 768px) {
.botCenter-area .title{font-size:18px;}
.botCenter-area .info_box{display:block;overflow:hidden}
.botCenter-area .info_box .inner{width:100%;padding-left:60px;margin-bottom:15px}
.botCenter-area .info_box .inner .ico{display:block;width:45px}
.botCenter-area .csBtn{padding-top:10px; display:block; margin:0px -5px}
.botCenter-area .csBtn li{width:33.333%;padding:0px 5px}
.botCenter-area .csBtn li a{width:100%; line-height:28px; font-size:14px;padding:8px 0px 5px; height:auto; border-radius:5px}
.botCenter-area .csBtn li a img{display:block; margin:0 auto;vertical-align:top; }
}
@media (max-width: 480px) {
}
/* ---------------------------------- */
/* Popup
------------------------------------- */
.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 .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 .popup-x{position:absolute; top:-30px; right:-30px}
.main-popup .popup-x a{display:block; width:30px; height:30px; line-height:30px; text-align:center;font-weight:bold; font-size:30px; color:#fff}
.main-popup .NotOpen{position:absolute; bottom:-50px; left:50%; margin-left:-75px}
.main-popup .NotOpen{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-popup .main-popup-box{max-width:500px; margin:15px;}
.main-popup .popup-title a{ padding:10px 5px; }
.main-popup .popup-x{right:0px}
}
@media (max-width: 576px) {
.main-popup .main-popup-box{height:auto;}
.main-popup .main-popup-box .mTs-popup{height:400px; width:auto; overflow-y:auto;}
}
@media (max-width: 480px) {
.main-popup .main-popup-box{max-width:95%;}
.main-popup .main-popup-box .mTs-popup{height:initial;}
}
/*��*/
/*.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} */
/* ���� : 37,645 �˾����� 231128 ���� */
.popup_tab ul{width:400px; height:100%;background:#333; }
.popup_tab ul:after{display:block; content:''; clear:both;}
.popup_tab ul li{text-align:center; display:block; border-right:1px solid #fff; width:33.3333%; float:left;}
.popup_tab ul li:nth-child(3n){border-right:0px;}
.popup_tab ul li a{color:#fff; display:block; font-size:12px; line-height:1.25em; padding:5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; height:25px;}
.popup_tab ul li.active a{color:#fed135}
@media (max-width: 480px) {
.popup_tab ul{width:100%;}
}
/*���̾�*/
.layer-popup{background:none; display:block}
.layer-popup-con{position:absolute; }
.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}
/* -------------------------------------------------------------- */
/* 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: rgba(0,0,0,.3); border-radius: 4px; width: 48px; height: 48px;display: block;
top: calc(50% - 15px); 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: -25px; }
.slick-prev:before { content: '\e92f'; left: -1px; }
.slick-next { right: -25px; }
.slick-next:before { content: '\e930'; right: -1px; }
/* Dots */
.slick-dots {margin: 0 auto;padding: 0;text-align: center; position:absolute; width:100%; bottom:13px;}
.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: 15px; }
.default-slick-carousel {height: auto;width: calc(100% + 30px);left: -15px;}
.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; }