@charset "UTF-8";

.section{padding-top:50px;}

@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
.section{padding-top:40px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.section{padding-top:30px;}
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
.section{padding-top:20px;}
}

/* ---------------------------------- */
/* Testimonials
------------------------------------- */
.testimonial-box {background: transparent;border-radius: 3px;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-box img{border-radius:3px; width:100%;}
.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;}
.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: -70px; }
.testimonial-carousel .slick-prev { left: -70px; }
.testimonial-carousel .slick-next,
.testimonial-carousel .slick-prev { margin-top: 0px; }
.testimonial-carousel .slick-dots{position:absolute; bottom:35px; 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: 1240px) {
.mainVisual-inner{padding:40px 0px;}
}
@media (max-width: 992px) {
.mainVisual-inner{padding:30px 0px;}
.intro-banner {float:none;width:100%; padding-left:0px; margin-bottom:20px;}
.testimonial-box img{width:100%}
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
.mainVisual-inner{padding:20px 0px;}
}

/* 메인공통CSS */
a:hover{color:var(--main-color) !important;}
.innerflex{display:flex; padding-bottom:50px; border-bottom:1px solid #ccc;}
.innerflex.bb0{border-bottom:0;}
.tit{position:relative; width:222px; z-index:10;}
.tit:after{content:''; display:block; background:url(/Image/Main/tit_color_bg.png) center center no-repeat; width:126px; height:63px; position:absolute; top:0; left:-10px; z-index:-1;}
.tit h3{display:flex; flex-direction: column; margin-bottom:10px;}
.tit p{margin:0; line-height:1.2; font-size:14px;}
.conbox{display:flex; justify-content: space-between; background-color:#f4f4f4; padding:30px; width:calc(100% - 222px);}
@media (max-width: 1367px) {
.innerflex {flex-direction: column;}
.tit{position:relative; width:inherit; text-align:center;}
.tit h3{flex-direction: row; justify-content: center;}
.tit h3 b{margin-left:7px;}
.tit p{display:none;}
.conbox{width:100%; position:relative; z-index:10;}
.tit:after{left:50%; transform:translateX(-50%); top:-20px;}
}
@media (max-width: 768px) {
.conbox{flex-direction: column; padding:20px;}
}

/* 자주묻는질문 & 공지사항 */
.faqnoti .conbox .item{background-color:#fff; padding:30px; border-radius:8px; width:calc(50% - 13px);}
.faqnoti .conbox .item .stit{display:flex; align-items: center; justify-content: space-between; margin-bottom:20px;}
.faqnoti .conbox .item .stit h4{font-size:18px; font-weight:600;}
.faqnoti .conbox .item .stit .more{color:#222; font-size:14px;}
.faqnoti .conbox .item ul{}
.faqnoti .conbox .item ul li:not(:first-child){margin-top:10px;}
.faqnoti .conbox .item ul li a{display:flex; justify-content: space-between; align-items: center; color:#222}
.faqnoti .conbox .item ul li a .txt{margin:0; line-height:1; font-size:15px; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.faqnoti .conbox .item ul li a .date{font-size:15px;}
@media (max-width: 768px) {
.faqnoti .conbox .item{width:100%; padding:15px 20px;}
.faqnoti .conbox .item.faq{margin-bottom:15px;}
}

/* 트래킹조회 */
.tracking .conbox .item{width:calc(50% - 13px);}
.tracking .conbox .trk > div{display:flex; align-items: center; background-color:#fff; border-radius:80px; padding:10px 15px;}
.tracking .conbox .trk > div input{font-size:16px; padding-left:10px;}
.tracking .conbox .trk > div a{font-size:22px; color:#222;}
.tracking .conbox .trk .kr{margin-top:15px;}
.tracking .conbox .uni{display:flex; justify-content: space-between;}
.tracking .conbox .uni a{display: flex; align-items: center; flex-direction: column; justify-content: center; width: calc(50% - 13px); background-color: #fff; border-radius:8px; color:#222;}
.tracking .conbox .uni a p{margin:15px 0 0 0; line-height:1; font-size:16px;}
@media (max-width: 768px) {
.tracking .conbox .item{width:100%;}
.tracking .conbox .item.trk{margin-bottom:15px;}
.tracking .conbox .uni a{padding:15px 0px; width:calc(50% - 5px);}
}
@media (max-width: 370px) {
.tracking .conbox .uni{flex-direction:column;}
.tracking .conbox .uni a{padding:10px 0px; width:100%;}
.tracking .conbox .uni a:first-child{margin-bottom:10px;}
}

/* 스케줄(리뉴얼 작업시에 일단 가려달라 요청) */
.schedule ul{display:flex; width:calc(100% - 222px);}
.schedule ul li{display:flex; align-items: center; justify-content: center; width:25%; min-height:122px; border:1px solid #ccc;}
.schedule ul li:not(:last-child){border-right:0;}
.schedule ul li .txt{display:flex; flex-direction:column; margin-left:15px;}
.schedule ul li .txt b{color:#222; font-size:16px;}
.schedule ul li .txt b strong{font-size:24px;}
.schedule ul li .txt span{font-size:14px;}

/* 리뷰 */
.review ul{display:flex;    justify-content: space-between; width:calc(100% - 222px);}
.review ul li{width:calc(33.3333% - 13px); border:1px solid #ccc;}
.review ul li img{width:100%; max-height:226px; border-bottom:1px solid #ccc;}
.review ul li .txt{padding:20px 30px;}
.review ul li .txt h4{font-weight:700; transition:.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.review ul li .txt p{margin:5px 0px; height:70px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; color:#222; transition:.3s;}
.review ul li .txt span{display:block; color:#888; transition:.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.review ul li:hover .txt h4,
.review ul li:hover .txt p,
.review ul li:hover .txt span{color:var(--main-color); transition:.3s;}
.review .more{color:#222; font-size:14px;}
@media (max-width: 1367px) {
.review ul {width:100%;}
.review .more{display:inline-block; font-size:16px; margin-bottom:20px;}
}
@media (max-width: 768px) {
.review ul li .txt{padding:15px;}
}


/* ---------------------------------- */
/* 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; }
}


/* ---------------------------------- */
/* 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}
.layer-popup .NotOpen.week{border-left:1px solid #c4c4c4;}
.layer-popup .DayNotOpen{width:50%; float:left;}
.layer-popup .WeekNotOpen{width:50%; float:right;}

.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}
.main-popup .NotOpenM.oneday{left:calc(50% - 90px);}
.main-popup .NotOpenM.week{left:calc(50% + 90px);}

@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}
}
@media(max-width:480px){
.main-popup .NotOpenM{width:calc(100% - 20px); margin-left:10px;}
.main-popup .NotOpenM.oneday{left:0%;}
.main-popup .NotOpenM.week{left:0%; bottom:-90px;}
}

/*탭*/
.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;}


/*쪽지팝업*/
.alarm-pop-wp{display:block;}
.alarm-pop-inner{position:static; top:0px; left:0px; width:100%; height:auto; z-index:1000; background:none; display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center;}
.alarm-pop-con{position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); background:#fff; width:500px; min-height:200px; border:1px solid #ddd; z-index:1;}

.pop-alarm-title{background:#ff1f45; padding:5px 0; text-align:center; color:#fff; position:relative;}
.pop-alarm-title span{font-weight:700; padding-right:5px; display:inline-block;}
a.pop-close{position:absolute; right:10px; top:7px; font-size:11px; color:#fff; line-height:18px; background:#666; padding:0 10px; border-radius:3px;}

.pop-alarm-wp{position:relative; padding:15px;}
ul.alarm-list{margin-bottom:25px;}
ul.alarm-list li{padding:5px; font-size:13px; border-bottom:1px dotted #ddd;}
ul.alarm-list li.pop-top-title{border-top:1px solid #555; border-bottom:1px solid #555; background:#fafafa;}
ul.alarm-list li .pop-list-wp{display:flex;  color:#333;}
ul.alarm-list li .pop-list-wp .list-date{width:25%; line-height:22px;}
ul.alarm-list li .pop-list-wp .list-title{width:74%; line-height:22px;}
ul.alarm-list li .pop-list-wp .list-title a{display:block; color:#222; line-height:22px; width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.more-wp{padding:0 0 10px; overflow:hidden;}
.more-wp a{display:inline-block; font-size:12px; color:#333; background:#eee; padding:0 10px; border-radius:3px; float:right; margin-left:10px;}
.more-wp a.close{color:#fff; background:#616161;}
.pop-close-wp{position:absolute; left:0; bottom:0; width:100%; height:30px; background:#e61c3e;}
.pop-close-wp .inner{float:right; padding:0px 10px;}
.pop-close-wp label{font-size:12px; color:#fff; display:inline-block; padding-right:10px; line-height:30px;}
.pop-close-wp input{-webkit-appearance:checkbox; width:15px; height:15px; vertical-align:middle;}


@media(max-width:768px){
.alarm-pop-con{width:90%;}
}

@media(max-width:480px){
ul.alarm-list li{font-size:12px;}
.pop-close-wp label{font-size:12px;}
}



/* -------------------------------------------------------------- */
/* 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: 12px;
	height: 12px;margin: 0 3px;opacity: 1;border-radius: 50%;line-height: 0;transition: all 0.3s;background-color:rgba(0,0,0,.5)}
.slick-dots li.slick-active {box-shadow: inset 0 0 0 6px #000;transition: all 0.3s;}
.slick-dots li:after { display: block;height: 12px;width: 12px;content: "";position: absolute;top: 0px;left: 0px;background-color: transparent;
	border-radius: 50%;transition: all 0.3s;opacity: 0;background-color: #000;}
.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; }