@charset "utf-8";
/* -------------------------------------------
*
* Project : 웰빙클럽 
* File name : /css/sub.css
* Version : 1.0.0
* SUMMARY : 
*
* 1) 레이아웃
*       - 중앙 : 가운데 컨텐츠 스타일
*       - 왼쪽 : 사이드 영역
*       - 오른쪽 : 오른쪽 컨텐츠 영역
* 2) 마이페이지
* 3) 혜택
* 4) 멤버십
* 5) 제휴시설
* 6) 가입안내
*
* -------------------------------------------*/


/* **************************************** *
 * 레이아웃
 * **************************************** */

/* 중앙 - Full- width 컨텐츠 스타일 */
#sub-page .page-header {
    padding-bottom: 0;
    margin: 60px 0px 40px;
    border-bottom: 0px solid #eee;
    text-align: center;
}
#sub-page .page-header2 {
	margin: 0px;
}

#sub-page .page-header .page-title{
    letter-spacing: -1px;
    font-weight: 100;
    margin-bottom:15px;
}

#sub-page .page-header .page-title.member-qna-tit{
    text-align: left;
    font-size: 24px;
}
#sub-page .page-header p{
    font-weight: 200;
}

#sub-page .page-header .page-title .color{
    color:#4f7dff;
}

#sub-page .page-header.border-top .page-title{
    padding-top:70px;
    border-top: 1px solid #DEDEDE;
}

#sub-page .page-header.border-bottom .page-title{
    padding-bottom:70px;
    border-bottom: 1px solid #DEDEDE;
}

#sub-page .page-header .page-title.member-qna-tit{
    text-align: left;
    font-size: 24px;
}
#sub-page .page-header p{
    font-size: 18px;
    color:#6C6F73;
}

#sub-page .page-sub-title {
    font-size:18px;
    margin-top:25px;
}

#sub-page section {
    overflow: hidden;
    padding: 0px 0px 15px;
    margin: 0px 0px 25px;
}

#sub-page section h3{
	padding-left: 5px;
    font-size: 20px;
    letter-spacing: -.5px;
}

#sub-page section p{
    font-size: 15px;
}

#sub-page section p.sec-title {
    padding-left: 15px;
	margin-bottom: 12px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.5px;
    color: #333;
}

.gray-wrap{
    padding-bottom:50px;
    background: #f7f7f7;
}

.gray-inner{
    width: 100%;
    margin: 0 auto;
    padding: 40px 38px 0 38px;
    overflow: hidden;
}

.gray-inner-80{
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.gray-inner p{
    font-size: 18px;
    color:#6C6F73;
}
.list-col-3{
    font-size: 0;
    overflow: hidden;
}

.list-col-3 li{
    width: 33.333333%;
    display: inline-block;
    font-size: 18px;
    color:#888;
    text-align: center;
}

.list-col-3 img{
    margin-bottom: 10px;
}



/* 왼쪽 - 사이드 영역 */
#sub-page aside{
    padding: 35px 15px 0px;
    margin: 55px 0px 0px;
    background: #fff; 
}

#sub-page aside .personal h3{
    font-size: 26px;
    letter-spacing: -1px;
    color: #1e65f3;
}

#sub-page aside .personal h3 span{
    font-size: 16px;
    color: #515151;
}

#sub-page aside ul.sub-side-menu{
    display: block;
}

#sub-page aside ul.sub-side-menu li{
    border-bottom: 1px solid #d4d4d4;
    font-size: 18px;
    color: #515151;
}

#sub-page aside ul.sub-side-menu li a{
    display: block;
    padding: 18px 0px;
    font-size: 18px;
    color: #515151;
}

#sub-page aside ul.sub-side-menu li a:hover, #sub-menu aside ul.sub-side-menu li a.active{
    display: block;
    padding: 18px 0px;
    font-size: 18px;
    color: #1e65f3;
}

#sub-page aside ul.sub-side-menu li a i{
    width: 20px;
    margin-right: 10px;
}

/* 오른쪽 - 메인 컨텐츠 영역 */
.col-right-contents{
    border-left: 1px solid #d4d4d4;
}

#sub-page .main-contents{
    padding: 0px 0px 0px;
    margin: 0px 0px 0px;
}

#sub-page .main-contents .group h3{
	margin-bottom: 20px;
    font-size: 19px;
    letter-spacing: -1px;
    color: #515151;
}

#sub-page .modal-content h3 {
    margin-bottom: 17px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -1px;
}

/* 서브페이지 - 3Depth 메뉴 */
/*
#sub-page .menu-3depth{
    margin-bottom: 30px;
    background: #fff;
    border-bottom: 0px solid rgba(221, 221, 221, 0.5);
}

#sub-page .menu-3depth .wrap-menu{
    width: 1140px;
    padding: 0px 0px 0px;
    margin: 0px auto 0px;
    overflow: hidden;
}

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

#sub-page .menu-3depth .wrap-menu.width20 ul li{
    position: relative;
    float: left;
    width: 20%;
    padding: 15px 0px;
    text-align: center;
    background: transparent;
}

#sub-page .menu-3depth .wrap-menu ul li::after{
    content: '';
    display: none;
    position: absolute;
    top: 22px;
    right: 0px;
    width: 1px;
    height: 16px;
    background: #bdbdbd;
}

#sub-page .menu-3depth .wrap-menu ul li:last-child::after{
    content: '';
    position: absolute;
    right: 0px;
    width: 0px;
    height: 30px;
    background: #ddd;
}

#sub-page .menu-3depth .wrap-menu ul li a{
    position: relative;
    padding: 0px 20px;
    font-size: 18px;
    letter-spacing: -.5px;
    color: #5a5a5a;
}

#sub-page .menu-3depth .wrap-menu ul li a:hover{
    color: #007bff;
}

#sub-page .menu-3depth .wrap-menu ul li a.active{
    color: #007bff;
}

#sub-page .menu-3depth .wrap-menu ul li a.active::after{
    content: '';
    display: none;
    position: absolute;
    right: 0px;
    bottom: -16px;
    width: 100%;
    height: 2px;
    background: #007bff;
}
*/
#sub-page .container-fluid.menu-3depth{
    margin-bottom: 0px;
    background: #f7f7f7;
}

#sub-page .container-fluid.menu-3depth .wrap-menu{
	position: relative;
    width: 1140px;
    padding: 0px 0px 0px;
    margin: 0px auto 0px;
}

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

#sub-page .container-fluid.menu-3depth .wrap-menu.width20 ul li{
    position: relative;
    float: left;
    width: 20%;
    padding: 15px 0px;
    text-align: center;
    background: transparent;
}

#sub-page .container-fluid.menu-3depth .wrap-menu ul li::after{
    content: '';
    position: absolute;
    top: 35%;
    right: 0px;
    width: 2px;
    height: 16px;
    background: #e4e4e4;
}

#sub-page .container-fluid.menu-3depth .wrap-menu ul li:last-child::after{
    content: '';
    position: absolute;
    right: 0px;
    width: 0px;
    height: 30px;
    background: #ddd;
}

#sub-page .container-fluid.menu-3depth .wrap-menu ul li a{
    position: relative;
    padding: 0px 18px;
    font-size: 16px;
	font-weight: 300;
    letter-spacing: -.5px;
    color: #888888;
}

#sub-page .container-fluid.menu-3depth .wrap-menu ul li a:hover{
    color: #212529;
}

#sub-page .container-fluid.menu-3depth .wrap-menu ul li a.active{
    color: #212529;
}

/* menu-3depth 끝 */

/* input file */
ul.list-table li .desc label.file_label {
    line-height:30px;
}

.list-board-editer .bcontents .row-attr span.file_name {
    width:75%;
	display:inline-block;
	float:left;
	border:1px solid #ddd;
    border-right:0;
	padding:0 10px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	height:30px;
	line-height:29px;
    border-radius:4px;
    margin-right:-4px;
    background-color:#eee;
}

ul.list-table li span.file_name {
	width:75%;
	display:inline-block;
	float:left;
	border:1px solid #ddd;
    border-right:0;
	padding:0 10px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	height:30px;
	line-height:29px;
    border-radius:4px;
    margin-right:-4px;
    background-color:#eee;
}

/*반쪽 컨텐츠*/
#sub-page .sec-content-half .inner-contents{
    padding-top: 0;
    padding-left: 0;
}
#sub-page .sec-content-half > div{
    padding:20px 0;
}

#sub-page .sec-content-half .contents{
    width: 1140px;
    margin: 0 auto;
}
#sub-page .sec-content-half .txt-cont h2{
    margin-top: 60px;
    font-size: 24px;    
    font-weight: 200;
    line-height: 1.3;
}

#sub-page .sec-content-half .txt-cont dt{
    position: relative;
    display: inline-block;
    padding-left: 0px;
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 200;
    line-height: 1.5;
    letter-spacing: -1px;
    color: #212529;
}
#sub-page .sec-content-half .sub-txt-cont dt {
	font-size: 30px;
	font-weight: 300;
	color: #4f8aff;
}
#sub-page .sec-content-half dl:first-child dt{
    margin-top: 90px;
}
#sub-page .sec-content-half .benefitintro-header dt {
	font-size: 26px;
}

#sub-page .sec-content-half .txt-cont dt strong{
    font-weight: 300;
}

#sub-page .sec-content-half .txt-cont dd {
    color: #212529;
    line-height: 1.75;
    font-size: 18px;
    font-weight: 200;
}

#sub-page .sec-content-half .txt-cont dd .paragraph{
    display: block;
    margin-top: 30px;
    font-weight: 200;
}

#sub-page .sec-content-half .txt-cont button {
    margin-top: 35px;
}

#sub-page .sec-content-half .txt-cont .caption {
    position: relative;
    width: 100%;
    margin-top: 40px;
    padding: 20px;
    padding-left: 100px;
    border: 1px solid #DEDEDE;
    font-size: 18px;
    font-weight: 300;
    color:#888;
}

#sub-page .sec-content-half .txt-cont .caption::before{
    content: '';
    position: absolute;
    top: 5px;
    left: 10px;
    width: 90px;
    height: 90px;
    background-image: url(../images/icon/icon-alliance-sale.png);
    background-size: 90px;
    background-repeat: no-repeat;
}

#sub-page .sec-content-half .txt-cont .caption strong{
    color:#4F7DFF;
}
#sub-page .sec-content-half .inner-contents .txt-cont h2{
    margin-top: 60px;
    font-size: 24px;    
    font-weight: 200;
    line-height: 1.5;
}

#sub-page .sec-content-half .inner-contents .partner-header h2{
    margin-top: 66px;
    font-size: 26px;    
    font-weight: 200;
    line-height: 1.5;
}

#sub-page .sec-content-half .inner-contents .txt-cont dt{
    position: relative;
    display: inline-block;
    padding-left: 0px;
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 200;
    line-height: 1.5;
    letter-spacing: -1px;
    color: #212529;
}

#sub-page .sec-content-half .inner-contents dl:first-child dt{
    margin-top: 90px;
}

#sub-page .sec-content-half .inner-contents .txt-cont dt strong{
    font-weight: 300;
}

#sub-page .sec-content-half .inner-contents .txt-cont dd {
    color: #212529;
    line-height: 1.75;
    font-size: 18px;
    font-weight: 300;
}

#sub-page .sec-content-half .inner-contents .txt-cont dd .paragraph{
    display: block;
    margin-top: 30px;
    font-weight: 300;
}
#sub-page .sec-content-half .inner-contents .txt-cont button {
    margin-top: 35px;
}

#sub-page .sec-content-half .inner-contents .txt-cont .caption {
    position: relative;
    width: 100%;
    margin-top: 40px;
    padding: 20px;
    padding-left: 100px;
    border: 1px solid #DEDEDE;
    font-size: 18px;
    font-weight: 300;
    color:#888;
}

#sub-page .sec-content-half .inner-contents .txt-cont .caption::before{
    content: '';
    position: absolute;
    top: 5px;
    left: 10px;
    width: 90px;
    height: 90px;
    background-image: url(../images/icon/icon-alliance-sale.png);
    background-size: 90px;
    background-repeat: no-repeat;
}

#sub-page .sec-content-half .inner-contents .txt-cont .caption strong{
    color:#4F7DFF;
}

/* 반쪽 컨텐츠 - 애니메이션 */
.sec-content-half .inner-contents .wrap-about-img{
    opacity: 0; 
    transform: translateY(3em); 
    transition: transform 4s .25s cubic-bezier(0,1,.3,1), opacity .3s .25s ease-out; will-change: transform, opacity;
}
#sub-page .wrap-about-img >img.no-shadow{
    box-shadow: none;
}

.sec-content-half .inner-contents .wrap-about-img.is-visible {
    opacity: 1;transform: translateY(0em);
}
.sec-content-half .inner-contents .wrap-cont-about{
    opacity: 0; 
    transform: translateY(3em); 
    transition: transform 8s .70s cubic-bezier(0,1,.3,1), opacity .7s .70s ease-out; will-change: transform, opacity;
}
.sec-content-half .inner-contents .wrap-cont-about.is-visible{
    opacity: 1;transform: translateY(0em);
}

/* icon carousel */
#sub-page .sec-icon-list .bx-wrapper{
    background: transparent !important;
}

#sub-page .sec-icon-list{
    background: #f7f7f7;
}

#sub-page .sec-icon-list .head {
    position: relative;
    margin-top: 20px;
    font-size: 0;
    overflow: hidden;
}

#sub-page .sec-icon-list .head li{
    display: block;
    float: left;
}

#sub-page .sec-icon-list .head li h5{
    font-size: 24px;
    font-weight: 200;
    line-height: 1.4;
}

#sub-page .sec-icon-list .head li:first-child{
    width:80%;
}

#sub-page .sec-icon-list .head li:last-child{
    position: absolute;
    bottom: 10px;
    right: 0;
}
.icon-carousel .desc{
    text-align: center;
    margin-top: 14px;
}
.icon-carousel .desc h4{
    font-size: 14px;
}
.icon-carousel .bx-prev, .icon-carousel .bx-next{
    display: none;
}
.icon-carousel  .bx-has-pager{
    height: 40px;
}
.icon-carousel .bx-wrapper .bx-pager.bx-default-pager a{
    background-color:#e7ecf7 !important;
}
.icon-carousel .bx-wrapper .bx-pager.bx-default-pager .active{
    background-color: #8db3ff !important;
}

/* 비주얼배너 */
.visual-banner{
    position: relative;
    margin-bottom: 0 !important;
}
.visual-banner.plus{
    background: #ecf4ff;
}
.visual-banner.double{
    background: #ffede5;
}
.visual-banner.senior{
    background: #ece2f1;
}
.visual-banner .header {
    margin:40px 0;
    font-size: 0;
    overflow: hidden;
}
.visual-banner .header li dt{
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 30px;
}
.visual-banner .header li dt > span{
    display: block;
    color:#888888;
    font-size: 16px;
}
.visual-banner .header li dd{
    padding-bottom: 30px;
    font-size: 22px;
    font-weight: 100;
    line-height: 1.7;
    border-bottom: 1px dotted #BEBEBE;
}
.visual-banner .header li dd strong{
    font-weight: 400;
    color:#ff894e;
}
.visual-banner .header li button{
    margin-top:30px;
    display: block;
}
.visual-banner .header li:first-child{
    z-index: 1;
}
.visual-banner .header li:last-child{
    position: absolute;
    right: 15%;
    top: 0;
}
.visual-banner .use-title{   
    display: inline-block;
    margin-left: 10px;
    padding: 4px 15px;
    background: #ffffff;
    border-radius: 30px;
}
.visual-banner .use-img{
    font-size: 0;
}
.visual-banner .use-img li{
    display: inline-block;
    width:33.33333%;
    text-align: center;
}
.visual-banner .use-textbox{
    margin: 40px 0 0;
    font-size: 18px;
    text-align: center;
}

/* **************************************** *
 * 마이페이지
 * **************************************** */

/* 그룹 - 타이틀 */
#sub-page .main-contents .group{
    padding: 0px 0px 10px;
    margin: 0px 0px 15px;
}

#sub-page .main-contents .group h3{
    padding-top: 12px;
    padding-bottom: 12px;
	margin-top: 20px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -1px;
    color: #333;
    text-align: center;
}

#sub-page .main-contents .modal-content h3 {
	padding: 0px;
	margin: 0px;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 00;
    letter-spacing: -1px;
	text-align: left;
}

#sub-page .main-contents .modal-content .box-info .row-inner {
    overflow: hidden;
    padding: 15px 15px;
    margin-bottom: 0px;
    border-bottom: 1px dashed #d7dce4;
    word-break: keep-all;
}

#sub-page .main-contents .modal-content .box-info .row-inner.no-border {    
    border-bottom: 0px dashed #d7dce4;
}

/* 그룹 - 박스 */
#sub-page .main-contents .group ul.box{
    display: inline-block;
    width: 100%;
    padding: 30px 5px 30px 20px;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    background: #fff;
}

#sub-page .main-contents .group ul.box li{
    overflow: hidden;
    position: relative;
    float: left;
    width: 50%;
    padding: 0px 20px;
}

#sub-page .main-contents .group ul.box li::after{
    position: absolute;
    content: '';
    top: 0px;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #d4d4d4;
}

#sub-page .main-contents .group ul.box li:last-child::after{
    content: '';
    width: 0px;
}

#sub-page .main-contents .group ul.box li p{
    margin-bottom: 0px;
    font-size: 17px;
    letter-spacing: -1px;
}

#sub-page .main-contents .group ul.box li a{
    font-size: 24px;
    letter-spacing: -1px;
    color: #1e65f3;
}

#sub-page .main-contents .group ul.box li a i{
    position: absolute;
    right: 20px;
    bottom: 6px;
    font-size: 20px;
}

/* 그룹 - 박스 : 웰빙 포인트 */
#sub-page .main-contents .group ul.box.point li a{
    color: #ea5a28;
}

/* 그룹 - 박스 : 아이콘 33% */
#sub-page .main-contents .group .icon-box{
    display: inline-block;
    width: 100%;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    background: #fff;
}

#sub-page .main-contents .group .icon-box li{
    overflow: hidden;
    position: relative;
    float: left;
    width: 33%;
    padding: 0px 20px;
}

#sub-page .main-contents .group .icon-box li img{
    margin-bottom: 8px;
}

#sub-page .main-contents .group .icon-box ul.line li{
    padding: 20px 0px;
    text-align: center;
}

#sub-page .main-contents .group .icon-box .line:nth-child(2n) li{
    border-top: 1px solid #d4d4d4;
}

#sub-page .main-contents .group .icon-box ul.line li::after{
    position: absolute;
    content: '';
    top: 50%;
    transform : translate(0%, -50%);
    -webkit- transform : translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    right: 0px;
    width: 1px;
    height: 50%;
    background: #d4d4d4;
}

#sub-page .main-contents .group .icon-box ul.line li:last-child::after{
    content: '';
    width: 0px;
}

#sub-page .main-contents .group .icon-box .line li a{
    display: block;
    font-size: 15px;
    letter-spacing: -1px;
    color: #3d4655;
}

#sub-page .main-contents .group .icon-box .line li a span{
    display: block;
}

/* **************************************** *
 * 혜택
 * **************************************** */
 #sub-page section .row.contents{	
	width: 1140px;
	margin: 0 auto;
}
 #sub-page .container-intro.benefit-intro {
    background:#ddd url('../images/benefit/bg-intro.png') 0 0 no-repeat;
    background-color: #4ea7fc;
    background-position: right;   
}
#sub-page .container-intro.benefit-intro #intro .wrap .title-slg{
    color:#fff !important;
}

#sub-page .container-intro.benefit-intro #intro .wrap .title-small{
    color:#c5defe !important;
}
/* #benefit_content .cont-linebox{
    padding: 0 15px;
} */

#sub-page .wrap-about-img .point-img {
	width: 90%;
	top:60px;
}

.cont-linebox .title.first{
    margin-top: 60px;
}

.cont-linebox .title {
	margin-bottom: 20px;
}

.cont-linebox .title h1{
    font-size: 34px;
    font-weight: 200;
     display: inline-block;
}

.cont-linebox .title h4{
    font-size: 24px;
    font-weight: 200;
    display: inline-block;
}

.cont-linebox .title h4 {
	font-size: 18px;
	/* margin-bottom:20px; */
}

.cont-linebox .title span {
	font-weight: 200;
}

.cont-linebox .title .caption{
    position: relative;
    padding-left: 25px;
    
    font-size: 16px;
    font-weight: 200;
    color:#888;
}

.cont-linebox .title .caption::before{
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/icon_exclamation.gif);
    background-repeat: no-repeat;
    background-size: 20px;
}

.cont-linebox .title .button{
    display: inline-block;
    float: right;
    vertical-align: bottom;
}

.cont-linebox .content{
	position: relative;
    margin-top: 20px;
    margin-bottom: 5px;
}

.cont-linebox .content > li{
    display: inline-block;
    width: 100%;
    padding: 30px;
    border: 1px solid #DEDEDE;
    font-size: 18px;
    vertical-align: middle;
}

.cont-linebox .content li strong{
    color:#4F7DFF;
}

.cont-linebox .content li.caption{
    position: relative;
    padding-top:10px;
    padding-bottom: 0 !important;
    padding-right: 0;
    font-size: 15px;
    border: 0;
    color: #888;
}

.cont-linebox .content li.caption-2{
    position: relative;
    padding-top:10px;
    padding-bottom: 0 !important;
    padding-right: 0;
    padding-left: 0;
    font-size: 15px;
    border: 0;
    color: #888;
}
.cont-linebox .content li.caption-2 i {
	color: #BEBEBE;
}

.cont-linebox .content li.caption strong{
    color:#ff8a30;
}

.cont-linebox .content li.caption::before{
    content: '';
    position: absolute;
    top: 11px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/icon_exclamation.gif);
    background-repeat: no-repeat;
    background-size: 20px;
}

.cont-linebox.col-3,.cont-linebox.col-4,.cont-linebox.col-5{
    margin-left: -10px;
    font-size: 0;
}
.cont-linebox.col-3 .content li{
    width: 33.33333%;
    padding: 0 0;
    padding-left: 10px;
    border: 0;
    text-align: center;
}
.cont-linebox.col-3 .content li:first-child {
	padding-left: 0;
}

.cont-linebox.col-3 .content li > div{
    padding:20px;
    border: 1px solid #DEDEDE;
}
.cont-linebox.col-4 .content li{
    width: 25%;
    padding: 0 0;
    padding-left: 10px;
    border: 0;
    text-align: center;
}

.cont-linebox.col-3 .content li > div{ 
    padding:10px;
    border: 1px solid #DEDEDE;
}
.cont-linebox.col-4 .content li > div{ 
    padding-bottom: 30px;
    border: 1px solid #DEDEDE;
}

.cont-linebox.col-5 .content li{
    width: 20%;
    padding: 0 0;
    padding-left: 10px;
    border: 0;
    text-align: center;
}
.cont-linebox.col-6 .content li{
    width: 19%;
    padding: 0 0;
    padding-left: 10px;
    border: 0;
    text-align: center;
}

.cont-linebox.col-5 .content li > div{ 
    padding:10px;
    border: 1px solid #DEDEDE;
}

.cont-linebox .content .cont-subbox {
	width: 100%;
	height: 50px;
}

#sec-pointuse2.cont-linebox .content li a,#sec-pointuse4.cont-linebox .content li a {
	margin: 0 auto;
	display: block;
	max-width: 25%;
	margin-top: 40px;
}


/* 혜택 */
.benefit-fit-list,.benefit-list{
    margin-left: -20px;
    font-size: 0;
}

.benefit-fit-list li,.benefit-list li{
    display: inline-block;
    width: 50%;
    margin-bottom: 20px;
    padding-left: 20px;
}

.benefit-fit-list li > a,.benefit-list li > a{
    display: block;
    width: 100%;
    height: 100%;
    padding:21% 8%;
    background-size: cover;
}

/* 맞춤혜택 이미지 */


/* 혜택 상세페이지 */
.benefit_title {
    border-bottom:1px solid #ddd;
    margin-bottom:15px;
}



.benefit_title .btn-list{
    float: right;
}

.benefit_title .btn.small{
    padding: 5px 9px;
    line-height: 1.4;
}

.benefit_title .black.small {
    margin-left: 10px;
}

.single_content .container article {
    margin:40px auto;
}

.benefit_content {
    overflow:hidden;
}

.benefit_content img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

/* 웰빙 포인트 */
.cont-linebox.check .content li div img{
    margin:20px 0 30px;
}

.cont-linebox.check .content li dt{
    position: relative;
    font-size: 22px;
}

.cont-linebox.check .content li dt {
    color: #212529; 
    font-weight: 400;
}

.cont-linebox.check .content li dd {
    color: #888; 
}


.cont-linebox.check .content li dt span{
    color:#ff8a30;
}

.cont-linebox.check .content li dd,.cont-linebox.check .content li div > a{
    margin-top: 20px;
}

.cont-linebox.use .content li div img{
    margin:20px 0 30px;
}

.cont-linebox.use .content li div dt,.cont-linebox.use .content li div dd{
    display: inline-block;
    vertical-align: middle;
}

.cont-linebox.use .content li div dl{
    display: table;
    margin: 0 auto;
    height: 62px;
    font-size: 0;
}

.cont-linebox.use .content li div dt{
    font-size: 30px;
    text-align: right;
    color:#d2e0ff;
}

.cont-linebox.use .content li div dd{
    padding-left: 15px;
    font-size: 18px;
    text-align: left;
}
/* 적립안내 */
.point-list-wrapper{
    width: 100%;
    margin: 0 0 50px;
    display: table;
    background-image: url(../images/benefit/points-img01.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.point-list-inner{
    display: table-row;
    font-size: 0;
    overflow: hidden;
}

.point-list-inner li{
    position: relative;
    display: inline-block;
    width: 33.333333%;
    padding-right: 20px;
    font-size: 18px; 
    vertical-align: middle;
}

.point-list-inner li:nth-child(3n){
    padding-right: 0;
}

.point-list-inner .content{
    border: 1px solid #DEDEDE;
}

.point-list-inner .content dt,.point-list-inner .content dd{
    padding: 15px;
}

.point-list-inner .content dt{
    background: #DEEFFF;
    height: 80px;
    min-height: 100px;
}

.point-list-inner .content dt h2{
    display: inline-block;
    width: 70%;
    font-size: 24px;
    font-weight: 200;
}

.point-list-inner .content dt .button{
    display: inline-block;
    float: right;  
    font-weight: 300;
    vertical-align: top;
}

.point-list-inner .content dt .button > a{
    display: block;
    color:#8DB3FF;
    font-size: 15px;
}

.point-list-inner .content dt .button .textbtn{
    position: relative;
    padding-right: 10px;
    text-align: right;
}

.point-list-inner .content dt .button .textbtn::after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 0;
    border: 1px solid #4f7dff;
    border-width: 1px 1px 0 0;
    height: .5em;
    margin: 0 0 1px 10px;
    transform: rotate(45deg);
    width: .5em;
}

.content .popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

.content .popup .popuptext {
    visibility: hidden;
    min-width: 340px;
    max-width: 100%;
    background-color: #fff;
    color: #888;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top: 40px;
    right: -15px;
    margin-left: -80px;
    box-shadow: 1px 1px 20px #bebebe;
  }

.content .popup .popuptext::after {
    content: "";
    position: absolute;
    top: -20px;
    right: 15px;
    margin-left: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
  }

  .content .popup.up .popuptext {
    visibility: hidden;
    min-width: 300px;
    max-width: 100%;
    background-color: #fff;
    color: #888;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top: auto;
    bottom: 30px;
    right: -15px;
    margin-left: -80px;
    box-shadow: 0px 2px 7px #e0e0e0;
  }

.content .popup.up .popuptext::after {
    content: "";
    position: absolute;
    top: auto;
    right: 15px;
    bottom:-20px;
    margin-left: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
  }

  .content .popup.up .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }
  
.content .popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }
  
  @-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }

  .content .popup.up .popuptext dt,.content .popup .popuptext dt{
    position: relative;
    height: auto;
    min-height: auto;
    padding:8px 0;
    padding-left: 35px;
    background: none;
    color:#212529;
    font-size: 18px;
    font-weight: 300;
    border-bottom: 0;
    text-align: left;
  }

  .content .popup .popuptext dt::before{  
    content: '';
    position: absolute;
    top: 12px;
    left: 10px;
    width: 18px;
    height: 18px;
    background-image: url(../images/icon/icon-help-black.gif);
    background-repeat: no-repeat;
    background-size: 18px;
}

.content .popup.up .popuptext dd,.content .popup .popuptext dd{
    padding-top: 10px;
    padding:15px;
    font-size: 18px;
    font-weight: 200;
    border-top: 0;
    text-align: left;
  }

.content .popup .popuptext dd strong{
    font-weight: 400;
    color:#6C6F73;
}

.content .popup .popuptext dd .color{
    color:#4F7DFF;
}

  
.content .popup .popuptext dd::before{
    display: none;
}

.point-list-inner .content dd{
    position: relative;
    min-height: 200px;
    padding-top: 30px;
    border-top: 1px solid #DEDEDE;
}

.point-list-inner .content dd::before{
    position: absolute;
    top: 15px;
    left: 15px;
    content: '적립 점수';
    font-size: 16px;
    color:#888;
}

.point-list-inner .content ul{
    font-size: 0;
    overflow: hidden;
}

.point-list-inner .content li{
    width: 33.33333%;
    display: table-cell;
    padding: 15px 10px;
    border-left: 2px solid #efefef;
}

.point-list-inner .content li:first-child{
    padding-left: 0;
    border-left: 0;
}

.point-list-inner .content li .point{
    font-size: 24px;
    color: #4F7DFF;
}

.point-list-inner .content li .point strong{
    padding-right: 10px;
    font-size: 150%;
    line-height: 1.2;
}

.point-list-inner .way{
    border-top:1px solid #DEDEDE;
    background: #f7f7f7;
}

.point-list-inner .way > ul{
    position: relative;
    min-height: 180px;
    padding: 30px 0 20px;
    overflow: hidden;
}

.point-list-inner .way > ul::before{
    content: '적립 방법';
    position: absolute;
    top: 15px;
    left: 15px;
    color:#888;
    font-size: 16px;
}

.point-list-inner .way > ul li{
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 15px;
    padding-left:35px;
    border-left: 0;
    color:#888;
    font-weight: 200;
}

.point-list-inner .way > ul li::before{
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 18px;
    height: 18px;
    background-image: url(../images/icon/icon_exclamation.gif);
    background-repeat: no-repeat;
    background-size: 18px;
}

.point-list-inner .way > ul li.title{
    padding: 15px 15px 5px;
    font-weight: 400;
}

.point-list-inner .way > ul li.title::before{
    display: none;
}


/* 웰빙포인트 - 사용안내 */
#sec-pointuse2.sec-content-half .inner-contents dl:first-child dt{
    margin-top: 0;
}
#sec-pointuse2 .wrap-about-img >img.no-shadow{
    top: 50px;
}

#sec-pointuse3 .row{
    margin-bottom: 20px;
}
#sec-pointuse4 .content img {
	width: 50%;
	margin: 0 auto;
}



/* **************************************** *
 * 제휴시설
 * **************************************** */

#sub-page .container-fluid.header-service {  
    background: #83CCF2;
}

#sub-page .container-fluid.header-service.culture {  
   background: #B7DC6D;
}

#sub-page .container-fluid.header-service .inner-fluid{
    padding-top: 20px;
    padding-bottom: 20px;
    background: transparent; 
}

#sub-page .container-fluid.header-service .inner-fluid .title{
	/*margin-top: 10px;*/
    margin-bottom: 10px;
}

#sub-page .container-fluid.header-service .inner-fluid .title.mgb20{
    margin-bottom: 20px;
}

#sub-page .container-fluid.header-service .inner-fluid .title a{
    position: relative;
    padding: 5px 15px 5px;
    margin-right: -5px;
    font-size: 20px;
	font-weight: 500;
    line-height: 1;
    letter-spacing: -.5px;
    color: rgba(255, 255, 255, .8);
    transition: color 0.3s ease 0s;
}

#sub-page .container-fluid.header-service .inner-fluid .title a::after{
    content: '';
    position: absolute;
    top: 14px;
    right: 0px;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, .4);
}

#sub-page .container-fluid.header-service .inner-fluid .title a:last-child::after{
    display: none;
}


#sub-page .container-fluid.header-service .inner-fluid .title a:hover{
    color: rgba(255, 255, 255, 1);
	font-weight: 500;
}

#sub-page .container-fluid.header-service .inner-fluid .title a.active{
    color: rgba(255, 255, 255, 1);
	font-weight: 500;
	font-size:22px;
}


/* 제휴시설 - 메인 - 검색창 */
.wrap-search {
    position: relative;
    border: 0px solid #fff;
}

.wrap-search .input-search {
    width: 100%;
}

.wrap-search .input-search input.search-input{
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-shadow: none;
    border: 1px solid #fff;
    font-size: 16px;
}

.wrap-search .input-search input.search-input::-webkit-input-placeholder {
    font-size: 16px;
    color: #999;
}

.wrap-search .input-search input.search-input::-moz-placeholder {
    font-size: 16px;
	line-height: 50px;
    color: #999;
}

.wrap-search .input-search input.search-input:-ms-input-placeholder { 
    font-size: 16px;
	line-height: 0px;
    color: #999;
}

.wrap-search .input-search input.search-input:-moz-placeholder {
    font-size: 16px;
    color: #999;
}

.wrap-search .btn-search {
    position: absolute;
    top: 4px;
    right: 7px;
    z-index: 2;
}

.wrap-search .btn-primary{
    width: 45px;
    height: 45px;
    border: 0px solid #fff;
    background: #fff;
    line-height: 26px;
    color: #a69999;
}

.wrap-search .btn-primary:hover, .wrap-search .btn-primary:focus{
    background: #fff;
    color: #1957d4;
}

.message{
    padding: 0px;
    margin-bottom: 20px;
}
.searchTop-title {
	display: inline;
	font-weight: 500;
}
.searchTop {
	display: inline-block;
	float: right;
	font-weight: 300;
}

.searchTop p {
    color: #888888;
}
.searchTop p .point{
	color: #1f66f5;
}

/* 제휴시설 - 메인 - 메뉴 */
#sub-page .container-fluid.menu-2depth{
    margin-bottom: 0px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}

#sub-page .container-fluid.menu-2depth .wrap-menu{
	position: relative;
    width: 1140px;
    padding: 0px 0px 0px;
    margin: 0px auto 0px;
}

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

#sub-page .container-fluid.menu-2depth .wrap-menu.width20 ul li{
    position: relative;
    float: left;
    width: 20%;
    padding: 15px 0px;
    text-align: center;
    background: transparent;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li::after{
     content: '';
    position: absolute;
    top: 40%;
    right: 0px;
    width: 2px;
    height: 16px;
    background: #e4e4e4;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li:last-child::after{
    content: '';
    position: absolute;
    right: 0px;
    width: 0px;
    height: 30px;
    background: #ddd;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li a{
    position: relative;
    padding: 0px 18px;
    font-size: 16px;
	font-weight: 300;
    letter-spacing: -.5px;
    color: #888;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li a:hover{
    color: #1e65f3;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li a::after{
    content: '';
    position: absolute;
    left: 0px;
    bottom: -16px;
    width: 0%;
    height: 1px;
    background: #1e65f3;
    transition: all 300ms;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li a:hover::after{
    content: '';
    width: 100%;
    height: 2px;
    background: #1e65f3;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li a.active{
    color: #1e65f3;
    font-weight: 500;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li a.active::after{
    content: '';
    position: absolute;
    right: 0px;
    bottom: -16px;
    width: 100%;
    height: 2px;
    background: #1e65f3;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li.link-prents{
	padding: 5px 20px;
	padding-left: 0px;
	font-weight: 500;
    color: #333;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li.link-prents a{
	padding-left: 0px;
	font-weight: 400;
    color: #333;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li.link-prents a span{
	display: inline-block;
    min-width: 147px;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 15px;
    background: rgb(31, 102, 245);
    color: #fff;
    text-align: left;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li.link-prents a span i{
	display: inline-block;
	float: right;
	margin-left: 5px;
	line-height: 22px;
    color: #7da6fb;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li.link-prents a::before{
	position: absolute;
    content: '';
	top: 5px;
	right: 0px;
    width: 1px;
    height: 17px;
    background: #ddd;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li.link-prents a::after{
    height: 0px;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li.link-prents a:hover::after{
    content: '';
    width: 100%;
    height: 0px;
    background: #1e65f3;
}

/* */
#sub-page .container-fluid.menu-2depth .wrap-menu ul li a.fsearchBar{
    padding: 0px 10px;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li a.fsearchBar::after{
    content: '';
    height: 0px;
}

#sub-page .container-fluid.menu-2depth .wrap-menu ul li a.fsearchBar:hover::after{
    content: '';
    height: 0px;
}

#sub-page .container-fluid.menu-2depth .wrap-menu .wrap-fparents{
	position: absolute;
	top: 60px;
	left: 0px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0.3rem 1rem rgba(0,0,0,0.05);
	z-index: 99;
}

#sub-page .container-fluid.menu-2depth .wrap-menu .wrap-fparents .list-fparents li{
	float: none;
	min-width: 145px;
	padding: 9px 0px;
	border-bottom: 1px solid #ddd;
}

#sub-page .container-fluid.menu-2depth .wrap-menu .wrap-fparents .list-fparents li:last-child{
	border-bottom: 0px solid #ddd;
}

#sub-page .container-fluid.menu-2depth .wrap-menu .wrap-fparents .list-fparents li::after{
	content: '';
	display: none;
}

#sub-page .container-fluid.menu-2depth .wrap-menu .wrap-fparents .list-fparents li a.active::after{
	display: none;
}

#sub-page .container-fluid.menu-2depth .wrap-menu .wrap-fparents .list-fparents li a:hover::after{
	display: none;
}

#sub-page .container-fluid.menu-2depth .wrap-menu .wrap-fparents .list-fparents li a{
	font-size: 14px;
	color: #bdbdbd;
}

#sub-page .container-fluid.menu-2depth .wrap-menu .wrap-fparents .list-fparents li a:hover{
	color: #333;
}

#sub-page .container-fluid.menu-2depth .wrap-menu .wrap-fparents .list-fparents li a.active{
	color: #333;
}


/* 제휴시설 - 메인 - 컬처메뉴 */

#sub-page.culture  .selection-location li a.active{
    color: #1bb74a;
}

#sub-page.culture .container-fluid.menu-2depth .wrap-menu ul li a::after{
    background: #3f9c47;
}

#sub-page.culture .container-fluid.menu-2depth .wrap-menu ul li a:hover{
    color: #3f9c47;
}

#sub-page.culture .container-fluid.menu-2depth .wrap-menu ul li a:hover::after{
    color: #3f9c47;
}

#sub-page.culture .container-fluid.menu-2depth .wrap-menu ul li a.active{
    color: #3f9c47;
}

#sub-page.culture .container-fluid.menu-2depth .wrap-menu ul li a.active::after {
    background: #3f9c47;
}

#sub-page.culture ul.link_box li {
    background: #fff;
}

#sub-page.culture ul.link_box li:first-child a{
    background-image: url('../images/place/bg_map_culture.png')no-repeat;
	background-size: cover;
}

#sub-page.culture ul.link_box li:nth-child(2) a{
    background-image: url('../images/place/bg_map02_culture.png')no-repeat;
	background-size: cover;
}

#sub-page.culture ul.link_box li:nth-child(3) a{
    background: #BEBEBE;
}

#sub-page.culture ul.link_box li:last-child a{
    background: #888;
}

#sub-page.culture ul.link_box li ul.right li {
    background: #b4c0ce;
}

#sub-page.culture ul.link_box li ul.right li:last-child {
    background: #9fa9b5;
}

#sub-page.culture ul.link_box li ul.right {
    background: #fff;
}

#sub-page.culture ul.link_box li ul.right {
    background: #fff;
}


/* **************************************** *
 * 제휴시설 - 메인
 * **************************************** */
#sub-page.find-sub-page{
    background: #f9f9f9;
}

#sub-page.find-sub-page.center-map {	
	padding-bottom: 40px;
	
}

#sub-page .main-contents.find{
    width: 100%;
    padding: 0px 0px 30px;
    margin: 0px auto 0px;
}


/* 제휴시설 - 메인 - 링크박스 */
ul.link_box{
    display: flex;
    width: 100%;
	padding: 13px;
	margin-top: 20px;
	border: 1px solid #efefef;
	border-radius: 3px;
	background: #fff;
}

ul.link_box li{
    float: left;
    width: 25%;
	padding: 0px 10px;
	border-radius: 3px;
}

ul.link_box li a{
    display: inline-block;
	width: 100%;
	padding: 20px 0px;
	border-radius: 3px;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
	color: #fff;
}

ul.link_box li:first-child a{
    float: left;
	background-image: url('../images/place/bg_map.png');
	background-size: cover;
	position:relative;
}

ul.link_box li:nth-child(2) a{
    background-image: url('../images/place/bg_map02.png');
	background-size: cover;
	position:relative;
}

ul.link_box li:nth-child(3) a{
    background-image: url('../images/place/bg_map03.png');
	background-size: cover;
	position:relative;
}

ul.link_box li:last-child a{
    background-image: url('../images/place/bg_map04.png');
	background-size: cover;
	position:relative;
}


ul.link_box li i{
    display: block;
    margin-bottom: 10px;
    font-size: 55px;
}

ul.link_box li img{
    display: inline-block;
	width: 56px;
    margin-bottom: 0px;
    font-size: 36px;
    bottom:13px;
    right:7px;
}

ul.link_box li i{
    display: inline-block;
	width: 32px;
    margin-bottom: 0px;
    font-size: 36px;
}


/* 제휴시설 - 메인 -  링크박스 - 탭 링크 */

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

}
#sub-menu-3depth-center .container .row{
	background-color:white;
}
@media (max-width: 767px){
	#sub-menu-3depth-center .wrap-menu.center-tab-layer {
	   width: max-content;
	}
}
						
#sub-page ul.link_box li ul.tabs_find {
    background: #fff;
}

#sub-page ul.link_box li ul.tabs_find li{
    width: 100%;
    margin-right: 0px;
    padding-bottom: 10px;
	border-bottom: 1px solid #eaeaea;
	border-radius: 0px;
    background: #f5f5f5;
}

#sub-page ul.link_box li ul.tabs_find li:last-child{
    padding-bottom: 0px;
	border-bottom: 0px solid #ddd;
}

#sub-page ul.link_box li ul.tabs_find li a{
    padding: 23px 0px;
	padding-left: 30px;
	color: #888;
	text-align: left;
}

#sub-page ul.link_box li ul.tabs_find li i{
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 0px;
    font-size: 16px;
}

#sub-page ul.link_box li ul.tabs_find li.active{
    background: #fff;
}

#sub-page ul.link_box li ul.tabs_find li.active a{
    color: #1f66f5;
}



/* 제휴시설 - 메인 -  링크박스 - 오른쪽 링크 */
ul.link_box li ul.right {
    background: #fff;
}

ul.link_box li ul.right li{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
    background: #b4c0ce;
}

ul.link_box li ul.right li:last-child{
    margin-bottom: 0px;
    background: #9fa9b5;
}

ul.link_box li ul.right li a{
    padding: 23px 0px;
}

ul.link_box li ul.right li i{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px;
    font-size: 20px;
}

/* 제휴시설 - 메인 - 탭메뉴 */
.nav-tabs.width33{
    width: 100%;
    margin: 0px 0px;
}

.nav-tabs.width33>li{
    width: auto;
}

.nav-tabs>li>a{
    padding: 17px 13px;
    border: 0px solid #fff;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    text-align: center;
}

.nav-tabs>li>a:hover{
    border: 0px solid #fff;
    background: none;
    color: #1f66f5;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    position: relative;
    cursor: default;
    background-color: transparent;
    border: none;
    font-weight: 500;
    color: #1f66f5;
}

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

.tab-content{
    clear: both;
    padding: 20px 30px 20px;
    background: #efefef;
}


/* **************************************** *
 * 제휴시설 - 리스트
 * **************************************** */
.place-contents{
    margin-bottom: 20px;
    /*box-shadow: 1px 3px 10px #e0e0e0;*/
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    background: #fff;
	overflow: hidden;
}

.place-contents a{
    display: inline-block;
}

.place-contents > a{
    float: left;
    position: relative;
    width: 100%;
    /* height: 36vh; */
}

.place-contents img.thumbs{
    /* position: absolute;
    top: 50%; */
    width: 100%;
    /*height: 390px;*/
    height:auto;
    /* transform: translateY(-50%); */
    aspect-ratio: 4/3;
}

/* 제휴시설 - 리스트 - 정보 */
.place-contents .info{
    clear: both;
    position: relative;
    padding: 20px;
    border-top: 1px solid #d6d6d6;
    background: transparent;
    padding-bottom:30px;
    width:100%;float:left;	/* 종목 리스트 많아져서 수정..21-12-14 */
}

.place-contents .info .options{
    position: relative;
    padding: 0px 10px 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}

.place-contents .info .options a{
    margin-right: 5px;
}

.place-contents .info .options a i{
    font-size: 16px;
    color: #999;
}

.place-contents .info .options .right {
    position: absolute;
    top: -10px;
    right: 0px;
}

.place-contents .info .options .right a.btn{
    border: 1px solid #007bff;
    background: #fff;
    color: #007bff;
}
.place-contents .info .options .right a.btn.yellow{
    border: 1px solid #FF8001;
    color: #FF8001;
}

.place-contents .info .options a.heart.active i{
    color: #f44336;
}

.place-contents .info .title{
    display: inline-block;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding-top:20px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.place-contents .info .title .distance{
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.place-contents .info .detail{
    margin: 12px 0;
    font-size: 15px;
    font-weight: 300;
    color: #333;
}

.place-contents .info .address{
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 300;
    color: #777;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.place-contents .info>ul>li{
    margin-bottom: 5px;
    width:100%;
    float:left;
}

.place-contents .info ul li .pst{
    position: relative;
    display: inline-block;
    width: 75px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #717171;
    width:100%;  /* 종목 리스트 많아져서 수정..21-12-14 */
    float:left;  /* 종목 리스트 많아져서 수정..21-12-14 */
}
/* 종목 리스트 많아져서 수정..21-12-14 */
/* .place-contents .info ul li .pst::after{  
    position: absolute;
    content: '';
    top: 5px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #d6d6d6;
} */

.place-contents .info ul li ul.grade{
    display: inline-block;
    font-size: 15px;
    width:100%;
    float:left;
    
}

.place-contents .info ul li ul.grade .sports{
    display: inline-block;
    margin-right: 10px;
    color: #333; 
}

.place-contents .info ul li ul.grade .sports span{
    display: inline-block;
    padding: 0px 5px;
    margin-right: 5px;
    border: 1px solid #1e65f3;
    border-radius: 3px;
}

.place-contents .info ul li ul.grade .culture{
    display: inline-block;
    color: #333;
}

.place-contents .info ul li ul.grade .culture span{
    display: inline-block;
    padding: 0px 5px;
    margin-right: 5px;
    border: 1px solid #36b75e;
    border-radius: 3px; 
}

.place-contents .info ul li ul.grade .culture span{
    display: inline-block;
    padding: 0px 5px;
    margin-right: 5px;
    border: 1px solid #36b75e;
    border-radius: 3px; 
}

.place-contents .info .likes{
    position: absolute;
    display: inline-block;
    top: -1px;
    right: 0px;   
}

.place-contents .info .likes a{
    float: left;
    display: inline-block;
    padding: 15px 18px;
    margin-right: -1px;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #999;
}

.place-contents .info .likes a.active{
    color: #f44336;
}

.place-contents .info .order{
    position: absolute;
    display: inline-block;
    bottom: 15px;
    right: 15px;   
}


/* 라벨 */
.grade-labels{
    position: absolute;
    bottom: 8px;
    left: 18px;
    color: #333;
   	width:77%;
}

.grade-labels p{
    /* display: inline-block;
    width: 60px;
    height: 50px;
	font-size: 13px;
    line-height: 50px;
    text-align: center; */
}

.grade-labels .sports{
    background: rgba(0, 123, 255, .9);
    color: #fff;
    margin-right:5px;
}

.grade-labels .culture{
    background: #3F9C47;
    color: #fff;
    margin-right:5px;
}



/* 상단 무료.추가.페이백.이벤트버튼으로 변경 */
.grade-labels .addtion-yn{
    background: rgba(79, 125, 255, .9); /* 추가 */
    color: #fff;
    margin-right:5px;
    display: inline-block;
    width: 60px;
    height: 35px;
	font-size: 13px;
    line-height: 35px;
    text-align: center;
    cursor:pointer;
    border-radius: 25px;
}
.grade-labels .free-yn{
    background: rgba(110, 36, 223, .9); /* 무료 */
    color: #fff;
    margin-right:5px;
    display: inline-block;
    width: 60px;
    height: 35px;
	font-size: 13px;
    line-height: 35px;
    text-align: center;
    cursor:pointer;
    border-radius: 25px;
}
.grade-labels .discount-yn{
    background: rgba(34, 170, 119, .9); /* 할인 */
    color: #fff;
    margin-right:5px;
    display: inline-block;
    width: 60px;
    height: 35px;
	font-size: 13px;
    line-height: 35px;
    text-align: center;
    cursor:pointer;
    border-radius: 25px;
}
.grade-labels .payback-yn{
    background: rgba(255, 83, 83, .9); /* 캐시백 포인트 */
    color: #fff;
    margin-right:5px;
    display: inline-block;
    width: 92px;
    height: 35px;
	font-size: 13px;
    line-height: 35px;
    text-align: center;
    cursor:pointer;
    border-radius: 25px;
}

.grade-labels .payback-point-yn{
    background: rgba(255, 83, 83, .9); /* 멤버스 포인트 */
    color: #fff;
    margin-right:5px;
    display: inline-block;
    width: 92px;
    height: 35px;
	font-size: 13px;
    line-height: 35px;
    text-align: center;
    cursor:pointer;
    border-radius: 25px;
}

.grade-labels .event-yn{
    background: #ff8001de; /* 이벤트 */
    color: #fff;
    margin-right:5px;
    display: inline-block;
    width: 60px;
    height: 35px;
	font-size: 13px;
    line-height: 35px;
    text-align: center;
    cursor:pointer;
    border-radius: 25px;
}

.grade-labels .recommand-yn{
    background: rgba(244, 177, 54, 0.9); /* 추천 */
    color: #fff;
    margin-right:5px;
    display: inline-block;
    width: 60px;
    height: 35px;
	font-size: 13px;
    line-height: 35px;
    text-align: center;
    border-radius: 25px;
}
.grade-labels .new{
    background: rgba(244, 67, 54, 0.9); /* 신규 */
    color: #fff;
    margin-right:5px;
    display: inline-block;
    width: 60px;
    height: 35px;
	font-size: 13px;
    line-height: 35px;
    text-align: center;
    border-radius: 25px;
}
.favorite-cur-layer{
	position: absolute;
    bottom: 16px;
    right: 20px;
    background: white;
    padding: 2% 2.5%;
    border-radius: 45px;
}
.favorite-cur-layer i.fas.fa-heart{
    font-size: 130%;
    padding-top: 3px;
    color: #a1a1a1;
}
.favorite-cur-layer i.fa-regular.fa-heart{
    font-size: 130%;
    padding-top: 3px;
    color: #a1a1a1;
}
.favorite-cur-layer.active i.fas.fa-heart{
    color: #f44336;
}
.favorite-cur-layer.active i.fa-regular.fa-heart{
    color: #f44336;
}


/* 가로버전 리스트 */
.place-contents.hori{
    display: flex;
}

.place-contents.hori > a {
    float: left;
    display: inline-block;
    width: 30%;
}

.place-contents.hori img.thumbs {
    width: 100%;
    height: 160px;
}

.place-contents.hori .info{
    width: 70%;
    padding: 17px 30px;
    border-top: 0px solid #333;
}

/* **************************************** *
 * 시설 - 지역검색
 * **************************************** */

#sub-page .main-contents .group.head{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 0px;
    background: transparent;
    text-align: center;
}

#sub-page .main-contents .group.head .search-home{
    display: none;
}

#sub-page .main-contents .group.head h3 span i{
	margin-left: 5px;
    font-size: 23px;
}

.selection-location{
    display: inline-block;
    width: 100%;
	margin-top: 15px;
    border: 1px solid #ddd;
    background: #fff;
}

.selection-location li{
    float: left;
    text-align: center;
}

.selection-location li a{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px;
    margin-right: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #909192;
}

.selection-location li a::after{
    content: '>';
    position: absolute;
    right: 0px;
    width: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #515254;
}

.selection-location li:last-child a::after{
    content: '';
}

.selection-location li a.active{
    color: rgb(31, 102, 245);
}


.list-location{
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;  
}

.list-location li{
    float: left;
    width: 25%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
    text-align: center;
}

.list-location li a{
    display: inline-block;
    width: 100%;
    padding: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #515254;
}

.list-location li a.active{
    color: #007bff;
}


/* 제휴시설 - 지역으로 찾기 - 지도로 보기 */
.main-contents.cont-veiwMap{
	position: relative;
}

.txt-center .btn.area-btn:nth-child(1) {
    margin-right:5px;
}
.txt-center .btn.area-btn:nth-child(2) {
    background-color: #B7DC6D;
    border:1px solid #B7DC6D;
}
.txt-center .btn.area-btn:nth-child(2):hover {
    background-color:#3F9C47;
}

.main-contents.cont-veiwMap .viewMap {
	border-radius: 30px;
	position: sticky;
	position: -webkit-sticky; /* Required for Safari */
	position: -ms-sticky; /* Required for Safari */
	z-index: 999;
	left: 50%;	
	bottom: 7px;
}

.favorite-cur-position{
	position: fixed;
	top: 255px;
	right: 4px;
	height: 40px;
	cursor: pointer;
}
.favorite-cur-position .btn:hover{
	background-color: #B7DC6D;
}
.favorite-cur-position .btn {
   border-radius: 25px;
   padding: 10px 13px;
   background-color: #B7DC6D;
   border: 1px solid #B7DC6D;
   width: 40px;
   transition: width 0.5s ease;
}

.favorite-cur-position .btn.hover {
    background-color: #3F9C47;
    font-size: 15px;
    width:140px;
}


/* **************************************** *
 * 제휴시설 - 지도로 찾기 
 * **************************************** */
.area-popup{
	position: absolute;
	top: 100px;
	left: 50%;
	width: 380px;
    transform: translateX(-50%);
    background: #fff;
	z-index: 9;
	display: none;
}

.area-popup.able{
	display: block;
}

.area-popup::after{
	content: '';
	position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ddd;
    border-left: 9px solid transparent;
    content: '';
}

.area-popup .group.head .btn-close{
	position: absolute;
	top: 17px;
    right: 20px;
    font-size: 21px;
	color: #fff;
}

.area-popup ul li.item{
	width: 33.3%;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;	
}

.area-popup ul li.item:nth-child(3n){
	border-right: 0px;
}

.area-popup ul li.item input[type="radio"] + label{
	width: 100%;
	height: 100%;
	padding: 13px 0px;
	margin-bottom: 0px;
}

.area-popup ul li.item input[type="radio"] + label::before {
    position: absolute;
    width: 0px;
    height: 0px;
    background: none;
}

.area-popup ul li.item input[type="radio"]:checked + label {
	color: #333;
}

.area-popup .wrap-area-select{
	margin-bottom: -5px;
}

.area-popup .wrap-area-select .selection-location li a{
	font-size: 14px;
	color: #333;
}

.area-popup .wrap-area-select .selection-location li a.is-disable{
	color: #ddd;
   	pointer-events: none;
   	cursor: default;
}

.area-popup .wrap-area-select .selection-location li a::after{
	content: '>';
    position: absolute;
    right: 0px;
    width: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #515254;
}

.area-popup .wrap-area-select .selection-location li:last-child a::after{
	content: '';
}

.wrap-area-buttons{
	display: none;
}

.wrap-area-list{
	margin-bottom: -4px;
}

.area-popup .selection-location{    
	margin-top: 0px;   
}


.area-popup .step1{
	display: block;
}

.area-popup .step2{
	display: none;
}

.area-popup .step3{
	display: none;
}

/* **************************************** *
 * 시설 - 검색결과 페이지
 * **************************************** */
#sub-page .main-contents .group.fillter{
    display: flex;
    padding: 10px 10px 10px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
	border-radius: 3px 3px 0px 0px;
    background: #efefef;
}

#sub-page .main-contents .group.fillter .wrap-contents{
    width: 90%;
}

#sub-page .main-contents .group.fillter .wrap-buttons{
    text-align: right;
}

#sub-page .main-contents .group.result{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#sub-page .main-contents .group.result.view{
    position: relative;
    display: block;
    width: 100%;
	margin-bottom: 0px;
	border-bottom: 1px solid #ddd;
}

#sub-page .main-contents .group.result.view img{
    width: 100%;
}

#sub-page .main-contents .group.result.view .btn.favorite{
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    bottom: 20px;
    padding: 15px 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #007bff;
    border-radius: 30px;
    background: #007bff;
    color: #fff;
}

.place-result-score{
    padding: 0px;
    border-top: 1px solid #2d6ff8;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9;
    text-align: center;
}

.place-result-score a{
    display: block;
    padding: 20px;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
    color: #6b6a6a;
}

.place-result-score a span.location{
    font-weight: 700;
    color: #333;
}

.place-result-score a span.point{
    color: #ff0000;
}

.place-result-score a i{
    float: right;
}


/* 필터 - 리스트 */
.modal-body.no-pd{
    padding: 0px;
}

.modal-body .title{
    padding: 10px 10px 10px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
}

.modal-body .list-fillter{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.modal-body .list-fillter.first{
    border-top: 1px solid #ddd;
}

.modal-body .list-fillter li{
    position: relative;
    float: left;
    width: 50%;
    padding: 15px;
    text-align: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.modal-body .list-fillter li.last-child{
    border-right: 0px solid #ddd;
}

.modal-body .list-fillter.width25 li{
    width: 33%;
}

.modal-body .list-fillter.width100 li{
    width: 100%;
}

.modal-body .fillter-group{
    padding: 0px 0px 0px;
    margin: 0px 0px 0px;
    background: transparent;
}


/* 필터 - 체크박스 */
.modal-body .list-fillter li label{
    width: 100%;
    height: 100%;
    left: 10px;
    top: 0px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #616161;
}

.modal-body .list-fillter li label .point{
    font-size: 14px;
    color: #2183d0;
}

.modal-body .list-fillter li input[type=checkbox]{
    float: right;
} 

.modal-body .list-fillter li input[type=checkbox]:checked + label {
    color: #2d6ff8;
}


/* 필터 - 버튼 */
.fillter-group.buttons{
    position: fixed;
    display: inline-block;
    bottom: 0px;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #ddd;
    background: #e4e4e4;
}

.fillter-group.buttons .btn{
    float: left;
    width: 50%;
    border-radius: 0px;
}


/* **************************************** *
 * 제휴시설 - 상세페이지
 * **************************************** */

#sub-page.place-page{
    background: #e9ecef;
    overflow: hidden;
}


#sub-page.place-page .container-fluid{
    padding: 0px;
    margin: 0px;
}

#sub-page.place-page .container-fluid .main-contents{
    padding: 0px;
    margin: 0px;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info{
	overflow: hidden;
    position: relative;
    width: 984px;
    margin: 30px auto 80px;
    border-radius: 10px 10px 0px 0px;
    background: #fff;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-title{   
    margin: 45px 0px;
	text-align: center;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-title h3{   
    font-size: 28px;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-title a.btn-copy {
    border: 1px solid #333;
	border-radius: 3px;
    padding: 0px 5px;
    margin-left: 10px;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-title a.btn-copy:hover {
    color: #333;
}


#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head{   
    margin-bottom: 45px;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .half{
    float: left;
    width: 49.5%;
    padding: 10px;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .half.last{
    float: left;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .bx-wrapper .bx-pager {
    position: absolute;
	bottom: -25px;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .bx-wrapper.bx-wrap-place{
	margin: 0 auto;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .bx-wrapper .bx-prev, #sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .bx-wrapper .bx-next{
	background-image: url(/images/icon/icon-controls.png);
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .bx-wrapper .bx-controls-direction a.bx-prev {
	left: -65px;
	background-position: 0px -32px;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .bx-wrapper .bx-controls-direction a.bx-next {
	right: -65px;
	background-position: -44px -32px;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .bx-wrapper .bx-pager a{
	background: #ccc;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .bx-wrapper .bx-pager a.active, #sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .bx-wrapper .bx-pager a:focus, #sub-page.place-page .container-fluid .main-contents .wrap-place-info .wrap-head .bx-wrapper .bx-pager a:hover {
    background: #007aff;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .group.place {
    padding: 20px 35px;
    margin: 0px 0px 18px;
    background: #fff;
    border-bottom: 1px solid #d6d6d6;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .group.place .title-head{
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.5px;
    color: #1b408b;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .group.place .subtitle-head{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.5px;
    color: #000333;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .group.place.first {
    clear: both;
    border-radius: 0px;
}

#sub-page.place-page .container-fluid .main-contents .wrap-place-info .group.place.last {
    margin: 0px 0px 0px;
    background: #fff;
    border-bottom: 0px solid #d6d6d6;
}

/* 제휴시설 - 상세페이지 이미지 */
.place-contents .main-image{
    width: 100%;
    height: 438px;
}

/* 제휴시설 - 상세페이지 - 기본정보 */
#sub-page .main-contents .group .wrap-head{
    text-align: center;
    margin-bottom: 30px;
}

#sub-page .main-contents .group .wrap-head h3{
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-align: center;
}

#sub-page .main-contents .group  .wrap-head .address{
    margin-bottom: 50px;
    font-size: 14px;
    color: #666;
}

#sub-page .main-contents .group  .wrap-head .address a{
    margin-left: 10px;
}


/* 제휴시설 - 상세페이지 - 아이콘 링크 */
.wrap-list-link{
    margin-bottom: 0px;
}

.wrap-list-link .list-icon{
    display: inline-block;
    overflow: hidden;
    width: 100%;
    border-top: 2px solid #007bff;
    border-bottom: 1px solid #e0e6e8;
}

.wrap-list-link .list-icon li{
    position: relative;
    overflow: none;
    float: left;
    width: 25%;
    text-align: center;
}

.wrap-list-link .list-icon li::after{
    position: absolute;
    content: '';
    top: 20px;
    right: 0;
    width: 1px;
    height: 60px;
    background: #e0e6e8;
}

.wrap-list-link .list-icon li:last-child::after{
    content: '';
    display: none;
}

.wrap-list-link .list-icon li a{
    display: inline-block;
    width: 100%;
    padding: 25px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.wrap-list-link .list-icon li a i{
    display: block;
    margin-bottom: 10px;
    font-size: 21px;
    color: #1e65f3;
}

.wrap-list-link .list-icon li a i.color-red{
    color: #ff0011;
}

.wrap-list-link .list-share li{
	float: left;
	width: 20%;
	border-right: 1px solid #e2e2e2;
}

.wrap-list-link .list-share li:last-child{
	border-right: 0px solid #e2e2e2;
}

.wrap-list-link .list-share li a{
	display: inline-block;
	width: 100%;
	padding: 20px 0px;
	text-align: center;
}

.wrap-list-link .list-share li a img{
	margin-bottom: 5px;
}

.wrap-list-link .list-share li a span{
	display: block;
	font-size: 14px;
	font-weight: 400;
}

.wrap-comment{
	padding: 15px;
}

.wrap-comment .head{
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.wrap-comment .head .tit-commt{
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 5px;
}

.wrap-comment .head .info-commt{
	font-size: 14px;
	font-weight: 100;
	color: #666;
}

.wrap-comment .head .info-commt span{
	position: relative;
	display: inline-block;
	padding: 0px 5px 0px 0px;
	margin-right: 5px;
}

.wrap-comment .head .info-commt span::after{
	content: '';
    position: absolute;
    top: 5px;
    right: 0px;
    width: 1px;
    height: 12px;
    background: #878787;
}

.wrap-comment .cont-commt p{
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: 300;
	color: #333;
}

.wrap-comment .cont-commt img{
	width: 100%;
	margin-bottom: 10px;
}



/* 제휴시설 - 상세페이지 - 이미지 그리드 */
#lightgallery {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 10px;
}

#lightgallery a img{
    width: 23.5%;
    margin-right: 3px;
    margin-bottom: 5px;
}

/* 제휴시설 - 상세페이지 - 등급정보 */
.wrap-grade .list-info{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 0px solid #d6d6d6;
}

.wrap-grade .list-info li{
    padding: 12px 15px;
    margin-bottom: 0px;
    border-bottom: 1px solid #e0e6e8;
    background: none;
    font-size: 15px;
}

.wrap-grade .list-info li .title{
    display: inline-block;
    width: 80px;
}

.wrap-grade .list-info li .box-grade{
    /* display: inline-block; */
    margin: 0px;
    margin-right: 10px;
    color: #333;
    line-height: 23px;
    word-break: break-all;
    overflow: hidden;
}

.wrap-grade .list-info li .box-grade .name{
    display: inline-block;
    padding: 0px 5px;
    margin-right: 5px;
    border: 1px solid #1e65f3;
    border-radius: 3px;
    color: #1e65f3;
}

.wrap-grade .list-info li .box-grade .name2{
    display: inline-block;
    padding: 0px 5px;
    margin-right: 5px;
    border: 1px solid #1e65f3;
    border-radius: 3px;
    color: #1e65f3;
}

.box-name{
    display: inline-block;
    padding: 0px 5px;
    margin-right: 5px;
    border: 1px solid #888;
    border-radius: 3px;
    color: #212529;
}


/* 시설 - 리스트 */
.list-info{
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e6e8;
}

.list-info.icon li i{
    display: block;
    margin-bottom: 15px;
}

.list-info.last{
    border: none;
}

.list-info li{
    padding-left: 15px;
    margin-bottom: 5px;
    background: url('/images/icon_dot.png') 0px 9px no-repeat;
    font-size: 15px;
}

.list-info li .title{
    display: inline-block;
    float: left;
    width: 110px;
}

.list-info li .desc{
    display: inline-block;
    width: 80%;
}

/* 시설 - 기타사항 */
.list-info.icon{
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 0px solid #e0e6e8;
}

.list-info.icon li{
    display: inline-block;
    margin-right: 15px;
    text-align: center;
    background: none;
}

.list-info.icon li i{
    margin-bottom: 10px;
    font-size: 35px;
    color: #1e65f3;
}

/* 시설 - 교통 */
.list-info.transport{
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e6e8;
}

.list-info.transport li{
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    background: none;
}

.list-info.transport li .icon{
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.list-info.transport li .desc{
    display: inline-block;
    float: right;
    width: auto;
}

.list-info.transport.bus li .title{
    width: auto;
}

/* 시설 - 평점 */
.wrap-rating .left{
    float: left;
    width: 50%;
    padding: 25px 0px;
    margin-bottom: 20px;
    border-right: 1px solid #e0e6e8;
    text-align: center;
    color: #747474;
}

.wrap-rating .left .star{
    font-size: 21px;
    font-weight: 700;
}

.wrap-rating .left .score{
    font-size: 21px;
    font-weight: 700;
}

.wrap-rating .left .score .result{
    font-size: 21px;
    font-weight: 700;
    color: #1e65f3;
}

.wrap-rating .right{
    float: right;
    width: 50%;
    padding: 10px 0px;
    text-align: center;
    color: #747474;
}

.wrap-rating .right .list-bar{
    display: inline-block;
}

.wrap-rating .right .list-bar li{
    margin-bottom: 5px;
}

.wrap-rating .right .list-bar .score{
    float: left;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
}

.wrap-rating .right .list-bar .bar{
    position: relative;
    display: inline-block;
    width: 200px;
    height: 13px;
    background: #e9ecef;
}

.wrap-rating .right .list-bar .bar .value{
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100px;
    height: 13px;
    background-image: linear-gradient(-90deg, #1e65f3, #6cbfff);
}

.wrap-rating .right .list-bar .bar .count{
    position: absolute;
    display: inline-block;
    right: -30px;
    top: 0px;
    background: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    color: #878787;
    text-align: center;
}

/* 시설 - 리뷰 */
.list-info.review{
    padding-bottom: 5px;
    margin-bottom: 10px;
	border-bottom: 0px;
}

.list-info.review li{
    padding-left: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
    background: none;
}

.list-info.review li a:hover .title{
    text-decoration: underline;
}

.list-info.review li .star{
    padding-left: 0px;
	margin-bottom: 5px;
    background: none;
    color: #747474;
}

.list-info.review li .title{
    width: 100%;
	margin-bottom: 5px;
}

.list-info.review li .user{
	margin-bottom: 0px;
    font-size: 13px;
    color: #878787;
}

.list-info.review li .user .nickname{
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 13px;
    color: #878787;
}

.list-info.review li .user .nickname::after{
    content: '';
    position:absolute;
    top: 5px;
    right: 0px;
    width: 1px;
    height: 12px;
    background: #878787;
}


/* 시설 - 시설정보수정요청 */
.wrap_edit .guide{
    font-size: 17px;
}

.wrap_edit .recent{
    font-size: 13px;
    color: #878787;
}

.wrap_edit .recent .nickname{
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 13px;
    color: #878787;
}

.wrap_edit .recent .nickname::after{
    content: '';
    position:absolute;
    top: 5px;
    right: 0px;
    width: 1px;
    height: 12px;
    background: #878787;
}


/* **************************************** *
 * 제휴시설 - 관심시설
 * **************************************** */
.wrap-cart{
    padding: 40px;
    background: #f5f5f5;
    text-align: center;
}

.wrap-cart p{
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500;
}

.wrap-cart .list-process{
    float: right;
    display: inline-block;
    margin-bottom: 10px;
}

.wrap-cart .list-process li{
    position: relative;
    float: left;
    padding: 10px 20px 10px 10px;
    font-size: 15px;
    line-height: 30px;
    text-align: left;
}

.wrap-cart .list-process li::after{
    content: '';
    position: absolute;
    top: 25px;
    right: 0;
    width: 10px;
    height: 1px;
    background: #007bff;
}

.wrap-cart .list-process li:last-child::after{
    content: '';
    display: none;
}

.wrap-cart .list-process li .nbr{
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 30px;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
}

.wrap-cart .list-process li.active{
    color: #007bff;
}

.wrap-cart .list-process li.active .nbr{
    border: 1px solid #007bff;
    background: #007bff;
    color: #fff;
}


.wrap-cart .list-cart{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 2px solid #333;
}

.wrap-cart .list-cart li{
    padding: 15px 15px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    text-align: left;
}

.wrap-cart .list-cart li .price{
    display: inline-block;
    float: right;
    color: #007bff;
}

.modal-body.auto-height{
    height: auto;
    padding-bottom: 0px;
}


/* 제휴시설 - 관심시설 - 추천등급 */
#sub-page .main-contents .group.push{
    overflow: hidden;
    padding: 20px 20px 20px 20px;
    margin-bottom: 60px;
    border-top: 1px solid #007bff;
    background: #f9f9f9;
    text-align: center;
}

#sub-page .main-contents .group.push h3{
    font-size: 21px;
    color: #666;
}

#sub-page .main-contents .group.push .wrap-rcd {
    min-height: 420px;
    background: url('../images/place/bg_rcd_sports.png')no-repeat;
    background-position: 40px bottom;
}

#sub-page .main-contents .group.push .wrap-rcd .rcd-card{
    float: right;
    width: 55%;
    margin-top: 20px;
    box-shadow: 4px 4px 0px rgba(241, 241, 241, .5);
}

#sub-page .main-contents .group.push .wrap-rcd .rcd-card .head{
    padding: 30px 0px 20px;
    background: #03a9f4 url('../images/place/bg_map.png')no-repeat;
    background-size: cover;
    border-radius: 5px 5px 0px 0px;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #fff;
}

#sub-page .main-contents .group.push .wrap-rcd .rcd-card .head p{
   	color: #fff;
}

#sub-page .main-contents .group.push .wrap-rcd .rcd-card .head .grd{
    font-size: 38px;
    letter-spacing: -.5px;
    line-height: 1;
    margin-bottom: 35px;
	color: #fff;
}

#sub-page .main-contents .group.push .wrap-rcd .rcd-card .head select{
    padding: 7px;
    background: rgba(255, 255, 255, .9);
    color: #3391f5;
    border-radius: 5px;
    border: 1px solid #fff;
}

#sub-page .main-contents .group.push .wrap-rcd .rcd-card .head .grd span{
    font-size: 19px;
    letter-spacing: -.5px;
}

#sub-page .main-contents .group.push .wrap-rcd .rcd-card .info{
    padding: 30px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 15px;
    color: #4674bb;
}

#sub-page .main-contents .group.push .wrap-rcd .rcd-card .info p{
    margin-bottom: 20px;
    color: #333;
}


#sub-page .main-contents .group.push .wrap-rcd.culture{
    background: url('../images/place/bg_rcd_culture.png')no-repeat;
    background-position: right bottom;
}

#sub-page .main-contents .group.push .wrap-rcd.culture .rcd-card{
    float: left;
}

#sub-page .main-contents .group.push .wrap-rcd.culture .rcd-card .head{
    background: #03a9f4 url('../images/place/bg_map_culture.png')no-repeat;
    background-size: cover;
}

/* **************************************** *
 * 제휴시설 - 관심지역
 * **************************************** */

.wrap-location-contents .location-contents{
    overflow-x:hidden;
}

#sub-page .main-contents .group.edit{
    height: 52px;
    padding: 10px;
    margin: 0px;
    border-top: 1px solid #007bff;
    background: #efefef;
}

#sub-page .main-contents .group.edit .wrap-edit{
    text-align: right; 
}

#sub-page .main-contents .group.edit .wrap-edit a{
    font-size: 15px;
    color: #666;
}

#sub-page .main-contents .group.edit .wrap-edit a i{
    font-size: 20px;
}

.group.locations{    
    width: 100%;
    overflow-x: scroll;
    background: #efefef;
    padding: 10px !important;
}

.wrap-location-contents{
    width: 2000px;
    padding: 15px;
    float:left;
}

.location-contents{
    display: flex;
    float: left;
    width: 360px;
    padding: 20px;
    border-radius: 5px;
    background: #007bff;
}

.location-contents.gray{
    border: 1px solid #9e9e9e;
    background-image: linear-gradient(122deg, rgb(158, 158, 158), rgb(115, 115, 115));
    
}

.location-contents .thumbs-round{
    overflow: hidden;
    float: left;
    width: 85px;
    height: 85px;
    margin-right: 15px;
    border-radius: 50%;
    background: #fff;
}

.location-contents .info .title{
    margin-bottom: 2px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.location-contents .info .total{
    font-size: 15px;
    color: #fff;
}


/* **************************************** *
 * 제휴시설 - 관심지역 - 관심지역관리
 * **************************************** */

/* 관심지역 - 추가 */
.add-region-card{
    width: 92%;
    background: #fff;
    border: 1px solid #e6e6e6;
    text-align: center;
    margin: 20px auto;
}

.add-region-card a{
    position: relative;
    display: block;
    padding: 20px;
    font-size: 17px;
    color: #333;
    text-align: left;
}

.add-region-card a i{
    position: absolute;
    display: inline-block;
    top: 25px;
    right: 20px;
    font-size: 21px;
    color: #007bff;
}

.add-region-card .info{
    width: 100%;
    background: green;
}

/* 관심지역 - 카드 */
.wrap-region-card  .list-region-card{
    margin-bottom: 30px;
}

.wrap-region-card .list-region-card .region-card {
    position: relative;
    display: inline-block;
    width: 31%;
    margin: 0px 1% 20px;
    background: rgba(32,194,148,1);
}

.wrap-region-card .list-region-card .region-card .btn-move{
    position: absolute;
    top: 0;
    display: inline-block;
    width: 42px;
    border-right: 1px solid rgba(255,255,255,.5);
}

.wrap-region-card .list-region-card .region-card .btn-move button{
    width: 100%;
    height: 47px;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.5);
    background: transparent;
    color: #fff;
}

.wrap-region-card .list-region-card .region-card .btn-move button:last-child{
    border-bottom: 0px solid rgba(255,255,255,.5);
}

.wrap-region-card .list-region-card .region-card .info{
    display: block;
    padding: 20px 60px;
    text-align: left;
}

.wrap-region-card .list-region-card .region-card .info h3{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: -.5px;
    color: #fff;
    text-align: left;
}

.wrap-region-card .list-region-card .region-card .info p{
    margin-bottom: 0px;   
    font-size: 15px;
    color: #fff;
}

.wrap-region-card .list-region-card .region-card .btn_close{
    position: absolute;
    top: 13px;
    right: 15px;
    display: inline-block;
    width: auto;
    color: #fff;
    font-size: 24px;
}

/* **************************************** *
 * 도입혜택
 * **************************************** */

 #sub-page .introduction{
    padding-bottom:110px;
 }

.introduction h1{
    position: relative;
    margin:40px 0 1.6em;
    padding-left: 4%;
    padding-bottom: 16px;
    color: #1b408b;
    font-size: 30px;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -1.5px;
    border-bottom: 1px solid #a5abb8;
}

.introduction h1 > i{
    position: absolute;
    left: 0;
    top: 11%;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color:#fff;
    background: #1b408b;
    text-align: center;
    font-size: 65%;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
}

.introduction h2{
    font-size: 26px;
    font-weight: 200;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

#introduction4 h2{
    margin-top: 4em;
    font-weight: 300;
    color:#212529;
}

.introduction h4{
    padding:2em 0 1em;
    font-size: 26px;
    color:#464646;
}

.introduction .sale h4{
    padding: 0 0 20px;
    font-size: 18px;
    font-weight: 300;
    color: #1b408b;
}

#introduction2 .txt-cont dd{
    padding-bottom:50px;
}

#introduction3{
    background: #f2f2f2;
}

#introduction3 h1{
    margin-top: 2em;
}

.introduction .content{
    font-size: 18px;
    font-weight: 200;
}

.introduction .sale{
    display: table;
    width: 100%;
    font-size: 0;
    overflow: hidden;
}

.introduction .sale li{
    width: 50%;
    min-height: 540px;
    display: table-cell;
    float: left;
    padding:60px;
    text-align: center;
}

.introduction .sale li:first-child{
    background: #4f8aff;
    color:#fff;
}

.introduction .sale li:last-child{
    background: #fff;
}

.introduction .sale li:first-child > img{
    margin-bottom: 50px;
}

.introduction .sale .tit dt{
    font-size: 25px;
    font-weight: 300;
    color: #4F7DFF;
}

.introduction .sale .tit dt > img{
    margin-bottom: 15px;
}

.introduction .sale .tit dd{
    margin-bottom: 40px;
    font-size: 16px;
    color: #888;
}

.introduction dl.list{
    font-size: 18px;
    color: #212529;
    margin-top: 15px;
}

.introduction .list > dt{
    position: relative;
    padding-left: 10px;
    display: inline;
    font-weight: 400;
}

.introduction .sale .list-wrap {
	text-align: left; 
	padding-left: 70px;
}

.introduction .list > dt:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    display: block;
    top: 50%;
    left: 0;
    background: #888;
}

.introduction .list > dd{
    position: relative;
    padding-left: 10px;
    display: inline;
    font-weight: 200;
    color: #6C6F73;
}
#sub-page #introduction4.introduction .header {
   	text-align: center;
}

/*.introduction .list > dd:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 1px;
    display: block;
    top: 50%;
    left: 0;
    background: #888;
}*/

.introduction .call{
    display: block;
    margin-top: 1.5em;
    font-size: 35px;
    font-weight: 200;
    color:#4f8aff;
    letter-spacing: 0.5px;
}
/* **************************************** *
 * 멤버십
 * **************************************** */
/* 인트로 */
#sub-page .container-intro.mem-intro{
	width: 100%;
	background: url('../images/membership/bg-membership.png')no-repeat;
	background-size: cover;
    background-position: 36% center;
    background-color: #41bdd6;
}

#sub-page .container-intro.mem-intro.sports{
   	width: 100%;
	background: url('/images/membership/bg-membership-sports.png')no-repeat;
	background-size: cover;
    background-position: right;
    background-color: #4073d8;
}
#sub-page .container-intro.mem-intro.culture{
    width: 100%;
	background: url('/images/membership/bg-membership-culture.png')no-repeat;
	background-size: cover;
    background-position: right;
    background-color: #3f9c47;
}

#sub-page .container-intro.mem-intro.senior{
    width: 100%;
	background: url('/images/membership/bg-membership-senior.png')no-repeat;
	background-size: cover;
    background-position: right;
    background-color: #93659E;
}

#sub-page .container-intro.mem-intro #intro .wrap.membership .title-slg{
    color:#fff !important;
}

#sub-page .container-intro.mem-intro #intro .wrap.membership .title-small{
    color:#a4e0eb !important;
}
#sub-page .container-intro.mem-intro.senior #intro .wrap.membership .title-small{
	color:#D5B5DC !important;
}
#sub-page .container-intro.mem-intro.culture #intro .wrap.membership .title-small{
    color:#83bf88 !important;
}
#sub-page .container-intro.mem-intro.sports #intro .wrap.membership .title-small{
    color:#b2c7ef !important;
}

#sub-page .container-intro #intro .wrap.membership .title-list{
    right: 30%;
}
#sub-page .container-intro #intro .wrap.membership .title-list li{
    background: rgba(255, 255, 255, 0.18);
}

#sub-page .inner-contents .wrap-cont{
	padding-top: 130px;
	padding-left: 40px;
}

#sub-page .inner-contents .wrap-cont .txt-cont h3{
	padding-left: 0px;
	margin-bottom: 10px;
	font-size: 42px;
    font-weight: 100;
    line-height: 1.3;
	letter-spacing: -1px;
}

#sub-page .inner-contents .wrap-cont .txt-cont p{
	margin-bottom: 30px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.3;
}

#sec-mem02{ 
	background: #b7e3f5;
}

/* 멤버십 - 시니어 멤버십 */
#sub-page .target-cont {
	line-height: 1.5; 
	border: 1px solid #ddd; 
	border-radius: 8px; 
	padding: 20px; 
	height: 128px; 
}
#sub-page .target-cont .target-cont-sub-text {
	color: #888888; 
	font-size: 16px; 
	height: 45px; 
	font-weight: 200;
}
#sub-page .target-cont .target-cont-text {
	font-size: 22px; 
	height: 45px;
}
#sub-page .target-cont-plus {
	float:left;
}
#sub-page .target-cont-plus__img {
	line-height: 128px; 
	width: 60px; 
	text-align: center;
}
#sub-page .target-cont-OR {
	float:left; 
	z-index:1; 
	position: relative;
}
#sub-page .target-cont-OR__img {
	line-height: 128px; 
	position: absolute; 
	right: -25px;
}

/* 멤버십 - 등급안내 top banner */
#sub-page .faqRanking-banner {
	width: 100%;
	height: 60px;
	border-radius: 5px;
	border: 1px solid #CFDEEF;
	background-color: #E8F3FF;
	margin-bottom: 20px;
}
#sub-page .faqRanking-cont {
	position: relative;
}
#sub-page .faqRanking-cont li{
	display: inline-block;
	color: #6C6F73;
}
#sub-page .faqRanking-cont li:last-child {
	position: absolute;
	color: #4F7DFF;
	right: 30px;
	line-height: 60px;
}

/* 멤버십 - Section04 */
#sec-mem04{ 
	background: #f7f7f7;
}

.wrap-video{
	float: none;
    clear: both;
    width: 100%;
    position: relative;
     padding-bottom: 53.6%;/*이전 30.6%; */
    padding-top: 25px;
    height: 0;
}

.wrap-video iframe{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#sub-page .box-mem-info {
	overflow: hidden;
    padding: 70px 100px;
	margin-top: 30px;
	border-radius: 5px;
	border: 1px solid #efefef;
	background: #f7f7f7;
}

#sub-page .box-mem-info .txt-cont{
    display: inline-block;
	float: left;
	width: 50%;
}

#sub-page .box-mem-info .pic-cont{
    display: inline-block;
	width: 50%;
}

#sub-page .box-mem-info .pic-cont img{
    width: 100%;
}

#sub-page .box-mem-info .txt-cont .title{
	margin-bottom: 30px;
    font-size: 26px;
    font-weight: 500;
	letter-spacing: -.5px;
    color: #000;
}

/* 멤버십 - Section06 */
#sec-mem06{ 
	background: #fff;
}

.list-tabBtn{
	display: block;
    width: 500px;
	margin: 0 auto;    
}

.list-tabBtn li{
	float: left;
}

.list-tabBtn li a{
	display: block;
	padding: 15px 15px;
	margin-right: -1px;
	border: 1px solid #ddd;
    text-align: center;
    font-size: 17px;
    color:#6c6f73;
}

.list-tabBtn li a:focus, .list-tabBtn li a:hover{
	position: relative;
	border: 1px solid #4f7dff;
	color: #4f7dff;
	z-index: 1;
}

.list-tabBtn.width100{
	display: block;
    width: 99.9%;
	margin: 0 auto;
}

.list-tabBtn.width100 li{
	display: block;
    width: 16.666%;
	margin: 0 auto -1px;    
}

.list-tabBtn.width100 li a{
	padding: 15px 0px;
}

.list-tabBtn.grid4{
    width:100%;
    display: block;
    font-size: 0;
    overflow: hidden;
    border: 1px solid #DEDEDE;
}

.list-tabBtn.grid4 li{
    width:25%;
    font-size: 16px;
    border:0;
}


/* 링크박스 */
.list-tabBtn li a.active{
	position: relative;
    border: 1px solid #4f7dff;
    color:#4f7dff;
    font-weight: 600;
    z-index: 1;
    box-shadow: inset 0 0 0px 1px #4f7dff;
    -moz-box-shadow: inset 0 0 0px 1px #4f7dff;
   -webkit-box-shadow: inset 0 0 0px 1px #4f7dff;
}

.list-boxLink li{
	position: relative;
	float: left;
	width: 24%;
	margin: 0% .5% 1%;
}


.list-boxLink li a.item-boxLink{
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 30px 60px;
	border-radius: 3px;
	background: #888;
	font-size: 18px;
    text-align: left;
	color: #fff;
}

.list-boxLink li a.item-boxLink.blue{
	background: #4aa3ea;
}

.list-boxLink li .bg-icon{
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 46px;
	color: rgba(255,255,255,.3);
}

/* 이용안내 */
.panel-body .member-qna-content{
    padding:0 6%;
	margin-bottom: 0px;
    color: #6c6f73;
    font-size: 18px;
    font-weight: 200;
}

.panel-body .member-qna-content .txt-right{
    margin-top: 15px;
}


.member-qna-content .system{
    position: relative;
    margin: 40px auto 30px;
    display: table;
    padding-left: 10%;
    padding-bottom:10px;
    overflow: hidden;
    border-bottom: 1px solid #bebebe;
}

.member-qna-content .system:after {
    content: '승인 순서';
    position: absolute;
    bottom: 10px;
    left: 0;
    font-weight: 500;
}

.system dl{
    display: table;
    float: left;
    margin-left: 20px;
}

.system dt, .system dd{ 
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0;
}

.system dt{
    padding-right: 10px;
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
    color:#BEBEBE;
}

.panel-body .member-qna-content i{
    color:#212529;
    font-weight: 300;
    font-style: normal;
}

.panel-body .member-qna-content > strong, .panel-body .caption > strong{
    color:#4F7DFF;
}

.member-qna-content .list{
    font-size: 0;
    margin-left: -20px;
    margin-bottom: 30px;
}

.member-qna-content .list.bottom{
    margin-top: 30px;
}

.member-qna-content .list.bottom li::after{
    content: '/';
    position: absolute;
    right: -13px;
    top: 40%;
    color: #DEDEDE;
    font-size: 20px;
    font-weight: 600;
}
.member-qna-content .list.bottom li:last-child::after{
    display: none;
}

.member-qna-content .list li{
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.member-qna-content .col-2 li{
    width: 50%;
}

.member-qna-content .col-3 li{
    /*width: 33.3333%;*/
    width : 25%;
}

.member-qna-content .col-6 li{
    width: 16.666666%;
}

.member-qna-content .list li h2{
    margin: 15px 0;
    font-size: 24px;
    font-weight: 200;
}

.member-qna-content .list li > div{
    padding:20px;
    text-align: center;
    background: #fff;
}

.member-qna-content .list li > div p{
    margin-bottom: 0;
    padding-bottom:0;
    color:#888;
}

.member-qna-content .list .rating-guide{
    color:#888;
    font-size: 18px;
    font-weight: 200;
}
.member-qna-content .list .rating-guide strong{
    display: block;
}

.member-qna-content .caution{
    position: relative;
    padding:15px;
    background: #fff;
}

.member-qna-content .caution::before{
    content: '주의';
    position: absolute;
    top: 15px;
    left: 15px;
    color: #FF3B30;
    font-size: 15px;
    font-weight: 400;
}

.member-qna-content .caution ul{
    padding:30px;
    font-size: 0;
}

.member-qna-content .caution ul li{
    display: inline-block;
    width: 50%;
    text-align: center;
}

.member-qna-content .caution ul li:first-child{
    border-right: 1px solid #BEBEBE;
}

.member-qna-content .caution .caption{
    position: relative;
    padding-left: 50px;
}

.member-qna-content .caution .caption::before{
    content: '';
    position: absolute;
    top: 3px;
    left: 20px;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/icon_exclamation.gif);
    background-repeat: no-repeat;
    background-size: 20px;
}

/* 등급안내 */
.cont-memranking .sec-title{
    padding:20px 0; 
}

.cont-memranking .sec-title h2{
    display: inline-block;
    font-size: 32px;
    font-weight: 200;
}
.cont-memranking .sec-title span{
    position: relative;
    display: inline-block;
    margin: 15px 0;
    padding-left: 30px;
    float: right;
    font-size: 17px;
    font-weight: 200;
    letter-spacing: -1px;
    color:#888;
}

.cont-memranking .sec-title span::before{
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/icon_exclamation.gif);
    background-repeat: no-repeat;
    background-size: 20px;
}

.cont-memranking .box-info.grade{    
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    border: 1px solid #bebebe;
    border-radius: 10px;
    background: #fff;
}

.cont-memranking .box-info > li {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ddd;
}

.cont-memranking .box-info > li:first-child{
    border-top: 0;
}

.cont-memranking .wrap-gradeInfo .wrap {
    padding: 35px 35px;
}
.cont-memranking .list-grade {
    display: table;
    width: 100%;
}

.cont-memranking .list-grade > li {
    display: table-cell;
    width: 48%;
    vertical-align: middle;
    color:#888;
}
.cont-memranking .culture .list-grade_2 > li {
    display: table-cell;
    width: 28%;
    vertical-align: middle;
    color:#888;
    float: left;
    text-align: center;
    line-height: 38px;
}
.cont-memranking .culture .list-grade_2 > li:first-child{
	text-align: left;
}
.cont-memranking .culture .list-grade_2 > li:last-child{
	width: 15%;
	float: right;
	text-align: right;
}
.cont-memranking .list-grade > li:last-child{
    width: 4%;
    text-align: right;
}
.cont-memranking .culture .list-grade_2 > li.subtext_addition_01 {
	margin-top: 3px;
}
.cont-memranking .culture .list-grade_2 > li.subtext_addition_02 {
	font-size: 18px;
	color: #212529;
	font-weight: 400;
	margin-top: 3px;
}
.cont-memranking .culture .list-grade_2 > li.subtext_addition_02 span {
	color: #1f66f5;
}
.cont-memranking .culture .list-grade_2 > li.subtext_addition_03 {
	font-size: 15px;
	color: #212529;
	font-weight: 400;
}
.cont-memranking .culture .list-grade_2 > li.subtext_addition_03 span {
	font-size: 22px;
}
.cont-memranking .appointed > li {
    width: 80%;
}
.cont-memranking .appointed > li .list-infoment{
    width: 70%;  
    float: left;
}

.cont-memranking .appointed > li .list-infoment .name{
    text-align: left;
}

.cont-memranking .appointed > li .list-price{
    width: 30%;
    padding-top: 15px;
    text-align: right;
}

.cont-memranking .appointed > li:last-child {
    width: 20%;
}

.cont-memranking .list-grade > li > ul {
    display: table;
    width:100%;
}

.cont-memranking .list-grade > li > ul li{
    display: table-cell;
    color:#888;
}

.cont-memranking .list-grade > li > ul li.day{
    font-size: 18px;
}

.cont-memranking .list-grade li.name {
    width: 35%;
    font-size: 26px;
    letter-spacing: -.5px;
    color: #1E65F3;
}

.cont-memranking .list-grade li.name i {
    display: block;
    font-size: 18px;
    font-style: normal;
    color:#888;
}

.cont-memranking .list-grade li.name strong{
    font-weight: 700;
}

.cont-memranking .appointed li.name strong{
    font-weight:500;
}

.list-grade li.day,.list-grade li.cost,.list-grade li.sale,.list-grade li.total{
    width: 15%;
}

.cont-memranking .list-grade li.day strong{
    color: #8DB3FF;
}

.cont-memranking .list-grade li.cost{
    color: #BEBEBE;
    text-decoration: line-through;
}

.cont-memranking .list-grade li.sale{
    color: #ff8a30;
}

.cont-memranking .list-grade li.total{
    color: #212529;
}

.cont-memranking .list-grade li.total strong{
    font-size: 22px;
}

.cont-memranking .wrap-gradeInfo .wrap.desc {
    padding: 7px 30px;
    margin-bottom: 0px;
    background: #f5f5f5;
}

.cont-memranking .wrap-gradeInfo .wrap.desc ul li {
    text-align: right;
    margin-right: 15px;
    color: #6C6F73;
    font-size: 18px;
}

.cont-memranking  .wrap-gradeInfo .wrap.desc ul li::after{
    display: none;
}

.cont-memranking .wrap-gradeInfo .wrap.desc ul li .point {
    font-weight: 500;
}

.box-info.grade.culture .wrap-gradeInfo img{
    margin: 0 auto;
}

.cont-memranking .culture p.class_name{
	color: #fff;
	font-size: 30px !important;
	padding: 50px 0 0 30px;
	margin-bottom: 0;
}


.cont-memranking .culture li{
	color: #fff;
	font-size: 30px;
}
.cont-memranking .culture .list-table li .txt-center {
	color: #000;
}

.cont-memranking .culture .list-grade li.name{
    color:#333;
    margin-bottom: 10px;
}

.cont-memranking .culture .list-grade > li:last-child{
    width: 20%;
}

/* 이용안내 */
.panel-body .member-qna-content{
    padding:0 6%;
	margin-bottom: 0px;
    color: #6c6f73;
    font-size: 18px;
    font-weight: 200;
}

.panel-body .member-qna-content .txt-right{
    margin-top: 15px;
}

.member-qna-content .caption{
    margin-top: 20px;
}

.member-qna-content .system{
    position: relative;
    margin: 40px auto 30px;
    display: table;
    padding-left: 10%;
    padding-bottom:10px;
    overflow: hidden;
    border-bottom: 1px solid #bebebe;
}

.member-qna-content .system:after {
    content: '승인 순서';
    position: absolute;
    bottom: 10px;
    left: 0;
    font-weight: 500;
}

.system dl{
    display: table;
    float: left;
    margin-left: 20px;
}

.system dt, .system dd{ 
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0;
}

.system dt{
    padding-right: 10px;
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
    color:#BEBEBE;
}

.panel-body .member-qna-content i{
    color:#212529;
    font-weight: 300;
    font-style: normal;
}

.panel-body .member-qna-content > strong, .panel-body .caption > strong{
    color:#4F7DFF;
}

.member-qna-content .list{
    font-size: 0;
    margin-left: -20px;
    margin-bottom: 30px;
}

.member-qna-content .list.bottom{
    margin-top: 30px;
}

.member-qna-content .list.bottom li::after{
    content: '/';
    position: absolute;
    right: -13px;
    top: 40%;
    color: #DEDEDE;
    font-size: 20px;
    font-weight: 600;
}
.member-qna-content .list.bottom li:last-child::after{
    display: none;
}

.member-qna-content .list li{
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.member-qna-content .col-2 li{
    width: 50%;
}

.member-qna-content .col-3 li{
    /*width: 33.3333%;*/
    width: 25%;
}

.member-qna-content .col-6 li{
    width: 16.666666%;
}

.member-qna-content .list li h2{
    margin: 15px 0;
    font-size: 24px;
    font-weight: 200;
}

.member-qna-content .list li > div{
    padding:20px;
    text-align: center;
    background: #fff;
}

.member-qna-content .list li > div p{
    margin-bottom: 0;
    padding-bottom:0;
    color:#888;
}

.member-qna-content .list .rating-guide{
    color:#888;
    font-size: 18px;
    font-weight: 200;
}
.member-qna-content .list .rating-guide strong{
    display: block;
}

.member-qna-content .caution{
    position: relative;
    padding:15px;
    background: #fff;
}

.member-qna-content .caution::before{
    content: '주의';
    position: absolute;
    top: 15px;
    left: 15px;
    color: #FF3B30;
    font-size: 15px;
    font-weight: 400;
}

.member-qna-content .caution ul{
    padding:30px;
    font-size: 0;
}

.member-qna-content .caution ul li{
    display: inline-block;
    width: 50%;
    text-align: center;
}

.member-qna-content .caution ul li:first-child{
    border-right: 1px solid #BEBEBE;
}

.member-qna-content .caution .caption{
    position: relative;
    padding-left: 50px;
}

.member-qna-content .caution .caption::before{
    content: '';
    position: absolute;
    top: 3px;
    left: 20px;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon/icon_exclamation.gif);
    background-repeat: no-repeat;
    background-size: 20px;
}
.cont-linebox.join .content li > div > dl {
	min-height: 40px;
    height: 65px;
}


/* **************************************** *
 * 가입안내
 * **************************************** */
/* 인트로 */
#sub-page .container-intro.guide-intro {
    background: #e3ecf8 url(../images/guide/bg-intro.png) 0 0 no-repeat;
    background-color: #5fc5ec;
    background-position: top right;
}

#sub-page .container-intro.guide-intro #intro .wrap .title-list{
    right: 10%;
}
#sub-page .container-intro.guide-intro #intro .wrap .title-list li{
    background: rgba(141,223,255,0.6); 
}

#sub-page .container-intro{
	width: 100%;
	background: #ddd url('../images/guide/bg-intro.jpg')no-repeat;
	background-size: cover;
	background-position: 61% center;
}

#sub-page .container-intro #intro{
	width: 1140px;
	padding: 40px 0px;
	margin: 0px auto;	
}

#sub-page .container-intro #intro .wrap{
	text-align: center;
}


#sub-page .container-intro #intro .modal-body .wrap{
	text-align: left;
}

#sub-page .container-intro #intro .modal-body .wrap h3{
	padding-left: 0px;
	margin-bottom: 17px;
    font-size: 21px;
    letter-spacing: -1px;
}

#sub-page .container-intro #intro .modal-body .wrap .wrap-memtit{
	padding-left: 100px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

#sub-page .container-intro #intro .modal-body .wrap .wrap-memtit img{
	position: absolute;
	left: 30px;
}

#sub-page .container-intro #intro .modal-body .wrap .wrap-memtit h3{
	padding-left: 0px;
	margin-bottom: 7px;
    font-size: 26px;
    letter-spacing: -1px;
}

#sub-page .container-intro #intro .modal-body .wrap .wrap-memtit p{
	padding-left: 0px;
	margin-bottom: 0px;
    font-size: 18px;
    letter-spacing: 0px;
	color: #333
}

#sub-page .visual-header #intro .wrap{
    text-align: left;
}
#sub-page .visual-header.guide-intro #intro .wrap .title-small {
	color: #a5e6ff !important;
}
#sub-page .visual-header.guide-intro #intro .wrap .title-slg {
	color: #fff !important;
}
#sub-page .container-fluid.guide-bg {
	background-color: #f7f7f7;
}
#sub-page .guide-title h1 {
	font-size: 26px !important;
}



/* 가입안내 - 앱 안내 */
#sub-page .app-title {
	border-bottom: 1px solid #DEDEDE;
}
#sub-page .app-title h1 {
	font-size: 22px !important;
	padding-left: 0 !important;
	padding-bottom: 20px;
	
}
#sub-page .appinfo {
	text-align: center;
}
#sub-page .appinfo h4 {
	line-height: 1.5em;
	margin: 40px 0 30px;
}
#sub-page .appinfo .button {
	margin-bottom: 18px;
}

#sub-page .appinfo .button a {
	background-color: #fff;
	border: 1px solid #80A9FF;
}
#sub-page .appinfo .button:nth-child(3) a {
	padding-right: 37px;
}

#sub-page .appinfo .button img {
	vertical-align: top;
}
#sub-page .appinfo .button a span {
	padding-left: 20px;
	color: #212529;
	line-height: 1.5em;
	display: inline-block;
	text-align: left;
}

/* 가입안내 새타일 - 200508*/
#sub-page .content.guide-box {
	padding: 20px;
}
#sub-page .content.guide-box div{
	padding: 0;
}

/* 가입안내 새타일 */

.helpbox{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    vertical-align: middle;
    background-image: url(../images/icon/icon-help-gray.gif);
    background-repeat: no-repeat;
    background-size: cover;
}

.helpbox.blue{ 
    background-image: url(../images/icon/icon-help-blue.gif);
}

.helpbox.black{ 
    background-image: url(../images/icon/icon-help-black.gif);
}

.join.cont-linebox .title h1 {
    padding-left: 30px;
    position: relative;
}

.join.cont-linebox .title h1 i{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 110%;
    font-weight: 500;
    color: #8DB3FF;
    font-style: normal;
}

.cont-linebox.join .content li{
    position: relative;
}


.cont-linebox.join .content{
    border: 0px solid #E5E5E5;
    background-color: #fff;
}

.cont-linebox.join .content .content-01{
	border-right: 2px solid #D2E0FF;
}
.cont-linebox.join .content li > div{ 
    border: 0;
    border-right: 1px solid #E5E5E5;
}
.cont-linebox.join .content li:last-child > div{ 
    border-right: 0;
}

.cont-linebox.join .content li::after{
    content: "";
    position: absolute;
    top: 45%;
    right: -19px;
    margin-left: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #E5E5E5;
}

.cont-linebox.join .content li:last-child::after{
    display: none;
}

.cont-linebox.join .content:nth-child(2) li:nth-child(4)::after{
    display: none;
}

.cont-linebox.join .content li div img{
    margin:20px 0 30px;
}

.cont-linebox.join .content li dt{
    position: relative;
    font-size: 18px;
    font-weight: 300;
    color: #212529;
}

.cont-linebox.join .content li dt strong{
    color:#ff8a30;
    font-weight: 400;
}

.cont-linebox.join .content li dd,.cont-linebox.join .content li div > a{
    margin-top: 10px;
}

.cont-linebox.join .content li dd{
    font-size: 16px;
}

.join .questions-guide li:first-child{
 	/* background: #ebf5ff; */   
    /* background-image: url(/images/guide/questions-bg-01.png); */
    background-repeat: no-repeat;
    background-position: bottom right 5px;
}
.join .questions-guide,.join .questions-guide li{
    /* border-color: #fff; */
}

.join .questions-guide li{
    /* border-left:4px solid #fff; */
}

.list-app{
    padding: 10px 0;
    font-size: 0;
    overflow: hidden;
    text-align: center;
}

.list-app li{
    display: inline-block;
    width: 50%;
}


/* 새로 수정된 스타일 */
#sub-page .visual-header #intro {
    padding:90px 0;
}

#sub-page .visual-header #intro .wrap .title-small {
    margin-bottom: 5px !important; 
    padding: 0 0!important; 
    border: 0 !important; 
    color: #888888 !important; 
}

#sub-page .visual-header #intro .wrap .title-slg{
    margin-bottom: 0 !important; 
    color: #212529 !important;
    font-weight: 200 !important;
}

#sub-page .container-intro #intro .wrap .title-slg{
	margin-bottom: 30px;
	font-size: 26px;
	font-weight: 300;
	line-height: 1.3;
	color: #fff;
}

#sub-page .container-intro #intro .wrap .title-small{
	display: inline-block;
	padding: 5px 15px;
	margin-bottom: 15px;
	border: 1px solid #fff;
	border-radius: 30px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.3;
	color: #fff;
}

#sub-page .container-intro #intro .box-icon{
	margin-bottom: 0px;	
	border-right: 1px solid rgba(255, 255, 255, .3);
	text-align: center;
}

#sub-page .container-intro #intro .box-icon.last{
	margin-bottom: 0px;	
	border-right: 0px solid rgba(255, 255, 255, .3);
	text-align: center;
}

#sub-page .container-intro #intro .box-icon img{
	margin-bottom: 10px;
}

#sub-page .container-intro #intro .box-icon span{
	display: block;
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
	color: #fff;
}

/* 무료 회원가입 */
#sub-page section#reg, #sub-page section#reg2, #sub-page section#reg3, #sub-page section#reg4 , #sub-page section#reg-ad{
	overflow: hidden;
    padding: 40px 0px 40px;
    margin: 0px 0px 0px;
}

#reg3{	
	background: #fff;
	border-bottom: 1px solid #ececec;
}

#reg2{
	background: #f7f7f7;
}

#reg4{	
	min-height: 320px;
	background: url('../images/guide/bg-intro2.jpg')no-repeat;
	background-position: center center;
}

#reg-ad{
	min-height: 320px;
	background: url('../images/guide/bg-intro3.jpg')no-repeat;
	background-position: center center;
}

#sub-page section .row.inner-contents{	
	width: 1140px;
	padding: 20px 15px;
	margin: 0 auto;
}
#sub-page section .row.inner-contents-2{	
	padding: 5px 0px;
	margin: 0 auto;
}
#sub-page section .row.inner-contents.txt-center h3{	
	margin-bottom: 35px;
	font-weight: 500;
}

#sub-page section .row.inner-contents .title-step{	
	margin-bottom: 60px;
	font-size: 36px;
	font-weight: 300;
	letter-spacing: -2px;
	text-align: center;
}

#sub-page .process .step{
	float: left;
	position: relative;
	width: 33.3%;
	min-height: 130px;
	padding: 0px;
	margin-bottom: 30px;
    background-repeat: repeat-x;
    background-position: 50% 40px;
	text-align: center;
}

#sub-page .process .step::afet{
	float: left;
	position: relative;
	width: 33.3%;
	min-height: 130px;
	padding: 0px;
    background-repeat: repeat-x;
    background-position: 50% 40px;
	text-align: center;
}

#sub-page .process.wd20 .step{
	width: 20%;
}

#sub-page .process.wd25 .step{
	width: 25%;
}

#sub-page .process .step:last-child{
	background: none;
	min-height: 1px
}

#sub-page .process .step .num-step{
	display: inline-block;
	width: 100px;
	height: 100px;
	top: 0px;
	padding-top: 21px;
	border: 1px solid #ddd;
	border-radius: 80px;
	background: #e8e8e8;
	font-size: 35px;
	text-align: center;
	box-shadow: 0 0.5rem 2rem rgb(228, 228, 228, .5);
	color: #666;
}

#sub-page .process .step:last-child .num-step{
	border: 0px solid #666;
	background: #949494;
	color: #fff;
}

#sub-page .process .step .num-step::before{
	content: '';
	position: absolute;
	top: 35px;
	right: 0px;
	width: 0px;
    height: 0px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #e0e0e0;
    background: transparent;
	z-index: 1;
}

#sub-page .process .step:last-child .num-step::before{
	display: none;
}

#sub-page .process .step .num-step::after{
	content: '';
	position: absolute;
	width: 90%;
    height: 1px;
    background: #e0e0e0;
    top: 50px;
}

#sub-page .process .step:last-child .num-step::after{
	display: none;
}

#sub-page .process .step .desc-step{	
	text-align: center;
}

#sub-page .process .step .desc-step p{
	margin-top: 15px;
	font-size: 19px;
	letter-spacing: -.5px;
	text-align: center;
	color: #333;
    position:relative;
    z-index:5;
}

#sub-page .process.wd33 .step{
	width: 33%;
}

#sub-page .process.wd25 .step{
	width: 25%;
}

#sub-page .content-box{
	padding: 0px;
}


/* **************************************** *
 * 사이트맵
 * **************************************** */
#sub-page section.sec-smap{
	padding-top: 0px;
	margin-top: 0px;
}

#sub-page .row-smap{
	padding-bottom: 0px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ececec;
}

#sub-page .row-smap:first-child{
	padding-top: 25px;
	border-top: 1px solid #999;
}

#sub-page .row-smap .wrap-smap{
	float: left;
	width: 25%;
}

#sub-page .row-smap .wrap-smap:last-child{
	float: left;
	width: 75%;
}

#sub-page .smap-sub-title h3{
	padding-left: 5px;
	padding-bottom: 10px;
	margin-bottom: 13px;
	font-size: 20px;
	font-weight: 500;
	color: #333;
}

#sub-page .smap-sub-menu{
	margin-bottom: 25px;
}

#sub-page .smap-sub-menu .title{
	display: inline-block;
	padding-left: 0px;
	margin-bottom: 10px;
    font-size: 15px;    
    font-weight: 400;
	color: #000;
}

#sub-page .smap-sub-menu ul li{	
	padding-left: 0px;
}

#sub-page .smap-sub-menu ul li::after{	
	display: none;
}

#sub-page .smap-sub-menu ul li a{	
    font-size: 14px;    
	color: #737373;
}


/* **************************************** *
 * 개인정보취급방침
 * **************************************** */

.utilarea{
	float: right;
}

.utilarea div{
	float: left;
}

.utilarea div select{
	margin-right: 10px;
}

#agreement{
	clear: both;
	padding: 25px 15px;
}

#agreement h3{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.5px;
    color: #333;
}

#agreement dt{
    margin-bottom: 25px;
}

#agreement dt ul li{
    margin-bottom: 0px;
    font-size: 14px;
	line-height: 24px;
    font-weight: 300;   
    color: #666;
}

#agreement dd ul span.tit{
	display: block;
    margin-bottom: 5px;
    font-size: 16px;
	line-height: 24px;
    font-weight: 300;   
    color: #000;
}

#agreement dd > ul{
    display: block;
	margin-bottom: 20px;
}

#agreement dd ul li{
    margin-bottom: 0px;
    font-size: 14px;
	line-height: 24px;
    font-weight: 300;   
    color: #666;
}

#agreement dd ul li.stit{
    color: #333;
}

#agreement dd ul li ul{
	display: block;
    padding-left: 0px;
}

#agreement dd ul li ul span.tit{
	display: block;
    margin-bottom: 0px;
    font-size: 14px;
	line-height: 24px;
    font-weight: 400;   
    color: #666;
}

#agreement dt.termSbj{
    margin-bottom: 5px;
	font-size: 18px;
}

.wrap-terms{
	clear: both;
	overflow: hidden;
	display: inline-block;
	width: 100%;
	border-top: 1px solid #ccc;
	background: #f7f7f7;
	padding: 20px;
	margin-top: 10px;
	
}

.list-terms li{
	margin-bottom: 5px;
}

.list-terms li a{
	font-size: 13px;
	color: #666;
}

.list-terms li a:hover{
	color: #333;
}

.termStart{
	font-size: 17px;
	font-weight: 300;
}


/* **************************************** *
 * 회비지원사 / 가입대상회사 
 * **************************************** */
 	/* 메뉴 */
 #menu-2depth-2{
    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;
}

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

#menu-2depth-2 .wrap-menu{
    width: 100%;
}

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

#menu-2depth-2 .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;
}

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

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

#menu-2depth-2 .wrap-menu ul li a.active {
    border-bottom: 0px solid #333;
    background: transparent;
    color: #1f66f5;
}

#menu-2depth-2 .wrap-menu ul li a.active::before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background: #1e65f3;
}
 
 	/* 배경컨텐츠 */
.row.bg-cont > div{
    background-repeat: no-repeat;
    background-position: bottom right;
}

.row.bg-cont.partner > div{
    background-image: url(../images/etc/partner-img01.png);
    background-size: 25%;
    background-position-y: 10px;
}

.row.bg-cont.support > div{
    background-image: url(../images/etc/support-img01.png);
    background-size: 25%;
    background-position-y: 50px;
}
 
#sub-page .container-intro.partner-intro {
    background: #daeaf7;
    background-image: url(../images/etc/bg-intro-partner.png);
    background-position: right;
}
.type-case{
    margin-left: -20px;
    font-size: 0;
    overflow: hidden;
}

.type-case > li{
    width: 50%;
    display: inline-block;
    margin-top: 20px;
    padding-left: 20px;
    font-size: 18px;
}

.type-case > li > div{
    position: relative;
    padding:20px;
    background: #f7f7f7;
}

.type-case > li > div > span{
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 20px;
    color:#4F7DFF;
    background: #D2E0FF;
    text-align: center;
    font-weight: 500;
    border-radius: 0 0 50px 0;
    line-height: 1.2;
}

.type-case > li > div > span > strong{
    display: block;
    font-size: 180%;
    font-weight: 500;
}

.type-case .body{
    margin: 20px auto;
}

.type-case .body dt{
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
}

.type-case .body dt h2{
    font-size: 140%;
    color:#888;
}

.type-case .body .contents th{
    width: 20%;
    display: inline-block;
    padding: 8px 0;
    color:#1a4aab;
    font-weight: 400;
    vertical-align: top;
}

.type-case .body .contents td{
    width: 80%;
    display: inline-block;
    padding: 8px 0;
    color:#888;
    vertical-align: top;
}

.type-case .body .contents ul{
    padding: 5px 0;
    overflow: hidden;
    font-size: 0;
    border-bottom: 1px dotted #BEBEBE;
}

.type-case .body .contents ul li{
    width: 50%;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
}

.type-case .body .contents ul li.point{
    color:#ff8a30;
}

.interview{
    overflow: hidden;
    font-size: 0;
}

.interview > li{
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid #DEDEDE;
}

.interview .paragraph{
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
}

.interview .paragraph li{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.interview .paragraph li.img{
    text-align: center;
}

.interview .paragraph.left li:last-child{
    display: none;
}

.interview .paragraph li.img  > span{
    display: block;
    margin-top:10px;
    font-size: 18px;
    color:#888;
}

.interview .paragraph .txtbox dt{
    position: relative;
    padding-top: 65px;
    font-size: 24px;
    font-weight: 200;
}

.interview .paragraph .txtbox dt::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 42px;
    background: url(../images/company/history-title.png);
    background-size: 64px;
    background-repeat: no-repeat;
}

.interview .paragraph .txtbox dd{
    margin-top: 25px;
    font-size: 18px;
    font-weight: 300;
    color:#6c6f73;
    line-height: 1.6;
}
/* 가입대상회사 */
input.find-bar {
	float: left;
    width: 80%;
	height: 38px;
	padding: 0px 5px;
	border-radius: 3px 0px 0px 3px;
}

input.find-bar::placeholder {
	padding: 0px 5px;
}

#CP_SEARCH{
	width: 19%;
	height: 38px;
	border-radius: 0px 3px 3px 0px;
}

#contact img{
	margin: 0 auto;
}
.modal.partner:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: 0.2;
}
.modal-content {
    border: 0px solid #fff;
}
.partner .modal-header {
    background: #f5f5f5;
    border-bottom: 2px solid #e5e5e5;
}
.partner .modal-header .close {
    color: #777;
}
.partner .modal-title {
    color: #6C6F73;
    text-align: left;
    font-weight: 500;
}
.modal.partner .box-info .row-inner p{
    margin-bottom: 30px;
}

.modal.partner .box-info .row-inner p strong, .modal.partner .box-info .row-inner p i{
    font-weight: 500;
    font-style: normal;
}
.modal.partner .box-info .row-inner p i{
    color:#4F7DFF;
}

.modal.partner .box-info .row-inner ul{
    font-size: 0;
    margin-left: -30px;
}

.modal.partner .box-info .row-inner ul li{
    display: inline-block;
    width: 33.333333%;
    padding-left: 10px;
    text-align: center;
}
.modal.partner .box-info .row-inner ul li a{
    display: block;
    width: 100%;
    height: 100%;
    padding:6em 0 1em 0;
    font-size: 17px;
    background: #fff;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 26px;
}
.modal.partner .box-info .row-inner ul li:first-child a{
    background-image: url(../images/etc/partner-icon-more.jpg);
}
.modal.partner .box-info .row-inner ul li:nth-child(2) a{
    background-image: url(../images/etc/partner-icon-join.jpg);
}
.modal.partner .box-info .row-inner ul li:last-child a{
    background-image: url(../images/etc/partner-icon-site.jpg);
}
.modal.partner .box-info .row-inner ul li a:hover{color:#212529;}
.modal.partner .box-info .row-inner ul li button{
    display: block;
    margin: 0 auto;
    margin-top:5px;
}

/* **************************************** *
 * 고객센터
 * **************************************** */
#sub-page .container-intro.customer-intro {
    background: #ddd url(../images/customer/bg-intro.jpg)no-repeat;
    background-size: cover;
	background-position: 40%;
}

.areaTop{
    padding: 0 20px 12px 20px;
}

.areaTop p{
	margin-bottom: 0px;
    color: #6c6f73;
    text-align: right;
}

.areaTop p .point{
	margin-bottom: 0px;
	color: #1f66f5;
}

/* 자주묻는 질문 */
.bx-faq .wrap.board{
	padding: 0px 0px;
}
.bx-sbd .row-inner.gray.search{
    margin-bottom:30px;
    padding: 0 0;
}
.bx-sbd .row-inner.gray.search .find-bar,.bx-sbd .row-inner.gray.search button,.bx-sbd .row-inner.gray.search select{
    height: 55px;
    padding:0 10px;
    font-size: 18px;
}
.bx-sbd .row-inner.gray.search .find-bar{
    width: 78%;
    background: #f7f7f7;
    border: 1px solid #bebebe;
}
.bx-sbd .row-inner.gray.search button{
    width: 12%;
    background: #bebebe;
    border:1px solid #888;
}
.bx-sbd .row-inner.gray.search select{
    color:#212529;
    border: 1px solid #888;
}

/* 자주묻는 질문- 페이지 탭버튼 */
.page-tabBtn.grid4 {
    width: 100%;
    display: block;
    font-size: 0;
    overflow: hidden;
    border: 1px solid #DEDEDE;
}
.page-tabBtn.grid4 li {
    width: 25%;
    float: left;
    font-size: 16px;
    border: 0;
}
.page-tabBtn.fap li a.active {
    background: #DEEFFF;
    color: #4F7DFF;
    box-shadow: none;
    font-weight: 500;
}
.page-tabBtn.fap li a {
    position: relative;
    border: 0;
    display: block;
    padding: 15px 15px;
    margin-right: -1px;
    text-align: center;
    font-size: 17px;
    color: #6c6f73;
}
.page-tabBtn.fap li a:after {
    content: '';
    position: absolute;
    background: #e6e6e6;
    width: 2px;
    height: 18px;
    top: 50%;
    margin-top: -9px;
    left: 0;
}
.page-tabBtn.fap{
    margin:30px 0;
}

.page-tabBtn.fap li a{
    position: relative;
    border: 0;
}
.page-tabBtn.fap li a:after{
    content: '';
    position: absolute;
    background: #e6e6e6;
    width: 2px;
    height: 18px;
    top: 50%;
    margin-top: -9px;
    left: 0;
}

.page-tabBtn.fap li:first-child a:after{
    display: none;
}

.page-tabBtn.fap li a.active{
    background: #DEEFFF;
    color: #4F7DFF;
    box-shadow: none;
    font-weight: 500;
}

.gray-inner.ranking-sports{
    background-image: url(../images/customer/ranking-sports-bg.jpg);
    background-repeat: no-repeat;
    background-position-x: 0;
    background-size: 42% 100%;
}

#sec-faqranking-top0 .gray-inner{
    padding: 0 40px 0 40px;
}
.faq-content-heder {
   margin: 20px 0; 
}

.faq-content-heder h1{
    font-size: 36px;
    font-weight: 100;
    text-align: left;
}

.faq-content-heder button{
   margin-top:70px;
}

.ranking-sports .oneday{
    margin-bottom:20px;
    font-size: 0;
    overflow: hidden;
}

.ranking-sports .oneday li{
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid #999999;
    font-size: 18px;
    color:#6c6f73;
}

.ranking-sports .oneday li:first-child{
    border-left: 0;
    padding-left: 0;
}

.ranking-double li{
    display: inline-block;
    text-align: center;
}
.ranking-double li img{
    margin-top:30px;
    margin-bottom:40px;
}




/* **************************************** *
 * 카드뉴스
 * **************************************** */
 #sub-page .container-intro.company-intro {
    background: #ddd url(../images/etc/bg-intro.jpg)no-repeat;
    background-size: cover;
	background-position: 60%;
}

#sub-page .inner-contents .wrap-cont{
	padding-top: 130px;
    padding-left: 20px;
}

#sub-page.int-company .inner-contents .wrap-cont .txt-cont h3 {
    padding-left: 0px;
    margin-bottom: 10px;
    font-size: 39px;
    font-weight: 200;
    line-height: 1.3;
    letter-spacing: -1px;
}

/* #sec-com02{
	background: #b7e3f5 url(../images/etc/bg-com02.gif)no-repeat;
	background-size: cover
} */



/* **************************************** *
 * 회사소개
 * **************************************** */
#sub-page .container-intro.company-about {
    background: #ddd url(../images/company/company-bg-intro.jpg)no-repeat;
    background-size: cover;
	background-position: 60%;
}



#sub-page .container-intro.company-about #intro .wrap .title-small{
    margin-bottom:5px;
    padding:0 0;
    border:0;
    color:#888888;
}

#sub-page .container-intro.company-about .wrap .title-slg{
    margin-bottom:0 !important;
    color:#212529 !important;
    font-weight: 200 !important;
}

#sub-page .container-intro.company-about .wrap .title-slg strong{
    color:#4F7DFF;
    font-weight: 300;
}
#sub-page .container-intro #intro .wrap .title-list{
    position: absolute;
    top: 0;
    right: 0;
}
#sub-page .container-intro #intro .wrap .title-list li{
    width:98px;
    height: 98px;
    display: inline-block;
    margin-right: 3px;
    padding:2em 0;
    border-radius: 50px;
    color:#fff;
    text-align: center;
    background: rgba(141,179,255,0.4); 
}

#sub-page .inner-contents .wrap-cont-about{
	padding-top: 0;
    padding-left: 0;
}

#sub-page .wrap-cont-about .txt-cont h3 {
    position: relative;
    display: inline-block;
    padding-left: 0px;
    margin-top:90px;
    margin-bottom: 60px;
    font-size: 36px;
    font-weight: 200;
    line-height: 1.5;
    letter-spacing: -1px;
    color:#212529;
}

#sub-page .inner-contents  .wrap-cont-about .txt-cont h3 {
    position: relative;
    display: inline-block;
    padding-left: 0px;
    margin-top:90px;
    margin-bottom: 60px;
    font-size: 30px;
    font-weight: 200;
    line-height: 1.5;
    letter-spacing: -1px;
    color: #214896 !important;
}

#sec-com05 .wrap-cont-about .txt-cont h3 {
    width:100%;
    text-align: center;
}
#sub-page .inner-contents .wrap-cont-about .txt-cont h3 span{
    margin-bottom:15px;
    display: block;
}

#sub-page .inner-contents .wrap-cont-about .topmargin h3 {
	margin: 20px 0 30px 0;
}

#sub-page .inner-contents .wrap-cont-about .txt-cont h3 strong{
    display: inline-block;
    padding-right:15px;
    font-weight: 200;
    background: #fff;
}

#sub-page .inner-contents .wrap-cont-about .txt-cont h3 strong:after{
    content: '';
    width: 100%;
    height: 1px;
    background: #888888;
    position: absolute;
    bottom: 25px;
    right: 0;
    z-index: -1;
}
#sub-page .inner-contents .wrap-cont-about .txt-cont h3 strong i{
    color:#4f7dff;
    font-weight: 500;
    font-style: normal;
}

#sub-page.int-company .inner-contents .wrap-cont-about .txt-cont p{
    color:#6C6F73;
    line-height: 1.75;
    font-size:17px;
}

#sub-page .wrap-cont-about dt{
    margin-top:10px;
    margin-bottom:20px;
    font-size: 34px;
    color:#4F7DFF;
    font-weight: 500;
}

#sub-page .wrap-cont-about dt span{
    position: relative;
    float: left;
    height: 100%;
    margin-right:10px;
    padding-right: 14px;
    font-size: 260%;
    line-height: 1;
    color:#D2E0FF;
    }

#sub-page .wrap-cont-about dt span:after{
    content: '.';
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 50%;
    color:#D2E0FF;
}

#sub-page .wrap-cont-about dd{
    font-size: 17px;
    color: #6c6f73;
	margin-bottom: .8rem;
}
#sub-page .wrap-cont-about .right img {
	margin-right: .5rem;
}
#sub-page .wrap-cont-about dd img {
    width: 34px;
}
.company-history .list-clear > dl.right img {
    float: left;
}


#sub-page .wrap-cont-about dd img {
    width: 34px;
}

.company-history .list-clear > dl.right img {
    float: left;
}
#sub-page .wrap-about-img{
    position: relative;
}
#sub-page .wrap-about-img.site{
    right: -195px;
    width: 60%;
    top: 29px;
}
#sub-page .wrap-about-img.site2{
    width: 47%;
}
#sub-page .mobile-hidden .wrap-about-img >img,#sub-page .tm-hidden .wrap-about-img >img{
    left: 0;
    right: auto;
}
#sub-page .mobile-hidden .wrap-about-img >img{
    left: 0;
    right: auto;
}

#sub-page .wrap-about-img >img{
    position: absolute;
    top:0;
    right: 0;
    box-shadow: 18px 18px 0px 0 #f7f7f7;
}


#sec-com05{
	background: #f7f7f7;
	margin-top: 50px !important; 
}


#sec-com06 ul ,.icon-outline-list{
    font-size: 0;
}

#sec-com06 ul li, .icon-outline-list li{
    display:inline-block;
    width:25%;
    padding: 1.5em 0;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ccc;
    border-left:0;
    font-size: 16px;
}

.icon-outline-list.col-3 li{
    width: 33.333333%;
}
#sec-com06 ul li:first-child, .icon-outline-list li:first-child{
    border-left: 1px solid #ccc;
}

#sec-com06 ul li img, .icon-outline-list li img{
    width: 65px;
    display: block;
    margin: 0 auto;
}

/* **************************************** *
 * 회사연혁
 * **************************************** */
 .company-history h3{
     width: 100%;
     color:#6C6F73 !important;
     text-align: center;
 }
 .company-history h3::before{
     content: '';
     margin:0 auto;
     margin-bottom:20px;
     display: block;
     width: 64px;
     height: 42px;
     background: url(/images/company/history-title.png);
     background-size:64px;
 }
 .company-history .history-list{
     position: relative;
 }
 .company-history .history-list::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 96%;
    background-color: #4f7dff;
    z-index: 10;
 }
 .company-history .list-clear:after {
    clear: both;
    display: block;
    content: '';
}
.company-history .list-clear > dl{
    position: relative;
    float: left;
    width: 50%;
    padding-right: 78px;
    text-align: right;
}
.company-history .list-clear > dl.right {
    float: right;
    padding-right: 0;
    padding-left: 78px;
    text-align: left;
}
.company-history .list-clear > dl.right::before {
    right: inherit;
    left: -8px;
}
.company-history .list-clear > dl.right::after {
    right: inherit;
    left: 8px;
}
.company-history .list-clear > dl:first-child{
    top: 0;
    margin-top: 0;
}
.company-history .list-clear > dl:before {
    content: '';
    position: absolute;
    top: 20px;
    right: -8px;
    width: 18px;
    height: 18px;
    margin-top: -8px;
    background-color: #fff;
    border: 5px solid #4f7dff;
    border-radius: 50%;
    z-index: 15;
}
.company-history .list-clear > dl:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 8px;
    width: 40px;
    height: 1px;
    background-color: #4f7dff;
    }

.company-history .list-clear > dl dt {
    font-size: 42px;
    font-weight: 700 !important;
    color: #212529 !important;
    line-height: 1;
}
.company-history .list-clear > dl dd {
    position: relative;
    padding-top: 5px;
    padding-left: 10px;
}
/* **************************************** *
 * 수상내역
 * **************************************** */
 .company-award #sec-01 > div{
     border-bottom: 1px solid #DEDEDE;
 }

 .company-award .about {
    font-size: 0;
    overflow: hidden;
    margin: 60px 0;
 }

 .company-award .about li{
    padding-top: 100px;
    font-size: 20px;
    font-weight: 200;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top right 15%;
    background-size: 90px;
 }
 
 .company-award .about li:first-child{
     background-image: url(../images/company/icon_selection_02.png);
     background-position-x: 50%;
 }
 .company-award .about li:nth-child(2){
    background-image: url(../images/company/icon_selection_01.png);
    background-position-x: 50%;
}
.company-award .about li:last-child{
    background-image: url(../images/company/icon_selection_03.png);
    background-position-x: 50%;
}

 .company-award .about li strong{
    font-size: 100px;
    font-weight: 600;
    color:#d2e0ff;
 }

 .company-award .award-history{
     margin-top: 50px;
     font-size: 0;
     overflow: hidden;
 }

 .company-award .award-history li{
     width:33.333333%;
     display: inline-block;
 }
 .company-award .award-history dl{
     margin-bottom: 30px;
    font-size: 0;
    overflow: hidden;
}

 .company-award .award-history dt{
     width: 30%;
     display: inline-block;
     vertical-align: middle;
 }

 .company-award .award-history dt img{
    width: 87px;
}

 .company-award .award-history dd{
    width: 70%;
    display: inline-block;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    color:#6C6F73;
    vertical-align: middle;
}

#sub-page.int-company .company-award .txt-cont h3{
    margin-top: 0 !important;
}

/* 로그인 전 award - start*/
#sec-home7 {
	padding: 50px 0 80px 0px;
    overflow: hidden;
	}


#sec-home7 .con-award {
	text-align : center;
	transition-duration: .4s;
	transition-timing-function: ease;
	transition-property: opacity, transform;
}	

#sec-home7 .cont-wrap {
	width: 100%;
	display: inline-block;
}

#sec-home7 .cont-wrap p{
	text-align: center;
}

#sec-home7 .awards-year{	
	font-size: 18px; 
	color: #212529; 
	margin-top: 1rem;
}

#sec-home7 .awards-text{
	font-size: 14px; 
	line-height: 1.3em;
}

#sec-home7 .flip {
	float: left;
	width: 20%;
	height: 128px;
	line-height: 128px;
	position: relative;
	transform-style: preserve-3d;
	transition:.5s;
	margin-top: 40px;
}

#sec-home7 .flip img {
	width: 120px;
}

#sec-home7 .face {
	position: absolute;	
	backface-visibility: hidden;
  	-moz-backface-visibility: hidden;
  	-ms-backface-visibility: hidden;
  	-o-backface-visibility: hidden;	
  	width: 100%;
  	height: 100%;
  	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}


#sec-home7 .flip .back {
	top: 20px;
	line-height: 14px;	
	transform: rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);	
}

#sec-home7 .flip:hover .front {
	transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    -o-transform:rotateY(-180deg);	
}

#sec-home7 .flip:hover .back {
	transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);	
}



/* 로그인 전 award - end*/




/* **************************************** *
 * 제휴문의
 * **************************************** */

#sub-page .container-intro.alliance-intro{
	width: 100%;
	background: url('../images/company/bg-intro-alliance.png')no-repeat;
	background-size: cover;
    background-position: 36% center;
    background-color: #cfe2f1;
}

/* **************************************** *
 * 가입대상회사
 * **************************************** */





/* **************************************** *
 * 카드뉴스
 * **************************************** */
.list-news li{
	float: left;
	width: 33.3%;
	padding: 0px 7px 14px;
	margin-bottom: 40px;
}



.list-news li a{
	overflow: hidden;
	display: inline-block;
	width: 100%;
	background: #fff;
	white-space: nowrap;
    text-overflow: ellipsis;
}

.list-news li a span.tit{
	display: inline-block;
	padding: 10px 0px 0px;
	font-size: 17px;
	font-weight: 400;
	color: #333;
}

#sub-page .visual-header #intro .wrap .etc.title-small {
	color: #559dad !important;
}

/* **************************************** *
 *  비디오 뉴스
 * **************************************** */

.list-vnews li{
	overflow: hidden;
	float: left;
	width: 33.3%;
	padding: 0px 15px 15px;
	margin-bottom: 40px;
}

.list-vnews li iframe{
	width: 100%;
	height: 195px;
}

.list-vnews li span.tit{
	display: inline-block;
	padding: 10px 0px 0px;
	font-size: 17px;
	font-weight: 400;
	color: #333;
}

#sub-page .container-intro #intro .wrap .etc.title-small {
	color: #559dad !important;
}


 #sub-page .container-intro.promotion {
    background: #86d3e4  url(../images/etc/bg-intro.png)no-repeat;
    background-size: cover;
    background-position: top right;
}

#sub-page .container-intro.alliance {
    background: #c5cfd8  url(../images/etc/bg-intro-alliance.png)no-repeat;
    background-size: cover;
    background-position: top right;
}

#sub-page .inner-contents .wrap-cont{
	padding-top: 130px;
    padding-left: 20px;
}

#sub-page.int-company .inner-contents .wrap-cont .txt-cont h3 {
    padding-left: 0px;
    margin-bottom: 10px;
    font-size: 39px;
    font-weight: 200;
    line-height: 1.3;
    letter-spacing: -1px;
}

/* #sec-com02{
	background: #b7e3f5 url(../images/etc/bg-com02.gif)no-repeat;
	background-size: cover
} */

/* **************************************** *
 *  알람
 * **************************************** */

.alarm-item{
	padding: 15px 0px;
	border-bottom: 1px solid #ddd;
}

.alarm-item .alarm-thumb{
	float: left;
	width: 30%;
	height: auto;
}

.alarm-item .alarm-thumb img{
	height: auto;
	padding: 0px 15px;
}

.alarm-item .alarm-info{
	float: left;
	width: 70%;
	padding: 5px 15px 0px;
}

.alarm-item .alarm-info .ctg{
	display: inline-block;
	padding: 2px 5px;
	margin-bottom: 7px;
	border-radius: 3px;
	background: #666;
	font-size: 13px;
	color: #fff;
}

.alarm-item .alarm-info .ctg.red{
	background: red;
	color: #fff;
}

.alarm-item .alarm-info .ctg.info{
	background: #666;
	color: #fff;
}

.alarm-item .alarm-info h4.title{
	margin-bottom: 5px;
	font-size: 17px;
	font-weight: 500;
	color: #000;
}

.alarm-item .alarm-info .desc{
	margin-bottom: 5px;
	font-size: 14px;
	color: #303030;
}

.alarm-item .alarm-info .date{
	font-size: 13px;
	margin-bottom: 0px;
}


.wrap.alarm-detail{
	padding-top: 60px;
}

.alarm-detail img{
	max-width: 100%;
	margin-bottom: 15px;
}

.alarm-title{
	position: relative;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
    margin-bottom: 15px;
	text-align: left;
}

.alarm-title h3{
    margin-bottom: 12px;
	text-align: left;
}

.alarm-title .alarm-date{
    margin-bottom: 0px;
	text-align: left;
}

.alarm-title .btn{
    position: absolute;
	right: 0;
	bottom: 15px;
}

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



/* **************************************** *
 * 인쇄
 * **************************************** */
@media only print {
	a[href]::after {
		content: none !important;
	}
	
	#footer{
		display: none;
	}
};