@charset "UTF-8";





.section{margin-top:60px;}
.section:after{content:""; display:block; clear:both}
.section.gray-bg{background:#efefef;padding:60px 0px;}
.section.line-btm{border-bottom:1px solid #d8d8d8; }
@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
.section{margin-top:40px;}
.section.gray-bg{padding:40px 0px;}
}
@media (max-width: 1099px) {
.section{margin-top:30px;}
.section.gray-bg{padding:30px 0px;}
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}



/* ---------------------------------- */
/* Testimonials
------------------------------------- */
.testimonial-box {}
.testimonial-box .slick-next { right: 250px; top:30%}
.testimonial-box .slick-prev { left: 250px; top:30%}
.testimonial-box .slick-next,
.testimonial-box .slick-prev { margin-top: 0px; }
.testimonial-box .slick-dots{position:absolute; bottom:20px; left:0px; width:100%;}
@media (max-width: 1367px) {
.testimonial-box .slick-next { right: 150px; top:30%}
.testimonial-box .slick-prev { left: 150px; top:30%}
}
@media (max-width: 1240px) {
}
@media (max-width: 1099px) {
.testimonial-box .slick-next { right: 20px; top:50%}
.testimonial-box .slick-prev { left: 20px; top:50%}
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}

/* ---------------------------------- */
/* mainvisual
------------------------------------- */
.mainvisual{position:RElative;height:570px;}
.mainvisual:after{display:block; clear:both}
.mbanner-box{ }
.mbanner-box  .inner {height:570px;}
.main_txt{text-align:center; padding-top:70px }
.main_txt h3{font-size:33px;font-family: 'Nanum Square';color:#fff;letter-spacing:-1px;line-height:43px; margin-bottom:5px;}
.main_txt h2{font-size:44px; font-weight:bold;font-family: 'Nanum Square';color:#fff;letter-spacing:-2px;line-height:53px;}
.main_txt p{color:#fff; font-size:18px;line-height:30px; margin-bottom:0px;}

@media (max-width: 1240px) {
.mainvisual,.mbanner-box  .inner {height:500px;}
.main_txt{  padding-top:50px }
.main_txt h2{font-size:35px;}
.main_txt h3{font-size:28px;}
}
@media (max-width: 1099px) {
.mainvisual{height:auto;}
.mbanner-box  .inner {height:300px;}
.mbanner-box  .inner{position:Relative;}
.main_txt{width:100%; position:absolute; top:50%;left:0px; transform:translateY(-50%);padding:0px;}
}
@media (max-width: 992px) {
.mbanner-box  .inner {height:250px;}
.main_txt h2{font-size:30px;line-height:1.3em;}
.main_txt h3{font-size:22px;}
.main_txt p{font-size:15px;line-height:22px; }
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
.main_txt{transform:translateY(-60%);}
.main_txt h2{font-size:28px;}
.main_txt h3{font-size:18px;}
}


.conBox-wrap{position:absolute; bottom:70px; left:0px; width:100%;}
.con_box_area{margin:0px -10px;padding-top:30px; }
.con_box_area:after{content:''; display:block; clear:both}
.con-box{padding:0px 10px; float:left; width:25%;}
.con-box .inner{height:190px; border-radius:10px; transition: .3s;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);}
.con-box:nth-child(1) .inner{background:#3f81e9;}
.con-box:nth-child(2) .inner{background:#12ae8b;}
.con-box:nth-child(3) .inner{background:#74aa20;}
.con-box:nth-child(4) .inner{background:#fafafa;}

.con-box a.link{display:block; width:100%; height:100%; position:relative;}
.con-box a.link img.ico{position:absolute; bottom:30px; right:30px;}
.con-box a.link p{position:absolute; top:30px; left:30px; margin:0px; width:100%; text-align:left; color:#fff; font-size:17px}
.con-box a.link p strong{display:block; font-size:23px; padding-bottom:10px;font-weight:700}
.con-box a.link img.more{position:absolute; bottom:30px; left:30px;}

.main_login{padding:30px 27px;}
.login_form {padding-right:62px; position:relative}
.login_form input{height:31px; border:1px solid #a7a7a7; background:none; color:#fff}

.login_form input::placeholder{color:#a7a7a7}
.login_form input::-moz-placeholder{color:#a7a7a7}
.login_form input:-ms-input-placeholder{color:#a7a7a7}
.login_form input::-webkit-input-placeholder{color:#a7a7a7}
.login_form input[type=text]{border-radius:10px 0px 0px 0px}
.login_form input[type=password]{border-radius: 0px 0px 0px 10px; border-top:0px; height:30px;}
.login_form input:focus{border:1px solid #fff}
.login_form a{display:block; height:61px; width:62px; background:#474747; border-radius:0px 10px 10px 0px; color:#fff; font-size:13px; line-height:61px; text-align:Center;position:absolute; top:0px; right:0px;}
.join_btn{text-align:Center; margin-top:12px;}
.join_btn a{color:#666}
.join_btn a:first-child:after{content:"|"; padding:0px 10px; color:#9fa0a0 }
.social_login{float:left; }
.social_login li{float:left; padding-right:10px;}
.social_login li:last-child{padding:0px}
.social_login li a{color:#666;}
.social_login li a img{position:RElative; top:10px;}

.login_user strong{color:#333}
.login_user ul{border:1px solid #ddd; border-radius:10px; overflow:hidden; height:100%;}
.login_user ul li{float:left; width:50%; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.login_user ul li:nth-child(2),.login_user ul li:nth-child(4),.login_user ul li:nth-child(6){border-right:0px;}
.login_user ul li:nth-child(5),.login_user ul li:nth-child(6){border-bottom:0px;}
.login_user ul li a{display:Block;color:#333; text-align:center; line-height:17px;padding:3px 0px}
.login_user ul li a:hover{background:#fff; color:#333}
.login_user ul li a:hover strong{ color:#333}

@media (max-width: 1367px) {
.social_login{width:150%;margin-left:-19px;}
}
@media (max-width: 1240px) {
.conBox-wrap{ bottom:50px; }
.con-box .inner{height:170px;}
.con-box a.link img.ico{bottom:20px; right:20px;  }
.con-box a.link p{ font-size:15px;top:20px; left:20px; }
.con-box a.link p strong{font-size:20px;}
.con-box a.link img.more{ bottom:20px; left:20px;}
.main_login{padding:20px;}
.social_login li{ padding-right:5px;}
}
@media (max-width: 1099px) {
.conBox-wrap{position:relative; bottom:0px; left:0px; width:100%;}
.con_box_area{padding-top:30px;}
.con-box{float:left; width:33.333%;}
.con-box:last-child{width:100%; margin-top :20px;}
.con-box .inner{height:105px;border:1px solid #ddd}
.con-box a.link img.ico{height:40px;right:20px;left:auto}
.con-box a.link p{text-align:left;padding-left:20px;position:Relative;top:20px;left:0px;}
.con-box a.link p strong{font-size:16px;padding-bottom:0px;}
.con-box a.link img.more{display:none}
.con-box:last-child .inner{height:100px;overflow:hidden}
.login_form {float:left; width:50%;}
.login_form_btn {float:left; width:50%;padding-left:20px;}
.join_btn{margin-top:0px;}
.social_login{width:auto; margin-left:0px; display:table; margin:0 auto; float:none}
.social_login li,.social_login li:last-child{padding:0px 7px;}
.login_user ul li{width:16.666%; }
.login_user ul li:last-child{border-right:0px!important;}
.login_user ul li:nth-child(2),.login_user ul li:nth-child(4){ border-right:1px solid #fff;}
.login_user ul li:nth-child(1),.login_user ul li:nth-child(2),.login_user ul li:nth-child(3),.login_user ul li:nth-child(4){border-bottom:0px;}
.login_user ul li a{padding:10px 0px}
}
@media (max-width: 992px) {
.con_box_area{margin:0px -5px;padding-top:20px;}
.con-box{padding:0px 5px;}
.con-box a.link img.ico{height:30px;}
.con-box:last-child{margin-top:10px;}
}
@media (max-width: 768px) {
.conBox-wrap{}
.con_box_area{padding-right:50%;position:relative; }
.con-box{width:100%;margin-bottom:10px;}
.con-box:nth-child(3){margin-bottom:0px;}
.con-box:last-child{position:absolute; right:0px; width:50%; top:20px; margin-top:0px; padding-left:10px;margin-bottom:0px}
.con-box:last-child .inner{height:335px;}
.login_form{width:100%;}
.login_form_btn{width:100%;padding-left:0px;}
.join_btn{margin-top:10px;}
.social_login{width:100%;margin-left:0px;margin-top:10px}
.social_login li{width:100%; text-align:center;border-radius:10px; border:1px solid #ddd;margin-bottom:5px;}
.social_login li a{display:block;padding-bottom:2px;position:Relative; top:-5px}
.login_user ul li{width:50%;}
.login_user ul li:nth-child(2),.login_user ul li:nth-child(4){border-right:0px}
.login_user ul li:nth-child(1),.login_user ul li:nth-child(2),.login_user ul li:nth-child(3),.login_user ul li:nth-child(4){border-bottom:1px solid #fff;}
.login_user ul li a{padding:21px 0px}
}
@media (max-width: 480px) {
.con_box_area{padding-right:0px;}
.con-box:nth-child(3){margin-bottom:10px;}
.con-box:last-child{position:relative; top:0px; width:100%;padding-left:5px;}
.con-box:last-child .inner{height:170px;}
.con-box a.link img.ico{height:45px;}
.social_login{width:auto; margin-left:0px; display:table; margin:0 auto; float:none}
.social_login li,.social_login li:last-child{padding:0px 7px;border:0px; width:auto}
.login_user ul li{width:33.333%;}
.login_user ul li:nth-child(3){border-right:0px}
.login_user ul li:nth-child(2),.login_user ul li:nth-child(4){border-right:1px solid #fff;}
.login_user ul li:nth-child(4){border-bottom:0px solid #fff;}
.login_user ul li a{padding:15px 0px}
}


/* ---------------------------------- */
/* main_con01
------------------------------------- */
.main_con01{margin:0px -10px;}
.main_con01:after{content:""; display:block; clear:both}
.main_con01 .con_box{float:left; width:50%; padding:0px 10px;}
.main_con01 .con_box .inner{height:290px; border:1px solid #ddd; border-radius:10px; padding:30px; position:Relative; background:#fff}
.main_con01 h5{font-size:20px; height:38px; font-weight:bold;font-family: 'Nanum Square'; letter-spacing:-1px}
.main_con01 ul{height:190px; overflow:hidden; ba ckground:Red}
.main_con01 ul li{overflow:hidden;padding-bottom:5px;}
.main_con01 ul li a{display:block; line-height:23px; color:#333; overflow:hidden; width:80%; text-overflow:ellipsis;white-space:nowrap; float:left; font-size:15px;}
.main_con01 ul li a:hover{color:#3f81e9}
.main_con01 ul li span{float:right; color:#777}
.main_con01 a.more{position:absolute; top:27px; right:30px;}
.main_con01 .faq ul li a{width:100%; }
.main_con01 .faq ul li a strong{color:#3f81e9}
@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
.main_con01 .con_box .inner{padding:20px; height:260px; }
.main_con01 h5{height:31px; }
.main_con01 h5 .hidden{display:none}
.main_con01 a.more{top:17px; right:20px;}
}
@media (max-width: 1099px) {

.main_con01 h5{font-size:16px; font-family: 'Nanum Gothic'; letter-spacing:0px}

.main_con01 ul li a{font-size:13px;}
.main_con01 ul li span{font-size:11px;}
}
@media (max-width: 992px) {
.main_con01{margin:0px -5px;}
.main_con01 .con_box{padding:0px 5px;}
}
@media (max-width: 768px) {
.main_con01 .con_box{width:100%;}
.main_con01 .faq{margin-top:10px}
.main_con01 .con_box .inner{height:205px;}
.main_con01 ul{height:140px; }
}
@media (max-width: 480px) {
}






/* ---------------------------------- */
/* ico_menu
------------------------------------- */
.ico_menu{margin:0px -10px; padding-top:20px}
.ico_menu:after{content:""; display:block; clear:both}
.ico_menu .con_box{float:left; width:16.666%; padding:0px 10px;}
.ico_menu .con_box a{display:block; height:136px; border:1px solid #dddddd; border-radius:10px; padding:25px 0px; position:Relative; text-align:Center;color:#333}
.ico_menu .con_box a img{display:inline-block; vertical-align:top; margin-bottom:7px;}
.ico_menu .con_box a p{margin:0px; font-size:17px}
.ico_menu .con_box a:hover{background:#eef3fb;color:#3f81e9; }
@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
}
@media (max-width: 1099px) {
.ico_menu .con_box a{height:119px; padding:17px 0px; }
.ico_menu .con_box a p{font-size:13px; font-weight:bold}
}
@media (max-width: 992px) {
.ico_menu{margin:0px -5px;padding-top:10px}
.ico_menu .con_box{padding:0px 5px;}
}
@media (max-width: 768px) {
.ico_menu .con_box{width:33.333%}
.ico_menu .con_box:nth-child(4),.ico_menu .con_box:nth-child(5),.ico_menu .con_box:nth-child(6){margin-top:10px;}
}
@media (max-width: 480px) {
.ico_menu .con_box{width:50%}
.ico_menu .con_box:nth-child(3){margin-top:10px;}
}




/* ---------------------------------- */
/* step_area
------------------------------------- */
.step_area {margin-top:20px;border:1px solid #dddddd; border-radius:10px; height:176px;overflow:hidden}
.step_area .inner{padding-left:183px;position:Relative;}
.step_area .main_tab{position:absolute; top:0px; left:0px; height:174px; width:183px; border-right:1px solid #dddddd; background:#eef3fb;padding:30px 0px 0px 30px;}
.step_area .main_tab ul{overflow:hidden; width:90%;}
.step_area .main_tab ul li{padding-bottom:12px;}
.step_area .main_tab ul li a{display:block;  color:#333;font-size:18px;font-weight:bold;font-family: 'Nanum Square'; letter-spacing:-1px}
.step_area .main_tab ul li a i{display:none}
.step_area .main_tab ul li.active {}
.step_area .main_tab ul li.active a{color:#3f81e9;}
.step_area .main_tab ul li.active a i{display:inline-block}
.step_area .main_tab p{margin:0px;font-size:13px; padding-top:5px; line-height:20px; }
.step_area .main_tab p span{display:block}
.mTs_main {padding-top:30px;}
.mTs_main ul{display:table; margin:0px auto}
.mTs_main ul li{display:inline-block; position:Relative;margin-right:46px;}
.mTs_main ul li:last-child{margin-right:0px;}
.mTs_main ul li:after{content:""; display:inline-block;width:20px; height:20px; background:url(/image/main/arrow2.png) left top no-repeat;position:absolute; right:-32px; top:30px;}
.mTs_main ul li:last-child:after{display:none}
.mTs_main ul li img{display:inline-block; vertical-align:top; margin-bottom:5px;}
.mTs_main ul li p{text-align:center;font-size:13px; line-height:18px; margin:3px 0px;}
.mTs_main ul li span{display:none; }
@media (max-width: 1367px) {
.mTs_main ul li{margin-right:30px;}
.mTs_main ul li:after{right:-25px; }
}
@media (max-width: 1240px) {
.step_area{height:156px;}
.step_area .inner{padding-left:165px;}
.step_area .main_tab{ width:165px; padding:20px 0px 0px 20px;}
.mTs_main ul li{margin-right:20px;}
.mTs_main ul li:after{right:-20px; }
.mTs_main {padding-top:20px;}
}
@media (max-width: 1099px) {

.step_area .inner{padding-left:155px;}
.step_area .main_tab{ width:155px; }
.step_area .main_tab ul li{padding-bottom:5px;}
.step_area .main_tab ul li a{font-size:16px; font-family: 'Nanum Gothic'; letter-spacing:0px}

}
@media (max-width: 992px) {
.step_area {margin-top:10px;height:200px;}
.step_area .inner{padding-left:0px;}
.step_area .main_tab{position:Relative; height: auto;width:100%;border-right:0px solid #dddddd;border-bottom:1px solid #dddddd;padding:15px;}
.step_area .main_tab ul{display:table; margin:0 auto; width:auto}
.step_area .main_tab ul li{float:left;padding:0px 5px;}
.step_area .main_tab p {text-align:center}
.step_area .main_tab p span{display:inline-block}
.mTs_main {padding:15px;}
.mTs_main ul li{margin-right:30px;}
.mTs_main ul li:after{right:-25px;top:20px; }
.mTs_main ul li img{height:50px;margin:0 auto}
.mTs_main ul li p{font-size:11px;line-height:18px;}
}
@media (max-width: 768px) {
.mTs_main ul{display:block;width: auto;white-space: nowrap;overflow-x: auto; -webkit-overflow-scrolling: touch;}

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





/* ---------------------------------- */
/* main_con02
------------------------------------- */
.main_con02{margin:0px -10px;}
.main_con02:after{content:""; display:block; clear:both}
.main_con02 .con_box{float:left; width:33.333%; padding:0px 10px;}
.main_con02 .con_box .inner{height:219px; border:1px solid #dddddd; border-radius:10px; padding:30px; position:Relative; background:#fff;position:relative}
.main_con02 h5{font-size:18px; height:38px; font-weight:bold;font-family: 'Nanum Square'; letter-spacing:-1px}
.main_con02 a.more{display:block;height:53px; border:1px solid #3f81e9; background:#3f81e9;border-radius:10px;color:#fff; line-height:51px; text-align:center; font-size:15px; }
.main_con02 a.more:hover{border:1px solid #12ae8b; background:#12ae8b; color:#fff}
.main_con02 p{margin:0px; padding-bottom:15px;color:#333}
.main_con02 p strong{color:#3f81e9;font-family: 'Nanum Square'; font-size:23px;}
.main_con02 p.time{margin-top:-5px;}
.main_con02 img{position:absolute; right:30px; bottom:105px;}

.trk-search .trk-con{width:100%; height:53px; background:#fff;border:1px solid #3f81e9; border-radius:10px; padding:0px 40px;
position:Relative; overflow:hidden; margin-bottom:10px;}
.trk-search .trk-con input{height:51px;line-height:51px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.0); font-size:15px;}
.trk-search .trk-con input::-webkit-input-placeholder{color:#949494}
.trk-search .trk-con input::-moz-placeholder{color:#949494}
.trk-search .trk-con input::-ms-innput-placeholder{color:#949494}
.trk-search .trk-con.ch{background:url(/image/main/flag-c.png) 10px 11px no-repeat #fff}
.trk-search .trk-con.kr{background:url(/image/main/flag-k.png) 10px 11px no-repeat #fff}
.trk-search .trk-con a{display:block; height:51px;position:absolute; top:0px; right:0px;padding:0px 10px;}
.trk-search .trk-con a i{color:#3f81e9; font-weight:bold; font-size:20px; line-height:51px; }
@media (max-width: 1367px) {
.main_con02 p{font-size:13px;}
}
@media (max-width: 1240px) {
.main_con02 .con_box .inner{padding:20px; height:190px; }
.main_con02 h5{ height:31px; }
.main_con02 img {right:20px; bottom:85px; display:none}
}
@media (max-width: 1099px) {
.main_con02 .con_box .inner{height:170px; }
.main_con02 h5{font-size:16px; font-family: 'Nanum Gothic'; letter-spacing:0px}
.trk-search .trk-con{height:43px; }
.trk-search .trk-con input{height:41px;line-height:41px;font-size:13px;}
.trk-search .trk-con.ch{background:url(/image/main/flag-c.png) 10px 6px no-repeat #fff}
.trk-search .trk-con.kr{background:url(/image/main/flag-k.png) 10px 6px no-repeat #fff}
.trk-search .trk-con a{height:41px;}
.trk-search .trk-con a i{line-height:41px; }
.main_con02 a.more{height:43px; line-height:41px;font-size:13px;}
.main_con02 p{padding-bottom:10px;line-height:20px;}
}
@media (max-width: 992px) {
.main_con02{margin:0px -5px;}
.main_con02 .con_box{padding:0px 5px;}
.main_con02 .con_box{width:50%;}
.main_con02 .con_box:first-child{width:100%; margin-bottom:10px;}
.main_con02 .con_box:first-child .inner{height:auto}
.trk-search {overflow:hidden}
.trk-search .mobile-block{width:50%; float:left}
.trk-search .mobile-block:nth-child(1){padding-right:5px;}
.trk-search .mobile-block:nth-child(2){padding-left:5px;}
.trk-search .trk-con{margin-bottom:0px;}
.main_con02 img {right:20px; bottom:75px; display:block; height:50px;}
}
@media (max-width: 768px) {
.main_con02 .con_box{width:100%;}
.main_con02 .con_box:last-child{ margin-top:10px;}
}
@media (max-width: 480px) {
.trk-search .mobile-block{width:100%; padding:0px!important}
.trk-search .mobile-block:nth-child(1){margin-bottom:10px;}

}




/* ---------------------------------- */
/* hotdeal - Grid Layout
------------------------------------- */

.hotdeals-area{margin:0px -10px;}
.hotdeals-area h5{font-size:20px; height:38px; font-weight:bold;font-family: 'Nanum Square'; letter-spacing:-1px; text-align:center}
.hotdeals-container{}
.hotdeal{width:25%;padding:0px 10px;}
.hotdeal .img_box{margin-bottom:15px;}
.hotdeal .img_box a{display:block;height:224px; border-radius:10px; overflow:hidden;position:Relative}
.hotdeal .img_box a img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;min-height:100%}
.hotdeal p{margin:0px; text-align:center; overflow:hidden; width:100%; text-overflow:ellipsis;white-space:nowrap;}
.hotdeal strong{display:block; text-align:center;color:#3f81e9 }
@media (max-width: 1367px) {
.hotdeal .img_box a{height:200px; }
}
@media (max-width: 1240px) {
.hotdeal .img_box a{height:170px; }
.hotdeal p{font-size:13px;}
}
@media (max-width: 1099px) {
.hotdeals-area{margin:0px -5px;}
.hotdeals-area h5{font-size:16px; font-family: 'Nanum Gothic'; letter-spacing:0px}
.hotdeal{padding:0px 5px;}
.hotdeal .img_box a{height:160px; }
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}





/* ---------------------------------- */
/* main_con03
------------------------------------- */
.main_con03{margin:0px -10px;padding-bottom:60px;}
.main_con03:after{content:""; display:block; clear:both}
.main_con03 .con_box{float:left; width:33.333%; padding:0px 10px;}
.main_con03 .con_box .inner{height:125px;  border-radius:10px; padding:25px 30px; position:Relative; background:#fff;position:relative}
.main_con03 .con_box:nth-child(1) .inner{border:1px solid #3f81e9;background:#fff}
.main_con03 .con_box:nth-child(2) .inner{border:1px solid #eff6fe;background:#eff6fe}
.main_con03 .con_box:nth-child(3) .inner{background:#f3f3f3}

.exchange{ position:Relative}
.exchange img{position:absolute; top:5px; left:0px;}
.exchange ul{}
.exchange ul li{overflow:hidden;font-size:15px;padding-bottom:3px;}
.exchange ul li span{float:left;}
.exchange ul li p{float:right; margin:0px;}
.exchange ul li p strong{color:#333}

.callCenter .phone{overflow:hidden; margin-bottom:8px;}
.callCenter h5{float:left; font-size:15px;margin-right:5px; font-weight:bold}
.callCenter strong{color:#3f81e9; font-size:20px;}
.callCenter p{margin:0px; font-size:13px; line-height:20px;}
.callCenter p span{display:block}

.bank{overflow:hidden; margin-bottom:8px;}
.bank h5{float:left; font-size:15px;margin-right:7px; font-weight:bold}
.bank img{float:left;vertical-align:top; width:120px;}
.bank_txt{margin:0px;}
.bank_txt strong{font-size:16px;}
@media (max-width: 1367px) {
.callCenter strong{font-size:18px;}
}
@media (max-width: 1240px) {
.main_con03{padding-bottom:40px;}
.main_con03 .con_box .inner{padding:20px 20px; }
.exchange ul{margin-top:4px;}
.exchange ul li{padding-bottom:5px;}
.callCenter .phone{margin-bottom:2px;}
.callCenter h5{width:100%;padding-bottom:2px;}
.callCenter strong{display:block}
.callCenter p{font-size:11px;line-height:18px;}
.bank{margin-bottom:2px;}
.bank_txt strong{display:block}
}
@media (max-width: 1099px) {
.main_con03{padding-bottom:30px;}
}
@media (max-width: 992px) {
.main_con03{margin:0px -5px;}
.main_con03 .con_box{padding:0px 5px;}
.exchange{padding-left:0px; }
.exchange img{display:none}
.exchange ul li{font-size:13px;}
.callCenter strong{font-size:17px}
.callCenter p span{display:inline-block}
.bank_txt{font-size:13px;}
.bank_txt strong{font-size:15px;}
}
@media (max-width: 768px) {
.main_con03 .con_box{width:50%;}
.main_con03 .con_box:first-child{width:100%;margin-bottom:10px}
.main_con03 .con_box:first-child .inner{height:auto}
.exchange ul{display:Table; margin:0px;}
.exchange ul li{float:left; padding:0px 10px}
}
@media (max-width: 480px) {
.main_con03 .con_box{width:100%;}
.main_con03 .con_box:last-child{margin-top:10px}
.main_con03 .con_box  .inner{height:auto}
.bank_txt strong{display:inline-block}

.exchange ul{width:100%;}
.exchange ul li{width:100%;padding:0px;}
.exchange img{display:block}
}











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

/* ---------------------------------- */
/* Icon Boxes
------------------------------------- */
.icon-box {
	text-align: center;
	margin-top: 45px;
	position: relative;
}

.icon-box-circle {
	background-color: #fff;
	width: 50%;
	height: 60px;
	z-index: 100;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	margin-bottom: 35px;
}

.icon-box-circle-inner {
	font-size: 72px;
	color: #ccc;
	position: relative;
	width: 60px;
	margin: 0 auto;
	display: inline-block;
}

.icon-box-check {
	background-color: #66676b;
	width: 30px;
	height: 30px;
	line-height: 32px;
	font-size: 18px;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	animation: circle-box-anim 2s infinite;
	transition: 0.4s;
	color: #fff;
	font-weight: 500;
	position: absolute;
	bottom: -3px;
	right: -10px;
	animation: checkAnim 2s infinite;
	box-shadow: 0 0 0 5px rgba(102,103,107,0.1);
}

@keyframes checkAnim {
	0%,100% {
		box-shadow: 0 0 0 5px rgba(102,103,107,0.15);
	}
	50% {
		box-shadow: 0 0 0 8px rgba(102,103,107,0.15);
	}
}

.icon-box span {
	color: #666;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}

.icon-box h4 {
	margin: 4px 0;
	line-height: 26px;
}

.icon-box h3 {
	margin: 4px 0;
	line-height: 26px;
	font-size: 22px;
	font-weight: 500;
}

.icon-box p {
	margin: 0;
	margin-top: 25px;
	font-style: 16px;
	padding: 0 10px;
	color: #808080;
}

.icon-box.with-line:before {
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 40px;
	background: #e9e9e9;
	display: block;
	z-index: 9;
}

@media (max-width: 992px) {
	.icon-box.with-line:before { display: none; }
}







/* ---------------------------------- */
/* Text Banner
------------------------------------- */
.photo-section {
	background-size: cover;
	background-position: 50%;
	display: block;
	position: relative;
}

.photo-section:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #333;
	opacity: 0.65;
	display: block;
	position: absolute;
	top: 0;
}

/* Styles for info banner with parallax */
.text-content {
	background: transparent;
	padding: 110px 0px;
	font-weight: 500;
	z-index: 99;
	position: relative;
}

.text-content.white-font,
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content.white-font h1,
.text-content.white-font h2,
.text-content.white-font h3,
.text-content.white-font h4,
.text-content.white-font h5 {
	color: #fff;
}

.text-content a.button {
	font-size: 16px;
	box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

.text-content p {
	font-size: 18px;
	font-weight: 300;
	line-height: 31px;
	opacity: 0.85;
}

.text-content h2 {
	margin-bottom: 23px;
	line-height: 46px;
	font-size: 34px;
	font-weight: 500;
}

.top-1 { position: relative; top: -1px; }
.top-0 { position: relative; }


@media (max-width: 992px) {
	.text-content {
		padding: 80px 0;
	}

	.text-content h2 {
		margin-bottom: 20px;
		line-height: 40px;
		font-size: 30px;
		font-weight: 500;
	}
}


/* ---------------------------------- */
/* Counters
------------------------------------- */
.counters-container	{
	display: flex;
	flex-wrap: wrap;
}

.single-counter {
	flex: 1;
	text-align: center;
	position: relative;
	border-right: 1px solid #e0e0e0;
	margin-top: 80px;
}

.single-counter:last-child {
	border-right: 0;
}

.single-counter i {
	font-size: 64px;
	color: #ccc;
	position: absolute;
	top: -20px;
	transform: translateY(-100%);
	left: 0;
	right: 0;
}

.single-counter h3 {
	font-size: 36px;
	font-weight: 600;
	color: #66676b;
	margin-bottom: 7px;
}

.single-counter .counter-title {
    color: #888;
    padding-top: 0;
    display: inline-block;
    border-radius: 4px;
    font-size: 18px;
}

/* Media Queries for Counters */
@media (max-width: 992px) {
	.single-counter {
		flex: 1 1 50%;
		margin-bottom: 30px;
	}
	.single-counter:nth-child(2) {
		border: none;
	}
	.counters-container { margin-bottom: -30px; }
}

/* Media Queries for Counters */
@media (max-width: 768px) {
	.single-counter {
		flex: 1 1 100%;
		border: none;
		border-bottom: 1px solid #e0e0e0;
		padding-bottom: 30px;
	}
	.single-counter:nth-child(2) {
		border-bottom: 1px solid #e0e0e0;
	}
	.single-counter:last-child { margin-bottom: -15px; border-bottom: none; }
	.counters-container { margin-bottom: -30px; }
}


/* ---------------------------------- */
/* Countdown
------------------------------------- */
.countdown {
	border-radius: 4px;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	padding: 14px;
}

.countdown.green {
	background-color: #e7f8ec;
	color: #289c41;  
}

.countdown.yellow {
	background-color: #fbf6dd;
	color: #a18d29;
}



/* ---------------------------------- */
/* Popup
------------------------------------- */
.main-popLayer{display:block;}
.layer-popup{position:fixed;top:0px;left:0px; width:100%; height:auto; z-index:1000; background:rgba(0,0,0,0.7); display:flex;flex-wrap: wrap; flex-direction: column; /*¼öÁ÷ Á¤·Ä*/ align-items: center; justify-content: center;}
.layer-popup .main-popup-box{position:relative; } /*background:#fff; padding:5px;*/
.layer-popup .popup-title{background:#4d5980; overflow:hidden;display: flex;}
.layer-popup .popup-title a{ display:block ; float:left; padding:5px; color:#fff; flex: 1; text-align:center;line-height:20px; }
.layer-popup .popup-title a.active{ color:#ebf812;}
.layer-popup .popup-img p{margin:0px;}
.layer-popup .popup-x{position:absolute; top:-30px; right:-30px}
.layer-popup .popup-x a{display:block; width:30px; height:30px; line-height:30px; text-align:center;font-weight:bold; font-size:30px; color:#fff}
.layer-popup .NotOpen{position:absolute; top:0px; left:50%; margin-left:-75px}
.layer-popup .NotOpen{font-size:12px; display:block; width:150px; height:30px; line-height:30px; text-align:center; border-radius:15px; background:#4d5980; color:#fff}

.mobile-pop{display:none;}
.main-popup{position:fixed;top:0px;left:0px; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,0.7); display:flex;flex-wrap: wrap; flex-direction: column; /*¼öÁ÷ Á¤·Ä*/ align-items: center; justify-content: center;}/**/
.main-popup .main-popup-box{background:#fff; position:relative; padding:5px;}
.main-popup .layer-popup-con{}
.main-popup .popup-title{background:#4d5980; overflow:hidden;display: flex;}
.main-popup .popup-title a{ display:block ; float:left; padding:5px; color:#fff; flex: 1; text-align:center;line-height:20px; }
.main-popup .popup-title a.active{ color:#ebf812;}
.main-popup .popup-img p{margin:0px;}
.main-popup .Mpopup-x{position:absolute; top:-30px; right:-30px}
.main-popup .Mpopup-x a{display:block; width:30px; height:30px; line-height:30px; text-align:center;font-weight:bold; font-size:30px; color:#fff}
.main-popup .NotOpenM{position:absolute; bottom:-50px; left:50%; margin-left:-75px}
.main-popup .NotOpenM{font-size:12px; display:block; width:150px; height:30px; line-height:30px; text-align:center; border-radius:15px; background:#4d5980; color:#fff}

@media(max-width:768px){
.main-popLayer{display:none;}
.mobile-pop{display:block;}
.main-popup .main-popup-box{max-width: 500px;margin:15px;}
.main-popup .popup-title a{ padding:10px 5px; }
.main-popup .Mpopup-x{right:0px}
}

/*ÅÇ*/
.popup_tab ul{display:flex; flex-direction:row; flex-wrap:wrap; height:100%;background:#333; }
.popup_tab ul li{flex:1; align-self:center;text-align:center; display:block; border-left:1px solid #fff} 
.popup_tab ul li:first-child{border-left:0px;}
.popup_tab ul li a{color:#fff; display:block; font-size:12px; line-height:1.25em; padding:5px;}
.popup_tab ul li.active a{color:#fed135}

/*·¹À̾î*/
.layer-popup{background:none; display:block;}
.layer-popup-con{position:absolute; background:#fff; min-width:200px; min-height:100px;}
.layer-inner{/*height:100%;*/ max-height:700px; overflow-y:auto;}
.layer-inner img{display:block;}
.layer-popup-con p{padding: 0 10px;}
.layer-popup .popup-x{position:absolute; top:0px; right:0px; background:#333}
.layer-popup .NotOpen{position:relative; width:100%; left:0px; bottom:0px; margin-left:0px; border-radius:0px; background:#eee; color:#333}
.layer-popup .NotOpenM{position:relative; width:100%; left:0px; bottom:0px; margin-left:0px; border-radius:0px; background:#eee; color:#333}

.mPop-inner{max-height:500px; overflow-y:auto;}

/* -------------------------------------------------------------- */
/* 05. Scripts Styles
----------------------------------------------------------------- */

/* ---------------------------------- */
/* Slick Slider
------------------------------------- */
/* Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {position: relative; display: block;overflow: hidden;margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide { display: none; float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {isplay: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide { display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* Slider */
/*.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
*/

/* Arrows */
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute;  top: 50%; display: block;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); cursor: pointer; border: none; outline: none;  background-color: #333; border-radius: 4px; width: 40px; height: 40px;display: block;
    top: calc(50% 0px); transform: translateY(-50%);transition: 0.3s;  box-shadow: 0 3px 12px rgba(0,0,0,0.15);  z-index: 10;}
.slick-prev:hover,
.slick-next:hover {color: transparent;outline: none;background: #66676b;}
.slick-prev:hover:before,
.slick-next:hover:before {opacity: 1;}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {pointer-events: none;cursor: default;background-color: #e8e8e8;box-shadow: none;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {color: #808080;}
.slick-prev:before,
.slick-next:before {font-family: "Feather-Icons"; font-size: 26px;line-height: 1;opacity: 1;transition: 0.3s;position: relative;color: #fff;}
.slick-prev { left: -85px; }
.slick-prev:before {  content: '\e92f'; left: -1px; }
.slick-next {  right: -85px; }
.slick-next:before { content: '\e930'; right: -1px; }
/* Dots */
.slick-dots {margin: 0 auto;padding: 0;text-align: center;}
.slick-dots li {position: relative; display: inline-block;padding: 0; margin: 0 3px;cursor: pointer;}
.slick-dots li {font-size: 0; line-height: 0; cursor: pointer; color: transparent;border: 0;position: relative;outline: none;display: inline-block;width: 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; }

/* µ¿¿µ»ó css 231130 Çö°â */
.vedio-wrap {padding-top:56.25%; position:relative}
iframe {position:absolute; left:0; top:0; width:100%; height:100%; }