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


/* 메인 Css */

.section{margin-top:20px;}
.section:after{content:""; display:block; clear:both}







/* ---------------------------------- */
/* 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);}
.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);
}
.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;padding-left:815px; height:390px;}
.main-con-01 .con01{width:815px; height:100%;position:absolute; top:0px; left:0px;}
.main-con-01 .con02{  height:100%;padding-left:20px;}

.ueser_area .login_area{width:100%; height:217px; padding:20px; background-color:#f8f8f8;border:1px solid #dbdbdb;}
.ueser_area .login_area .login{overflow:hidden;position:relative;padding-right:90px;}
.ueser_area .login_area .login .login_box{width:100%;}
.ueser_area .login_area .login input{width:100%; height:41px;  border:1px solid #b8c3db; padding-left:10px}
.ueser_area .login_area .login p.id input{border-bottom:0px;}
.ueser_area .login_area .login .login_btn{ position:absolute; right:0px; top:0px;}
.ueser_area .login_area .login .login_btn a{ display:block;width:82px; height:82px; background:#636363;font-size:16px;color:#fff;font-weight:bold; line-height:82px; text-align:center
}.ueser_area .login_area .login .login_btn a:hover{background:#cacf3d;color:#fff}
.ueser_area .login_area .login .login_btn:hover{background-color:#dde347;}
.ueser_area .login_area .login .login_btn:hover a{color:#313131;}
.ueser_area .login_area p.login_link{padding:15px 0px; text-align:center}
.ueser_area .login_area p.login_link a{font-size:12px; color:#313131;}
.ueser_area .login_area p.login_link a:after{content:"|"; padding:0px 15px}
.ueser_area .login_area p.login_link a:last-child:after{display:none}
.ueser_area .login_area .social_loginArea{overflow:hidden; margin:0px -5px;}
.ueser_area .login_area .social_loginArea div{width:50%; float:left; padding:0px 5px;height:41px; }
.ueser_area .login_area .social_loginArea a{display:block; height:100%;font-size:15px; font-weight:Bold; text-align:center; line-height:41px}
.ueser_area .login_area .social_loginArea a img{position:Relative; top:7px;padding-right:5px;}
.ueser_area .login_area .social_loginArea .naver_login a{background:#1ec800; color:#fff}
.ueser_area .login_area .social_loginArea .kakao_login a{background:#fbe300}

.ueser_area .apply_area{width:100%; padding-top:2px}
.ueser_area .apply_area a{margin-top:10px; display:block; text-align:center}
.ueser_area .apply_area a:nth-child(1){background:#dde247}
.ueser_area .apply_area a:nth-child(2){background:#73dece}

@media (max-width: 1367px) {
.main-con-01{padding-left:755px;height:361px;}
.main-con-01 .con01{width:755px; }
.ueser_area .login_area{ height:187px;}
.ueser_area .login_area .login input{height:31px;  }
.ueser_area .login_area .login .login_btn a{height:62px;line-height:62px;}
.ueser_area .apply_area a{height:75px;overflow:hidden}
}
@media (max-width: 1240px) {
.main-con-01{padding-left:670px;height:320px;}
.main-con-01 .con01{width:670px; }
.main-con-01 .con02{padding-left:10px;}
.ueser_area .login_area{ height:168px;padding:10px;}
.ueser_area .login_area .login{padding-right:72px;}
.ueser_area .login_area .login .login_btn a{width:62px; font-size:14px}
.ueser_area .login_area p.login_link{padding:13px 0px; }
.ueser_area .login_area p.login_link a:after{padding:0px 3px}
.ueser_area .login_area .social_loginArea a{font-size:14px}
.ueser_area .apply_area a{height:65px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.main-con-01{padding-left:0px;height:auto;}
.main-con-01 .con01{width:100%; height:auto;position:relative; }
.main-con-01 .con02{padding-left:0px;}
.login_area{display:none}
.ueser_area .apply_area {overflow:hidden;padding-top:10px}
.ueser_area .apply_area a{width:50%; float:left}
.ueser_area .apply_area a img{height:100%}

}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
.ueser_area .apply_area {padding-top:20px}
.ueser_area .apply_area a{width:100%; margin:0px;}
}


/*로그인 후*/
.login_area .logout{}
.login_area .logout .log_con{padding:5px 2px; display:inline-block;font-size:14px; }
.login_area .logout .con3, .login_area .logout .con4{padding-top:10px; margin-right:20px;}
.login_area .logout .log_con img{position:Relative; top:2px;}
.login_area .logout table{margin-top:10px; text-align:center; width:100%;}
.login_area .logout table tr th{border:1px solid #ccc; font-weight:bold; text-align:center; padding:5px; font-size:14px;}
.login_area .logout table tr td{border:1px solid #ccc;padding:5px; background:#fff; font-family: Tahoma,Sans-serif; font-size:14px; font-weight:bold; }
.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;}
}
@media (max-width: 1240px) {
.login_area .logout table tr th,.login_area .logout table tr td{font-size:11px;}
}
.main-con-02{position:Relative;padding-left:815px; height:249px;}
.main-con-02 .con01{width:815px; height:100%;position:absolute; top:0px; left:0px;}
.main-con-02 .con01 .inner01,.main-con-02 .con01 .inner02{float:left;height:100%;}
.main-con-02 .con01 .inner01{width:35%;}
.main-con-02 .con01 .inner02{width:65%;padding-left:20px;}
.main-con-02 .con02{  height:100%;padding-left:20px;}
@media (max-width: 1367px) {
.main-con-02{padding-left:755px;}
.main-con-02 .con01{width:755px; }
}
@media (max-width: 1240px) {
.main-con-02{padding-left:670px;}
.main-con-02 .con01{width:670px; }
.main-con-02 .con01 .inner02{padding-left:10px;}
.main-con-02 .con02{padding-left:10px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.main-con-02{padding-left:0px;height:auto;}
.main-con-02 .con01{width:100%; height:242px;position:relative; }
.main-con-02 .con01:after{content:""; display:block; clear:both}
.main-con-02 .con02{padding-left:0px;margin-top:20px;}
}
@media (max-width: 768px) {
.main-con-02 .con01{height:auto}
.main-con-02 .con01 .inner01,.main-con-02 .con01 .inner02{width:100%;}
.main-con-02 .con01 .inner02{padding-left:0px;margin-top:20px;}
}
@media (max-width: 480px) {
}

/*중국센터주소*/
.chinaAddrs_area{height:100%; border:1px solid #dbdbdb; box-sizing:border-box;}
.chinaAddrs_area table{}
.chinaAddrs_area table th{height:46px;  background:#eafbfa; border:1px solid #73dece; box-sizing:border-box;}
.chinaAddrs_area table th p{font-size:18px; color:#313131; font-weight:bold; padding-top:14px; display:inline-block; padding-left:20px;}
.chinaAddrs_area table th span{display:inline-block; float:right;}
.chinaAddrs_area table tbody{padding-top:20px; box-sizing:border-box; display:block;}
.chinaAddrs_area table tbody tr{padding-bottom:10px; display:block;}
.chinaAddrs_area table td{padding-left:20px; box-sizing:border-box; font-size:13px;}
.chinaAddrs_area table td.red{color:#e71313;}

/*21.09.10 중국센터주소*/
.chinaAddrs_area .title{height:46px;background:url(/Image/Main/china01.jpg) right top no-repeat #eafbfa; border:1px solid #73dece; font-size:18px; color:#313131; font-weight:bold; padding-top:14px; padding-left:20px; position:relative;}
.chinaAddrs_area .center_tab{padding-left:20px; margin:10px 0;}
.chinaAddrs_area .center_tab ul{overflow:hidden;}
.chinaAddrs_area .center_tab ul li{float:left; margin-right:5px;}
.chinaAddrs_area .center_tab ul li a{display:block; font-size:11px; color:#000; padding:2px 5px; border:1px solid #ddd; background:#fafafa;}
.chinaAddrs_area .center_tab ul li.active a{font-weight:bold; color:#de0e0e;}
.chinaAddrs_area .mTs_center{padding:0 20px 20px;}
.chinaAddrs_area .mTs_center ul{}
.chinaAddrs_area .mTs_center ul li{padding-left:60px; position:relative; padding-bottom:5px; line-height:18px;}
.chinaAddrs_area .mTs_center ul li:last-child{padding-bottom:0;}
.chinaAddrs_area .mTs_center ul li .list-title{position:absolute; left:0; top:0;}
.chinaAddrs_area .mTs_center ul li span.red{color:#ff0000;}

@media (max-width: 1367px) {
.chinaAddrs_area .mTs_center ul li{font-size:12px; letter-spacing:-0.3px;}
}
@media (max-width: 1240px) {
.chinaAddrs_area table th p{font-size:15px; padding-left:10px;}
.chinaAddrs_area table td{padding-left:10px;}

.chinaAddrs_area .mTs_center ul li{line-height:16px; padding-bottom:3px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
.chinaAddrs_area .mTs_center ul li{line-height:18px; padding-bottom:5px;}
}
@media (max-width: 480px) {
}

/*출항스케줄 & 고시환율*/
.mainSchedule_area{height:100%; border:1px solid #dbdbdb;overflow:hidden;}
.mainSchedule_area .title{font-size:15px; letter-spacing:-0.75px; font-weight:bold; padding:5px 0px; text-align:center;}
.mainSchedule_area .mSchd_left{display:flex; width:100%; box-sizing:border-box; border-bottom: 1px solid #dbdbdb;}
.mainSchedule_area .mSchd_left .schd_area{width:33.3333%; border-right: 1px solid #dbdbdb; padding:10px 0px;}
.mainSchedule_area .mSchd_left .schd_area .sche_num{display:flex; flex-direction: column; align-items: center; font-size:18px; font-weight:bold;}
.mainSchedule_area .mSchd_left .schd_area .sche_num span{font-size:28px; color:#3d72d3;}
.mainSchedule_area .mSchd_left .exch_area{display:flex; width:66.6666%;}
.mainSchedule_area .mSchd_left .exch_area .inner{display:flex; flex-direction: column; align-items: center; width:50%; padding:10px 0px;}
.mainSchedule_area .mSchd_left .exch_area .inner:first-child{border-right: 1px solid #dbdbdb;}
.mainSchedule_area .mSchd_left .exch_area .con{text-align:center; padding-bottom:5px;}
.mainSchedule_area .mSchd_left .exch_area .con img{margin-bottom:11px;}
.mainSchedule_area .mSchd_left .exch_area .con p.con_01{text-align:left; font-size:18px; font-weight:bold;}
.mainSchedule_area .mSchd_left .exch_area .con p.con_01 span{font-size:28px; color:#3d72d3;letter-spacing:-1px;}
.mainSchedule_area .mSchd_left .exch_area .con p.con_02{text-align:left; font-size:15px; letter-spacing:-1px;}

/*출항스케줄 달력*/
.mainSchedule_area .mSchd_right{float:right; width:100%; box-sizing:border-box;}
.mainSchedule_area .mSchd_right .schd_wrap{overflow:hidden;}
.mainSchedule_area .mSchd_right .title{float:left;}
.mainSchedule_area .mSchd_right .title span{color:#cdd33d;}
.mainSchedule_area .mSchd_right .dlvry_offday {float:right; padding-top:10px;font-size:12px;}
.mainSchedule_area .mSchd_right .dlvry_offday span{color:#eee;}
#scTextHtml{margin-top:6px; }
#scTextHtml table.dlvry_sch{text-align:center;}
#scTextHtml table.dlvry_sch .red1{color:#e31414;}
#scTextHtml table.dlvry_sch .blue{color:#1c3cc5;}
#scTextHtml table.dlvry_sch th{width:47px;  background:#f8f8f8;border:1px solid #dbdbdb; text-align:center; padding:5px 0px 5px; font-size:13px;}
#scTextHtml table.dlvry_sch td{background:#f9f9f9; border:1px solid #dbdbdb; padding:5px 0px 5px; font-size:13px;}
#scTextHtml table.dlvry_sch td.today{background:#323b50; color:#fff;}
#scTextHtml table.dlvry_sch td.today a{color:#fff;}
#scTextHtml table.dlvry_sch td.on{background:#f5fae1; color:#444;}
#scTextHtml table.dlvry_sch td.off{background:#eee; color:#444;}
@media (max-width: 1367px) {

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

}

@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.mainSchedule_area .mSchd_left .schd_area .sche_num{font-size:16px;}
.mainSchedule_area .mSchd_left .schd_area .sche_num span{font-size:24px;}

.mainSchedule_area .mSchd_left .exch_area .con p.con_01{font-size:16px;}
.mainSchedule_area .mSchd_left .exch_area .con p.con_01 span{font-size:24px;}
}
@media (max-width: 768px) {

}
@media (max-width: 480px) {
.mainSchedule_area .mSchd_left .schd_area .sche_num{font-size:15px;}
.mainSchedule_area .mSchd_left .schd_area .sche_num span{font-size:20px;}

.mainSchedule_area .mSchd_left .exch_area .con p.con_01{font-size:15px;}
.mainSchedule_area .mSchd_left .exch_area .con p.con_01 span{font-size:20px;}
}

/* 230223 현겸 : 출항 스케줄 -> 통관 스케줄 변경 추가 css (class명 똑같음) */
.mainSchedule_area .main-title{height:46px;background:url(/Image/Main/sch-ico-top.png) right 6px top 2px no-repeat #eaf4fb; border:1px solid #a4c6ef; font-size:18px; color:#313131; font-weight:bold; padding-top:14px; padding-left:20px; position:relative;}
.mainSchedule_area .main-title:after{content:''; display:block; width:1px; height:46px; position:absolute; right:46px; top:0px; background-color:#73a4de;}
.mainSchedule_area .main-title span{font-size: 15px; color:#3d72d3;}
.mainSchedule_area ul{display:flex; width:100%; height:116px;}
/* .mainSchedule_area ul:after{content:''; display:block; clear:both;} */
.mainSchedule_area ul li{flex:1; display:flex;justify-content:center; align-items:center; flex-direction: column; height:100%;}
.mainSchedule_area ul li:not(:last-child){border-right:1px solid #dbdbdb;}
.mainSchedule_area ul li img{width:40px;}
.mainSchedule_area ul li p{display:inline-block; font-size:15px; line-height:1.4; text-align:center; margin-top:3px;}
.mainSchedule_area ul li p b{font-weight:normal;}
.mainSchedule_area ul li p span{display:block; color:#2562fd;}

@media (max-width: 992px) {
.mainSchedule_area ul li img{width:35px;}
.mainSchedule_area ul li p{letter-spacing:-1px;}
}

@media (max-width: 768px) {

}

@media (max-width: 480px) {
.mainSchedule_area ul{flex-wrap: wrap; height:auto;}
.mainSchedule_area ul li{flex:inherit; width:50%; padding:10px 0px;}
.mainSchedule_area ul li:nth-child(-n+3){width:33.3333%; border-bottom:1px solid #dbdbdb;}
.mainSchedule_area ul li:nth-child(3){border-right:0;}
}


/*공지사항*/
.notice_area{ height:100%; }
.notice_area .ntc_wrap{overflow:hidden;position:relative}
.notice_area .ntc_title{width:100%; height:46px; background:#f5fae1; border:1px solid #9dcc1d; float:left; padding:12px 20px 0px;}
.notice_area .ntc_title h3{font-size:18px; color:#313131; font-weight:bold;}
.notice_area .ntc_more{width:47px; height:46px; background:#f5fae1; border:1px solid #9dcc1d;  text-align:center;position:absolute; top:0px; right:0px}
.notice_area .ntc_more a{padding:12px 0px; font-size:18px; color:#9dcc1d; display:block;}
.notice_area .ul-area{ height:203px; overflow:hidden;border:1px solid #dbdbdb;border-top:none; padding:20px;}
.notice_area ul{width:100%;height:160px; overflow:hidden;}
.notice_area ul li{height:14px; margin-bottom:10px;}
.notice_area ul a{width:230px; font-size:13px; color:#333; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
.notice_area .ntc_title{padding:12px 10px 0px;}
.notice_area .ntc_title h3{font-size:15px; }
.notice_area .ul-area{ padding:20px 10px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}





/*베스트 쇼핑몰*/
.shoppingMall{width:100%; height:76px;background-color:#fff; border:1px solid #dbdbdb; overflow:hidden;padding:18px 40px;}
.shoppingMall .default-slick-carousel2{}
.shoppingMall .default-slick-carousel2 div{}
.shoppingMall  .slick-prev { left: -40px; }
.shoppingMall  .slick-next { right: -40px; }
@media (max-width: 480px) {
.shoppingMall{padding:18px 10px;}
}



/* MD 추천 아이템*/
.items_area{width:100%; margin-top:10px;} 
.items_area .item_title{height:46px; padding:13px 18px; background:#f5fae1; border:1px solid #9dcc1d; box-sizing:border-box;}
.items_area .item_title h3{font-size:18px; color:#333; font-weight:bold;}
.items_area .item_title h3 span{color:#de0e0e;}
.items_area .items{border:1px solid #dbdbdb; border-top:none;  padding:20px; overflow:hidden;}
.items_area .items-inner{position:relative;padding-left:215px;}
.items_area .items .ctg{width:215px; position:absolute;left:0px; right:0px;}
.items_area .items .ctg .ctg_btns{overflow:hidden;}
.items_area .items .ctg button{width:92px; padding:5px 0px 5px; background-color:#fafafa; border:1px solid #dbdbdb; box-sizing:border-box;  float:left; margin:5px;}
.items_area .items .ctg button p{font-size:11px; margin-top:5px;}
.items_area .items .ctg button:after{}
.items_area .items .ctg button:hover{background-color:#f5fae1; font-weight:bold; }
.items_area .items .ctg button.active{background-color:#f5fae1; font-weight:bold; outline:none;}


.items_area .items .ctgList{width:100%; height:470px; background:#fafafa; float:right; overflow:hidden; padding:25px 17px; box-sizing:border-box;}
.items_area .items .ctgList .title_wrap{overflow:hidden;}
.items_area .items .ctgList .ctgList_title{width:50%; font-size:17px; font-weight:bold; padding-bottom:30px; text-align:center; float:left;}
.items_area .items .ctgList .ctgList_title img{vertical-align:middle; padding-right:8px;}
.items_area .items .ctgList .ctgList_con{display:none; overflow:hidden;}
.items_area .items .ctgList .ctgList_con .tao_list{width:50%; float:left;padding:10px}
.items_area .items .ctgList .ctgList_con .ali_list{width:50%; float:right;padding:10px}
.items_area .items .ctgList #ctg_01{display:block;}
.items_area .items .ctgList .listCon_title{font-size:15px; color:#404040; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
.items_area .items .ctgList .listCon_01{padding-bottom:30px}
.items_area .items .ctgList .listCon_02{padding-bottom:30px}
.items_area .items .ctgList .listCon ul{margin-top:4px; overflow:hidden;}
.items_area .items .ctgList .listCon ul li{float:left; padding-top:14px; padding-right:0px; width:25%; font-size:13px;}
.items_area .items .ctgList .listBox_tao{width:380px; height:437px; float:left; margin-right:15px;}
.items_area .items .ctgList .listBox_ali{width:380px; float:right;}
@media (max-width: 1240px) {
.items_area .items .ctgList .ctgList_title img{width:90px}
.items_area .item_title{padding:13px 10px; }
.items_area .item_title h3{font-size:15px;}
.items_area .items{padding:10px;}
}


@media (max-width: 992px) {

.items_area .items-inner{position:relative;padding-left:0px;}
.items_area .items .ctg{position:relative; width:100%;}
.items_area .items .ctg .ctg_btns{border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb;}
.items_area .items .ctg button{width:16.6666%; margin:0px;border-left:0px solid #dbdbdb;border-top:0px solid #dbdbdb;}
.items_area .items .ctgList{height:auto}
.items_area .items .ctgList .ctgList_title{padding-bottom:5px;}
}
@media (max-width: 768px) {
.items_area{display:none}
.items_area .items .ctgList .listCon ul li{width:33.333%;}
}
@media (max-width: 480px) {

}

.main-con-03{height:249px;}
.main-con-03:after{cotnent:""; display:Block; clear:Both}
.main-con-03 .con01,.main-con-03 .con02{float:left}
.main-con-03 .con01{width:45%;}
.main-con-03 .con02{width:55%;padding-left:20px;}
@media (max-width: 1367px) {
.main-con-03 .con01{width:35%;}
.main-con-03 .con02{width:65%;}
}
@media (max-width: 1240px) {
.main-con-03 .con01{width:28%;}
.main-con-03 .con02{width:72%;padding-left:10px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.main-con-03 .con01{width:100%;}
.main-con-03 .con02{width:100%;padding-left:0px; margin-top:20px}
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}


/*리얼 이용후기*/
 .real_board{height:250px; overflow:hidden; position:Relative}
 .real_board h3{height:46px;  background:#eafbfa; border:1px solid #73dece;}
 .real_board h3 a{font-size:18px; color:#313131; font-weight:bold; padding:12px 20px; box-sizing:border-box; display:block;}
 .real_board .real_more{width:47px; height:46px; background:#eafbfa; border:1px solid #73dece;position:Absolute;top:0px; right:0px; text-align:center;}
 .real_board .real_more a{padding:12px 0px; font-size:18px; color:#73dece; display:block;}
 .real_board .slide_wrap{padding:20px; height:204px;overflow:hidden; border:1px solid #ddd; border-top:none;}
 .real_board .slide_img{float:left;}
 .real_board .slide_img .tabcontent{width:195px; height:162px;}
  .real_board .slide_img .tabcontent img{width:100%; height:100%;}
 .real_board .slide_img a{display:inline-block;}
 .real_board .slide_text{float:left; width:200px; margin-left:25px}
 .real_board .slide_text ul{}
 .real_board .slide_text ul li{padding-bottom:6px; line-height:1.3em;}
 .real_board .slide_text ul li:last-child{padding-bottom:0px;}
 .real_board .slide_text ul li a{display:block;}
 .real_board .slide_text ul li a p{margin-block-start:0em;}
 .real_board .slide_text ul li:hover p{color:#2a7da4; font-weight:bold;}
 .real_board .slide_text ul li:hover p.txt{}
 .real_board .slide_text ul li a p.info{font-size:13px;}
 .real_board .slide_text ul li a p.txt{font-size:13px; width:100%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}



/*고객센터*/
 .cs_area{}
 .cs_area .cs_title{height:46px; background:#eafbfa; border:1px solid #73dece; box-sizing:border-box;}
 .cs_area .cs_title h3{font-size:18px; color:#313131; font-weight:bold; padding:12px 20px; box-sizing:border-box; display:block;}
 .cs_area .cs_con{ height:203px; border:1px solid #ddd;  position:relative; }
 .cs_area .cs-txt{background:url(/image/main/cs-bg.png) top left no-repeat;height:130px;padding-left:149px;}
 .cs_area .cs-txt p{padding-top:20px; font-size:13px;line-height:18px;}
 .cs_area .cs-txt p strong{display:block;padding-bottom:5px;}
 .cs_area .cs-bank{border-top:1px dotted #b9b9b9;padding:10px 20px;}
 .cs_area .cs-bank ul{overflow:hidden;padding-top:15px}
 .cs_area .cs-bank ul li{float:left; margin-right:15px;font-weight:bold; font-size:16px;}
 .cs_area .cs-bank ul li .num{font-family: verdana !important;font-size:20px;position:Relative; top:-3px;}
  .cs_area .cs-bank ul li img{position:Relative; top:-9px;}
   .cs_area .cs-bank ul li.name{font-size:13px; font-weight:100}
 .cs_area .cs_img01{display:inline-block;}
 .cs_area .cs_img02{float:left;display:inline-block;margin-left:67px;  padding-top:14px;}
 .cs_area .cs_img03{float:left;display:inline-block;margin-left:53px;  padding-top:14px;}
 .cs_area .cs_con .cs_links{position:absolute; top:20px; right:20px;}
 .cs_area .cs_con .cs_links a{display:inline-block; margin-right:11px;}
 .cs_area .cs_con .cs_links a.cs_link03{margin-right:0px;}
 @media (max-width: 1367px) {
 .real_board .slide_img .tabcontent{width:145px; height:132px;}
  .real_board .slide_text{margin-left:15px;width:100px; }
}
@media (max-width: 1240px) {
 .real_board h3 a, .cs_area .cs_title h3{font-size:15px;padding:12px 10px;}
  .real_board .slide_img{display:none}
  .real_board .slide_text{margin-left:0px;width:100%; }
  .real_board .slide_wrap{padding:20px 10px}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
 .cs_area .cs_con .cs_links{right:10px;}
.cs_links img{width:70px;}
 .cs_area .cs_con {height:auto;}
 .cs_area .cs_img01 img{height:auto}
  .cs_area .cs_con .cs_links a{margin-right:5px}
 .cs_area .cs-txt{background:url(/image/main/cs-bg.png)  left 20px no-repeat;padding-left:90px; background-size:80px}
  .cs_area .cs-bank{padding:10px }
  .cs_area .cs-bank ul{padding-top:7px}
  .cs_area .cs-bank ul li{margin-right:10px; font-size:14px;}
   .cs_area .cs-bank ul li img{height:20px;top:-2px;}
 .cs_area .cs-bank ul li .num{font-size:15px;top:-1px}
  .cs_area .cs-txt p{font-size:12px;}
}
@media (max-width: 480px) {


 .cs_area .cs_con .cs_links{position:relative ;top:0px; right:0px; display:table; margin:0px auto;padding:0px 20px 20px;}
  .cs_area .cs_con .cs_links a{float:left}
}




#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:500px;}

	.pop-wrap{position:fixed!important;top:50%!important; left:50%!important; transform:translate(-50%,-50%); z-index:99999; width:500px; height:720px;}
	.pop-wrap .LayerPop{position:static !important; width:50%; float:left;}
	.pop-wrap label, 	.pop-wrap a{font-size:13px;}
   .LayerPop iframe{max-width:100%;max-height:100% !important; height:470px !important;}
   .LayerPop iframe img{max-width: 100%!important; height:auto !important;}
}
@media(max-width:768px){
 
}
@media(max-width:480px){
/* 	.pop-wrap{width:calc(100% - 30px);}
	   .LayerPop iframe{height:275px !important;} */
}


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