@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

body { font-family:'Noto Sans KR',sans-serif; overflow-x: hidden;}
img{ border: none; padding: 0px; vertical-align: top;}
ul,li{ list-style: none; padding: 0; }
a{ text-decoration: none; outline:none; select-dummy: expression(this.hideFocus=true); font-family: 'NanumSquare', sans-serif; font-size: 13px; color: #333333;}
a:hover, a:active{text-decoration: none;}
table{ border-spacing: 0px; }
header, section, footer, nav, article, aside, figure{ padding:0px; margin:0px; display: block; }
fieldset{ border: none; }
legend, caption{ display: none; }
address{ font-style: normal;}
input, textarea, button{ outline:none; box-shadow: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    cursor:pointer;
}
input[type=button], input[type=submit], input[type=reset], input[type=image], button{ cursor: pointer;}
select { margin: 0; border:1px solid #ccc; outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    cursor:pointer;
}
select::-ms-expand {
    display: none;
}
input[type='checkbox'],input[type='text'] {vertical-align: middle;}

/*공통 스타일*/

.orange{ color: #f8991d;}
.lightgray{ color: #979797;}

.fw60{font-weight: 600;}
.mg15{margin-left: 15px;}


/* 탑메뉴*/

#header{width: 100%; height: 131px;   position:absolute; top: 0; left: 0; z-index: 99; }

.header_inner_wrap { width: 100%; background:rgba(42,76,118,0.4) ; min-height: 78px;}
.header_inner{width: 1080px; margin: 0 auto;}
.header_inner .logo a{display: block; padding: 16px 0;}
.header_inner .logo a img{ vertical-align: middle; display: block; }
.header_inner .mgnb{display: none;}

.membership{padding: 28px 0; margin-right:5%;}
.membership li{padding-right:20px; float: right;}
.membership li a{ color: #fff; font-size: 12px;}

.logout_area{ padding:0px; padding-top: 20px; margin: 0px; float: right;}
.gnbarea .logout_area li a{font-size:12px;}
.login_text{display: inline-block; color: #ffb600; float: right; font-size:12px; margin:5px 20px 0 0}

.gnbarea{ width: 100%; background:rgba(36,66,104,0.8) ; min-height: 56px; position: relative;}
#gnb{ width: 100%; max-width:1080px; margin: 0 auto;  min-height: 54px; border: 1px solid transparent; }
#gnb ul li{ float: left; width:25%; text-align: center;}
#gnb ul li a{ color: #fff; font-size: 15px; display:inline-block; line-height: 54px; }

#gnb ul li .submenu{width:1080px; margin: 0 auto; background-color: #fff; position: absolute; top: 100%; left: 50%; margin-left:-540px; z-index: 99; }
#gnb ul li .submenu ul li{padding: 0;}


.hide{display: none;}


#header .mgnb{display:block;position:absolute; top: 20px; right:40px;z-index:999999; background: url(../imgs/m_btnmenu.png) no-repeat; background-size: 25px 19px; display: none;}
#header .mgnb span{text-indent: -99999px;}

.mobile_gnb{width: 100%; position:absolute; top: 60px; left: 0; width: 100%; /*color: #fff;*/ background-color: #2c2f3e; overflow: hidden; z-index: 99999999;}
.mobile_gnb ul li{ padding: 13px 0 0 0; border-top:1px solid #474c67;}
.mobile_gnb ul li:first-child{  padding-top: 0;}
.mobile_gnb ul li a{ color: #fff; font-size: 14px; display: block; padding:0 0 13px 20px;}

.mobile_gnb ul li .mb-submenu li{padding: 20px 0 0 0; border: none; background-color: #4174b6; border-bottom: 1px solid #7a9ecc;}
.mobile_gnb ul li .mb-submenu li a{ padding: 0; padding:0 0 20px 20px;}

.mobile_gnb ul li .mb-submenu li .mb-submenu li{padding: 20px 0 0 0; border: none; background-color: #fff; border-bottom: 1px solid #d9d9d9;}
.mobile_gnb ul li .mb-submenu li .mb-submenu li a{color: #555; padding: 0; padding:0 0 20px 20px;}
.mobile_gnb ul li .mb-submenu li .mb-submenu li a img{vertical-align: middle; margin-right: 5px;}

.mobile_gnb{display: none;}

.mobile_gnb ul .membership-mobile span{display: inline-block;}
.mobile_gnb ul .membership-mobile ul { display: block; min-height: 40px;}
.mobile_gnb ul .membership-mobile ul li{ text-align: center; border-top: none; line-height: 30px; padding: 0; border-right:1px solid #fcba62; background-color: #f68b20;}
.mobile_gnb ul .membership-mobile ul li a{padding: 5px 0; display: block;}
.mobile_gnb ul .membership-mobile ul li a img{vertical-align: middle; margin-right: 5px;}


@media screen and (min-width:992px) and (max-width:1080px) { 

.header_inner{width: 100%; min-width: 992px; margin: 0 auto; padding: 0 10px;}
#gnb{ width: 100%; min-width: 992px; margin: 0 auto; min-height: 54px; border: 1px solid transparent; }
#gnb ul li a{ font-size: 14px; }
    
/*sub-menu*/  
#gnb ul li .submenu{width:100%; min-width: 992px; margin: 0 auto; margin-left:-50%; }

/*sub-big-title*/
#gnb ul li .submenu ul li.submenu_big_title{ padding-right: 20px; } 
#gnb ul li .submenu ul li.submenu_big_title img{ width: 40px; height: 40px; margin-top: 20px; }
#gnb ul li .submenu ul li.submenu_big_title span{font-size: 18px;}

/*sub-small-title*/
#gnb ul li .submenu ul li.submenu_small_title ul li{ min-width:100%; font-size: 13px;  }

/*sub-detail*/
#gnb ul li .submenu ul li.submenu_detail ul li span a{ padding-left:10px;  font-size: 12px; }

#gnb ul li .submenu ul li.submenu_detail ul li a img{padding-right: 5px;}


}

@media screen and (min-width:901px) and (max-width:991px) { 

.header_inner{width: 100%; margin: 0 auto; padding: 0 10px; }
#gnb{ width: 100%; min-width: 801px; margin: 0 auto; min-height: 54px; border: 1px solid transparent; }
#gnb ul li{ float: left; padding:0 2%;}
#gnb ul li a{ font-size: 13px; }
    
/*sub-menu*/  
#gnb ul li .submenu{width:100%; min-width: 901px; margin: 0 auto; margin-left:-50%; }

/*sub-big-title*/
#gnb ul li .submenu ul li.submenu_big_title{ padding-right: 20px;  min-width: 200px;} 
#gnb ul li .submenu ul li.submenu_big_title img{ width: 40px; height: 40px; margin-top: 20px; }
#gnb ul li .submenu ul li.submenu_big_title span{font-size: 18px;}

/*sub-small-title*/
#gnb ul li .submenu ul li.submenu_small_title ul li{ min-width:200px; font-size: 13px;  }

/*sub-detail*/
#gnb ul li .submenu ul li.submenu_detail ul li span a{ padding-left:10px;  font-size: 12px; }
#gnb ul li .submenu ul li.submenu_detail ul li a img{padding-right: 5px;} 
#gnb ul li .submenu ul li.submenu_detail ul li:after{  min-width:580px; }    

}


@media screen and (min-width:769px) and (max-width:900px) { 

.header_inner{width: 100%; margin: 0 auto; padding: 0 10px; }
#gnb{ width: 100%; min-width: 769px; margin: 0 auto; min-height: 54px; border: 1px solid transparent; }
#gnb ul li{ float: left; padding:0 1%;}
#gnb ul li a{ font-size: 13px; }
    
/*sub-menu*/  
#gnb ul li .submenu{width:100%; min-width:769px; margin: 0 auto; margin-left:-50%; }

/*sub-big-title*/
#gnb ul li .submenu ul li.submenu_big_title{ padding-right: 20px;  min-width: 170px;} 
#gnb ul li .submenu ul li.submenu_big_title img{ width: 35px; height: 35px; margin-top: 30px; }
#gnb ul li .submenu ul li.submenu_big_title span{font-size: 16px;}

/*sub-small-title*/
#gnb ul li .submenu ul li.submenu_small_title ul li{ min-width:180px; font-size: 13px;  }

/*sub-detail*/

#gnb ul li .submenu ul li.submenu_detail ul li span a{ padding-left:10px;  font-size: 12px; }
#gnb ul li .submenu ul li.submenu_detail ul li a img{padding-right: 5px;}
#gnb ul li .submenu ul li.submenu_detail ul li:after{  min-width:580px; }      
.membership{margin-right:3%;}
}



@media screen and (min-width:320px) and (max-width:768px) { 
.header_inner_wrap { width: 100%; min-height: 60px;}
.header_inner{width:100%; padding: 0 10px;}
.header_inner .logo a{display:inline-block; padding: 10px 0;}
.gnbarea{display: none;}
    
.membership{display: none;}
#header .mgnb{display:block;  right:15px;}

 

}


/* 메인비쥬얼 */
.carousel slide{z-index: -99999999;}
.carousel-indicators, .carousel-control{display: none;}
.carousel-inner{position: relative;}
.carousel-txt{ width: 582px; height: 156px; background: url(../imgs/txt_bg.png) repeat-x;  border: 2px solid #f8991d; position: absolute; top: 64px; left: 50%; z-index: 1; padding: 15px 0; margin-left: -291px;}
.carousel-txt p{color: #fff; font-size: 27px; text-align: center; font-weight:lighter; letter-spacing: 1px;}
.carousel-txt .fs01{font-size: 23px;}
.carousel-txt .fw01{font-weight:normal;}
.carousel-txt .orange{ color: #f8991d;}

.main_visual .item .carousel-caption .mvtxt_tablet{display: none;}
.main_visual .item .carousel-caption .mvtxt_mobile{display: none; }

.main_visual .item{ min-height: 289px; background: url(../imgs/main_visual01.jpg) no-repeat center top; background-size:cover;}

@media screen and (min-width:767px) and (max-width:1080px) {
	
.item img.main_visual_pc{ display: none;}
.main_visual .item{ min-height: 200px; background: url(../imgs/main_visual01.jpg) no-repeat center top; background-size:cover;}
.main_visual .item .carousel-caption .mvtxt_pc{ display: none;}
.main_visual .item .carousel-caption .mvtxt_tablet{display: block; margin: 0 auto;}
.main_visual .item .carousel-caption .mvtxt_moblie{display: none; }
    
}

@media screen and (min-width:320px) and (max-width:766px) {
	
.item img.main_visual_pc{ display: none;}
.main_visual .item{ min-height: 200px; background: url(../imgs/main_visual01.jpg) no-repeat center top; background-size:cover;}
.main_visual .item .carousel-caption .mvtxt_pc{ display: none;}
.main_visual .item .carousel-caption .mvtxt_tablet{display: none;}
.main_visual .item .carousel-caption .mvtxt_mobile{display: block; margin: 0 auto;}
    
   
}


/* 메인컨텐츠  */

.contents-wrap{background-color: #f6f6f6; }

/*배너01*/
.bn-mobile{display: none;}	
.banner01, .main-board_wrap{max-width: 1080px; height: 150px;  background-color: #fff; margin: 30px auto; box-shadow: 0 4px 4px -2px lightgray;  -webkit-box-shadow: 0 4px 4px -2px lightgray; -moz-box-shadow: 0 4px 4px -2px lightgray;}
.banner01 ul{margin: 0px; }
.banner01 .bn-contents{ border-right: 1px solid #ededed; padding: 15px 24px;  }
.banner01 .bn-contents .lightgray{line-height: 18px; padding-top: 5px;}
.banner01 .bn-contents:last-child{border-right: none;}
.bn_txt_wrap{ float: left;  margin-right: 25px;}

.bn_txt_wrap p{font-size: 11px;  margin: 0; line-height: 20px;}
.bn_txt_wrap p.bn-title{font-size: 17px; font-weight:500; }
.bn_icon{/*float: left;*/  margin-top: 15px; }

button.more_btn{ padding: 5px 11px; color: #f4821f;  border: 1px solid #f8991d; background-color: #fff; font-size: 11px; margin-top: 6px;}
button.more_btn span{display: block; float: right; margin:-1px 0 0 7px;}
button.more_btn span img{vertical-align: middle; }


@media screen and (min-width:993px) and (max-width:1080px) {

.banner01{ min-height: 1px;}
.banner01 .bn-contents{ width: 25%; float: left; padding:15px 0px 15px 25px;}
.banner01 .col-sm-4{padding-right: 0;}
.bn_txt_wrap{ float: left; margin-right: 10px; padding: 0;}

.bn_txt_wrap p.bn-title{font-size: 16px;}
.bn_icon{float: right; /*margin-right: 10px;*/  }
.bn_icon img{ width: 85%;  display: block; vertical-align: middle;  }
/*.img_modify{ margin-left: 15px;}*/
button.more_btn{ margin-top: 5px;}

}


@media screen and (min-width:480px) and (max-width:992px){

.banner01{ display: none;  }
.bn-mobile{display: block; min-height: 147px; }	

.bn-mobile .bn-contents{ width: 25%; float: left; padding: 20px 0; /*추가*/background: #fff;}
	
.bn_icon{  margin: 0 auto; width: 40px; height: 40px;}
.bn_icon img{width: 40px; height: 40px;  }	
.bn_txt_wrap{ float: left;  padding: 0; text-align: center; margin-top: 10px; width: 100%;}
.bn_txt_wrap .lightgray, .bn_txt_wrap .orange{display: none;}
.bn_txt_wrap p.bn-title{font-size: 14px; line-height: 18px;}
button.more_btn{ margin-top: 10px;}
/*	
.img_modify{ margin-left: 20px; }
.img_modify img{width: 68%;}
*/	
	
}

@media screen and (min-width:320px) and (max-width:479px){

.banner01{ display: none;  }
.bn-mobile{display: block; float: left; height: auto;  }	

.bn-mobile .bn-contents{ width: 50%; float: left; padding: 20px 0; /*추가*/background: #fff;}
	
.bn_icon{  margin: 0 auto; width: 40px; height: 40px;}
.bn_icon img{width: 40px; height: 40px;  }	
.bn_txt_wrap{ float: left;  padding: 0; text-align: center; margin-top: 10px; width: 100%;}
.bn_txt_wrap .lightgray, .bn_txt_wrap .orange{display: none;}
.bn_txt_wrap p.bn-title{font-size: 12px; line-height: 18px;}
button.more_btn{ margin-top: 10px; padding: 5px;}
    .brd-top{border-top: 1px solid #ededed;}
	
}


/*배너02*/
.banner02{max-width: 1080px; height: 203px; margin: 0 auto; background: url(../imgs/banner02_bg.jpg) no-repeat center top; }

.quick-menu-title{background: url(../imgs/quick_b_bg.png) no-repeat; width: 192px; height: 205px; float: left;}
.quick-menu-title p{color: #fff; text-align: center; font-size:15px; padding-top: 70px; padding-right: 15px;  }
.quick-menu-title p span.fs{font-size: 22px;}

.quick-menu-inner{max-width: 880px; /*margin-left: 192px;*/ margin-right: 0px; float:left;}
.quick-menu-icon-wrap{ margin:20px 0 0 67px;}
.row-fluid{}
.row-fluid div{float: left; width: 170px; height: 165px; background: url(../imgs/bn02_icon_bg.png) repeat-x; margin-right: 20px; border: 1px solid #ececec;}

.qk-icon {text-align: center; padding: 20px 0;}
.qk-icon p{ text-align: center; font-size: 15px; color: #2a4c76; font-weight: 500;}

.qk-icon span a{ padding: 7px 0; color: #777;  border:none; background-color:transparent; font-size: 12px; display: block; cursor: pointer;  text-align: center; font-weight: 600;}
.qk-icon span a img{padding-left: 5px; vertical-align:middle;}

.bn02-control{ display: block; top: 50%;}
.bn02-control.left{ left: -40px; }
.bn02-control.right { /*right: -40px;*/ right: -80px; }

.quick-menu-inner-tablet, .quick-menu-inner-mobile{display: none;}


/*미디어쿼리부분 통으로 수정*/

@media screen and  (min-width:980px) and  (max-width:1030px) {

.carousel-inner
.quick-menu-icon-wrap{ margin:30px 0 0 60px;}
.row-fluid div{width: 150px; height: 146px; }
.qk-icon {text-align: center; padding: 15px 0;}
.qk-icon p{ text-align: center; font-size: 15px; color: #2a4c76; font-weight: 500;}
.qk-icon .qk-big{width: 40%;}

.qk-icon span a{ padding: 7px 0; color: #777;  border:none; background-color:transparent; font-size: 12px; display: block; cursor: pointer;  text-align: center; font-weight: 600;}
.qk-icon img.qk-icon-img{width: 30%;}

.bn02-control.left{ left: -20px; }
.bn02-control.right { right: -60px; }


}

@media screen and  (min-width:775px) and  (max-width:979px) {

.banner02{ width: 100%; height: 183px; margin: 0 auto; background-size: cover; }
.quick-menu-title{background: url(../imgs/quick_b_bg.png) no-repeat; background-size: 172px 184px; }
.quick-menu-title p{padding-right: 35px;  }
.quick-menu-title p span.fs{font-size: 18px;}	
	
.quick-menu-inner{display: none;}	
.quick-menu-inner-tablet{display: block;}
	
.quick-menu-inner-tablet .carousel-inner{ width: auto;}	
.quick-menu-icon-wrap{padding:0 0 0 0}

.row-fluid div{width: 140px; height: 136px; }
.qk-icon p{ font-size: 14px; }
.qk-icon img.qk-icon-img{width: 30%;}

.bn02-control.left{ left: 140px; }
.bn02-control.right { right: -30px; }
	
}


@media screen and  (max-width:774px) {

.banner02{ width: 100%; height: 183px; margin: 0 auto; background-size: cover; }
.quick-menu-title{background: url(../imgs/quick_b_bg.png) no-repeat; background-size: 172px 184px; }
.quick-menu-title p{padding-right: 35px;  }
.quick-menu-title p span.fs{font-size: 18px;}	
	
.quick-menu-inner{display: none;}	
.quick-menu-inner-tablet{display: block;}
.quick-menu-inner-tablet .carousel-inner{ width: auto;}	
.quick-menu-icon-wrap{ margin:25px 0 0 37px;}
.row-fluid div{width: 140px; height: 136px; }
.qk-icon p{ font-size: 14px; }
.qk-icon img.qk-icon-img{width: 30%;}

.bn02-control.left{ left: 140px; }
.bn02-control.right { right: -30px; }
	
}

@media screen and (min-width:320px) and (max-width:737px){
	
.banner02{ display: none; float: left; }
.quick-menu-inner-mobile{display: block;  width: 100%; min-height: 120px; /*margin: 30px auto;*/ }
.quick-menu-inner-mobile ul li{background-color: #2a4c76; border: 1px solid #395e8b; border-left: none; border-bottom: none; }
.quick-menu-inner-mobile ul li a{color: #fff; display: block; padding: 10px ; text-align: left; letter-spacing: -1px; padding-right: 0; font-size: 12px;}
.quick-menu-inner-mobile ul li a span{display: inline-block; margin-right: 5px;}
.quick-menu-inner-mobile ul li a img{vertical-align: middle; }
.mb-title{padding: 0; padding-left:27px; font-size: 16px; min-height: 20px; line-height: 20px; background-color: #d6d6d6;}
	
	
}


/*메인 게시판*/

.main-board_wrap{ height: 250px; }
.main-board_wrap div ul{padding: 0;}
.main-board{ padding: 25px 27px; border-right: 1px solid #ededed;}
.board-title{ font-size: 16px; font-weight:500;}
.board-title a{ font-size: 25px; font-weight: 500; float: right; line-height: 22px; }
.board-title span a:hover, a:focus{text-decoration: none; color: #f8991d;}
.main-board ul li a{ font-size: 11px; line-height: 24px; color:#909090; font-weight: normal;}
.main-board ul li a:hover{text-decoration: underline; color:#909090; font-weight: normal; }
.main-board ul li a span.board-date{float: right; color: #c1c0c0; font-weight: normal;}

.customer{ padding: 0; }
.customer01{padding: 25px 27px; }
.customer01{border-bottom: 1px solid #ededed; }
.customer01 img{margin-top: }
.customer02{padding: 25px 0 25px 27px; }
.customer02 div{float: left; margin-top: 5px;}
.customer-info p{ font-size: 12px; color: #909090; line-height: 14px;}
.customer-info .cs-number{font-size: 28px; color: #f68620; font-weight: 500;  line-height: 25px;}
.customer-info .cs-number span{display: none;}
.customer-time{margin-left: 17px; float: left;}
.customer-time p{ font-size: 11px; color: #c1c0c0
	; line-height: 17px;}


@media screen and (min-width:768px) and (max-width:992px) {

.main-board_wrap{height:405px; }
.main-board{ float: left; border: none;width: 50%;}
.notice, .customer01{border-right: 1px solid #ededed;}	
	
.customer{ width: 100%;  float: left;   border-top: 1px solid #ededed; }
.customer01, .customer02{ float: left; border-bottom: none; min-height: 100px;  }
.customer01{ /*padding-right: 36px;*/}
.customer01 img{margin-top:28px; display: block;/*추가*/margin:10px auto;}
	
}

@media screen and (min-width:361px) and (max-width:768px){

.main-board_wrap{  background-color: #fff; float: left; height: auto;}
.main-board{ float: left; border: none;width: 100%; padding: 15px 15px;}
.notice{border-bottom: 1px solid #ededed;}	
.main-board ul li .board-date{}	
.main-board ul li a{font-size: 13px; line-height: 22px;}	
	
.customer{ width: 100%;  float: left; border: none;    }
.customer01, .customer02{  border-top: 1px solid #ededed; padding: 15px 20px;   }
.customer01{border-bottom: none;}
.customer01 img{margin-top:28px; display: block; width: 100%;}

.customer02{background-color: #fff; min-height: 120px;}
.customer02 div{margin-top: 0px; }
.customer-info{padding-top: 5px;}
.customer-info p{font-size: 13px;}
.customer-info p.cs-number span{ display:inline; margin-right: 5px;}
.customer-info p.cs-number{font-size: 16px; color: #f8991d; line-height: 15px;}
.customer-time{margin-left: 15px; margin-top: 0;}
.customer-time p{ font-size: 12px;  line-height: 18px;}	
	
}

@media screen and (min-width:320px) and (max-width:360px){

.main-board_wrap{  background-color: #fff; float: left; height: auto;}
.main-board{ float: left; border: none;width: 100%; padding: 15px 15px;}
.notice{border-bottom: 1px solid #ededed;}	
.main-board ul li .board-date{}	
.main-board ul li a{font-size: 13px; line-height: 22px;}	
	
.customer{ width: 100%;  float: left; border: none;    }
.customer01, .customer02{  border-top: 1px solid #ededed; padding: 15px 20px;   }
.customer01{border-bottom: none;}
.customer01 img{margin-top:28px; display: block; width: 100%;}

.customer02{background-color: #fff; min-height: 120px;}
.customer02 div{margin-top: 0px; }
.customer-info{padding-top: 5px;}
.customer-info p{font-size: 13px;}
.customer-info p.cs-number span{ display:inline; margin-right: 5px;}
.customer-info p.cs-number{font-size: 16px; color: #f8991d; line-height: 15px;}
.customer-time{ margin-top: 0; margin-left: 0px;}
.customer-time p{ font-size: 12px;  line-height: 18px;}	
	
}

/* 푸터 */


.footer-wrap{border: 1px solid #e0e0e0; border-left: none; border-right: none; min-height: 58px;}
.footer-bar, .copyright-wrap{max-width: 1080px; margin: 0 auto; }
.footer-menu ul li{ float: left; line-height: 58px;   }

.footer-menu ul li a{ font-size: 12px;  font-weight:normal; padding:0 15px;  color: #909090; height:15px; border-right: 1px solid #8c8c8c;  }
.footer-menu ul li a:hover{text-decoration: underline;}
.footer-menu ul li:first-child a{padding-left: 0;}
.footer-menu ul li:last-child a{ border-right: none;}

.partners-banner{ border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; width: 170px; float: right; min-height: 58px;}

.vertical-slider{position: relative;}

.carousel.vertical .carousel-inner .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {top: 0;}
.carousel.vertical .next {top: 100%;}
.carousel.vertical .prev {top: -100%;}
.carousel.vertical .next.left, .carousel.vertical .prev.right {top: 0;}
.carousel.vertical .active.left {top: -100%;}
.carousel.vertical .active.right {top: 100%;}
.carousel.vertical .item {left: 0;}

.pt-banner-wrap{ padding: 0; position: absolute; top: 0; left: 0;}

.btn-vertical-slider{width: 12px; height: 12px; position: absolute; top: 0; right: 0; cursor:pointer; z-index: 1; border: none; outline: none; }
.glyphicon-circle-arrow-up{ background: url(../imgs/vertical_btn_up.png) no-repeat;  top: 8px; right: 6px;}
.glyphicon-circle-arrow-down{ background: url(../imgs/vertical_btn_down.png) no-repeat; top: 23px; right: 6px;}
.glyphicon-circle-arrow-stop{ background: url(../imgs/vertical_btn_stop.png) no-repeat; top: 38px; right: 6px;}

.mobile_copy{display: none;}
.copyright_txt{ padding: 28px 0;}
.copyright_txt p{ font-size: 12px; color: #acacac; line-height: 18px; padding: }
.copyright_banner{width: 170px; float: right; padding-top: 20px;}
.copyright_banner select{width: 100%; font-size: 11px; letter-spacing: -1px; color: #898989; border: 1px solid #d5d5d5; height: 30px; background: url(../imgs/select_arrow.png) right center content-box no-repeat;; }


@media screen and (min-width:993px){
       .footer-menu ul li.pc-hide{display:none;}
    .footer-menu ul li:nth-child(5) a{ border-right: none;}
}

@media screen and (min-width:993px) and (max-width:1100px) {

	.footer-menu ul{padding-left: 20px;}
.copyright_txt{ padding: 20px 0 20px 20px; float: left;}
	.copyright_banner{ padding-right: 20px; padding-top: 10px;}
 
}


@media screen and (min-width:767px) and (max-width:992px) {

	.partners-banner{display: none;}
	.footer-wrap{ min-height: 38px;}
	.footer-bar, .copyright-wrap{width: 100%; margin: 0 auto; }
	.footer-menu ul{padding-left: 20px;}
	.footer-menu ul li{line-height: 35px;   }
	.copyright_txt{ padding: 20px 0 20px 20px; float: left;}
	.copyright_banner{ padding-right: 20px; padding-top: 10px;}
    
}




@media screen and (min-width:320px) and (max-width:767px){

	.footer{ }
	.partners-banner{display: none;}
	.footer-wrap{ min-height: 38px;  }
	.footer-bar, .copyright-wrap{width: 100%; margin: 0 auto; }
	.footer-menu ul{width: 100%; padding-left: 20px;}
	.footer-menu ul li{line-height: 35px;   }
	.footer-menu ul li.mb-hide{display: none;}
	.footer-menu ul li a{ font-size: 12px;  font-weight:normal; padding-right:10px;   }
	.footer-menu ul li.mb-last a{ border-right: none;}

	.copyright_txt{ display: none;}
	.mobile_copy{ margin: 0 auto; display: block; text-align: center;}
	.copyright_banner{ display: none;}
	
}



/* footer popup */
.modal{z-index: 9999999;padding-left:17px !important;}
.modal-header{height:41px; background-color:#4174B6; color:#fff;padding:8px 10px;}
.modal-header h5{font-weight:normal; font-size: 18px;}
.modal-body{background:#fff;}
.modal-body h4{color:#4174b6 ;}
.popup_close{background-image: url(../../res/imgs/sub/popup_close_i.jpg); background-repeat: no-repeat; width:40px; height:40px; position:absolute; top:0; right:0;border:none;}
.popup_list{max-height:700px;}
.modal-footer{border-top:none}
.em_pop{padding:20px;}
.of_pop pre{overflow:scroll; height:700px;border:none; background:#fff;}
.contactus-pop img{width:100%; margin-bottom:15px;border:1px solid #ddd}
.contactus-pop p{ margin-bottom:10px;}