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


/* 메인 Css */

.section{margin-top:70px;}
.section:after{content:""; display:block; clear:both}
.section.margin-top-0{margin-top:0px;}
.section.bg{background:#5e5b5b; padding:70px 0px;}
.section.bg2{background:#262525; padding:70px 0px;}

@media (max-width: 1090px) {
.section{margin-top:40px;}
.section.bg,.section.bg2{padding:40px 0px;}
}
@media (max-width: 768px) {
.section{margin-top:20px;}
.section.bg,.section.bg2{padding:30px 0px;}
}

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



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

@media (max-width: 992px) {
.slick-list,
.slick-track{height:400px !important;}
}

.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: 18px;line-height: 1;opacity: 1;transition: 0.3s;position: relative;color: #fff;}
.slick-prev { left: -85px; }
.slick-prev:before {  content: '<'; left: -1px; top:-2px}
.slick-next {  right: -85px; }
.slick-next:before { content: '>'; right: -1px;  top:-2px}
/* 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; } 


/*메인배너*/
.main-con-01{position:Relative;}
.main-con-01 .testimonial-box .ban01{height:557px;}
.main-con-01 .testimonial-box .ban01 .container{height:100%;}
.main-con-01 .testimonial-box .ban01 .ban_con{width:100%; height: auto; position: absolute;top: 50%;left: 0%;transform: translate(-0%, -50%); padding:0px 15px;}
.main-con-01 .testimonial-box .ban01 .ban_con:after{content:""; display:block; clear:both}
.main-con-01 .testimonial-box .ban01 .ban_con .txt{float:left;text-align:left}
.main-con-01 .testimonial-box .ban01 .ban_con .txt h2{font-size:40px; color:#ffdb94; font-weight:700;letter-spacing:-1px;margin-bottom:25px;font-family: 'Noto Sans Kr'}
.main-con-01 .testimonial-box .ban01 .ban_con .txt p{font-size:28px;color:#fff; letter-spacing:-1px;line-height:1.4em}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area{float:right; width:100%;}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a{display:block; height:70px; border-radius:0px 0px 0px 50px; background:#ffdb94; text-align:left; position:Relative}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a span{position: absolute;top: 50%;left: 0%;transform: translate(-0%, -50%);font-weight:100;letter-spacing:-1px; font-size:23px; color:#333; display:block; padding:0px 50px; 
font-family: 'Noto Sans Kr'}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a:after{content:">"; position: absolute; top: 42%;right:50px;font-weight:100; font-size:18px;}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a:hover{ background:#e50112;}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a:hover span{color:#fff}
.main-con-01 .slick-dots {bottom:132px}

/******* 순번 : 39,514, 로그인 시 노출되는 카운트정보 추가 240206 현겸  ********/
.right-wrap{width:50%; float:right; padding-left:15px;}
.right-wrap .status-area{background-color:#fff7e8;}
.right-wrap .status-area .inner{padding:30px 50px;}
.right-wrap .status-area .inner .title{text-align:left; color:#333; margin-bottom:12px;}
.right-wrap .status-area .inner .title strong{color:#e50112;}

.right-wrap .status-area .inner table{border-collapse: collapse;}
.right-wrap .status-area .inner table tr th,
.right-wrap .status-area .inner table tr td{text-align:center; padding:5px 0px;}
.right-wrap .status-area .inner table tr th:not(:last-child),
.right-wrap .status-area .inner table tr td:not(:last-child){border-right:1px solid #fff;}
.right-wrap .status-area .inner table tr th{background-color:#ffdb94;}
.right-wrap .status-area .inner table tr td{background-color:#fff; color:#333; font-size:15px; font-weight:700;}

@media (max-width: 1367px) {
.main-con-01 .testimonial-box .ban01 .ban_con .txt h2{font-size:35px;}
.main-con-01 .testimonial-box .ban01 .ban_con .txt p{font-size:23px;}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a{height:89px; }
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a span{padding:0px 40px }
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a:after{right:40px;top: 40%;}
}
@media (max-width: 1240px) {
.main-con-01 .testimonial-box .ban01{height:500px;}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a span{font-size:20px;padding:0px 30px }
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a:after{right:30px;top: 40%;}
}
@media (max-width: 1099px) {
.main-con-01 .testimonial-box .ban01{height:400px;}
.main-con-01 .testimonial-box .ban01 .ban_con .txt h2{font-size:32px;}
.main-con-01 .slick-dots {bottom:25px}
}
@media (max-width: 992px) {
.main-con-01 .testimonial-box .ban01 .ban_con .txt{width:100%; text-align:center;float:none; }
.main-con-01 .testimonial-box .ban01 .ban_con .txt h2{text-align:center;font-size:28px;margin-bottom:10px;}
.main-con-01 .testimonial-box .ban01 .ban_con .txt p{font-size:18px;margin-bottom:15px;}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area{float:none; padding:0px; width:100%;}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a{width:250px; height:60px;border-radius:50px;margin:0 auto; display:inline-block; position:relative; top:55px;}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a span{font-size:18px;width:100%; text-align:center}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a:after{display:none}

.right-wrap{width:100%;  padding-left:0px;}
.right-wrap .status-area{float:left; background-color:transparent;}
.right-wrap .status-area .inner{padding:10px;}
.right-wrap .status-area .inner .title,
.right-wrap .status-area .inner .title strong{color:#fff;}
.right-wrap .status-area .inner table tr th,
.right-wrap .status-area .inner table tr td{background-color:transparent; color:#fff; border:1px solid #fff;}
}
@media (max-width: 768px) {
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a{height:40px;}
.main-con-01 .testimonial-box .ban01 .ban_con .txt h2{font-size:23px;}
.main-con-01 .testimonial-box .ban01 .ban_con .txt p{font-size:16px;}
.main-con-01 .testimonial-box .ban01 .ban_con .btn_area a{font-size:16px; top:0px; margin-top:10px;}

.right-wrap .status-area{width:100%;}
}
@media (max-width: 480px) {
}


/*대행버튼*/
.main_btn_section{position:Relative; height:342px;}
.main_btn_position{position:absolute;top:-86px; width:100%;}
.main_btn_area{margin:0px -15px;}
.main_btn_area:after{content""; display:block; clear:both}
.main_btn_area .btn_wrap{float:left; padding:0px 15px; width:33.333% }
.main_btn_area .btn_wrap .btn_inner{padding:50px;height:426px;border-radius:0px 0px 0px 50px; position:Relative;box-shadow: 0 3px 10px rgb(0 0 0 / 20%);}
.main_btn_area .btn_wrap .btn_inner.bg01{background:url(/image/main/m_btn_bg1.png) center center no-repeat; background-size:cover}
.main_btn_area .btn_wrap .btn_inner.bg02{background:url(/image/main/m_btn_bg2.png) center center no-repeat;  background-size:cover}
.main_btn_area .btn_wrap .btn_inner.bg03{background:url(/image/main/m_btn_bg3.png) center center no-repeat;  background-size:cover}
.main_btn_area .btn_wrap .btn_inner .txt{margin-top:70px;}
.main_btn_area .btn_wrap .btn_inner .txt span{font-size:16px; display:block;color:#fff; margin-bottom:10px;}
.main_btn_area .btn_wrap .btn_inner .txt  h3{font-size:32px; font-weight:bold;color:#fff;margin-bottom:20px;font-family: 'Noto Sans Kr'}
.main_btn_area .btn_wrap .btn_inner .txt p{font-size:15px;color:#fff; line-height:20px;}
.main_btn_area .btn_wrap .btn_inner .more_btn{position:absolute;left:0px; bottom:60px; width:100%;padding:0px 50px;}
.main_btn_area .btn_wrap .btn_inner a{display:block;height:60px; border:2px solid #fff; line-height:56px; color:#fff; font-size:18px; text-align:center;font-family: 'Noto Sans Kr'}
.main_btn_area .btn_wrap .btn_inner a:hover {background:#fff; color:#e50112}

@media (max-width: 1367px) {
.main_btn_section{ height:322px;}
.main_btn_area .btn_wrap .btn_inner{padding:40px;height:406px;}
.main_btn_area .btn_wrap .btn_inner .more_btn{padding:0px 40px;bottom:50px;}
.main_btn_area .btn_wrap .btn_inner .txt  h3{font-size:28px; }
.main_btn_area .btn_wrap .btn_inner .txt p{font-size:14px;}
}
@media (max-width: 1240px) {
.main_btn_section{ height:262px;}
.main_btn_area .btn_wrap .btn_inner{padding:30px;height:346px;}
.main_btn_area .btn_wrap .btn_inner .more_btn{padding:0px 30px;}
.main_btn_area .btn_wrap .btn_inner .txt{margin-top:50px;}
.main_btn_area .btn_wrap .btn_inner .txt  h3{font-size:25px; }
.main_btn_area .btn_wrap .btn_inner .txt p{font-size:13px;}
.main_btn_area .btn_wrap .btn_inner a{height:47px; line-height:43px;}
}
@media (max-width: 1099px) {
.main_btn_section{ height:auto;}
.main_btn_position{position:Relative; top:0px; margin-top:40px;}
.main_btn_area{top:0px;}
}
@media (max-width: 992px) {
.main_btn_position{margin-top:30px;}
.main_btn_area .btn_wrap .btn_inner{height:180px;border-radius:0px 0px 0px 30px; }
.main_btn_area .btn_wrap .btn_inner .txt{margin-top:0px;}
.main_btn_area .btn_wrap .btn_inner .txt  h3{font-size:20px; }
.main_btn_area .btn_wrap .btn_inner .txt span{font-size:12px; }
.main_btn_area .btn_wrap .btn_inner .txt p{display:none}
.main_btn_area .btn_wrap .btn_inner .more_btn{bottom:40px; }
}
@media (max-width: 768px) {
.main_btn_position{margin-top:20px;}
.main_btn_area{margin:0px -10px; }
.main_btn_area .btn_wrap{padding:0px 10px;}
.main_btn_area .btn_wrap .btn_inner{padding:20px;height:170px;}
.main_btn_area .btn_wrap .btn_inner .txt span{font-size:11px; font-weight:100 }
.main_btn_area .btn_wrap .btn_inner .more_btn{padding:0px 20px;bottom:30px; }
.main_btn_area .btn_wrap .btn_inner a{border:1px solid #fff;font-size:16px; }
}
@media (max-width: 480px) {
.main_btn_area{margin:-5px 0px; }
.main_btn_area .btn_wrap{padding:5px 0px;width:100%;}
.main_btn_area .btn_wrap .btn_inner{position:Relative;height:79px;}
.main_btn_area .btn_wrap .btn_inner .txt span{margin-bottom:5px;}
.main_btn_area .btn_wrap .btn_inner .more_btn{left:auto;bottom:auto; top:20px;right:0px; width:120px;}
.main_btn_area .btn_wrap .btn_inner a{height:40px; line-height:38px;}
}

/**/
.main-con-02{margin:0px -15px; background:Red}
.main-con-02 .con01, .main-con-02 .con02{float:left; padding:0px 15px;}
.main-con-02 .con01{width:33.3333%}
.main-con-02 .con02{width:66.6666%}
.main-con-02 .con02 .inner{padding:50px 0px;height:227px;border-radius:0px 0px 0px 50px; background:#fff;position:Relative;box-shadow: 0 3px 10px rgb(0 0 0 / 20%);}
.main-con-02 .con02 .inner:after{content""; display:block; clear:both}

@media (max-width: 1240px) {
.main-con-02 .con02 .inner{padding:40px 0px;height:207px;}
}
@media (max-width: 992px) {
.main-con-02 .con02 .inner{padding:30px 0px;height:167px;border-radius:0px 0px 0px 30px;}
}
@media (max-width: 768px) {
.main-con-02 .con01, .main-con-02 .con02{width:100%;}
.main-con-02 .con02{margin-top:15px;margin-bottom:5px}
.main-con-02 .con02 .inner{padding:20px 0px;height:127px;}
}
@media (max-width: 480px) {
.main-con-02 .con02 .inner{height:75px;}
}

/*공지사항*/
.notice_area{ height:227px; position:Relative }
.notice_area .ntc_title{font-size:30px; color:#313131; font-weight:700;font-family:Nanum Gothic;letter-spacing:-1px; height:45px;}
.notice_area .ntc_more{position:absolute; top:0px; right:0px}
.notice_area .ntc_more a{line-height:22px;  font-size:18px; color:#fff; display:block;width:23px; height:23px; background:#d9d9d9; border-radius:50%;  text-align:center;}
.notice_area .ntc_more a:hover{background:#e50112; }
.notice_area .ul-area{ height:203px; overflow:hidden;border:1px solid #dbdbdb;border-top:none; padding:20px;}
.notice_area ul{width:100%;height:187px; overflow:hidden;}
.notice_area ul li{border-bottom:1px solid #e7e7e7;}
.notice_area ul a{display:block;  line-height:36px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px;}

.ban_area{float:left; width:33.333%; height:125px; border-left:1px solid #e7e7e7;padding:0px 50px;background:url(/image/main/ban_bg.png) 70% center no-repeat }
.ban_area:first-child{border-left:0px;}
.ban_area a{display:block;width:100%; height:100%;position:Relative;}
.ban_area strong{font-size:20px; font-weight:100; display:Block;padding-bottom:30px; color:#333; transition:.3s;font-family: 'Noto Sans Kr'}
.ban_area img.ico{position:absolute; right:0px; top:0px;}
.ban_area p{font-size:15px;line-height:20px;}
.ban_area img.arrow{position:absolute; left:0px; bottom:0px; transition:.3s}
.ban_area a:hover strong{color:#e50112}
.ban_area a:hover img.arrow{left:20px; }

@media (max-width: 1367px) {
.ban_area{padding:0px 40px;}
}
@media (max-width: 1240px) {
.notice_area{height:207px;}
.notice_area .ntc_title{font-size:25px;}
.notice_area ul{height:150px;}
.ban_area{padding:0px 30px;}
}
@media (max-width: 1099px) {

}
@media (max-width: 992px) {
.notice_area{height:167px;}
.notice_area .ntc_title{font-size:23px;}
.notice_area ul{height:120px;}
.notice_area ul a{font-size:13px;}
.ban_area{height:110px; }
.ban_area strong{font-size:18px; padding-bottom:10px;}
.ban_area img.ico{ height:20px;}
.ban_area p{font-size:11px;}
}
@media (max-width: 768px) {
.notice_area{height:auto;}
.notice_area .ntc_title{height:30px;font-size:20px;}
.ban_area{padding:0px 20px;height:90px; background-size:50%;}
}
@media (max-width: 480px) {
.ban_area{height:35px; background-size:20%; }
.ban_area strong{font-size:15px; }
.ban_area p{display:none}
}



/*중앙 메뉴*/
.middle_menu{}
.middle_menu ul{overflow:hidden; border-left:1px solid #969696;}
.middle_menu ul li{float:left; width:16.666%; border:1px solid #969696;border-left:0px;}
.middle_menu ul li a{display:block; line-height:52px; text-align:center; font-size:15px;}
.middle_menu ul li.point a{background:#e50112; color:#fff}
.middle_menu ul li a:hover{background:#969696; color:#fff}
@media (max-width: 992px) {
.middle_menu ul li a{font-size:13px;}
}
@media (max-width: 768px) {
.middle_menu ul{ border-top:1px solid #969696;}
.middle_menu ul li{width:33.333%; border-top:0px;}
.middle_menu ul li a{ line-height:42px;}
}
@media (max-width: 480px) {
.middle_menu ul li a{font-size:12px;}
}

/*절차*/
.step_area{padding:0px 0px;}
.step_area .menu_tab{height:39px;}
.step_area .menu_tab ul{display:table; margin:0 auto}
.step_area .menu_tab ul li{float:left}
.step_area .menu_tab ul li:first-child:after{content:"|";color:#b5b5b5;padding:0px 15px;position:relative; top:-3px}
.step_area .menu_tab ul li a{font-size:22px; color:#b5b5b5}
.step_area .menu_tab ul li.active a{color:#fff}
.step_area .mTs p{text-align:center; font-size:15px; color:#b5b5b5}
.step_con{margin-top:30px;}
.step_con ul{display:table; margin:0 auto}
.step_con ul li{float:left; width:193px; text-align:center;margin-right:96px;position:Relative}
.step_con ul li:after{content:""; display:Block; width:96px; height:15px; background:url(/image/main/arrow2.png) center center no-repeat;position:absolute; right:-96px; top: 50%;transform: translate(-0%, -50%); }
.step_con ul li:last-child{margin-right:0px}
.step_con ul li:last-child:after{display:none}
.step_con ul li strong{display:block; color:#fff; font-size:18px; font-weight:100; line-height:59px;}
.step_con ul li span{display:block; text-align:center; font-size:14px; color:#fff; line-height:20px}
@media (max-width: 1367px) {
.step_con ul li{margin-right:86px;}
.step_con ul li:after{width:86px; right:-86px; }
}
@media (max-width: 1240px) {
.step_con ul li{margin-right:46px;}
.step_con ul li:after{width:46px; right:-46px; }
}
@media (max-width: 1099px) {
.step_area .menu_tab{height:30px;}
.step_area .menu_tab ul li a{font-size:20px; }
.step_con{margin-top:20px;}
.step_con ul li strong{line-height:40px;font-size:16px; }
.step_con ul li span{ font-size:13px; }
}
@media (max-width: 992px) {
.section.bg{display:none}
.step_area .menu_tab ul li a{font-size:18px; }
.step_con ul{display:block; width: auto;white-space: nowrap;overflow-x: auto;  -webkit-overflow-scrolling: touch;}
.step_con ul li{margin-right:26px;display: inline-block; float:none}
.step_con ul li:after{width:26px; right:-26px; }
.step_con ul li img{height:30px}
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}


/*출항 스케줄*/
.schedule_area{margin:0px -15px;}
.schedule_area:after{content:""; display:Block; clear:both}
.schedule_area .title{padding:0px 15px; font-size:20px; color:#333; margin-bottom:13px;position:Relative;font-family: 'Noto Sans Kr'}
.schedule_area .title .mobile_block{display:none}
.schedule_area .title span{color:#e50112}
.schedule_area .table_con, .schedule_area .time_con{float:left; padding:0px 15px;}
.schedule_area .table_con{width:75%}
.schedule_area .time_con{width:25%}
.schedule_area .inner{height:208px; border:1px solid #f0f0f0; border-radius:10px;overflow:hidden}
.schedule_area .table_con td,.schedule_area .table_con th{border:1px solid #f0f0f0; border-left:0px; border-top:0px;text-align:center; font-size:16px;padding:16px 0px; width:12.222%}
.schedule_area .table_con td:last-child,.schedule_area .table_con th:last-child{border-right:0px;}
.schedule_area .table_con th{padding:14px 0px; }
.schedule_area .table_con th span{color:#d42727}
.schedule_area .time_con th{padding:14px 0px;text-align:center; font-size:16px; }
.schedule_area .time_con td{border-top:1px solid #f0f0f0; text-align:center; font-size:16px;padding:16px 0px; width:50%}
.schedule_area .time_con td img{padding-right:10px;}
@media (max-width: 1099px) {
.schedule_area .title {font-size:18px; font-weight:700 }
}
@media (max-width: 992px) {
.schedule_area .title {font-size:16px; }
.schedule_area .table_con{width:100%}
.schedule_area .time_con{display:none}
.schedule_area .title .mobile_block{display:block;position:Absolute; right:15px;top:0px; font-weight:100; font-size:13px;}
.schedule_area .inner{height:auto; border-radius:0px; border-bottom:0px;}
.schedule_area .table_con td,.schedule_area .table_con th{font-size:13px;padding:10px 0px; }
.schedule_area .table_con td img{height:15px;}
}
@media (max-width: 768px) {

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


/*이용후기*/
.review_area{margin-top:50px;position:relative}
.review_area .title{font-size:20px; color:#333; margin-bottom:13px;font-family: 'Noto Sans Kr'}
.review_area .more{position:absolute; right:0px;top:0px;}
.review_area .more a{line-height:22px;  font-size:18px; color:#fff; display:block;width:23px; height:23px; background:#d9d9d9; border-radius:50%;  text-align:center;}
.review_area .more a:hover{background:#e50112; }
.review_area ul{margin:0px -15px;}
.review_area ul li{float:left; width:25%; padding:0px 15px;}
.review_area ul li .img_box{border-radius:10px; height:138px;position:Relative; overflow:hidden; margin-bottom:23px; background:#eee}
.review_area ul li .img_box img{width:100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }
.review_area ul li strong{display:block; text-align:center; font-size:15px;padding-bottom:10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.review_area ul li  p{font-size:14px;line-height:20px;text-align:center;max-height:60px; overflow:hidden; }
@media (max-width: 1099px) {
.review_area{margin-top:30px;}
.review_area .title {font-size:18px; font-weight:700 }
}
@media (max-width: 992px) {
.review_area .title {font-size:16px; margin-bottom:10px;}
.review_area ul li .img_box{ height:100px; margin-bottom:15px;border-radius:0px;}
.review_area ul li strong{font-size:13px;}
.review_area ul li  p{display:none}
}
@media (max-width: 768px) {
.review_area ul{margin:0px -10px;}
.review_area ul li{padding:0px 10px;}
.review_area ul li .img_box{ height:70px;margin-bottom:10px;}
}
@media (max-width: 480px) {
.review_area{margin-top:20px;}
.review_area .more{top:-3px;}
.review_area ul{margin:0px -5px;}
.review_area ul li{padding:0px 5px;}
.review_area ul li .img_box{ height:50px;}
}



/**/
.m_bot_con{margin:0px -40px;}
.m_bot_con:after{content:""; display:Block; clear:both}
.m_bot_con .con_box{float:left; width:33.3333%;padding:0px 40px;}
.m_bot_con .con_box h4{font-size:16px; color:#fff;padding-bottom:15px;font-weight:100;font-family: 'Noto Sans Kr'}
@media (max-width: 1367px) {
.m_bot_con{margin:0px -15px;}
.m_bot_con .con_box{padding:0px 15px;}
}



.trk_search .input_con{border:1px solid #515151;background:#232222; height:45px; margin-bottom:23px;position:relative;padding-right:43px;padding-left:116px;}
.trk_search .input_con p{width:116px; height:43px;line-height:43px; color:#fff;font-size:15px;padding-left:15px;position:absolute; left:0px;top:0px;}
.trk_search .input_con input{width:100%; height:43px; line-height:43px; background:none; border:0px;font-size:15px;color:#fff}
.trk_search .input_con a{width:43px; height:43px; display:block; text-align:center; position:absolute; right:0px;top:0px;}
.trk_search .input_con a img{position:relative; top:12px;}
.trk_search .btn_con{border:1px solid #515151;background:#232222; height:45px;}
.trk_search .btn_con a{display:Block;}
.trk_search .btn_con a:hover{background:#515151;}
.trk_search .btn_con p{height:43px;line-height:43px; color:#fff;font-size:15px;padding-left:15px;}
.trk_search .btn_con p:after{content:">";font-size:12px; float:right;padding-right:15px}

.cs_con1 .cs_btn{height:140px;}
.cs_con1 .cs_btn ul{margin:0px -10px;}
.cs_con1 .cs_btn ul:after{content:""; display:Block; clear:both}
.cs_con1 .cs_btn ul li{float:left; width:33.3333%; padding:0px 10px;}
.cs_con1 .cs_btn ul li a{display:block; height:68px;line-height:66px;  border:1px solid #515151;background:#232222; text-align:center; font-size:15px; color:#fff}
.cs_con1 .cs_btn ul li a.kt{color:#d1b326}
.cs_con1 .cs_btn ul li a.wc{color:#4cb951}

.mny_change{}
.mny_change p{font-size:15px; line-height:24px; color:#fff; margin-left:-5px}
.mny_change p span{color:#ff2626}

.cs_info{height:140px;}
.cs_info strong{font-size:23px; color:#fff; display:block;padding-bottom:10px}
.cs_info p{font-size:13px; line-height:18px; color:#aaaaaa;}
.cs_info p span{font-size:12px;}

.bank_info ul{}
.bank_info ul li{float:left; margin-right:15px;}
.bank_info ul li img{position:relative; top:-2px;}
.bank_info ul li.txt1{color:#dfdfdf;font-size:18px; font-weight:bold}
.bank_info ul li.txt2{width:100%;padding-top:5px;color:#aaaaaa;font-size:15px;}

@media (max-width: 1240px) {
.m_bot_con .con_box.trk_search,.m_bot_con .con_box.cs_con1{width:50%;}
.m_bot_con .con_box.cs_con2{width:100%; margin-top:30px;}
.cs_info{width:50%; float:left; height: auto}
.bank_info{width:50%;float:left;padding-left:15px} 
.bank_info ul li.txt2{}
}
@media (max-width: 1099px) {
.trk_search .input_con{padding-left:106px;margin-bottom:15px;}
.trk_search .input_con p{ font-size:13px;width:106px; }
.trk_search .input_con input{ font-size:13px;}
.trk_search .btn_con p{ font-size:13px;}
.mny_change p{ font-size:13px;}
.cs_con1 .cs_btn{height:120px;}
.cs_con1 .cs_btn ul li a{ font-size:13px;}
.bank_info ul li{margin-right:5px;}
.bank_info ul li.txt2{ font-size:13px;}
}
@media (max-width: 992px) {
.cs_con1 .cs_btn ul{margin:0px -5px;}
.cs_con1 .cs_btn ul li{padding:0px 5px;}
}
@media (max-width: 768px) {
.m_bot_con .con_box.trk_search,.m_bot_con .con_box.cs_con1{width:100%;}
.cs_con1 .cs_btn,.mny_change{margin-top:20px; height:auto}
.cs_con1 .cs_btn ul li a{height:45px;line-height:43px; }
.m_bot_con .con_box.cs_con2{margin-top:20px; }
.cs_info{width:100%;}
.bank_info{width:100%;padding-left:0px;margin-top:20px; } 
}



#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{}
.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{}
.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;}