@charset "utf-8";
/* -------------------------------------------
*
* Project : 웰빙클럽 
* File name : /css/wellbing.css
* Version : 1.0.0
* SUMMARY : 
*
* 1) Global
* 2) Header
* 3) Mobile Menu
* 3) Footer
*
* -------------------------------------------*/

/* **************************************** *
 * Visible
 * **************************************** */
.mobile-hidden{
	display: block;
}

.mobile-hidden.btn {
    display:inline-block;
}

.mobile-show{
	display: none;
}

.blind{
	display: none;
}

/* **************************************** *
 * layout
 * **************************************** */
body { 
    font-size: 13px; 
    font-family: 'Noto Sans Korean', 'Apple SD Gothic Neo', "맑은 고딕", "Malgun Gothic", Helvetica, Arial, sans-serif;
}

/* 모바일 메뉴 - 컨텐츠 영역 스크롤 fix */
body.fix{
    position: fixed;
    top: 0;
    width: 100%;
}

body.modal-open{
    position: static;
    top: 0px;
    left: 0px;
}

.container-fluid .row.inner-fluid{
    width: 1170px;
    margin: 0 auto;
}


/* **************************************** *
 * Section
 * **************************************** */
section{
    /* padding: 0px 0px 5px; */
    /* margin-bottom: 15px; */
}

section h3{
	margin-bottom: 18px;
}

section:last-child{
    margin-bottom: 30px;
}

h3.title-section {
    padding: 30px 0px 15px;
    letter-spacing: -1.2px;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
}


/* **************************************** *
 * Wrap
 * **************************************** */
.wrap{
    display: inline-block;
    width: 100%;
}

.wrap.round{
    border-radius: 3px;
}

.wrap.desc{
    margin-bottom: 15px;
}

.wrap.privacy{
    height: auto;
    padding: 17px;
    margin-bottom: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    overflow-y: scroll;
    background: #f7f7f7;
}

.wrap.infomation{
    height: auto;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 3px;
    overflow-y: scroll;
    background: #f7f7f7;
}

.wrap.scroll{
    height: 100px;
    padding: 17px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    overflow-y: scroll;
    background: #f7f7f7;
}

.wrap.result{
    height: auto;
    padding: 20px;
    margin-bottom: 0px;
    border-radius: 3px;
	border: 1px solid #ddd;
    overflow-y: scroll;
    background: #f7f7f7;
}

.wrap.confirm .title{
    font-size: 17px;
	font-weight: 500;
	margin-bottom: 20px;
}

.wrap.board{
    padding: 5px 0px;
}


.wrap.pd20{
    padding: 20px;
}


/* **************************************** *
 * Width
 * **************************************** */

.width33{
    float: left;
    width: 32.3%;
    margin: 0% .5%;
}

.width50{
    float: left;
    width: 49%;
    margin: 0% .5%;
}

.width70{
    float: left;
    width: 70%;
}

.width80{
    float: left;
    width: 70%;
}

.width100{
    float: left;
    width: 100%;
}

/* **************************************** *
 * Float
 * **************************************** */

.floatR{
    float: right;
}

/* **************************************** *
 * Box design
 * **************************************** */
.card{
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.card.bg-blue{
    background: #eaf1ff;
}

.card.shadow{
    box-shadow: 1px 1px 1px #222;
}

.bx-info {
    overflow: hidden;
    padding: 0px;
    margin-bottom: 5px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    background: #fff;
}

.bx-info .row-inner{
	overflow: hidden;
    padding: 25px 15px;
    margin-bottom: 0px;
    border-bottom: 1px dashed #d7dce4;
    word-break: keep-all;
}

.bx-info .row-inner .half{
	display: inline-block;
	width: 48%;
	margin: 0% .5%;
	border-right: 1px solid #ddd;
	text-align: center;
}

.bx-info .row-inner .half:last-child{	
	border-right: 0px solid #ddd;	
}

.bx-info .row-inner .half .icon{
	margin-bottom: 10px;
}

.bx-info .row-inner .half .title{
	margin-bottom: 5px;
	font-size: 17px !important;
	font-weight: 500;
	letter-spacing: -.5px;
	color: #333;
}


.bx-info .row-inner.footer{
	overflow: hidden;
    padding: 15px 15px 15px;
    margin-bottom: 0px;
    border-bottom: 0px dashed #d7dce4;
    word-break: keep-all;
	background: #f7f7f7;
}

.bx-info .row-inner.footer .left{
	display: inline-block;
	text-align: left;
	width: 49%;
	border-right: 0px;
}

.bx-info .row-inner.footer .right{
	display: inline-block;
	text-align: right;
	width: 50%;
	border-right: 0px;
}

.bx-info .row-inner.no-border{
	border-bottom: 0px;
}


/* **************************************** *
 * Background Color
 * **************************************** */
.bg-gray{
    background: #eaeaea;
}


/* **************************************** *
 * Font
 * **************************************** */
/* Size */
.ft15{
    font-size: 15px;
}

.ft17{
    font-size: 17px;
}

.ft18{
    font-size: 18px;
}

.ft19{
    font-size: 19px;
}

.ft20{
    font-size: 20px;
}

.ft23{
    font-size: 23px;
}

/* Weight */
.ft300{
    font-weight: 300;
}

.ft400{
    font-weight: 400;
}

.ft500{
    font-weight: 500;
}

/* Letter-spaing */
.ls-05{
    letter-spacing: -.5px;
}

.ls-1{
    letter-spacing: -1px;
}


/* **************************************** *
 * Color
 * **************************************** */
.color-primary{
    color: #1f66f5;
}

.color-gray35{
    color: #a1a09e;
}

.color-red{
    color: red;
}

.color-yellow{
    color: #ffc107;
}


/* **************************************** *
 * Float
 * **************************************** */
.fl-left{
    float: left;
}

.fl-right{
    float: right;
}

.clr-both{
	clear: both;
}


/* **************************************** *
 * Padding & Margin
 * **************************************** */
.no-mg{
    margin: 0px;
}

.no-pd{
	padding: 0px;
}

.mgl7{
    margin-left: 7px;
}

.mgr7{
    margin-right: 7px;
}

.mgr10{
    margin-right: 10px;
}

.mgt10{
    margin-top: 10px;
}

.mgb10{
    margin-bottom: 10px;
}

.mgb20{
    margin-bottom: 20px;
}

.pd20{
    padding: 20px;
}

/* **************************************** *
 * Align
 * **************************************** */
.txt-center{
    text-align: center;
}

.txt-left{
    text-align: left;
}

.txt-right{
    text-align: right;
}

.txt-jst{
    text-align: justify;
}


/* **************************************** *
 * Header
 * **************************************** */

/* 최상단 슬라이드 배너 */
#top-banner img{
    position: relative;
    width: 100%;
}

#top-banner a.banner-closed{
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
	z-index: 999;
}

.bx-wrapper .bx-pager{
	z-index: 98;
}

/* 최상단 */
.navbar-default #topbar{
    padding: 8px 10px;
    border-bottom: 0px solid #333;
    background: #4f8aff;
}

.navbar-default #topbar .left{
   text-align: left; 
}

.navbar-default #topbar .right{
    text-align: right;
}

.navbar-default #topbar p{
    margin-bottom: 0px;
	font-size: 13px;
    color: #f7f7f7;
}

.navbar-default #topbar a{
    margin-bottom: 0px;
    color: #eaeaea;
}

.navbar-default #topbar a:hover{
    margin-bottom: 0px;
    color: #fff;
}

.navbar-default #topbar a img{
    margin-right: 5px;
}


/* 로고 */
.navbar-default .navbar-brand{
    height: auto;
    padding: 26px 15px;
    font-size: 20px;
    color: #1e65f5;
}

.navbar-default .navbar-brand:hover{
    color: #1e65f5;
}


/* Gnb */
.navbar{
    margin-bottom: 0px;
    border: 0px solid #fff;
    border-radius: 0px;
}

.navbar-default{
    border-bottom: 1px solid #eeefef;
    background: #fff;
    color: #1f66f5;
}

.navbar-nav{
    float: right;
    margin: 0;
}

.navbar-nav::after{
    content: '';
    display: none;
    position: absolute;
    top: 111px;
    left: 0;
    width: 100%;
    height: 56px;
    background: rgba(45, 111, 248, .9);
    z-index: 1;
}

.navbar-nav > li{
    position: relative;
}

.navbar-nav > li.active::after{
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

.navbar-nav > li:hover::after{
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

.navbar-default .navbar-nav > li > a{
    padding: 25px 15px;
    font-size: 17px;
    font-weight: 400;
    color: #333;
}

.navbar-default .navbar-nav > li > a .btn-reg{
	padding: 7px 16px;
    border-radius: 30px;
    background: #4f8aff;   
    font-size: 16px;
	color: #fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #1e65f3;
}

.navbar-default .navbar-nav > li > a.reg{
	position: relative;
    padding: 25px 13px;
    font-size: 15px;
    font-weight: 300;
	line-height: 20px;
    color: #666;
}

.navbar-default .navbar-nav > li > a.reg .aCount{
	position: relative;
	display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
	margin-left: 7px;
    background: red;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    text-align: center;
}


.navbar-default .navbar-nav > li > a.reg::after{
	position: absolute;
	content: '';
	right: 0px;
	top: 28px;
	width: 1px;
	height: 14px;
	background: #ccc;
}

.navbar-default .navbar-nav > li > a.reg.login::after{
	position: absolute;
	content: '';
	left: 8px;
	top: 28px;
	width: 1px;
	height: 14px;
	background: #ccc;
}

.navbar-default .navbar-nav > li > a.reg.last::after{
	position: absolute;
    content: '';
    left: 0px;
    top: 25px;
    width: 0px;
    height: 20px;
    background: #ccc;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: transparent;
    color: #1e65f3;   
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: unset;
    color: #fff;
}

/* PC 서브메뉴 */
ul.nav-submenu {
    display: none;
    position: absolute;
    left: 0;
    width: 400px;
    padding: 17px 0px;
    background: transparent;
    z-index: 2;
}

ul.nav-submenu.active {
    display: block;
}

ul.nav-submenu li {
    display: inline-block;
    float: left;
}

ul.nav-submenu li a {
    padding: 35px 15px;
    font-size: 15px;
    color: #fff; 
}

/* pc 퀵 메뉴 */

#quick_menu {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -165px;
    z-index:999;
}

.quick_item {
    text-align: center;
}

.quick_item a {
    padding: 15px 10px;
    display: inline-block;
    color: #fff;
    background-color: #b8d009;
    width: 90px;
}

.quick_item i {
    display: block;
    font-size: 30px;
}

.quick_item span {
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}

.quick_item:first-child a {
    background-color:#4f8aff;
}

.quick_item:last-child a {
    background-color:#f3c102;
}

/* Pc 메뉴 - 알람 */
.pc-alarm{
	padding: 25px 20px;
}

.pc-alarm a{ 
	padding: 25px 20px;
}

.pc-alarm a i{
	padding: 25px 20px;
}

/* **************************************** *
 * Mobile Menu
 * **************************************** */
/* 모바일 토글 메뉴 */
.navbar-toggle {
    position: relative;
    float: left;
    /* left: 15px; */
    border: 0px solid transparent;
    margin-bottom: 14px;
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    margin: 0;
}

.mobileTab .nav-tabs>li.active>a::after, .mobileTab .nav-tabs>li.active>a:focus::after, .mobileTab .nav-tabs>li.active>a:hover::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0px;
    background: #1f66f5;
}

.mobileTab .container .menu-3depth .wrap-menu ul li a.active::after{
	display: none;
}

.navbar-default .navbar-toggle{
    text-align: center;
    font-size: 12px;
    float: right;
    padding: 8px 0px;
    z-index:10;																																																																																																																																																																																																																																																																																																																																																																																																																																																				
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: unset;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

/* 모바일 토글 메뉴 영역*/
.navbar-collapse{
    padding: 0px;	
}

.collapse {
    display: none;
    visibility: visible;
}

/* 모바일 최상단 */
.mobileTop{
    padding: 12px 0px;
    background: #2d6ff8;
}

.mobileTop .col-xs-6.left{
    text-align: left;
}

.mobileTop .col-xs-6.left ul{
    padding: 0px;
}

.mobileTop .col-xs-6.left ul li{
    list-style: none;
    float: left;
    position: relative;
    padding: 0px 8px 0px 0px;
    margin-right: 8px;
}
.mobileTop .col-xs-6.left ul li:last-child {
    margin-right: 0;
}

.mobileTop .col-xs-6.left ul li::after{
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 15px;
    background: rgba(255, 255, 255, .5);
}

.mobileTop .col-xs-6.left ul li:last-child::after{
    content: '';
    width: 0px;
    height: 0px;
}

.mobileTop .col-xs-6.left ul li a{
    display: inline-block;
    color: #fff;
    font-size: 14px;
}

.mobileTop .col-xs-6.right{
    text-align: right;
}

.mobileTop .col-xs-6.right a.icon-close i{
    font-size: 22px;
    font-weight: 400;
    color: #fff;
}

.mobileTop p{
    margin-bottom: 0px;
    font-size: 16px;
}


/* 모바일 알람 */
.app-alarm{
    position: relative;
    float: right;
    padding: 8px 0px 0px 0px !important;
}
.app-alarm.visible-xs a .btn.small{
    /* background-color: #e3eaff; */
    background-color:white;
    color: #4F7DFF;	
}
.app-alarm i{
    color: #1e65f3;
}


.count{
    position: absolute;
    display: inline;
    top: 5px;
    right: 10px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: red;
    font-size: 10px;
    font-weight: 700;
    line-height: 21px;
    color: #fff;
    text-align: center;
}

/* 모바일 메뉴 닫기 버튼 */
.icon-close{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('../images/icon/icon-close-menu.png')no-repeat;
	background-size: cover;
}

/* 모바일 최상단 좌우 슬라이드 메뉴 */
.mobileTop-menu{
    position: relative;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    padding: 2px 0px;
    margin-bottom: 0px;
	border-top: 1px solid #6295fd;
    background-image: -webkit-gradient(linear,left top,right top,from(#3f7dff),to(#2d6ff8));
    background-image: -webkit-linear-gradient(left,#3f7dff,#2d6ff8);
    background-image: linear-gradient(to right,#3f7dff,#2d6ff8);
}

.mobileTop-menu .col-xs-12 .wrap-slide-menu{
    display: block;
    width: 800px;
}

.mobileTop-menu .col-xs-12 .wrap-slide-menu ul{
    padding: 0px;
    margin-bottom: 0px;
}

.mobileTop-menu .col-xs-12 .wrap-slide-menu ul li{
    float: left;
    display: inline-block;
    list-style: none;
    padding: 10px 0px;
    margin-right: 20px;
    font-size: 15px;
    /*border: 1px solid #fff;
    border-radius: 20px;*/
}

.mobileTop-menu .col-xs-12 .wrap-slide-menu ul li a{
    color: #fff;
}


/* 모바일 메뉴 - 탭 메뉴 */
.mobileTab{
    margin-bottom: 0px;
    background: #f4f4f4;
}

.mobileTab .col-xs-4{
    padding: 0px;
}

.mobileTab .col-xs-8.right{
    padding: 0px;
    background: #fff;
}

.mobileTab .nav-tabs{
    border-bottom: 0px solid #fff;
}

.mobileTab .nav-tabs>li{
    width: 100%;
}

.mobileTab .nav-tabs>li.active{
	border-bottom: 1px solid #ddd;
}

.mobileTab .nav>li>a {
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 400;
    color: #737f99;
}

.mobileTab .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 0px solid transparent;
    border-bottom: 0px solid #cbcbcb;
    border-radius: 0px 0px 0px 0px;
    font-size: 15px;
    text-align: left;
	transition-duration: .2s;
	transition-property: padding;
	transition-timing-function: ease;
}

.mobileTab .nav-tabs>li>a i{
    width: 25px;
}


/* 모바일 메뉴 - 탭 컨텐츠 */
.mobileTab .nav-tabs {
    background: #f4f4f4;
}

.mobileTab .nav-tabs>li.active>a, .mobileTab .nav-tabs>li.active>a:focus, .mobileTab .nav-tabs>li.active>a:hover {
    position: relative;
    cursor: default;
    background-color: #fff;
	padding: 16px 14px;
    border: none;
	font-size: 15px;
    font-weight: 400;
    color: #1f66f5;
}

.mobileTab .tab-content{
	min-height: 293px;
	padding: 10px 10px;
	background: #fff;
}

.mobileTab .tab-content .tab-pane {
    color: #333;
}

.mobileTab .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #007bff;
    cursor: default;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-bottom-color: transparent;
}

.mobileTab .tab-content .tab-pane .menu_2depth{
	margin-bottom: 15px;
}

.mobileTab .tab-content .tab-pane .menu_2depth ul{
    padding: 0px;
}

.mobileTab .tab-content .tab-pane .menu_2depth ul p.title{
    padding: 7px 0px;
    margin: 0px 10px 7px;
    border-bottom: 1px solid #2d6ff8;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.5px;
    color: #2d6ff8;
}

.mobileTab .tab-content .tab-pane .menu_2depth ul li{
    list-style: none;
    min-height: 30px;
    padding: 7px 10px;
}

.mobileTab .tab-content .tab-pane .menu_2depth ul li a{
    font-size: 15px;
    font-weight: 300;
    color: #31373b;
}


/* Mobile Menu Banner */
.mobileBanner{
    margin-bottom: 10px;
}

.mobileBanner .bx-viewport{
    width: 100%;
    height: 115px !important;
}


/* 모바일 메뉴 풋터 */
.mobileFooter{
    position: relative;
    background: #fff;
    margin-bottom: 10px;
    text-align: center;
}

.mobileFooter .left::after{
    content: '';
    position: absolute;
    top: 17px;
    right: 0;
    width: 1px;
    height: 15px;
    background: #4d5154;
}

.mobileFooter p{
    padding: 15px 0px;
    margin-bottom: 0px;
}

.mobileFooter p a{
	display: inline-block;
	width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #5a5f62;
}

.mobileFooter p img{
    margin-top: -3px;
    margin-right: 7px;
}


/* 모바일 메뉴 카피라이트 */
.menu-copyright{
    font-size: 11px;
    color: #b4b5b5;
    text-align: center;
    margin-top:10px;
}


/* 부트스트랩 슬라이딩 메뉴방식 수정 */
@media only screen and (max-width: 767px) {
  #slide-navbar-collapse {
    position: fixed;
    top: -1px;
    right: 15px;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: #ddd;
    overflow: auto;
  }
  .menu-overlay {
    display: none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 49;
  }
  .navbar-default .navbar-brand{
  	/* left:73px; */
  	width: 100%;
   	float: left;
  }
}


/* 모바일 서브 메뉴*/
#sub-menu{
    position: relative;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    padding: 7px 10px;
    margin-bottom: 0px;
    border:1px #eeeeee solid;
    /* background-image: -webkit-gradient(linear,left top,right top,from(#3f7dff),to(#2d6ff8));
    background-image: -webkit-linear-gradient(left,#3f7dff,#2d6ff8);
    background-image: linear-gradient(to right,#3f7dff,#2d6ff8); */
}

#sub-menu::-webkit-scrollbar{
    height: 0px;
}

.mobileTop-menu::-webkit-scrollbar{
	height: 0px;
}

#sub-menu .col-xs-12 .wrap-slide-menu{
    display: block;
    width: 1200px;
}

#sub-menu .col-xs-12 .wrap-slide-menu ul{
    padding: 0px;
    margin-bottom: 0px;
}

#sub-menu .col-xs-12 .wrap-slide-menu ul li{
    position: relative;
    float: left;
    display: inline-block;
    list-style: none;
    padding: 5px 10px;
    margin-right: 15px;
    font-size: 15px;
    font-weight: 400;
    /*border: 1px solid #fff;
    border-radius: 20px;*/
}

#sub-menu .col-xs-12 .wrap-slide-menu ul li.active::after{
    content: '';
    position: absolute;
    left: 0px;
    bottom: -7px;
    width: 100%;
    height: 2px;
    background-color: #2365d3;
}

#sub-menu .col-xs-12 .wrap-slide-menu ul li a{
    color: #888888;
    font-weight:900;
}

#sub-menu .col-xs-12 .wrap-slide-menu ul li.active a{
    color: #000000;
    font-weight:900;
}

#sub-menu .col-xs-12 .wrap-slide-menu ul li a:hover{
    border-bottom: none;
}


#sub-menu-2depth{
    width: 100%;    
    overflow-x: scroll;
    padding: 0px 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    text-align: center;
    background: transparent;
}

#sub-menu-2depth::-webkit-scrollbar{
    display: none;
}

#sub-menu-2depth .wrap-menu{
    width:max-content;
}

#sub-menu-2depth .wrap-menu ul li {
    position: relative;
    float: left;
    width: auto;
    padding: 10px 2px;
    margin-right: 0px;
    text-align: center;
    background: transparent;
}

#sub-menu-2depth .wrap-menu ul li a {
    position: relative;
    display: inline-block;
    padding: 5px 13px;
    font-size: 14px;
    letter-spacing: -.5px;
    transition: all 150ms;
    /* background: #e0e0e0; */
    border: 1px #888888 solid;
    color: #888888;
    border-radius: 25px;
    /* font-weight: bold; */
}

#sub-menu-2depth .wrap-menu ul li:first-child a {
    padding: 5px 13px 5px 13px;
}

/* sub-menu-2depth .wrap-menu ul li a::after {
    position: absolute;
    content: '';
    top: 21px;
    right: 0px;
    width: 1px;
    height: 11px;
    background: #b9b9b9;
} */

#sub-menu-2depth .wrap-menu ul li a.active {
    border-bottom: 0px solid #333;
    width: 100%;
    background: #ebf5ff;
    border: 1px #4F7DFF solid;
    color: #4F7DFF;
    font-weight:bold;
}

/* #sub-menu-2depth .wrap-menu ul li a.active::before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background: #1e65f3;
} */

/* 3depth */

#sub-menu-3depth{
    width: 100%;    
    overflow-x: scroll;
    padding: 0px 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: center;
    background: #f7f7f7;
}

#sub-menu-3depth::-webkit-scrollbar{
    display: none;
}


#sub-menu-3depth .wrap-menu{
    width: 920px;
    min-width: 920px;
    max-width: 920px;
}

#sub-menu-3depth .wrap-menu ul li {
    position: relative;
    float: left;
    width: auto;
    padding: 0px 0px;
    margin-right: 0px;
    text-align: center;
    background: transparent;
}

#sub-menu-3depth .wrap-menu ul li a {
    position: relative;
    display: inline-block;
    padding: 15px 13px;
    border-radius: 0px;
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.5px;
    color: #999;
    transition: all 150ms;
}

#sub-menu-3depth .wrap-menu ul li:first-child a {
    padding: 15px 13px 15px 13px;
}

#sub-menu-3depth .wrap-menu ul li a::after {
    position: absolute;
    content: '';
    top: 21px;
    right: 0px;
    width: 1px;
    height: 11px;
    background: #b9b9b9;
}
#sub-menu-3depth .wrap-menu ul li:last-child a::after{
    display: none;
}
#sub-menu-3depth .wrap-menu ul li a.active {
    border-bottom: 0px solid #333;
    background: transparent;
    color: #212529;
}


/* 앱 설치 안내*/
.modal-content h3.title-appNotics{
	margin-bottom: 35px;
    font-size: 21px;
	font-weight: 400;
    letter-spacing: -1px;
	text-align: center;
}

#topbar .list-app{
	overflow: hidden;
}

#topbar .list-app li{
	float: left;
	width: 50%;
	padding: 20px 0px;
	margin-bottom: 20px;
	border-right: 1px solid #ddd;
	text-align: center;
}

#topbar .list-app li:last-child{
	border-right: 0px solid #ddd;
}

#topbar .list-app li > a img{
	margin-bottom: 17px;
	margin-right: 0px;
}

#topbar .list-app li h3{
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 22px;
}

/* **************************************** *
 * Footer
 * **************************************** */

/* footer - 앱 배너 */
.app-banner{
    display: none;
}


footer{
    padding: 20px 0;
    background: #d7e7f4;
    background-image: url(/images/footer/bg-all.png);
    background-repeat: no-repeat;
    background-position: right;
}

.logo-footer{
	float: left;
	margin-bottom: 10px;
}

#footer .swiper-container:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(280deg, #d7e7f4, #d7e7f4, transparent);
    z-index: 2;
}
@media only screen and (max-width: 767px) {
    footer .container .wrap-award .row.award{
       width: auto !important ;
    }
    footer .container .row.award .swiper-slide{
        width: 170px !important;
    }
}

/* 이용약관, 개인정보취급방침 */
footer .privacy{
    padding: 5px 0px 10px;
    background: transparent;
    border-bottom: 1px solid #dadada;
}

footer .privacy ul{
    display: inline-block;
}

footer .privacy ul li{
    position: relative;
    float: left;
    padding: 0px 15px 0px 0px;
    margin: 0px 15px 0px 0px;
}

footer .privacy ul li::after{
    content: '';
    position: absolute;
    top: 4px;
    right: 0px;
    width: 1px;
    height: 15px;
    background-color: #333;
}

footer .privacy ul li:first-child{
    padding: 0px 15px 0px 0px;
    margin: 0px 15px 0px 0px;
}

footer .privacy ul li:last-child::after{
    content: '';
    width: 0px;
    height: 0px;
}

footer .privacy ul li a{
    font-size: 14px;
    font-weight: 400;
    color: #adadad;
}

/* 하단 정보 */
footer .information {
    padding: 20px 0px 20px;
}

footer .information .title {
	margin-bottom: 7px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

footer .information .wrap-footerLogo{
	float: left;
	display: inline-block;
    width: 15%;
    padding-top: 50px;
}

footer .information .wrap-footerInfo{
	display: inline-block;
	width: 80%;	
	margin-bottom: 20px;
}

footer .information ul.desc {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

footer .information ul.desc li{
	position: relative;
	float: left;
    margin-bottom: 0px;
	padding-right: 9px;
	margin-right: 9px;
    font-size: 12px;
    /* font-weight: 300; */
    color: #8b9198;
}

footer .information ul.desc li::after{
	content: '';
	position: absolute;
	top: 4px;
	right: 0px;
	width: 1px;
	height: 12px;
	background: #bcbfc3;
}


footer .information ul.desc li:last-child::after{
	width: 0px;
	height: 0px;
}

footer .information ul.desc li.notice{
	position: relative;
	float: none;
    margin-bottom: 5px;
	padding-right: 9px;
	margin-right: 9px;
    font-size: 12px;
    font-weight: 300;
    color: #888;
}

footer .information ul.desc li.notice::after{
	content: '';
	top: 4px;
	right: 0px;
	width: 0px;
}

footer .information ul.desc li strong{	
	margin-right: 5px;
    font-weight: 400;
    color: #666;
}

footer .information ul.desc li address{
    margin-bottom: 0px;
}


footer .information ul.footer-btn li{
	padding: 10px;
}
footer .information ul.footer-btn li a{
	width: 100%;
	padding: 10px;
}

/* 링크 */
footer .information ul.util{
	overflow: hidden;	
	display: inline-block;
}

footer .information ul.util li{
	position: relative;
	float: left;
    margin-bottom: 0px;
	padding-right: 10px;
	margin-right: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #6c6f73;
}

footer .information ul.util li::after{
	content: '';
	position: absolute;
	top: 10px;
	right: 0px;
	width: 2px;
	height: 2px;
	background: #ababab;
}

footer .information ul.util li:last-child::after{
	width: 0px;
	height: 0px;
}


footer .information ul.util a{
	color: #696969;
}

footer .information .lowline {
	margin-bottom:20px;
	/* border-bottom: 1px solid #e7eff6; */
}

footer .information .wrap-footerInfo ul.util li:last-child::after{
	width: 0px;
	height: 0px;
}


footer .information ul.util li a:hover{
    color: #1e65f3;
}

footer .information .tel {
    font-size: 13px;
    font-weight: 400;
}

footer .information .tel a{
    color: #939494;
}

footer .copyright{
	margin-bottom: 10px;
	font-size: 12px;
	letter-spacing: .2px;
	color: #aaa;
}

footer .container .wrap-award{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}

footer .container .wrap-award::-webkit-scrollbar{
    height: 0px;
}

footer .container .wrap-award .row.award{
    width: 1170px;
    margin-bottom:20px;
    padding-top: 14px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7eff6;
    margin-top: 0px;
}

footer .container .row.award ul{
    display: inline-block;
    width: 1170px;
}

footer .container .row.award ul li{
    float: left;
    width: 20%;
}

footer .container .row.award .swiper-slide{
    height: 100px;
}

footer .container .row.award .swiper-slide img{
    float: left;
    margin-right: 10px;
}

footer .container .row.award .swiper-slide p{
    position: relative;
    display: inline-block;
    float: left;
    padding: 5px 30px;
	font-size: 11px;
	font-weight: 400;
    color: #333;
    text-align: center;
}
footer .container .row.award .swiper-slide p strong{
	font-size: 13px;
}
footer .container .row.award .swiper-slide p span{
	font-size: 12px;
}

footer .container .row.award .swiper-slide p::before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width:20px;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../images/footer/laureltree-left.png);
}


footer .container .row.award .swiper-slide p::after{
    content: '';
    position: absolute;
    top:0;
    right: 0;
    width:20px;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../images/footer/laureltree-right.png);
}

footer .container .row.award .swiper-slide p strong{
    display: block;
    font-weight: 400;
    color: #c58238;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
    -moz-text-shadow: -2px 0 #fff, 0 2px #fff, 2x 0 #fff, 0 -2px #fff;
    -webkit-text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

/* 소셜 리스트 영역 */
footer ul.list-social{
	float: right;
}

footer .list-social li{
	float: left;
	margin-left: 15px;
}