@charset "utf-8";
@import url("/Library/Css/user_layout3.css");


/* 메인 Css */

.section{margin-top:100px;}
.section:after{content:""; display:block; clear:both}
.section.bg{background:#f4f2e0}
@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
.section{margin-top:60px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.section{margin-top:40px;}
}
@media (max-width: 768px) {
.section{margin-top:25px;}
}
@media (max-width: 480px) {
}






/* ---------------------------------- */
/* Intro Banner
------------------------------------- */
.intro-banner {position: relative;margin-top:40px;}

/* 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: 1;transition: 0.4s;pointer-events: all;}
.testimonial-carousel .slick-slide.slick-active {opacity: 1; filter: none; pointer-events: all;}
.testim  onial-carousel .slick-slide.slick-active .testimonial-box {transform: scale(1);}
.testimonial-carousel .slick-slide.slick-active .testimonial-box:before {opacity: 1;}
.testimonial-carousel .slick-slide.slick-active .testimonial-box {background: #transparent;}
.testimonial-carousel .slick-next { right: -100px; }
.testimonial-carousel .slick-prev { left: -100px; }
.testimonial-carousel .slick-next,
.testimonial-carousel .slick-prev { margin-top: 0px; }
.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; }
@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
.intro-banner {position: relative;margin-top:15px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}



/* -------------------------------------------------------------- */
/* 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: #b2b2b2; border-radius: 48px; width: 48px; height: 48px;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: 18px;line-height: 1;opacity: 1;transition: 0.3s;position: relative;color: #fff;}
.slick-prev { left: -85px; }
.slick-prev:before {  content: '\e910'; left: 0px; top:0px}
.slick-next {  right: -85px; }
.slick-next:before { content: '\e912'; right: 0px;  top:0px}
/* Dots */
.slick-dots {margin: 0 auto;padding: 0;text-align: center;}
.slick-dots li {position: relative; display: inline-block;padding: 0; margin: 0 3px;cursor: pointer;}
.slick-dots li {font-size: 0; line-height: 0; cursor: pointer; color: transparent;border: 0;position: relative;outline: none;display: inline-block;width: 15px;
	height: 15px;margin: 0 3px;opacity: 1;border-radius: 50%;line-height: 0;box-shadow: inset 0 0 0 2px #c0c0c0;transition: all 0.3s;}
.slick-dots li.slick-active {box-shadow: inset 0 0 0 6px #c0c0c0;transition: all 0.3s;}
.slick-dots li:after { display: block;height: 13px;width: 13px;content: "";position: absolute;top: 1px;left: 1px;background-color: transparent;
	border-radius: 50%;transition: all 0.3s;opacity: 0;background-color: #c0c0c0;}
.slick-dots li.slick-active:after {opacity: 1;}

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

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

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

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

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

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

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





/* ---------------------------------- */
/* mainBtn-area
------------------------------------- */
.mainBtn-area{}
.mainBtn-area:after{content:""; display:Block; clear:both}
.mainBtn-area  ul{margin:0px -30px;}
.mainBtn-area  ul li{float:left; width:33.333%;padding:0px 30px}
.mainBtn-area  ul li a{display:block; border-top:1px solid #333;padding-top:33px; position:Relative;}
.mainBtn-area  ul li a h2{font-family: 'Noto Sans KR'; font-size:28px; letter-spacing:-1px;font-weight:bold; margin-bottom:22px; line-height:1.3em}
.mainBtn-area  ul li a p{font-size:15px; margin:0px; line-height:22px}
.mainBtn-area  ul li a img{display:Block; position:absolute; top:33px; right:0px;}
@media (max-width: 1367px) {
.mainBtn-area  ul{margin:0px -20px;}
.mainBtn-area  ul li{padding:0px 20px}
.mainBtn-area  ul li a p{font-size:13px; }
}
@media (max-width: 1240px) {
.mainBtn-area  ul{margin:0px -15px;}
.mainBtn-area  ul li{padding:0px 15px}
.mainBtn-area  ul li a{padding-top:20px; }
.mainBtn-area  ul li a h2{ font-size:23px;margin-bottom:7px;}
.mainBtn-area  ul li a img{width:120px;top:23px; }
.mainBtn-area  ul li a p{ line-height:19px}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.mainBtn-area  ul li a img{width:53px;}
}
@media (max-width: 768px) {
.mainBtn-area  ul li a h2{ font-size:20px;}
.mainBtn-area  ul li a p{display:none}
}
@media (max-width: 480px) {
.mainBtn-area  ul{margin:0px -5px;}
.mainBtn-area  ul li{padding:0px 5px}
.mainBtn-area  ul li a h2{ font-size:17px;}
.mainBtn-area  ul li a img{width:40px;}
}

/*
로그인 후
*/

.new-con{display:inline-block; font-size:10px; color:#fff; line-height:16px; background:#ed220d; border-radius:50%; width:16px; height:16px; margin-left:5px;}
.new-con span{animation:blinkingText 1.8s infinite; display:block; text-align:center;}
@keyframes blinkingText{
	0% {color:#fff;}
	49%{color:#fff;}
	50%{color:transparent;}
	99%{color:transparent;}
	100%{color:#fff;}
}
@media (max-width: 1367px) {
.login_area .logout .con3, .login_area .logout .con4{padding-top:0px;font-size:12px;}
.login_area .logout table tr th,.login_area .logout table tr td{font-size:12px;padding:4px;}
}


/* ---------------------------------- */
/* mainBtn-area
------------------------------------- */
.middle-area{margin:0px -30px;}
.middle-area:after{content:""; display:Block; clear:both}
.middle-area .tit{font-family: 'Noto Sans KR'; font-size:22px; letter-spacing:-1px;color:#333;height:46px;}
.middle-area .con_box{float:left; width:33.333%;padding:0px 30px}
.middle-area .con_box2{float:left; width:66.666%;padding:0px 30px}
@media (max-width: 1367px) {
.middle-area{margin:0px -20px;}
.middle-area .con_box,.middle-area .con_box2{padding:0px 20px}
}
@media (max-width: 1240px) {
.middle-area{margin:0px -15px;}
.middle-area .con_box,.middle-area .con_box2{padding:0px 15px}
.middle-area .tit{ font-size:20px;height:40px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.middle-area .con_box{width:100%;}
.middle-area .con_box2{width:100%; margin-top:40px;}
}
@media (max-width: 768px) {
.middle-area .con_box2{width:100%; margin-top:25px;}
}
@media (max-width: 480px) {
.middle-area .tit{ font-size:17px;}
}

/* ---------------------------------- */
/* notice
------------------------------------- */
.notice{position:Relative; }
.notice ul{width:100%;height:128px; overflow:hidden; backgr ound:Red}
.notice ul li{height:14px; margin-bottom:14px;padding-left:10px; background:url(/image/main/bl2.png) left 7px no-repeat}
.notice ul a{display:block;}
.notice ul a p{width:75%; font-size:15px; color:#333; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:18px}
.notice ul li span{float:right; color:#666;font-size:12px; line-height:18px }
.notice .more{position:absolute;  right:0px; top:8px;}
@media (max-width: 1240px) {
.notice ul{height:100px; overflow:hidden; background:R ed}
.notice ul li{height:13px;}
.notice ul a p{font-size:14px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}
/* ---------------------------------- */
/* icoMenu
------------------------------------- */
.icoMenu{}
.icoMenu ul{overflow:hidden; width:100%;}
.icoMenu ul li{float:left; width:20%;}
.icoMenu ul li a{display:block; text-align:center;position:Relative; height:128px;}
.icoMenu ul li a img{vertical-align:top; margin-top:10px}
.icoMenu ul li a p{font-weight:Bold; font-size:16px; position:absolute; bottom:0px; left:50%; transform:translateX(-50%) ; width:150%;}
@media (max-width: 1240px) {
.icoMenu ul li a{height:100px;}
.icoMenu ul li a img{margin-top:5px}
.icoMenu ul li a p{font-size:14px;  bottom:-5px; }
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.icoMenu ul li a img{height:40px}
.icoMenu ul li a{height:70px;}
}
@media (max-width: 768px) {
.icoMenu ul li a p{font-size:13px;  }
}
@media (max-width: 480px) {
.icoMenu ul li{width:33.333%;}
.icoMenu ul li:nth-child(4),.icoMenu ul li:nth-child(5){margin-top:20px;}
}


/* ---------------------------------- */
/* review-area
------------------------------------- */
.review-area{border-top:1px solid #333;}
.review-list{margin:0px -15px;}
.review-list .inner{padding:33px 15px 0px;float:left; width:25%;}
.review-list .inner a{display:block; height:261px; overflow:hidden; position:relative;}
.review-list .inner a img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-height:100%; width:100%;}
.review-list .inner a .con_box{position:absolute; width:100%; padding:20px; left:0px; bottom:0px;}
.review-list .inner a .con_box .comment{padding:20px; background:#fff;overflow:hidden}
.review-list .inner a .con_box .comment p{height:37px; overflow:hidden; font-size:13px; line-height:20px;margin-bottom:10px; text-align:justify }
.review-list .inner a .con_box .comment span{font-size:11px;}
.review-list .inner.title{width:50%;}
.review-list .inner .title-con{height:261px; border:5px solid #fef8bc;position:RElative; background:url(/image/main/review-bg.png) 270px 42px no-repeat}
.review-list .inner .title-con .txt{width:200px; text-align:center;font-family: 'Noto Sans KR'; margin:45px 45px; }
.review-list .inner .title-con .txt span{color:#c53434; letter-spacing:3px;}
.review-list .inner .title-con .txt p{font-size:22px;font-family: 'Noto Sans KR'; letter-spacing:-1px; line-height:1.5em; margin:15px 0px}
.review-list .inner .title-con .txt p strong{font-size:28px}
.review-list .inner .title-con .txt a{display:Block; border-radius:3px; background:#ffd81d; color:#333; height:39px; line-height:39px; padding:0px 20px;}
@media (max-width: 1240px) {
.review-list{margin:0px -12px;}
.review-list .inner{padding:25px 12px 0px;}
.review-list .inner a{height:200px; }
.review-list .inner .title-con{background:url(/image/main/review-bg.png) 240px 42px no-repeat;background-size:40%;}
.review-list .inner .title-con .txt{width:170px;}
.review-list .inner .title-con{height:200px; }
.review-list .inner .title-con .txt{margin:35px 35px; }
.review-list .inner .title-con .txt p{margin:5px 0px;font-size:18px;}
.review-list .inner .title-con .txt p strong{font-size:23px}
.review-list .inner a .con_box .comment{padding:15px; }
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.review-list{margin:0px -10px;}
.review-list .inner{padding:25px 10px 0px;}
.review-list .inner a{height:150px; }
.review-list .inner .title-con{height:150px; }
.review-list .inner a .con_box{padding:10px;}
.review-list .inner a .con_box .comment{padding:10px; }
.review-list .inner a .con_box .comment p{height:20px;margin-bottom:3px;}
.review-list .inner .title-con{background:url(/image/main/review-bg.png) 180px 28px no-repeat;background-size:40%;}
.review-list .inner .title-con .txt{width:150px;margin:15px 15px;}
.review-list .inner .title-con .txt p{margin:0px 0px 5px;font-size:15px;}
.review-list .inner .title-con .txt p strong{font-size:20px}
.review-list .inner .title-con .txt a{height:35px; line-height:35px;}
}
@media (max-width: 768px) {
.review-list .inner{width:33.333%;}
.review-list .inner.title{width:100%;}
.review-list .inner .title-con{background:url(/image/main/review-bg.png) 280px 20px no-repeat;background-size:30%;}
.review-list .inner .title-con .txt{width:180px;margin:10px 65px;}
}
@media (max-width: 480px) {
.review-list .inner .title-con{background:none}
.review-list .inner .title-con .txt{margin:10px auto;}
.review-list .inner{width:50%;}
.review-list{margin:0px -5px;}
.review-list .inner{padding:10px 5px 0px;}
.review-list .inner.title{padding-top:25px}
}

/* ---------------------------------- */
/* trkSearch-area
------------------------------------- */
.trkSearch-area{overflow:hidden;padding:54px 0px;}
.trkSearch-area ul{margin:0px -15px;}
.trkSearch-area ul li{float:left; width:25%; padding:0px 15px; line-height:50px; font-weight:bold; font-size:16px;}
.trkSearch-area ul li .tit{font-family: 'Noto Sans KR'; font-size:22px;letter-spacing:-1px; }
.trkSearch-area ul li a{display:block; border:1px solid #333; border-radius:3px; padding:0px 20px;}
.trkSearch-area ul li a img{vertical-align:top;position:Relative; top:10px; margin-right:10px;box-shadow: 0 2px 8px rgb(0 0 0 / 20%); border-radius:3px;}
.trkSearch-area ul li a:After{content:"\e930";font-family: "Feather-Icons"; float:right; font-weight:100}
@media (max-width: 1240px) {
.trkSearch-area ul{margin:0px -12px;}
.trkSearch-area ul li{padding:0px 12px; }
.trkSearch-area ul li .tit{ font-size:20px;}
.trkSearch-area ul li a{ padding:0px 10px 0px 15px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.trkSearch-area{padding:15px 0px 30px;}
.trkSearch-area ul{margin:0px -10px;}
.trkSearch-area ul li{padding:0px 10px; }
.trkSearch-area ul li{width:33.333%}
.trkSearch-area ul li:nth-child(1){width:100%}
.trkSearch-area ul li .tit{text-align:center}
}
@media (max-width: 768px) {
.trkSearch-area ul li a img{margin:0 auto 10px; display:block}
}
@media (max-width: 480px) {
.trkSearch-area ul li .tit{font-size:17px}
.trkSearch-area ul{margin:0px -5px;}
.trkSearch-area ul li{padding:0px 5px; }
.trkSearch-area ul li a{font-size:13px;padding:0px 5px 0px 10px;}
.trkSearch-area ul li a img{margin:5px auto 5px;}
}

/* ---------------------------------- */
/* schedule-area
------------------------------------- */
.schedule-area{margin-bottom:54px;}
.schedule-area .tit{font-family: 'Noto Sans KR'; font-size:22px; letter-spacing:-1px;color:#333;height:46px; text-align:center}
.schedule-area table{width:100%;    border-collapse: collapse}
.schedule-area td, .schedule-area th{border:1px solid #ededed; text-align:center; height:48px;font-weight:bold; font-size:16px; width:12.5%}
.schedule-area th{background:#fbfbfb; font-weight:100}
.schedule-area td.bg{background:#fffef2; }
.schedule-area th .fc_red{color:#ff4b55}
@media (max-width: 1240px) {
.schedule-area .tit{ font-size:20px;height:40px;  }
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.schedule-area{margin-bottom:30px;}
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
.schedule-area .tit{ font-size:17px;}
.schedule-area td, .schedule-area th{font-size:13px;padding:0px 5px}
}
/* ---------------------------------- */
/* scheduleBot-area
------------------------------------- */
.scheduleBot-area{margin:0px -30px;}
.scheduleBot-area .box_con{float:left; width:33.333%; padding:0px 30px;}
.scheduleBot-area .box_con .inner{height:207px;padding:30px;}
.scheduleBot-area .box_con:nth-child(1) .inner{border:5px solid #fde1e2}
.scheduleBot-area .box_con:nth-child(2) .inner{border:5px solid #dbf2fa}
.scheduleBot-area .box_con:nth-child(3) .inner{border:5px solid #fef8bc}
.scheduleBot-area .box_con .inner .tit{font-family: 'Noto Sans KR'; font-size:22px; letter-spacing:-1px;color:#333;height:46px; text-align:center}
.scheduleBot-area .box_con ul {}
.scheduleBot-area .box_con ul li{float:left; width:33.333%;text-align:center;}
.scheduleBot-area .box_con ul li p{text-align:center; font-weight:bold; line-height:23px; margin-top:17px;}
.scheduleBot-area .box_con .txt{border-top:1px solid #ededed; line-height:50px; font-weight:bold;font-family:  Nanum Gothic; overflow:hidden; color:#333}
@media (max-width: 1367px) {
.scheduleBot-area{margin:0px -20px;}
.scheduleBot-area .box_con{padding:0px 20px}
}
@media (max-width: 1240px) {
.scheduleBot-area{margin:0px -15px;}
.scheduleBot-area .box_con{padding:0px 15px}
.scheduleBot-area .box_con .inner{height:187px;padding:20px;}
.scheduleBot-area .box_con .inner .tit{font-size:20px;height:40px;  }
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.scheduleBot-area{margin:0px -10px;}
.scheduleBot-area .box_con{padding:0px 10px}
.scheduleBot-area .box_con .inner{height:173px;padding:20px 10px;}
.scheduleBot-area .box_con ul li p{font-size:13px;margin-top:10px;}
}
@media (max-width: 768px) {
.scheduleBot-area .box_con{ width:100%;}
.scheduleBot-area .box_con:nth-child(2){margin:25px 0px}
}
@media (max-width: 480px) {
.scheduleBot-area .box_con .inner .tit{font-size:17px;}
}

/* ---------------------------------- */
/* csCenter-area
------------------------------------- */
.csCenter-area{border-top:1px solid #333; padding-top:33px;}
.csCenter-inner{margin:0px -30px;}
.csCenter-inner:after{content:""; display:block; clear:both}
.csCenter-area .con_box{float:left;padding:0px 30px;}
.csCenter-area .con_box:nth-child(1){width:66.666%;}
.csCenter-area .con_box:nth-child(2){width:33.333%;}

.csCenter-area .cs{position:relative; padding-left:190px; background:url(/image/main/cs-ico.png) left top  no-repeat; color:#333}
.csCenter-area .cs  .tit{font-family: 'Noto Sans KR'; font-size:22px; letter-spacing:-1px;color:#333;height:45px; line-height:18px}
.csCenter-area .cs .num{font-size:26px; font-weight:bold;letter-spacing:-1px;}
.csCenter-area .cs  ul{overflow:hidden; margin:15px 0px;}
.csCenter-area .cs  ul li{float:left;margin-right:10px; }
.csCenter-area .cs  ul li a{display:block; width:140px; height:28px; line-height:28px; border-radius:3px; text-align:center; color:#fff}
.csCenter-area .cs  ul li a img{vertical-align:middle; margin-right:5px;}
.csCenter-area .cs  ul li:nth-child(1) a{background:#fae300; color:#333}
.csCenter-area .cs  ul li:nth-child(2) a{background:#3cb035}
.csCenter-area .cs  ul li:nth-child(3) a{background:#e45151}
.csCenter-area p{font-size:14px; line-height:20px;}
.csCenter-area p span{display:Block; padding-top:10px; font-size:12px; color:#6f6f6f}

.csCenter-area .bank{padding-top:45px;color:#333;}
.csCenter-area .bank .num{font-size:26px; font-weight:bold;letter-spacing:-1px; margin-bottom:15px;}
.csCenter-area .bank img{vertical-align:top}

@media (max-width: 1367px) {
.csCenter-inner{margin:0px -20px;}
.csCenter-area .con_box{padding:0px 20px}
}
@media (max-width: 1240px) {
.csCenter-area{padding-top:25px;}
.csCenter-inner{margin:0px -15px;}
.csCenter-area .con_box{padding:0px 15px}
.csCenter-area .cs{ padding-left:140px; background-size:120px}
.csCenter-area .cs  .tit{font-size:20px; height:30px; }
.csCenter-area .cs .num{font-size:23px; }
.csCenter-area .bank{padding-top:30px;}
.csCenter-area .bank .num{font-size:23px; }
.csCenter-area .bank img{position:RElative; top:-2px}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.csCenter-area .cs{ padding-left:0px; background:none}
.csCenter-area .cs  ul li a{width:130px; }
}
@media (max-width: 768px) {
.csCenter-area .con_box:nth-child(1){width:100%;}
.csCenter-area .con_box:nth-child(2){width:100%;}
}
@media (max-width: 480px) {
.csCenter-area .cs  ul li{margin-right:5px; }
.csCenter-area .cs  ul li:last-child{margin-right:0px}
.csCenter-area .cs  ul li a{width:110px; }
.csCenter-area .cs  ul li:last-child a{width:80px; }
}




#noData-pop{background-color:rgba(255,255,255,0.8); position:absolute;top:40%;left: 50%;transform: translate(-50%, -50%); z-index:999999}
.noData-popWp{background:#fff; padding:10px; width:500px; border:1px solid #aaa; box-sizing:border-box;}
.noData-pop-title{padding:10px; text-align:center; color:#222; font-size:13px; font-weight:bold; background:#eafbfa; border:1px solid #73dece; margin-bottom:20px;}
.noData-tabel{height:250px; overflow-y:auto;}
.noData-tabel table{width:100%;}
.noData-tabel table th , .noData-tabel table td{padding:5px 0; line-height:1.2em; text-align:center;}
.noData-tabel table th{border-top:1px solid #979797; border-bottom:1px solid #c5c5c5; background:#fafafa; font-weight:bold;}
.noData-tabel table td{font-size:13px;}
.pop-btnArea{margin-top:20px; text-align:center;}
#noData-pop a.pop-btn-blue{height:23px; line-height:23px; padding:5px 10px; color:#fff; text-align:center; background:#1490d7; border-radius:4px;}
#noData-pop .close-area{padding:5px 0;}
#noData-pop .close-area:after{content:''; display:block; clear:both;}
#noData-pop .close-area a{font-size:13px; float:right; padding:0 3px;}

@media (max-width: 768px) {
.noData-popWp{width:350px;}
}


/* Qna Pop */
#Qna-pop{background-color:rgba(255,255,255,0.8); position:absolute;top:40%;left: 50%;transform: translate(-50%, -50%); z-index:999999}
.Qna-popWp{background:#fff; padding:10px; width:500px; border:1px solid #aaa; box-sizing:border-box;}
.Qna-pop-title{padding:10px; text-align:center; color:#222; font-size:13px; font-weight:bold; background:#ffe7db; border:1px solid #ffcdb5; margin-bottom:20px;}
.Qna-tabel{height:250px; overflow-y:auto;}
.Qna-tabel table{width:100%;}
.Qna-tabel table th , .Qna-tabel table td{padding:5px 0; line-height:1.2em; text-align:center;}
.Qna-tabel table th{border-top:1px solid #979797; border-bottom:1px solid #c5c5c5; background:#fafafa; font-weight:bold;}
.Qna-tabel table td{font-size:13px;}
.pop-btnArea{margin-top:20px; text-align:center;}
#Qna-pop a.pop-btn-blue{height:23px; line-height:23px; padding:5px 10px; color:#fff; text-align:center; background:#1490d7; border-radius:4px;}
#Qna-pop .close-area{padding:5px 0;}
#Qna-pop .close-area:after{content:''; display:block; clear:both;}
#Qna-pop .close-area a{font-size:13px; float:right; padding:0 3px;}

@media (max-width: 768px) {
.Qna-popWp{width:350px;}
}


/*팝업*/
@media(max-width:1099px){
    .LayerPop{position:fixed!important;top:50%!important; left:50%!important; transform:translate(-50%,-50%);width:350px; height:350px;}
    .LayerPop iframe{max-width:100%;max-height:100%;}
   .LayerPop iframe img{max-width: 100%!important; height:auto}
}

.noData-pop-red-txt{font-size:12px; font-weight:bold; color:#f00; line-height:1.4; margin-bottom:20px; text-align:center; border: 1px solid #ff7878; background-color:#ffeded; padding:10px;}