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

.bx_active2{background-color:transparent !important;}

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

/*공통 스타일*/
/* 2017-08-24-05:30*/
.no_background{background:none !important;}
.display_block{display:inline-block !important;}
.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; }
#gnb ul li .submenu > ul > li.submenu_big_title{float:left;}
#gnb ul li .submenu > ul > li.submenu_small_title{float:left;}
#gnb ul li .submenu > ul > li.submenu_detail{float:left;}
.header_inner_wrap { width: 100%; background-color:rgba(0,0,0,0.5);}
.header_inner{margin: 0 auto;}
.header_inner .logo a{display:block;line-height:60px;}
/* .header_inner .logo a img{vertical-align: middle;line-height:60px;width:210px;} */
.header_inner .logo a img{ vertical-align: middle;max-width:100%;}
.header_inner .mgnb{display: none;}
/* 2017-08-19  */
.membership{padding: 20px 0;}
.membership li{padding-right:20px; float: right;}
.membership li a{ color: #fff; font-size: 12px;}
/* // 2017-08-19  */
.logout_area{ padding:0px; padding-top: 10px; 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: url(../../res/imgs/bottom_bg.png) repeat-x; min-height: 54px; position: relative;}
#gnb{margin: 0 auto; min-height: 54px; border: 1px solid transparent; }
#gnb > ul{text-align:center;margin-bottom:0;}
#gnb > ul > li{ display: inline-block;padding: 0 2.1%;}
#gnb ul li:last-child{ }
#gnb ul li a{ color: #fff; font-size: 15px; display:inline-block; line-height: 54px; }


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


/*sub-big-title*/
#gnb ul li .submenu ul li.submenu_big_title{ background-color: #2a4c76;   min-height: 90px;} 

/*07-04*/
#gnb ul li .submenu ul li .s_menu_pd01,#gnb ul li .submenu ul li .s_menu_pd02,#gnb ul li .submenu ul li .s_menu_pd03, #gnb ul li .submenu ul li .s_menu_pd04,#gnb ul li .submenu ul li .s_menu_pd05,#gnb ul li .submenu ul li .s_menu_pd06,#gnb ul li .submenu ul li .s_menu_pd07{text-align:center;}







#gnb ul li .submenu ul li.submenu_big_title img{vertical-align:middle;display:inline-block; width: 50px; height: 50px; margin-top: 20px; }
#gnb ul li .submenu ul li.submenu_big_title span{vertical-align:middle;font-size: 20px; color: #fff; display: inline-block; margin-top: 20px;line-height: 24px;text-align: left;letter-spacing: -1px;padding-left:10px;}

/*sub-small-title*/
#gnb ul li .submenu ul li.submenu_small_title{background-color: #4174b6;}
#gnb ul li .submenu ul li.submenu_small_title ul li{clear: both; height: 45px; line-height: 45px; border-bottom:1px solid #7a9ecc; padding-left: 15px;  text-align:left; color: #fff; font-size: 14px; letter-spacing: -0.5px; min-width: 270px;} 
#gnb ul li .submenu ul li.submenu_small_title ul li:last-child{border-bottom:0 !important;}
/*sub-detail*/

#gnb ul li .submenu ul li.submenu_detail ul li{clear: both; position: relative; text-align:left}
#gnb ul li .submenu ul li.submenu_detail ul li span a{ color: #555; padding:0 10px; line-height: 45px; font-size: 13px; display:inline-block; letter-spacing: -1px;}
#gnb ul li .submenu ul li.submenu_detail ul li a:hover{text-decoration: underline;}
#gnb ul li .submenu ul li.submenu_detail ul li a img{vertical-align: middle; padding-right: 10px;}
#gnb ul li .submenu ul li.submenu_detail ul li:after{ content: '';  border-bottom:1px solid #d9d9d9; width: 100%; position: absolute; top: 0; left: 0; min-width:540px; }



.pdl13{padding-left: 13px;}
.pdl23{padding-left: 23px;}
.pdl35{padding-left: 35px;}
.pdl65{padding-left: 65px;}

#gnb ul li .submenu ul li.mh30{min-height: 135px; padding-top: 20px; }
#gnb ul li .submenu ul li.mh40{min-height: 180px; padding-top: 40px; }
#gnb ul li .submenu ul li.mh50{min-height: 225px; padding-top: 60px; }




.hide{display: none;}


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




/* 메인비쥬얼 */
/*
.carousel slide{z-index: -99999999;}
.carousel-control{display: none;}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}/*
/*.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;}


.carousel-caption{padding-bottom:51px;}

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

.bxslider .item{ min-height: 410px; background: }
.bxslider .mv01{ background: url(../imgs/mv01.jpg) no-repeat center top; background-size:cover;}
.bxslider .mv02{ background: url(../imgs/mv02.jpg) no-repeat center top; background-size:cover;}
.bxslider .mv03{ background: url(../imgs/mv03.jpg) no-repeat center top; background-size:cover;}
/*07-13*/		
.bx-controls{position:absolute;bottom:30px;z-index:100;width:100%}

@media screen and (min-width:767px) and (max-width:1080px) {
	
.item img.main_visual_pc{ display: none;}
.bxslider .item{ min-height: 350px; }
    
.bxslider .carousel-caption .mvtxt_pc{ display: none;}
.bxslider .carousel-caption .mvtxt_tablet{display: block; margin: 0 auto;}
.bxslider .carousel-caption .mvtxt_moblie{display: none; }
.carousel-caption{padding-bottom:38px;}
}

@media screen and (max-width:768px) {
.bxslider .item{ min-height: 280px; }
}

@media screen and (min-width:320px) and (max-width:766px) {
	
.item img.main_visual_pc{ display: none;}
.bxslider .item{ min-height: 280px; }
.bxslider .carousel-caption .mvtxt_pc{ display: none;}
.bxslider .carousel-caption .mvtxt_tablet{display: none;}
.bxslider .carousel-caption .mvtxt_mobile{display: block; margin: 0 auto;}
.carousel-caption{padding-bottom:35px;}
.bxslider .mv01{ background: url(../imgs/mv01_old.jpg) no-repeat center top; background-size:cover;}
.bxslider .mv02{ background: url(../imgs/mv02_old.jpg) no-repeat center top; background-size:cover;}		
.bxslider .mv03{ background: url(../imgs/mv03_old.jpg) no-repeat center top; background-size:cover;} 
}

/* 메인컨텐츠  */

.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: 15px; 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: 14px;}
.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: 203px; float: left;}/*07-03*/
.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: -50px; width:50px; }/*07-03*/
/*.bn02-control.right {  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; }*/
.bn02-control.right {  right: 0px; } /*07-03*/
}


@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; }*/
.bn02-control.right {  right: 0px; } /*07-03*/
}

@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;}
	
	.bn02-control.right {  right: 0px; } /*07-03*/
}


/*메인 게시판*/

.main-board_wrap{ height: 250px; }
.main-board_wrap div ul{padding: 0;}
.main-board{ padding: 16px 27px; border-right: 1px solid #ededed;}/*padding:25px 27px 07-03*/
.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; z-index:1}
.customer01{border-bottom: 1px solid #ededed; }
.customer01 img{max-width:100%;}	
.customer02{padding: 15px 0 25px 27px; }/*06-30 padding:25 0 25 27*/
.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{ padding: 20px 27px;}
.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;}

.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:bold; 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;}
.em_pop pre{padding:20px; height:120px; overflow:scroll; border:none; background:#fff;}
.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;}

pre p{ width:814px;}

/*탑 메뉴 미디어쿼리*/
@media screen and (min-width:320px){ 
	#header{height:60px;background-color:rgba(0,0,0,0.5);}
	.header_inner_wrap { width: 100%;height: 60px;background-color:transparent;}
	.header_inner{width:100%; padding: 0 10px;}
	.header_inner .logo a{display: inline-block;line-height:60px;}
	#header .mgnb{ right:15px;}
	
}
@media (max-width:768px){
	.membership{display: none;}
	.mobile_gnb{display: none;}
	.gnbarea{display: none;}
	#header .mgnb{display:block;}
	.gnbarea{display: none;}
}
@media screen and (min-width:768px){ 
	#header{background-color:transparent;}
	.header_inner{width: 768px; margin: 0 auto; padding: 0 10px; }
	.header_inner_wrap{background-color: rgba(0,0,0,0.5)}
	#gnb{ width: 768px; margin: 0 auto; min-height: 54px; border: 1px solid transparent; }
	#gnb > ul > li {padding:0 0.5%;}
	#gnb ul li a{ font-size: 13px; }
	/*sub-menu*/  
	#gnb ul li .submenu{width:768px;margin: 0 auto; margin-left:-384px;overflow:hidden; }
	/*sub-big-title*/
	#gnb ul li .submenu ul li.submenu_big_title{  min-width: 150px;} 
	#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:5px;  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:901px){ 

	.header_inner{width: 901px; margin: 0 auto; padding: 0 10px; }
	#gnb{ width: 901px;margin: 0 auto; min-height: 54px; border: 1px solid transparent; }
	#gnb > ul > li{padding:0 1.5%;}
		#gnb ul li:last-child{ }
	#gnb ul li a{ font-size: 13px; }
	/*sub-menu*/  
	#gnb ul li .submenu{width: 901px;margin: 0 auto; margin-left:-450.5px; }
	/*sub-big-title*/
	#gnb ul li .submenu ul li.submenu_big_title{   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:992px){ 
    	#gnb > ul > li{padding:0 1.9%}
    #gnb ul li:last-child{ }
    .header_inner{width: 992px; margin: 0 auto; padding: 0 10px;}
    #gnb{ 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: 992px;margin: 0 auto; margin-left:-496px; }
    /*07-04*/
    /*#gnb ul li .submenu ul li .s_menu_pd01{ padding-right:36px;} 
    #gnb ul li .submenu ul li .s_menu_pd02{ padding-right:55px;} 
    #gnb ul li .submenu ul li .s_menu_pd03{ padding-right:22px;} 
    #gnb ul li .submenu ul li .s_menu_pd04{ padding-right:61px;} 
    #gnb ul li .submenu ul li .s_menu_pd05{ padding-right:59px;} 
    #gnb ul li .submenu ul li .s_menu_pd06{ padding-right:64px;} 
    #gnb ul li .submenu ul li .s_menu_pd07{ padding-right:51px;}*/ 
    #gnb ul li .submenu ul li .s_menu_pd02{ text-align:center;} 
    #gnb ul li .submenu ul li .s_menu_pd03{ text-align:center;} 
    #gnb ul li .submenu ul li .s_menu_pd04{ text-align:center;} 
    #gnb ul li .submenu ul li .s_menu_pd05{ text-align:center;} 
    #gnb ul li .submenu ul li .s_menu_pd06{ text-align:center;} 
    #gnb ul li .submenu ul li .s_menu_pd07{ text-align:center;}
    /*sub-big-title*/
    #gnb ul li .submenu ul li.submenu_big_title{  } 
    #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:1080px){ 
	.header_inner{width: 1080px; margin: 0 auto; padding: 0 10px;}
    #gnb{ width: 1080px;margin: 0 auto; min-height: 54px; border: 1px solid transparent; }
    #gnb > ul > li{padding:0 2.1%}
	#gnb ul li .submenu{width:1080px;margin-left:-540px;}
}

@media(min-width:1200px){
	.header_inner{width: 1080px; margin: 0 auto; padding: 0 10px;}
    #gnb{ width: 1080px; min-height: 54px; border: 1px solid transparent; }
	#gnb ul li .submenu{width:1080px;margin:0 auto;margin-left:-540px;}
}
body.modal-open{overflow:auto !important;overflow-y:scroll !important;overflow-x: hidden !important;}
body{padding:0 !important}