@charset "UTF-8";



.section{margin-top:39px;}
.section:after{content:""; display:block; clear:both}
.section.gray-bg{background:#f5f5f5;padding:40px 0px;}
.section.line-btm{border-bottom:1px solid #d8d8d8; }
/* .section.sec1{margin-top:65px;} */
/* .section.main-topSec{margin-top:39px;} */

.main-bg{background: url(/image/main/main-bg.jpg) center center no-repeat; padding:28px 0px 28px 0px; background-size:cover;}

.main-con-01{display: flex;flex-wrap: wrap; margin:0px -12px;}
.main-con-01 .con01,.main-con-01 .con02{width:50%; align-content: center;display: flex;flex-direction: column;margin: 0;transition: 0.35s; padding:0px 12px; min-height:440px; height:440px;}
@media (max-width: 1367px) {
.main-bg{padding:36px 0px 36px 0px;}
.main-con-01 .con01,.main-con-01 .con02{min-height:406.78px; height:406.78px;}
}
@media (max-width: 1240px) {
.main-con-01 .con01,.main-con-01 .con02{min-height:338px; height:338px;}
}
@media(max-width:1099px){
/* .section{margin-top:40px;} */
.section{margin-top:-9px;}
.section.nodata-section{margin-top:20px;}
.main-bg{padding:29px 0px 20px 0; background-size:cover;}
.main-con-01 .con01,.main-con-01 .con02{width:100%; height:initial; min-height:initial;}
}
@media (max-width: 995px) {


}
@media (max-width: 768px) {
.section{margin-top:0px;}
/* .section{margin-top:30px;} */
.main-bg{padding:20px 0;}
.main-con-01{margin:0px -10px;}
.main-con-01 .con01,.main-con-01 .con02{padding:0 10px;}
}


/* ---------------------------------- */
/* 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: 6px;color: #888;position: relative;box-shadow: none;transition: 0.4s;cursor: grab;text-align: center;transform: scale(1); border-radius:30px; overflow:hidden;}
.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;}
.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-slide.slick-active .testimonial-box img{border-radius:15px; height:440px; width:100%;}
.testimonial-carousel .slick-next { right: 5px; }
.testimonial-carousel .slick-prev { left: 5px; }
.testimonial-carousel .slick-next,
.testimonial-carousel .slick-prev { margin-top: 0px; }
.testimonial-carousel .slick-dots{position:absolute; bottom:10px; 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-carousel .slick-slide.slick-active .testimonial-box img{height:392px;}
}
@media (max-width: 1240px) {
.testimonial-carousel .slick-slide.slick-active .testimonial-box img{height:338px;}
}
@media (max-width: 995px) {
.testimonial-box{width:571px; margin:0 auto;}
.testimonial-carousel .slick-slide.slick-active .testimonial-box img{height:initial;}

}
@media (max-width: 768px) {
.testimonial-box{width:100%;}
}

.area-wp{margin:0 -12px;/* display: flex;flex-wrap: wrap;*/}
.util-area{width:50%; padding:0 12px; /*height:440px;*/ margin:-14px 0; float:left;}
.util-area > div{width:100%; margin: 14px 0;}
.util-area .title{font-size:18px; color:#313131; letter-spacing:-0.3px; padding-bottom:20px; font-weight:700;}

@media (max-width: 1367px) {
.util-area{margin:-8px 0;}
.util-area > div{margin: 8px 0;}

.util-area{padding:0 12px; width: 100%;}
.util-area:after{content:''; display:block; clear:both;}
.util-area > div{margin: 7.5px 0;}
.area-wp{padding-bottom:0px;}

}
@media (max-width: 1240px) {
.util-area > div{margin: 5.5px 0;}
}

@media (max-width: 1099px) {
.area-wp{padding-top:14px;}
.util-area{width:100%; height:auto; margin-bottom:20px; margin-top:0px;}
.util-area .title{font-size:18px; font-weight:700;}
.util-area > div{margin: 0px 0px;}
}


@media (max-width: 995px) {

}
@media (max-width: 768px) {

}
@media (max-width: 480px) {

}

/* ·Î±×ÀÎ ¿µ¿ª */
/* .not-login{display:none !important;} */

.util-area .login-wrap{padding:13px 15px 10px 15px; background: #fef9f9; border-radius: 15px; border: 1px solid #e3e3e3;}
/* .util-area .login-wrap form{display:flex; flex-direction:row; flex-wrap: wrap;} */
.util-area .login-wrap form:after{content:''; display:block; clear:both;}
.util-area .login-wrap form .input-area{padding-right:5px; width:65%; float:left;}
.util-area .login-wrap form .input-area input:first-child{margin-bottom: 5px;}
.util-area .login-wrap form .button-area{width:35%; float:right;}
.util-area .login-wrap form .button-area input:first-child{margin-bottom: 5px;}
.util-area .login-wrap input[type="text"],
.util-area .login-wrap input[type="password"]{float:left; background-color:#fff; border: 1px solid #ccc; border-radius:5px;}
.util-area .login-wrap button:first-child{margin-bottom: 5px}
.util-area .login-wrap button{float:right; width:100%; height:30px; border-radius:5px;  background-color:#fff; border: 1px solid #ccc; color:#222; box-shadow:none; font-size: 14px;}
.util-area .login-wrap button:hover{background-color:#f3f3f3;}
.util-area .login-wrap .naver-login button{width:100%;  position:relative;}
.util-area .login-wrap .naver-login button:before{content:''; display:block; background:url(/Image/Main/n-icon.png) center center no-repeat; position:absolute; color:#fff; font-weight:700; width:18px; height:18px; z-index:2; top:6px; left:12px;}
.util-area .login-wrap .naver-login > button{width:100%;}
.util-area .login-wrap .naver-login button{background-color:#1ec800; border:none; color:#fff; padding-left:32px;}
.util-area .login-wrap .naver-login button:hover{background-color:#1bb100;}
.util-area .login-wrap input[type="checkbox"]{background-color:#fff; border: 2px solid #ccc; margin-right:5px; -webkit-appearance: auto !important; display: inline-block; width: 16px; height: 16px; vertical-align:middle;    position: relative; top: -2px;}
.util-area .login-wrap label{font-size:12px; color:#888; margin:0px; margin-top:3px;}
.util-area .login-wrap .sub-util-area:after{clear:both; content:''; display:block;}
.util-area .login-wrap form .label-wrap{display:inline-block; float:left;}
.util-area .login-wrap form .user-sub-util{float:right; margin-top:-3px;}
.util-area .login-wrap a{font-size:12px; color:#888; margin-left:10px;}

@media (max-width: 1367px) {
.util-area .login-wrap{padding:11px 15px 8px 15px;}
.util-area .login-wrap form .input-area{padding-right:0px; width:100%; margin-bottom:5px;}
.util-area .login-wrap form .button-area{width:100%; margin-bottom:2px;}
.util-area .login-wrap .login-btn{padding:0 5px;}
.util-area .login-wrap .btn-inner{margin:0 -5px;}
.util-area .login-wrap form .button-area input,
.util-area .login-wrap form .button-area button{width:49%;}
.util-area .login-wrap .naver-login button{float:right;}

.util-area .login-wrap form .button-area input:first-child,
.util-area .login-wrap form .button-area button:first-child{margin-bottom: 0px;}
.util-area .login-wrap button{float:left;}
/* .util-area .login-wrap .naver-login{width:50%; float:left;} */
.util-area .login-wrap .naver-login:before{top:6px;}

.util-area .login-wrap{padding:20px 30px 20px 30px; width:50%; float:left;}
.util-area .login-wrap form .user-sub-util{margin-top:4px;}
.util-area .login-wrap form .label-wrap{float:initial; text-align:center; position:relative; left:50%; transform:translateX(-50%);}
.util-area .login-wrap form .user-sub-util{float:initial; margin-top:-3px; text-align:center;}

}

@media (max-width: 1240px) {
.util-area .login-wrap{padding:15px 19px 15px 19px;}
}

@media (max-width: 1099px) {
.util-area .login-wrap{display:none;}
}


/* ·Î±×ÀÎ ½Ã À¯Àú Á¤º¸ */
/* ¾Èº¸ÀÌ°Ô */
/* .login-wrap-on, .login-wrap-on01, .login-wrap-on02{display:none !important;} */

.login-wrap-on{background-color:#454b5e !important; border:none !important; padding:10px 15px 10px 15px !important;}
.login-wrap-on .on-inner{padding:0px 5px;}
.login-wrap-on .logout{display:block; text-align:right; color:#fff !important; font-size:10px; margin-bottom:-4px;}
.login-wrap-on ul{width:100%;}
.login-wrap-on ul:after{clear:both; content:''; display:block;}
.login-wrap-on ul li{float:left; text-align:center; width:33.3333%; border-right:1px solid #fff;}
.login-wrap-on ul li:nth-child(3),
.login-wrap-on ul li:last-child{border-right:none;}
.login-wrap-on ul li:nth-child(1),
.login-wrap-on ul li:nth-child(2),
.login-wrap-on ul li:nth-child(3){border-bottom:1px solid #fff;}
.login-wrap-on ul li span{color:#fff; display:block; font-size:12px; margin-bottom:-6px;}
.login-wrap-on ul li a{color:#f7db3c !important; margin-left:0px !important; font-size:12px;}
.login-wrap-on ul li a.user-name{color:#87e1f0 !important; padding-bottom:2px; display:inline-block;}

.login-wrap-on02{display:none;}

@media (max-width: 1367px) {
.login-wrap-on .logout{margin-bottom:3px;}
.login-wrap-on{padding:12px 10px 12px 10px !important;}
.login-wrap-on .on-inner{padding:10px 10px;}
.login-wrap-on ul li{width:50%;}
.login-wrap-on ul li:nth-child(3),
.login-wrap-on ul li:last-child{border-right:1px solid #fff;}
.login-wrap-on ul li:nth-child(even){border-right:none;}
.login-wrap-on ul li{border-bottom:1px solid #fff;}
.login-wrap-on ul li:nth-child(5),
.login-wrap-on ul li:nth-child(6){border-bottom:none;}
}

@media (max-width: 1240px) {
.login-wrap-on .logout{margin-bottom:0px;}
.login-wrap-on{padding:9px 10px 9px 10px !important; }
}

@media (max-width: 1099px) {
.login-wrap-on01{display:none !important;}
.m-login-on{width:100%; padding: 0 12px;}
.login-wrap-on02{display:block; width:100%; border-radius:15px;}

.login-wrap-on .logout{font-size:16px !important;margin-bottom:5px; text-align:center; background-color:#0086c1; padding:8px 0; margin-top:8px; border-radius:8px;}

.login-wrap-on{margin:0px 0px 20px 0px !important;}
.login-wrap-on ul li{width:33.3333%; padding:10px;}
.login-wrap-on ul li{float:left; text-align:center; width:33.3333%; border-right:1px solid #fff !important;}
.login-wrap-on ul li:nth-child(3),
.login-wrap-on ul li:last-child{border-right:none !important;}
.login-wrap-on ul li:nth-child(1),
.login-wrap-on ul li:nth-child(2),
.login-wrap-on ul li:nth-child(3){border-bottom:1px solid #fff;}
.login-wrap-on ul li:nth-child(4){border-bottom:none}
.login-wrap-on ul li span{font-size:16px; margin-bottom:5px;}
.login-wrap-on ul li a{font-size:14px; !important;}
.login-wrap-on ul li a.user-name{padding-bottom:0px;}
}

@media (max-width: 480px) {
.login-wrap-on ul li{width:50%;}
.login-wrap-on ul li:nth-child(3),
.login-wrap-on ul li:last-child{border-right:1px solid #fff !important;}
.login-wrap-on ul li:nth-child(even){border-right:none !important;}
.login-wrap-on ul li{border-bottom:1px solid #fff !important;}
.login-wrap-on ul li:nth-child(5),
.login-wrap-on ul li:nth-child(6){border-bottom:none !important;}
.login-wrap-on ul li span{font-size:14px;}
}


/* ±¸¸Å&¹è¼Û´ëÇàÁ¢¼ö ¿µ¿ª */
.f-menu-wrap{width:100%;}
.f-menu-wrap ul{display:flex; flex-direction:row; margin:0 -4px;}
.f-menu-wrap ul li{width:50%; text-align:center; padding:0 4px;}
.f-menu-wrap ul li .f-menu-btn{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 98px; border-radius: 15px;}
.f-menu-wrap ul li .f-menu-btn01{background-color:#ffe7eb; border:1px solid #ffa7b6; color:#b80824; font-size:18px;}
.f-menu-wrap ul li .f-menu-btn01:hover{background-color:#f7d0d7;}
.f-menu-wrap ul li .f-menu-btn02{background-color:#e7edff; border:1px solid #a7b7ff; color:#0837b8; font-size:18px;}
.f-menu-wrap ul li .f-menu-btn02:hover{background-color:#cbd8fd;}
.f-menu-wrap ul li .f-menu-btn img{display:block; margin-bottom:7px;}

.f-menu-common02{display:none;}

@media (max-width: 1367px) {



.f-menu-wrap{width:50% !important; float:left;}
.f-menu-wrap ul{margin:0 0px; flex-direction:column; padding-left:16px;}
.f-menu-wrap ul li{padding:0 0px; width:100%;}
.f-menu-wrap ul li:first-child{margin-bottom:15px;}
.f-menu-wrap ul li .f-menu-btn{height: 88px;}
.f-menu-wrap ul li .f-menu-btn img{display:inline-block; left: 0%; transform: translateX(0%); vertical-align:middle;}

}

@media (max-width: 1240px) {
.f-menu-wrap ul li:first-child{margin-bottom:15px;}
.f-menu-wrap ul li .f-menu-btn{height: 83px;}
}

@media (max-width: 1099px) {
.f-menu-common01{display:none;}
.f-menu-common02{display:block; margin-bottom:20px !important;}
.f-menu-wrap{width:100% !important;}
.f-menu-wrap ul{margin:0px -6px; flex-direction:row; padding-left:0px;}
.f-menu-wrap ul li{padding:0px 6px; width:50%; margin-bottom:0px;}
.f-menu-wrap ul li:first-child{margin-bottom:0px;}
.f-menu-wrap ul li .f-menu-btn img{display:inline-block;}
.f-menu-wrap ul li .f-menu-btn{height:100px; font-size:25px; font-weight:700;}
.f-menu-wrap ul li .f-menu-btn01{border:2px solid #ffa7b6;}
.f-menu-wrap ul li .f-menu-btn02{border:2px solid #a7b7ff;}

.f-menu-wrap ul li .f-menu-btn img{display:inline-block; left: 0%; transform: translateX(0%); margin-bottom:0px; height:35px;}

.f-menu-wrap ul li .f-menu-btn02 span{left:5px;}
}

@media (max-width: 768px) {
.f-menu-wrap ul li .f-menu-btn{font-size:22px;}
}

@media (max-width: 480px) {
.f-menu-common{margin-bottom:20px !important;}
.f-menu-wrap ul{flex-direction:column;}
.f-menu-wrap ul li{width:100%;}
.f-menu-wrap ul li:nth-child(1){margin-bottom:6px;}
.f-menu-wrap ul li .f-menu-btn{font-size:19px;}
}

/* ±¸¸Å´ëÇà ¼ö¼ö·á */
.charge-wrap{background-color:#fff; border:1px solid #e3e3e3; border-radius:15px; padding:28px 30px;}
.charge-wrap .title{padding-bottom:12px; text-align:center; position:relative;}
.charge-wrap .title:after{content:''; display:block; width:22px; height:22px; background:url(/Image/Main/price-icon.png)center center no-repeat; position:absolute; top:2px; left:0px;}
.charge-wrap caption{display:none;}
.charge-wrap table{width:100%; border-collapse: collapse;}
.charge-wrap table tr{}
.charge-wrap table tr th{background-color:#f1fafe; padding-left:5px;}
.charge-wrap table tr td{background-color:#fff; color:#ff5050; text-align:center;}
.charge-wrap table tr th,
.charge-wrap table tr td{font-size:14px; font-weight:400; border:1px solid #99defb;}

.cny-rate{text-align:center;}

@media (max-width: 1367px) {
.charge-wrap{width:100% !important; float:left; padding: 20px 30px;}
.charge-wrap table tr td{padding:5.3px;}
}

@media (max-width: 1240px) {
.charge-wrap table tr td{padding:0px;}
.charge-wrap .title{padding-bottom:5px; font-size:16px;}
.charge-wrap{padding: 19px 19px;}
}

@media (max-width: 1099px) {
.charge-common{display:block;}
.charge-wrap{padding:30px 30px;}
.charge-wrap .title{font-size:22px; margin-bottom:20px;}
.charge-wrap table tr th,
.charge-wrap table tr td{font-size:17px; padding:8px;}
}

@media (max-width: 768px) {
.charge-wrap{padding:25px 25px;}
}

@media (max-width: 480px) {
.charge-wrap .title{font-size:19px;}
.charge-wrap table tr th,
.charge-wrap table tr td{font-size:14px; padding:2px;}
}

/* °øÁö»çÇ× */
.notice-area{width:50%; padding:0 12px; position:relative; /*height:440px;*/ float:left;}
.notice-responsive{display:none;}
.notice-area .title:before{content:''; display:block; background:url(/Image/Main/notice-icon.png) center center no-repeat; width:20px; height:22px; position:absolute;}
.notice-area .title{font-size:18px; color:#313131; letter-spacing:-0.3px; padding-bottom:20px; text-align:center; font-weight:700; position:relative;}
.notice-area .title > a{float:right; color:#313131; font-weight:500;}
.notice-area .btn-box{background:#fef9f9; border-radius:15px; border:1px solid #e3e3e3; min-height:440px; max-height:440px; overflow:hidden;}
.notice-area .ntc-new{padding:15px 0px; border-top:1px dashed #d4d0d0; border-bottom:1px dashed #d4d0d0;}
.notice-area .ntc-new .ntc-date{font-size:14px; color:#6d6d6d;}
.notice-area .ntc-new .ntc-date span{display:inline-block; color:#fff; padding:0px 10px; background:#019ee7; border-radius:5px; margin-right:5px;}
.notice-area .ntc-new .ntc-title-new{margin-top:9px;}
.notice-area .ntc-new .ntc-title-new a{font-size:14px; color:#313131; font-weight:600; letter-spacing:-0.3px; overflow:hidden; display:block;}
/* .notice-area ul{padding-top:25px;} */
.notice-area ul li{margin-bottom:4px; padding-left:9px; position:relative;}
.notice-area ul li:before{content:''; width:2px; height:2px; background:#313131; position:absolute; left:0; top:50%; margin-top:-1px;}
.notice-area ul li:last-child{margin-bottom:0;}
.notice-area ul li a{font-family:Dotum; font-size:14px; color:#313131; line-height:27px; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice-area ul li:hover a{color:#019ee7}
.notice-area a.more{position:absolute; top:5px; right:20px; width:23px; height:23px; border-radius:50%; text-align:center; background:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,.12);}
.notice-area a.more:hover{background:#f1fafe;}
.notice-area a.more i{color:#313131; font-size:17px; line-height:23px;}

@media (max-width: 1367px) {

.notice-area .btn-box{padding:25px 25px;}
.notice-common{display:none;}
.notice-responsive{display:block; float:left;}
.notice-area{width:55%; padding:0px 8px 0px 0px;}
.notice-area .btn-box{min-height:324px; height:324px; overflow-y:hidden;}
.notice-area .btn-box ul li:nth-child(n+5){display:none;}

.notice-area .title{padding-bottom:15px;}
.notice-area .ntc-new{padding:8px 0px;}
.notice-area .ntc-new .ntc-title-new{margin-top:4px;}
.notice-area ul{padding-top:15px;}
}

@media (max-width: 1240px) {
.notice-area{width:55%; padding:0px 8px 0px 8px;}
.notice-area .btn-box{padding:19px 19px; height: 324px;}
.notice-area .ntc-new{padding:0px 0px; border-top:0px dashed #d4d0d0; border-bottom:0px dashed #d4d0d0;}
.notice-area .btn-box ul li:nth-child(n+5){display:block;}
}

@media (max-width: 1099px) {
.notice-area{width:100%; margin-bottom:20px;}
.notice-area .title{font-size:22px;}

.notice-area .btn-box{padding:30px 30px;}

.notice-area ul{display:block;}
.notice-area ul li a{font-size:14px; line-height:24px;}
.notice-area .ntc-new{padding:15px 0px; border-top:1px dashed #d4d0d0; border-bottom:1px dashed #d4d0d0;}
.notice-area .ntc-new .ntc-title-new a{font-size:17px;}
}
@media (max-width: 768px) {
.notice-area{padding:0 12px;}
.notice-area .btn-box{padding:25px 25px;}
.notice-area .ntc-new .ntc-title-new a{font-size:16px;}
}

@media (max-width: 480px) {
.notice-area{margin-bottom:20px;}
.notice-area .title{font-size:19px;}
}

.fv-area{width:100%; float:left; padding:0 5px;}
.icon-menu{width:100%; margin-top:18px;}
.icon-menu ul{margin:-7px;}
.icon-menu ul:after{clear:both; display:block; content:'';}
.icon-menu ul li{width:50%; padding:7px; float:left;}
.icon-menu ul li a{font-size:18px; color:#313131; font-weight:700; width:100%; display:flex; justify-content:center; align-items:center; background-color:#fff; border: 1px solid #e3e3e3; border-radius:15px; padding:29px 30px; position:relative;}
.icon-menu ul li a:hover{background-color:#f3f3f3;}
.icon-menu ul li a span{margin-left:15px;}

@media (max-width: 1367px) {
.fv-area{width:45%; padding:0px 3px 0px 8px;}
.icon-menu{margin-top:0px;}
.icon-menu ul li{width:100%;}
.icon-menu ul li a{padding:16px 20px 17px 20px;}
.icon-menu ul{margin:-4px;}
.icon-menu ul li{padding:4px;}

.icon-menu ul li a img{width:40px;}
.icon-menu ul li a span{}
}

@media (max-width: 1240px) {
.fv-area{width:45%; padding:0px 14px 0px 8px;}
.icon-menu ul li{width:100%;}
.icon-menu ul li a{font-size:16px;}
}

@media (max-width: 1099px) {
.fv-area{width:100%; padding:0 20px;}
.icon-menu{margin-top:10px; margin-bottom:30px;}
.icon-menu ul{margin:-15px;}
.icon-menu ul li{width:50%; padding:3px;}
.icon-menu ul li a{padding:35px 30px;}
}

@media (max-width: 768px) {
.fv-area{padding:0 24px;}
.icon-menu ul{margin:-16px;}
.icon-menu ul li a{padding:30px 25px;}
}


@media (max-width: 480px) {
.icon-menu ul li{width:100%; text-align:center;}
.icon-menu ul li a{font-size:16px;}
.icon-menu ul li a span:before{background-size:80% !important;}
.icon-menu ul li a span{left:23px !important;}
/

.icon-menu ul li a{padding:25px 30px;}
.icon-menu ul li:nth-child(1) a span:before,
.icon-menu ul li:nth-child(2) a span:before,
.icon-menu ul li:nth-child(3) a span:before,
.icon-menu ul li:nth-child(4) a span:before{top:-16px;}

.icon-menu ul li:nth-child(2) a span:before,
.icon-menu ul li:nth-child(3) a span:before,
.icon-menu ul li:nth-child(4) a span:before{width:50px; height:50px; top:-13px; left:-55px;}


}


/* ¸ÞÀÎ ¸Þ´º & Áß±¹¼¾ÅÍ ÁÖ¼Ò ¿µ¿ª  */
.main-con-btm{margin:0px -12px;}
.main-con-btm:after{clear:both; display:block; content:'';}

.main-ad-area{width:50%; margin-top:18px; float:right; padding:0 12px;}
.main-ad-area-inner{margin:0 -12px;}
.main-ad-area .ad-wrap{width:50%; float:left; padding: 0 12px; }
.main-ad-area .ad-wrap .ad-inner{background-color:#fff; border: 1px solid #e3e3e3; border-radius:15px; padding:18px 25px;}
.main-ad-area .ad-wrap .title:before{content:''; display:block; background:url(/Image/Main/address-icon.png) center center no-repeat; width:20px; height:22px; position:absolute;}
.main-ad-area .ad-wrap .title{font-size:18px; color:#313131; letter-spacing:-0.3px; padding-bottom:20px; text-align:center; font-weight:700; position:relative;}
.main-ad-area .ad-wrap ul{}
.main-ad-area .ad-wrap ul li{font-size:14px; color:#313131;}

@media (max-width: 1367px) {
.main-con-btm{margin:21px -8px 0px -8px;}
.main-ad-area{margin-top:0px;}
.main-ad-area-inner{margin:0 -12px;}
/* .main-ad-area .ad-wrap{padding: 0 12px;} */
.main-ad-area .ch-ad-wrap{padding: 0px 8px 0px 10px;}
.main-ad-area .en-ad-wrap{padding: 0px 12px 0px 8px;}
.main-ad-area .ad-wrap .ad-inner{height:324px; padding: 25px 25px;}
}

@media (max-width: 1240px) {
.main-con-btm{margin:21px -12px 0px -8px;}
.main-ad-area{margin-top:-3px;}
.main-ad-area .ad-wrap .title{font-size:16px;}
.main-ad-area .ad-wrap .ad-inner{padding:19px 19px;}
}

@media (max-width: 1099px) {
.main-con-btm{margin:3px -8px 0px -8px;}
.main-ad-area{width:100%; float:initial; margin-top:0px;}
.main-ad-area .ad-wrap{width:100%; float:none; padding: 0px 8px;}
.main-ad-area .ch-ad-wrap{margin-bottom:6px;}

.main-ad-area .ad-wrap .title{font-size:22px;}
.main-ad-area .ad-wrap .ad-inner{height:auto; padding:30px 30px;}
.main-ad-area .en-ad-wrap .title{text-align:center; font-size:19px;}
}

@media (max-width: 768px) {
.main-con-btm{margin:0px -12px 0px -12px;}
.main-ad-area .ad-wrap{padding: 0px 12px;}
.main-ad-area .ad-wrap .ad-inner{padding:25px 25px;}
}

@media (max-width: 480px) {
.main-ad-area .ad-wrap .title{font-size:19px !important;}
}

/* °øÁö»çÇ× & ¸ÞÀθ޴º ¹ÝÀÀÇü */

	/* »çÀÌÁî Àç¼³Á¤ */
.noti-menu{width:50%; display:inline-block; padding:0 8px;}
.noti-menu:after{display:block; content:''; clear:both;}
@media (max-width: 1240px) {
.noti-menu{margin-top:-3px;}
.noti-menu{padding:0px 0px;}
}
@media (max-width: 1099px) {
.noti-menu{width:100%; display:block; margin-bottom:2px;}
}

.easy-guide{position:absolute; left:560px; bottom:-70px; width:342px; height:257px; background:url('/Image/Main/easy-guide-bg.png')left bottom no-repeat;}
.easy-guide .inner{position:relative;}
.easy-guide .inner a{display:block; width:201px; height:119px; background:url('/Image/Main/easy-guide-link.png')left center no-repeat; position:absolute; right:0; top:5px; padding:27px 35px;}
.easy-guide .inner a p{margin:0; font-size:20px; line-height:25px; letter-spacing:-0.3px; color:#d76899; text-align:left; padding-right:30px; background:url('/Image/Main/easy-link-arrow.png')right 33px no-repeat;}
.easy-guide .inner a p span{display:block;}
.easy-guide .inner a:hover{top:-3px;}

@media (max-width: 1367px) {
.easy-guide{left:490px; width:312px;}
.easy-guide .inner a{padding:25px 40px;}
}
@media (max-width: 1240px) {
.easy-guide{left:425px; width:260px; height:221px; background-size:200px auto;}
.easy-guide .inner a{width:160px; height:95px; background-size:cover; padding:17px 35px;}
.easy-guide .inner a p{font-size:18px; line-height:23px; padding-right:0; background:none;}
}
@media (max-width: 995px) {
.easy-guide{position:static; width:calc(50% - 20px); height:150px; margin-top:30px; background-size:auto 210px;}
.easy-guide .inner a{top:0;}
}
@media (max-width: 768px) {
.easy-guide{width:100%; height:auto; background:none;}
.easy-guide .inner a{width:100%; height:auto; background:url('/Image/Main/easy-guide-bg.png')20px bottom no-repeat #fff; border-radius:15px; border:4px solid #eecdde; background-size:auto 80px; position:static;}
.easy-guide .inner a p{padding-left:80px;}
.easy-guide .inner a p span{display:inline-block;}
}

/* ---------------------------------- */
/* trk-search
------------------------------------- */
.trk-search{position:absolute; right:0; top:0px; width:266px;}
.trk-search .title{font-size:20px; color:#313131; letter-spacing:-0.3px; padding-bottom:20px;}
.trk-search .trk-box{background:#fff; border-radius:15px; box-shadow:0 0 12px 0 rgb(0 0 0 / 12%); padding:29px; height:132px;}
.trk-search .trk-box li.ch{padding-bottom:9px; border-bottom:1px dashed #d4d0d0;}
.trk-search .trk-box li.kr{padding-top:8px;}
.trk-search .trk-con{width:100%; height:30px; background:#fff; margin:0 auto; padding:0px 40px 0 30px; position:Relative; overflow:hidden} /*box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);*/
.trk-search .trk-con input{height:30px;line-height:30px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.0); }
.trk-search .trk-con input::-webkit-input-placeholder{color:#949494}
.trk-search .trk-con input::-moz-placeholder{color:#949494}
.trk-search .trk-con input::-ms-innput-placeholder{color:#949494}
.trk-search .trk-con.ch{background:url(/image/main/flag-c.png) 5px 3px no-repeat #fff;}
.trk-search .trk-con.kr{background:url(/image/main/flag-k.png) 5px 3px no-repeat #fff}
.trk-search .trk-con a{display:block; height:30px;position:absolute; top:0px; right:0px;padding:0px 10px;}
.trk-search .trk-con a i{color:#767676; font-weight:bold; font-size:18px; line-height:30px; }


@media (max-width: 1367px) {
.trk-search{width:230px;}
}
@media (max-width: 1240px) {
.trk-search{width:198px;}
.trk-search .title{padding-bottom:15px;}
.trk-search .trk-box{padding:20px; height:112px;}
.trk-search .trk-box li.ch{padding-bottom:7px;}
.trk-search .trk-box li.kr{padding-top:6px;}

}
@media (max-width: 995px) {
.trk-search{width:calc(50% - 20px); top:172px;}
.trk-search .title{font-size:18px; font-weight:700;}
}
@media (max-width: 768px) {
.trk-search{position:static; margin-top:30px; width:100%;}
.trk-search .trk-box{height:auto;}
.trk-search .trk-box li.ch{padding-bottom:10px;}
.trk-search .trk-box li.kr{padding-top:10px;}
}
@media (max-width: 480px) {
}



.main-con-02{display: flex;flex-wrap: wrap; margin:0px -20px;}
.main-con-02 .con-box{align-content:center; display:flex; flex-direction:column; margin:0; transition:0.35s; padding:0px 20px; height:220px}
.main-con-02 .con01{width:74.5%;}
.main-con-02 .con02{width:25.5%;}
@media (max-width: 995px) {
.main-con-02 .con-box{height:auto;}
.main-con-02 .con01{width:100%;}
.main-con-02 .con02{width:100%;}
}
@media (max-width: 768px) {
.main-con-02{margin:0px -10px;}
.main-con-02 .con-box{padding:0px 10px;}
}

.review{height:100%; background:#fff; overflow:hidden;padding-right:29px; position:relative; }
.review .title{font-size:20px; line-height:33px; color:#313131; letter-spacing:-0.5px; position:relative;}
.review .title:after{content:''; width:calc(100% - 118px); height:1px; background:#e5e5e5; position:absolute; left:80px; top:16px;}
.review ul{display:flex; flex-wrap:wrap; margin:0 -15px; padding-top:25px;}
.review ul li{width:25%; padding:0 15px;}
.review ul li a{display:block;}
.review ul li a .img-wp{height:119px; overflow:hidden; position:Relative;}
.review ul li a .img-wp img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; min-height:100%;}
.review ul li a .txt-t{font-size:14px; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; color:#313131; font-weight:700; line-height:25px;}
.review ul li a:hover .txt-t{color:#019ee7;}
.review ul li a p{margin:0; font-size:13px; line-height:13px; color:#838383;}
.review a.more{position:absolute; top:5px; right:30px; width:23px; height:23px; border-radius:50%; text-align:center; background:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,.12);}
.review a.more:hover{background:#f1fafe;}
.review a.more i{color:#313131; font-size:17px; line-height:23px;}

@media (max-width: 995px) {
.review{padding-right:0px;}
.review .title{font-size:18px; font-weight:700;}
.review ul{padding-top:15px;}
.review a.more{right:3px;}
}
@media (max-width: 768px) {
.review ul{margin:0 -10px;}
.review ul li{width:50%; padding:0 10px;}
.review ul li:nth-child(1),.review ul li:nth-child(2){padding-bottom:20px;}
.review ul li a .img-wp{height:125px;}
}

.faq{height:100%; background:#fff; overflow:hidden; position:relative; }
.faq .title{font-size:20px; line-height:33px; color:#313131; letter-spacing:-0.5px; position:relative;}
.faq .title:after{content:''; width:calc(100% - 162px); height:1px; background:#e5e5e5; position:absolute; left:123px; top:16px;}
.faq ul{padding-top:25px;}
.faq ul li{margin-bottom:3px; padding-left:9px; position:relative;}
.faq ul li:before{content:''; width:2px; height:2px; background:#313131; position:absolute; left:0; top:50%; margin-top:-1px;}
.faq ul li:last-child{margin-bottom:0;}
.faq ul li a{font-family:Dotum; font-size:14px; color:#313131; line-height:25px; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.faq ul li:hover a{color:#019ee7}
.faq a.more{position:absolute; top:5px; right:5px; width:23px; height:23px; border-radius:50%; text-align:center; background:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,.12);}
.faq a.more:hover{background:#f1fafe;}
.faq a.more i{color:#313131; font-size:17px; line-height:23px;}

@media (max-width: 995px) {
.faq{margin-top:30px;}
.faq .title{font-size:18px; font-weight:700;}
.faq ul{padding-top:13px;}
.faq ul li{margin-bottom:5px;}
.faq ul li:nth-child(4){margin-bottom:0;}
.faq ul li.m-no{display:none;}
}

.guide-area{padding-top:0px;}
.guide-area ul{border-right:1px solid #99defb;}
.guide-area ul:after{content:''; display:block; clear:both;}
.guide-area ul li{float:left; width:25%; background:#f1fafe; border:1px solid #99defb; border-right:0px solid #99defb;}
.guide-area ul li a{font-size:16px; color:#313131; font-weight:700; line-height:54px; display:block; width:100%; padding:0 25px;}
.guide-area ul li a i{font-size:16px; color:#4ba4cc;}
.guide-area ul li:hover {background:#e3f6ff;}


@media (max-width: 1099px) {
.guide-area{padding:29px 0;}
.guide-area ul li{width:50%;}
.guide-area ul li:nth-child(1),.guide-area ul li:nth-child(2){border-bottom:0px solid #99defb;}
.guide-area ul li a{font-size:16px; line-height:46px; padding: 0 28px;}
.guide-area ul li a i{font-size:14px;}
}
@media (max-width: 768px) {
.guide-area{padding:20px 0;}
.guide-area ul li a{padding: 0 23px;}
}
@media (max-width: 480px) {
.guide-area ul li{padding:0px 0px; width:100%;}
.guide-area ul li:last-child{border-top:none;}
.guide-area ul li a{font-size:15px;}
.guide-area ul li a i{font-size:15px;}
}


/* ---------------------------------- */
/* hotdeal - Grid Layout
------------------------------------- */
.hotdeals-area{position:relative}
.hotdeal-title{font-size:30px; text-align:center; letter-spacing:-0.5px; padding-bottom:30px;}
.hotdeal-wp{padding:0 40px;}
.hotdeal-wp .hotdeals-container{}
.hotdeal-wp .hotdeal{display:flex; flex-direction:column; justify-content:center; margin:0px 15px; transition:0.3s; position:relative;}
.hotdeal-wp .hotdeal:hover{transform: translateY(-4px); }
.hotdeal a{}
.hotdeal-img-wp{height:205px; overflow:hidden; position: relative;}
.hotdeal-img-wp img{width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hotdeal-name{font-size:13px; color:#545454; line-height:25px; text-align:center; margin:10px auto 0;width:80%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.hotdeal-price{font-size:14px; color:#565656; font-weight:700; text-align:center;}
/*
.hotdeals-container { display: flex;flex-wrap: wrap;}
.hotdeal {display:flex; flex-direction:column; justify-content:center; margin:0px 15px; transition:0.3s; position:relative; cursor:default; border:1px solid #d8d8d8;}
.hotdeal:hover{transform: translateY(-4px); }
.hotdeal-overview {text-align:center; flex-grow: 1;display: flex;flex-wrap: wrap;align-items: center;}
.hotdeal-overview-inner {flex: 1;}
.hotdeal-overview .hotdeal-avatar {height:205px; overflow:hidden; position: relative;}
.hotdeal-overview .hotdeal-avatar img {width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hotdeal-overview .hotdeal-avatar .verified-badge {position: absolute;bottom: 0;right: 0;}
.hotdeal-name {margin-top: 10px; line-height:25px; text-align:center; width:98%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.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);}
*/

.hotdeals-area .slick-dots{position:absolute; top:-65px; right:10px;}
.hotdeals-area .slick-next,.hotdeals-area .slick-prev{top:40%;}
.hotdeals-area .slick-next{right:-40px;}
.hotdeals-area .slick-prev{left:-40px;}*/

/* Media Queiers for hotdeals List */
@media (max-width: 1366px) {
	.freelances-grid-layout .hotdeal-overview .hotdeal-avatar { width: 100px; }
}
@media (max-width: 995px) {
.hotdeal-wp{padding:0px; margin:0 -15px;}
.hotdeal-title{font-weight:700;}
}
@media (max-width: 768px) {
.hotdeals-area{padding-top:5px;}
.hotdeals-grid-layout.hotdeals-container { width: 100%; }
.hotdeal {width: 50%; }
}

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


.main-con-03{display: flex;flex-wrap: wrap; padding-bottom:39px; margin:0 -15px;}
.main-con-03 .con-box{width:50%; align-content: center;display: flex;flex-direction: column;margin: 0;transition: 0.35s; padding:0 15px; height:198px;}

@media (max-width: 1099px) {
.main-con-03{padding-bottom:20px;}
.main-con-03 .con-box{width:100%; height:auto;}
}
@media (max-width: 768px) {

}

/* ---------------------------------- */
/* schedule
------------------------------------- */
.schedule{height:100%; border:1px solid #e3e3e3; border-radius:30px; padding:35px; position:relative;}
.schedule .title{font-size:20px; letter-spacing:-0.5px; color:#313131; padding-bottom:10px;}
.schedule .title span{color:#e08eb1;}
.schedule p.txt{margin:0; font-size:16px; padding-bottom:40px; border-bottom:1px dashed #d5d5d5}
.schedule p.txt strong{font-size:23px;}
.schedule p.txt span{font-size:13px;}
.schedule .icon-wp{position:absolute; right:35px; top:35px;}
.schedule ul{padding-top:15px;}
.schedule ul:after{content:''; display:block; clear:both;}
.schedule ul li{float:left; color:#313131; padding:0 9px; position:relative;}
.schedule ul li:after{content:''; width:1px; height:11px; background:#d5d5d5; position:absolute; right:0; top:6px;}
.schedule ul li:first-child{padding-left:0;}
.schedule ul li:last-child:after{display:none;}
.schedule ul li span{display:inline-block; padding-left:3px;}
.schedule ul li span.on{color:#efa8a8;}

@media (max-width: 1240px) {
.schedule{padding:30px}
.schedule .icon-wp{right:30px; top:30px;}
.icon-wp img{max-width:78%;}
}
@media(max-width:1099px){
.schedule{padding:30px; border-radius:15px;}
.schedule .icon-wp{right:20px; top:20px;}
.schedule .title{font-size:18px; font-weight:700;}
.schedule p.txt{font-size:15px; padding-bottom:20px;}
.schedule p.txt strong{font-size:20px;}
.schedule p.txt span{font-size:12px;}
.schedule ul{padding-top:20px;}
.icon-wp img{max-width:100%;}
.schedule ul li{font-size:14px;}
}
@media (max-width: 995px) {

}
@media (max-width: 768px) {
.schedule{padding:25px;}
.schedule p.txt{padding-bottom:15px;}
.schedule ul{padding-top:15px;}
}
@media (max-width: 480px) {
.schedule ul li{padding:0 4px;}
.schedule ul li span{padding-left:0px;}
.icon-wp img{max-width:70%;}
.schedule ul li{font-size:12px;}
}


.cs-center{height:100%; border:1px solid #e3e3e3; border-radius:30px; padding:35px; position:relative;}
.cs-center .title{font-size:20px; letter-spacing:-0.5px; color:#313131; padding-bottom:10px;}
.cs-center .icon-wp{position:absolute; right:35px; top:35px;}
.cs-center .title span{color:#019ee7;}
.cs-center .cs-info{padding-bottom:15px; border-bottom:1px dashed #d5d5d5}
.cs-center .cs-info:after{content:''; display:block; clear:both;}

/* Ãß°¡ */
.cs-center .cs-info .tel-area{display:inline-block;}
.cs-center .cs-info .tel-area span:nth-child(1){margin-right:36px;}
.cs-center .cs-info .tel-area span{margin-right:8px;}
.cs-center .cs-info p{margin:0; color:#313131;}
.cs-center .cs-info p.tel{font-size:20px; font-weight:700; padding-right:10px; display:inline;}
.cs-center .cs-info p.time{font-size:13px; letter-spacing:-0.3px; display:inline-block; position:relative; bottom:7px;}
.cs-center .cs-info p.time span{display:block;}
.cs-center ul{padding-top:15px;}
.cs-center ul:after{content:''; display:block; clear:both;}
.cs-center ul li{float:left; color:#313131; padding:0 13px; position:relative;}
.cs-center ul li:first-child{padding-left:0;}
.cs-center ul li a{color:#313131;}
.cs-center ul li a img{vertical-align:middle; padding-right:5px;}
.cs-center ul li a span.mb{display:none;}


@media (max-width: 1240px) {
.cs-center{padding:30px;}
.cs-center .icon-wp{right:30px; top:30px;}
.cs-center .cs-info p.time span{display:block; line-height:18px;}
.cs-center ul li{padding:0 3px;}
}
@media (max-width: 1099px) {
.cs-center{padding:30px; border-radius:15px; margin-top:20px;}
.cs-center .icon-wp{right:20px; top:20px;}
.cs-center .title{font-size:18px; font-weight:700;}
.cs-center .cs-info{padding-bottom:20px;}
.cs-center .cs-info p.time span{display:inline-block;}
.cs-center ul{padding-top:20px;}

.cs-center .cs-info .tel-area{display:block;}
.cs-center .cs-info p.time{bottom:-3px;}
.cs-center ul li{width:33.3333%; text-align:center;}
.cs-center ul li a{display:block; font-size:16px;}
}

@media (max-width: 768px) {
.cs-center{padding:20px;}
.cs-center .cs-info{padding-bottom:15px;}
.cs-center ul{padding-top:15px;}
.cs-center .cs-info p.time span{display:block; line-height:18px;}
.cs-center ul li{padding:0px 0px;}
.cs-center ul li a{ font-size:14px;}
}
@media (max-width: 480px) {
.cs-center .cs-info p.time span{display:inline-block;}
.cs-center ul{margin:0 -3px;}
.cs-center ul li a img{width:32px; height:auto; padding-right:3px; vertical-align: middle;}
.cs-center ul li a > span{position:relative; top:1px;}
.cs-center ul li a span.pc{display:none;}
.cs-center ul li a span.mb{display:inline-block;}
.cs-center ul li{text-align:center; width:100%; margin: 2.5px 0px;}
.cs-center ul li a{background-color:#e3e3e3; display:inline-block; width:100%; padding:15px 0px; font-size:16px; border-radius:8px;}

}

/* ---------------------------------- */
/* 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-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;
width:40px; height:40px; border-radius:50%; 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:#f5f5f5; box-shadow:0 3px 12px rgba(0,0,0,0.15);}
.slick-prev:hover:before,
.slick-next:hover:before {opacity:1;}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {pointer-events:none; cursor:default; box-shadow:none;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {opacity:0.5}
.slick-prev:before,
.slick-next:before {line-height:1; opacity:1; transition:0.3s; position:relative; color:#fff;}
.slick-prev { left: -85px; }
.slick-prev:before {content:url('/Image/Main/slider-prev.png'); left: -1px; }
.slick-next {  right: -85px; }
.slick-next:before {content:url('/Image/Main/slider-next.png'); 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: -50px; }
	.slick-next {  right: -50px; }
}

@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; }

/* nodata 240327 Çö°â Ãß°¡ */
.nodata-more{float:right; width:125px; letter-spacing:-0.05em;}
.nodata-more a{color:#666; font-size:15px;}
.nodata-more a:hover{color:#111;}

.nodata-title{display:flex; flex-direction: row; align-items: center; margin-bottom:20px; width:calc(100% - 125px);}
.nodata-title img{width: 22px; height:22px;}
.nodata-title h3{font-size:18px; margin-left:10px;}

.nodata{margin:0px -7px;}
.nodata-list{padding:0px 7px;}
.nodata-list .img-box{height: 270px;}
.nodata-list .img-box img{border-radius:8px; max-height: 270px; width:100%;}
.nodata-list .txt{ 
	display:flex; 
	align-items: center; 
	justify-content: center; 
	height:54px; 
	font-size:16px; 
	font-weight:700;
	text-align:center; 
/* 	border-radius:8px;  */
	margin-top:10px;
	background-color:#fff;
	border:1px solid #d8d8d8;
	transition:0.3s;
	}
.nodata-list .txt.red{/*  */ color:#f00;}
.nodata-list .txt.blue{/*  */  color: #0837b8;}
.nodata-list a:hover .txt.red{background: #fef3f1;  border: 1px solid #fbba99; transition:0.3s;}
.nodata-list a:hover .txt.blue{background-color: #e7edff;  border: 1px solid #a7b7ff;}