@charset "utf-8";
/* -------------------------------------------
*
* Project : responsive 
* File name : responsive.css
* Version : 1.0
*
* SUMMARY:
* 01) min-width : 1921px
* 02) min-width : 1904px
* 03) min-width : 1024px
* 04) min-width : 601px
* 05) max-width : 1880px
* 06) max-width : 1759px
* 07) max-width : 1620px
* 08) max-width : 1440px
* 09) max-width : 1340px
* 10) max-width : 1160px
* 11) w: 1024 ~ 1400 / mh : 865 / portrait
* 12) max-width : 1023px
* 13) max-width : 860px
* 14) max-width : 768px
* 15) max-width : 700px
* 16) max-width : 600px
* 17) max-width : 480px
* 18) max-width : 360px
* 19) max-width : 320px
* 20) max-width : 45em
*
* -------------------------------------------*/
/* **************************************** *
 * max-width : 1921px
 * **************************************** */
@media (max-width: 1921px) {
	.pc-hidden {
		display: none;
    }
}

/* **************************************** *
 * max-width : 1340px
 * **************************************** */
@media (max-width: 1340px) {
	.pc-hidden {
		display: none;
    }
    
    /* Layout - Row */
    .container-fluid .row.inner-fluid {
        width: 100%;
        margin: 0 auto;
    }
    
    #sub-page .container-fluid.menu-2depth .wrap-menu {
        width: 100%;
        padding: 0px;
        margin: 0px auto 0px;
    }

    #sub-page .container-fluid.menu-3depth .wrap-menu {
        width: 100%;
        padding: 0px;
        margin: 0px auto 0px;
    }
    
    /* **************************************** *
     * 회원가입
     * **************************************** */
    #join .container-fluid.step-menu .row {
        width: 100%;
    }
    
        
}


@media (max-width:1300px) {
    #quick_menu {
        display:none;
    }
}


/* **************************************** *
 * max-width : 1200px
 * **************************************** */

@media (max-width: 1200px) {
		
	/* width100 */
	#sub-page .container-intro #intro{
        width: 100%;
    }
    
	#sub-page section .row.inner-contents{
        width: 100%;
        padding: 10px 15px;
    }
	#sub-page section .row.inner-contents-2{
        width: 100%;
		padding: 0;
	}
    #sub-page section .row.contents{
        width: 100%;
        margin: 0 auto;
        padding: 0 0;
    }

    #sub-page section.sec-content-half .row.inner-contents{
        padding: 10px 0;
    }
	
	/* Back to Top */
	#btn-top {
		position: fixed;
		right: 15px !important;
	}
	
	/* **************************************** *
	 * 웰빙포인트 - 상품
	 * **************************************** */
	.wrap-prt {
		display: inline-block;
		width: 100%;
		padding: 0px 15px;
	}
	
	.wrap-prt .prt-item{	
		width: 100%;
		margin: 15px 0px;
	}
	
	.wrap-prt .prt-item .thumb {
		overflow: hidden;
		height: 180px;
	}
	
	.wrap-prt .prt-item .thumb img {
		width: auto;
		height: 100%;
		margin: 0 auto;
    }
    
    .point-list-inner li{
        width: 50%;
    }
    .point-list-inner li:nth-child(3n) {
        padding-right: 20px;
    }
    /* 도입시 혜택 
    #sub-page .introduction{
        padding:0 15px;
    }*/

}
    /* **************************************** *
	 * 게시판
	 * **************************************** */
@media (min-width: 1200px) {
    #sub-page .border-width {
        width: 970px;
	}
}


/* **************************************** *
 * max-width : 1023px
 * **************************************** */
@media (max-width: 1024px) {
	
	.navbar-default .container {
		width: 100%;
	}
    
    #quick_menu {
        display:none;
    }
	
	/* **************************************** *
	 * Display
     * **************************************** */
     .pc-show {
		display: block;
    }
    
	.mobile-hidden {
		display: block;
	}
    
    .mobile-hidden.btn {
        display:inline-block;
    }
	
	.mobile-show{
		display: none;
	}
    
    #sub-menu .container {
        padding-left: 0;
        padding-right: 0;
    }

    #sub-menu .col-xs-12 .wrap-slide-menu ul li {
        margin-right: 5px;
    }
	
	.navbar-default .navbar-nav > li > a {
		padding: 25px 17px;
		font-size: 16px;
		font-weight: 400;
		color: #333;
	}
    
    /* 마이페이지 - 사이드메뉴 */
    #my-page aside {
        position: relative;
        padding: 0px 15px;
        display: ;
    }
    
    /* 마이페이지 - 3depth 메뉴 */
    #my-page .container .menu-3depth {
        display: block;
		margin-bottom: 7px;
		overflow-x:scroll;
    }
	
	.container .menu-3depth .wrap-menu ul li a{
		padding: 12px 12px;
		font-size: 15px;
		font-weight: 300;
	}
	
	/* 마이페이지 - 4depth 메뉴 */
	#my-page .menu-4depth {
		padding-top: 0px;
		padding-bottom: 0px;
        margin-bottom: 15px;
    }
    /* 서브페이지 - 회사소개 */
    #sub-page .container-intro #intro .wrap .title-list{
        display: none;
    }	

	/* 서브페이지 - 도입혜택 */
	.introduction .col-md-7,.introduction .col-md-6,.introduction .col-md-5{
		width: 50%;
		float: left;
	}
	.introduction .sale li {
		padding: 64px 30px;
	}
	#sub-page .introduction {
		padding-bottom: 40px;
	}
}

/* **************************************** *
 * max-width : 987px
 * **************************************** */

@media (max-width: 987px) {
    .mobile-img100{
        width: 100%;
    }
    /* 서브페이지 회사소개 */
    #sec-com01,#sec-com03{background: #f7f7f7;}
    #sec-com01 .wrap-cont-about .txt-cont h3 strong,#sec-com03 .wrap-cont-about .txt-cont h3 strong{background: #f7f7f7 !important;}
    #sec-com01 .wrap-cont-about .txt-cont h3 strong::after,#sec-com03 .wrap-cont-about .txt-cont h3 strong::after{z-index: 0 !important;}
    #sec-com01 .wrap-cont-about .txt-cont h3 strong::after{width: 60% !important;}
    #sec-com03 .wrap-cont-about .txt-cont h3 strong::after{width: 40% !important;}
    #sub-page .wrap-about-img >img{ position: relative !important; width: 100%; margin: 0 auto; }

    /* 서브페이지 고객센터 */
    #sec-faqranking-top0 .gray-inner{
        padding:0 0;
    }
    #sec-faqranking-top0 button.btn.sky.xlarge{
        margin-right: 0;
    }        
    .gray-inner.ranking-sports {
        background-image:none ;
    }
	.faq-content-heder {
    	width: 100%;	
    }
	.faq-content-heder h1 {
		marign: 14px 0;
		display: inline-block;
	}
    .faq-content-heder button{
        margin-top: 0px;
        float: right;
    }
    .faq-content-heder button.xlarge{
        padding: 10px 22px ;
        font-size: 14px ;
    }

    .ranking-double li img{
        width: 50%;
    }
    .ranking-sports .oneday li{
        font-size: 15px;
    }
    #sec-faqranking-top0 button.btn.sky.xlarge{
        margin-top: 10px;
    }

	/* 마이페이지 */
	#my-page .col-main-contents {
		border-left: 0px solid #f4f4f4;
	}
	
	 /* 마이페이지 - 사이드메뉴 */
    #my-page aside {
       
        display: none;
    }
	
	.navbar-default .navbar-nav > li > a{
		padding: 25px 7px;
    }
    
    /*  아너스 평생회원     */
    .honors-pic-1 {
    	width: 50%;
    	float: left;
    	margin-right: 40px;
    }
    
    .honors-pic-2 {
    	width: 50%;
    	float: left;
    }   
    
    .honors-pic-illust{
    	width:35%;
    	float: left;
    }
    
    #sub-page .sec-content-half .inner-contents dl:first-child dt.honors-dd-top {
    	margin-top: 24px;
    }
    
}
/* **************************************** *
 * 13) max-width : 920px
 * **************************************** */
@media (max-width: 920px) {
	footer{
		background-image: none;
	}

	footer .information ul.footer-btn li {
		padding: 0;
	}
	
	footer .information ul.footer-btn li:first-child{
		padding: 0 0 20px 0;
	}
	
	footer .information ul.footer-btn li a {
		width: 100%;
		padding: 16px 5px;
	}
}



/* **************************************** *
 * max-width : 768px
 * **************************************** */
@media (max-width: 768px) {
    .pc-show {
		display: none;
    }
    .pc-hidden {
		display: block;
    }
    
    .tm-show{
        display: block;
    }

    .tm-hidden{
        display: none;
    }

	.t-inline-block {
		display: inline-block;
	}
	/* **************************************** *
    * 레이아웃
    * **************************************** */
    .gray-wrap{
        padding-bottom:20px;
    }
    .gray-inner,.gray-inner-80{
        width: 100%;
        padding:15px 0;  
    }

	/* **************************************** *
	 * Component
     * **************************************** */
     
	ul.normal li{
		position: relative;
		padding-left: 13px;
		margin-bottom: 3px;
		font-size: 15px;
	}
	
	.alert.list ul li {
        margin-top:10px;
		font-size: 15px;
		font-weight: 300;
		color: #666;
    }
    	
	.alert.list.caution .title {
		font-size: 16px;
	}
	
	.alert.list.info .title {
    	padding: 0px 0px 10px;
    	font-size: 16px !important;
    }
    /* 이용약관 */
    #agreement dd ul li{
        font-size: 15px;
    }
	
	/* 보드 */
	.list-board-header .title {
		padding-left: 12px;
		font-size: 19px;
		margin-bottom: 0px;
		font-weight: 400;
	}
	
	ul.list-board li {
		position: relative;
		float: left;
		width: 100%;
		padding: 15px 0px;
		background: #fff;
		border-bottom: 1px solid #ddd;
		font-size: 14px;
		text-align: center;
	}
	
	ul.list-board li.row-item {
		padding: 0px;
	}
	
	ul.list-board li.head ul li {
		position: relative;
		font-size: 13px;
		font-weight: 400;
		color: #333;
		line-height: 1.2;
	}
	
	ul.list-board.wd25 li > ul li {		
		font-size: 13px;
	}
	
	.box-info .row-inner.row-button {
		padding: 0px 10px 10px;
	}
    
    .row-button .btn {
        width: 49%;
    }
    
    .txt-right .btn, .text-right .btn {
        width: 49%;
    }
    
    .txt-right .btn.long, .text-right .btn.long, .row-button .btn.long, .txt-center .btn.long {
        width:auto;
    }
    .txt-center .btn.area-btn {
        width: 39%;
    }
    .txt-center .btn {
        width: 49%;
        padding-left: 0;
        padding-right: 0;
    }
    
    .favorite-cur-position{
    	top:163px;
    }
    .txt-center .btn.xlarge {
        width:auto;
        padding-left:32px;
        padding-right:32px;
    }
    
    .txt-center .btn.xlarge.mwd50 {
        width:49%;
        padding-left:0;
        padding-right:0;
    }
    
    .modal-body .wrap-buttons {
        text-align: center;
    }
    
    /* 보드-반응형 */
    .rps-list li.head{
        display: none;
    }
    .rps-list li > ul{
        font-size: 0; 
        overflow: hidden; 
        border-bottom:1px solid #ddd;
    }
    .rps-list li > ul:last-child{
        border-bottom:0;
    }
    .rps-list li > ul li{
        width: 100% !important; 
        display: inline-block; 
        padding-left: 40% !important; 
        text-align: left !important;
    }
    .rps-list li > ul li::before{
        content: ''; 
        position: absolute; 
        left: 0; 
        display: inline-block; 
        width: 35%;
        height: 100%; 
        padding:0 5px; 
        border-right:1px solid #dbdbdb; 
        font-weight: 500; 
        color: #333;
    }

	/* 버튼 */
	.allMenu{
		display: block;
	}
    
    ul.list-table.width100 li > div.mwd50, ul.list-table.width100 li > div.desc.mwd50 {
        width:50%;
    }
    
    /* input */
    select ~ input {
        padding: 7px 10px;
    }
	
	/* **************************************** *
	 * Display
	 * **************************************** */
	.mobile-hidden{
		display: block;
	}
	
	.m-hidden {
		display: none;
	}
	.mobile-show{
		display: none;
	}
	
	/* font */
	.ft20 {
		font-size: 17px;
	}
	
    /* padding */
    .no-pd{
        padding: 0px;
        overflow: hidden;
    }
    
    /* Modal */
    .modal-dialog{
		width: 95%;
        margin: 0px;			
    }
    .modal-dialog.modal-fullsize {
	  width: 308px;
	  margin: 0;
	}
	.modal-content.modal-fullsize {
	  min-height: 308px;
	}
	.modal-content.modal-fullsize .btn.join {
	  padding:10px 1px;
	}
	.modal-body .box-info ul.list-table li > div.title.wd80{
		width: 70%;
	}
	
	.modal-body .box-info ul.list-table li > div.desc.wd20{
		width: 30%;
	}
	
    /* column */
    .mobile-no-padding{
        padding-right: 0px;
        padding-left: 0px;
    }
    
    /* button */
    .btn.favorite{
        display: none;
    }
	
	ul.list-table li .desc input, ul.list-table li .desc select{
		width: 100%;
	}
	
	ul.list-table li .desc input.width30, ul.list-table li .desc select.width30{
		width: 100%;
	}
    
    /* 서브 메뉴 */
    .mobile-menu-blur-right {
        height: 45px;
        position: absolute;
        top: 62px;
        width: 20px;
        right: 0;
        background: url(/images/main/bg-menu-right.png) 0 0 repeat-y;
    }
	
    .mobile-menu-blur-left {
        height: 45px;
        position: absolute;
        top: 62px;
        width: 20px;
        left: 0;
        background: url(/images/main/bg-menu-left.png) 0 0 repeat-y;
    }
	
    .sub-solo-page .mobile-menu-blur-left, .sub-solo-page .mobile-menu-blur-right {
        display:none;
    }
	
    /* 3depth */
    .container .menu-3depth .wrap-menu ul li a::after {
        width:100%;
        background-color:rgba(221, 221, 221, 0.7);
    }
    
    .wrap-prc {
        margin-top:15px;
    }
    
	/* 로그인 */
	#login .login-form{
		width: 100%;
		padding: 0px 15px;
		margin: 10px auto 35px;
	}
	
	#login .login-form fieldset .wrap.login .box-input {
		float: left;
		width: 100%;
	}
	
	#login .login-form fieldset .wrap.login .box-button{
		padding-top: 0px;
		width: 100%;	
	}
	
	#login .login-form fieldset .wrap.login .box-button .btn{
		height: auto;
		padding: 20px;
		line-height: 0px;
        width:49%;
	}
	
	#login .login-form fieldset .row-inner .remember label {
		font-size: 13px;
		font-weight: 500;
		line-height: 21px;
	}
	
	#login .login-form fieldset .row-inner .remember label.mgr7{
		margin-right: 3px;
	}
	
	#login .login-form fieldset .row-inner .find ul li {
		position: relative;
		float: left;
		padding-right: 5px;
		margin-right: 5px;
	}
	
	#login .login-form fieldset .wrap.login.main .box-input {
		float: left;
		width: 100%;
	}
	
	#login .login-form fieldset .wrap.login.main .box-button{
		width: /*auto*/50%;
		padding-top: 5px;
	}
	
	#login .login-form fieldset .wrap.login.main .box-button .btn{
		height: auto;
		line-height: 0px;
		padding: 20px;
	}
	
    /* 서브페이지 - 메인컨텐츠 */
    #sub-page .main-contents{
        padding: 0px 0px 0px;
        margin: 0px 0px 0px;
    }
	
	#my-page .page-header {
		padding-bottom: 0px;
		margin: 30px 0 15px;
		border-bottom: 0px solid #eee;
	}
	
	#my-page .page-header .page-title{
		font-size: 28px;
	}
    
    #sub-page .page-sub-title {
        font-size:14px;
        word-break:keep-all;
        margin-top:10px;
    }
    /*  icon carousel */
    #sub-page .sec-icon-list .head{
        text-align: center;
    }
    #sub-page .sec-icon-list .head li:first-child{        
        width: 100%;
    }
    #sub-page .sec-icon-list .head h5{
        font-size: 18px !important;
    }
    #sub-page .sec-icon-list .head li:last-child{
        position: relative;
        padding-top: 20px;
        float: none;
    }
    #sub-page .sec-icon-list .head li button{
        margin-top: 15px;
    }

    /* 모바일 솔로 페이지 */
    .sub-solo-page nav {
        display: none;
    }
    .sub-solo-page #sub-menu{
        display: none;
    }
    
    .sub-solo-page .menu-2depth, .sub-solo-page .menu-3depth{
        display: none;
    }
    
    .sub-solo-page #sub-page .container-fluid.header-service{
        display: none;    
    }
    
    .sub-solo-page #sub-page .main-contents .group.head {
        padding: 10px 0px;
        margin: 0px 0px;
        background: #007bff;
        text-align: center;
    }
    
    .sub-solo-page #sub-page .main-contents .group.head .btn-search{
        position: absolute;
        top: 17px;
        right: 20px;
        font-size: 21px;
    }
    
    .sub-solo-page #sub-page .main-contents .group h3 {
        padding-top: 20px;
        padding-bottom: 0px;
        margin-bottom: 10px;
        font-size: 21px;
        letter-spacing: -1px;
        color: #fff;
    }
    
    .sub-solo-page #sub-page .main-contents .group.head a{
        color: #fff;
    }
    
    .sub-solo-page #sub-page .main-contents .group.head .search-home{
        position: absolute;
        display: block;
        float: left;
        padding-top: 3px;
        padding-left: 15px;
        font-size: 24px;
    }
	
	/* 알림 */
	#my-page.solo .navbar-default, #my-page.solo #sub-menu{
		display: none;
	}
    
    #my-page.solo .navbar-default, #my-page.solo #sub-menu-2depth{
		display: none;
	}
	
	#my-page.solo .page-header .page-title{
		letter-spacing: -1px;
		font-size: 17px;
		font-weight: 500;
		color: #fff;
	}
	
	#my-page.solo .col-main-contents{
		min-height: auto;
	}

	#my-page.solo .page-header {
		position: relative;
		padding: 15px 0px;
		margin: 0px 0px 20px;
		border-bottom: 0px solid #eee;
		text-align: center;
		background-image: -webkit-gradient(linear,left top,right top,from(#3f7dff),to(#2d6ff8));
		background-image: -webkit-linear-gradient(left,#3f7dff,#2d6ff8);
		background-image: linear-gradient(to right,#3f7dff,#2d6ff8);
		color: #fff;
	}

	#my-page.solo .page-header .btn-return{
		position: absolute;
		top: 12px;
		left: 15px;
		font-size: 17px;
		color: #fff;
	}

    /* topBanner */
    #top-banner{
        display: none;
    }
    
    /* topBar */
    #topbar{
        display: none;
    }
    
    /* Mobile logo */
    .navbar-brand{
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }
	
	.navbar-default .navbar-brand {
		height: auto;
		padding: 8px 0px 0px !important;
		font-size: 20px;
		color: #1e65f5;
	}
    
    /* Mobile Menu */
	.navbar-nav{
		display: none;
	}
	
    .navbar-toggle{
		display: block;
        /* margin-top: 10px; */
        padding-bottom: 0;
    }
	
	.app-alarm{
		display: block;
	}
    
    #my-page .main-contents {
        padding: 0px 0px 0px;
        margin: 0px 0px 0px;
    }
    
    #my-page aside .personal {
        float: left;
        width: 50%;
        padding: 30px 0px 0px;
    }
    
    #my-page aside .barcode {
        display: block;
        float: right;
        width: 50%;
        padding: 30px 0px 0px;
        text-align: right;
    }
    
    #my-page aside .barcode a{
        display: inline-block;
        padding: 15px;
        border: 1px solid #d4d4d4;
        border-radius: 8px;
        color: #333;
        background: #fff;
    }
    
    #my-page aside .barcode a span{
        margin-right: 5px;
    }
    
    #my-page .main-contents .group {
        padding: 0px 0px 10px;
        margin: 0px 0px 10px;
    }
    
    #my-page .main-contents .group h3 {
        padding-left: 15px;
        padding-right:15px;
        margin-bottom: 20px;    
        font-size: 19px;
        letter-spacing: -1px;
        color: #515151;
    }
    
    #my-page .main-contents .group ul.box {
        display: inline-block;
        width: 100%;
        padding: 14px 5px 14px 5px;
        border: 1px solid #d4d4d4;
        border-left: 0px solid #fff;
        border-right: 0px solid #fff;
        border-radius: 0px;
        background: #fff;
    }
    
    #my-page .main-contents .group ul.box li {
        overflow: hidden;
        position: relative;
        float: left;
        width: 50%;
        padding: 0px 15px;
    }
    
    #my-page .main-contents .group ul.box li a {
        font-size: 21px;
        letter-spacing: -1px;
        color: #1e65f3;
    }
    
    #my-page .main-contents .group .icon-box {
        display: inline-block;
        width: 100%;
        border: 1px solid #d4d4d4;
        border-left: 0px solid #fff;
        border-right: 0px solid #fff;
        border-radius: 0px;
        background: #fff;
    }
    
    #my-page .main-contents .group .icon-box ul.line li {
        padding: 30px 0px;
        text-align: center;
    }
    
    
    /* banner */
    #my-page .side-banner {
        clear: both;
        padding: 40px 0px 10px;
    }
	/* 반쪽 컨텐츠 - 애니메이션 */
    .sec-content-half .wrap-about-img{
        transition: transform 8s .70s cubic-bezier(0,1,.3,1), opacity .7s .70s ease-out; will-change: transform, opacity;
    }
    .sec-content-half .wrap-cont-about{
        transition: transform 4s .25s cubic-bezier(0,1,.3,1), opacity .3s .25s ease-out; will-change: transform, opacity;
    }

	/* 서브페이지 인트로 */
	#sub-page .container-intro #intro .box-icon p {
		font-size: 14px;
		font-weight: 400;
		line-height: 1.3;
		color: #fff;
	}
	
	#sub-page .container-intro #intro .wrap .title-slg {
		margin-bottom: 60px;
		/* font-size: 36px; */
	}

    /* 서브페이지 - 회사소개 */
    #sub-page.int-company .wrap-cont .txt-cont h3, #sub-page .wrap-cont-about .txt-cont h3,#sec-com05 .wrap-cont-about .txt-cont h3,#sub-page .sec-content-half .txt-cont dt,#sub-page .sec-content-half dl:first-child dt{
        margin-top:20px;
        margin-bottom: 20px;
		font-size: 22px;
		font-weight: 200;
		letter-spacing: -1px;
		line-height: 34px;
		color: #31373b;
    }
    
    #sub-page .wrap-cont-about .txt-cont h3 strong:after{
        bottom: 12px;
    }
	
	#sub-page .wrap-cont .txt-cont p,#sub-page.int-company .wrap-cont-about .txt-cont p,#sub-page .sec-content-half .txt-cont dd {
		margin-bottom: 20px;
		font-size: 16px;
        font-weight: 200;
        line-height: 1.5;
    }

    #sub-page .wrap-cont-about dl{
        margin-bottom: 20px;
        
    }

    #sub-page .wrap-cont-about dt span{
        padding-right: 8px;
        font-size: 150%;
    }

    #sub-page .wrap-cont-about dt{
        margin-top: 0;
        margin-bottom:10px;
        font-size: 18px;
        overflow: hidden;
    }
    #sub-page .wrap-cont-about dd{
        font-size: 16px;
        font-weight: 200;
        line-height: 1.5;
    }
    #sub-page .wrap-cont-about dd img {
        width: 25px;
        position: absolute;
        top: 6px;
        left: -5px;
    }

    .company-history .history-list::before{
        height: 95%;
        top: 10px;
        left: 8px;
    }
    .company-history .list-clear > dl{
        width: 100%;
        padding-top:10px;
        padding-right: 0;
        padding-left: 30px;
        padding-bottom: 30px;
        text-align: left;        
    }
    .company-history .list-clear > dl.right {
        padding-left: 30px;
    }

    .company-history .list-clear > dl dd{        
        display: block;
        padding-left: 25px;
    }
    .company-history .list-clear > dl dd img {
        float: left;
    }

    .company-history .list-clear > dl::before{
        left: 0 !important;
    }
    .company-history .list-clear > dl::after{
        display: none;
        width:30px;
        right: inherit;
        left: 8px;
    }
    .company-award .about{
        margin:30px 0;
    }

   /*  .company-award .about li {
        width: 33.33333%;
        display: inline-block;
        font-size: 16px;
        text-align: left;
        background-position: top 70% right 5% !important;
        background-size: 15% !important;
        padding-top: 10px;
        margin-bottom: 10px;
    }  */

    .company-award .about li strong{
        font-size: 28px;
    }

    .company-award .award-history{
        margin-top: 30px;
    }

    .company-award .award-history li{
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    .company-award .award-history dt, .company-award .award-history dd{
        display: block;
        width: 100%;
        font-size: 16px;
    }

    .company-award .award-history dt img{
        width: 60px;
        margin: 0 auto 10px;
        display: block;
    }

    .company-award .award-history dd{
        width: 80%;
        height: 100%;
        margin: 0 auto;
        padding-right: 0;
        text-align: center;        
    }

    /* 서브페이지 - 가입대상회사 */
    .modal.partner .box-info .row-inner ul li{
        width: 100%;
        margin-bottom:10px;
        text-align: right;
    }

    .modal.partner .box-info .row-inner ul li a{
        padding:1em 1em;
        font-size: 15px;
        background-size: 40px;
        background-position: left;
        background-position-x: 2em;
        background-position-y: center;
    }
    .modal.partner .box-info .row-inner ul li button{
        display: inline-block;
        margin-top:0;
        margin-right: 0;
        margin-left: 10px;
    }
    
	#sub-page .wrap-cont-about.partner-header dl{
    	text-align: center;
    }
     #sub-page .inner-contents .wrap-cont-about .txt-cont h3 {
    	font-size: 22px;
    	margin-top: 0;
    }
    #sec-partner2 .list-col-3 img {
    	width: 60%;
    }

    /* 서브페이지 */
    #sub-page .container-intro{
        background-position-x: 75% !important;
    }
    
	#sub-page .page-header .page-title {
		letter-spacing: -1px;
		font-size: 28px;
    }
    
    #sub-page .page-header.border-top{
        margin-top: 0;
        padding-top: 30px;
    }
	
	#sub-page .container-fluid.menu-2depth.type2 .wrap-menu ul li {
        position: relative;
        float: left;
        width: auto;
        text-align: center;
        background: transparent;
    }
	
	#sub-page .container-fluid.menu-2depth.type2 .wrap-menu ul li:first-child {
        position: relative;
        float: left;
        width: auto;
        text-align: center;
        background: transparent;
    }

	#sub-page .inner-contents .wrap-cont {
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	
	#sub-page .inner-contents .wrap-cont .txt-cont h3{
		padding-left: 0px;
		margin-bottom: 10px;
		font-size: 38px;
		font-weight: 400;
		line-height: 1.3;
		letter-spacing: -1px;
	}
	
	#sub-page .box-mem-info {
		padding: 35px 15px;
		margin-top: 30px;
		border-radius: 5px;
		border: 1px solid #efefef;
		background: #f7f7f7;
	}
	
	#sub-page .process .step, #sub-page .process.wd20 .step, #sub-page .process.wd25 .step {
		width: 100%;
	}
	
	.list-boxLink li{
		width: 49%;
	}
	#sub-page .sec-content-half .inner-contents .top-area .txt-cont h2 {
    	font-size: 18px;
    	line-height: 1.5em;
    } 
	
    /* 서브페이지 - 멤버십  */
	.list-tabBtn {
		display: block;
		width: auto;
		margin: 0 auto;
	}
	
	.list-tabBtn li {
		float: left;
		width: 50%;
		margin-bottom: -1px;
	}
	
	#sub-page .box-mem-info .txt-cont .title {
		margin-bottom: 25px;
		font-size: 21px;
    }
    #sub-page .sec-content-half .txt-cont button{
        margin-top: 0;
        margin-bottom: 15px;
        padding:8px 16px;
    }
    
    #sub-page .sec-content-half .txt-cont .caption{
        padding-top: 70px;
        padding-left: 20px;
        font-size: 16px;
        font-weight: 200;
    }
    #sub-page .sec-content-half .txt-cont .caption::before{
        left: 40%;
        background-size: 65px;
    }
    
    .visual-banner .header li:last-child{
        right: -6%;
        top: 0%;
    }

    .visual-banner .header li dt{
        font-size: 22px;
    }

    .visual-banner .header li dt > span{
        font-size: 14px;
    }

    .visual-banner .header li dd{
        font-size: 16px;
    }

    .visual-banner .header li button{
        margin-top: 10px;
        padding:8px 16px;
    }

    .visual-banner .header li:last-child img {
        width: 50%;
        float: right;
    }
    
    /* 아너스 평생회원  */
    #sub-page .target-cont {
		height: auto;
		text-align: center;
	}
	#sub-page .target-cont .target-cont-sub-text {
		height: auto; 
	}
	#sub-page .target-cont .target-cont-text {
		height: auto;
	}
    #sub-page .target-cont-plus {
    	float: none;
    }
    #sub-page .target-cont-plus__img {
    	line-height: 0;
    	margin: 0 auto;
    }
    #sub-page .target-cont-plus__img img {
    	width: 60%;
    	margin: 10px;
    }    
    #sub-page .target-cont-OR {
		float: none;
		z-index: 0;
    }
    #sub-page .target-cont-OR__img {
    	line-height: 0;
    	position: unset;
    	text-align: center;
    }
    #sub-page .target-cont-OR__img img {
    	margin: 10px;
    }
    
    #sub-page .sec-content-half .inner-contents .txt-cont dt {
    	font-size: 2em;
    }
    .honors-mobile-hidden-1 {
    	display: none;
    }
    .honors-pic-illust {
    	width: 33%;
    }
    #sub-page .sec-content-half .inner-contents dl:first-child dt.honors {
    	margin-top: 25px;
    }
    
    
    /* alarm */
    
    .wrap.alarm-detail {
        padding-top: 0px;
    }

    .alarm-title {
        display: none;
    }
	
	
	/* 가입인사 */
	#sub-page .process .step .num-step::before{
		display: none;
	}
	
	#sub-page .process .step .num-step::after {
		width: 1px;
		height: 167px;
		top: 100px;
		left: 50%;
		background: #ececec;		
	}
	
	.btn-width {   
		padding: 17px 0px;
    	width: 49.5%;
        min-width:auto;
	}        

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


     .introduction h1{
        margin: 20px 0 20px;
         padding-left: 34px;
         font-size: 22px;
         line-height: 1.5em;
     }
     
     .introduction h1 > i{
         width: 25px;
         height: 25px;
         line-height: 1.8;
     }

     .introduction h2{
         font-size: 20px;
     }

     .introduction h4{
        padding: 1em 0 1em;
         font-size: 18px;
         font-weight: 200;
     }
	#sub-page .introduction .sub-txt-cont dt {
		font-weight: 300 !important;
		color: #4f8aff !important;
	}
	#sub-page .wrap-about-img.site {
		right: -278px;
		width: 50%;
		top: 12px;
	}

    #sub-page #introduction3{
         padding-bottom: 20px;
     }

     #sub-page  #introduction4{
         padding-bottom:30px;
     }

     #introduction4 h2{
         margin-top: 2em;
     }

     .introduction .sale{
         display: block;
     }

     .introduction .sale li{
         width: 50%;
         min-height: 460px;
         dispaly: table-cell;
         float: left;
         padding: 30px;
         text-align: center;
     }
	 .introduction .sale li:first-child{
         padding-top: 90px;
     }
     .introduction .sale li:first-child > img{
         width: 100%;
         margin-bottom: 20px;
     }
     
     .introduction .sale li:first-child > h2 {
     	letter-spacing: -1px;
     }
     
     .introduction .sale .list-wrap {
     	padding-left: 0;
     	letter-spacing: -1px;
     }

     .introduction .call{
         font-size: 22px;
     }

    /* **************************************** *
     * 제휴시설 - 메인
     * **************************************** */
    
    .place-contents .modal-body .list-fillter li label {
        line-height: 22px;
        padding-top: 7px;
    }

    .place-contents .modal-body .list-fillter li label .point {
        display: block;
    }

    .place-contents .modal-body .list-fillter li.on label .point {
        color: #f1f4ff;
    }
    
    .place-contents .modal-body .wrap-buttons {
        padding: 5px 20px;
    }

    /* **************************************** *
     * 제휴시설 - 지도로 찾기
     * **************************************** */
	.area-popup {
		position: absolute;
		top: 0px;
		width: 100%;
		height: auto;
		background: #fff;
		z-index: 9;
	}
	
	.area-popup::after {
		display: none;
	}
	
	#fillter .modal-footer {
		padding: 30px;
	}
    
    .place-contents .info {
        padding-bottom:35px;
    }
    .place-contents .info .title{
    	padding-top:25px;
    }
	
	/* **************************************** *
     * 제휴시설 - 메인 - 메뉴
     * **************************************** */
     #sub-page .main-contents.find .group{
        padding: 0 0;
        margin: 0 0;
     }

     #sub-page .container-fluid.menu-3depth{
         height: 55px;
         overflow: auto;
     }

     #sub-page .container-fluid.menu-3depth .wrap-menu{
         width: 100%;
         min-width: 630px;
         max-width: 630px;
     }

     #sub-page .container-fluid.menu-3depth .wrap-menu ul li {
        position: relative;
        display: inline-block;
        padding: 15px 18px 5px;
        text-align: center;
        background: transparent;
    }
    
    #sub-page .container-fluid.menu-3depth .wrap-menu ul li:first-child {
        text-align: center;
        background: transparent;
    }
    
    #sub-page .container-fluid.menu-3depth .wrap-menu ul li:nth-child(4) {
        width: 20%;
    }
    
    #sub-page .container-fluid.menu-3depth .wrap-menu ul li:nth-child(5) {
        width: 20%;
    }

    #sub-page .container-fluid.menu-3depth .wrap-menu ul li::after{
        top: 45%;
    }
    
    
    #sub-page .container-fluid.header-service {
        padding: 0px;
    }
    
    #sub-page .container-fluid.header-service .inner-fluid{
        padding:20px 0;
    }
    
    #sub-page .container-fluid.header-service .inner-fluid .title.mgb10{
        margin-top:0px;
    }

    .container-fluid .row.inner-fluid {
        width: 100%;
        margin: 0 auto;
    }
    
    #sub-page .container-fluid.menu-2depth .wrap-menu {
        width: max-content;
        float: left;
    }

    #sub-page .container-fluid.menu-3depth .wrap-menu {
        width: 100%;
    }
    
    #sub-page .container-fluid.menu-3depth .wrap-menu ul li a {
        position: initial;
        padding: 0px 0px;
        font-size: 15px;
        letter-spacing: -1px;
        color: #bebebe;
    }

    #sub-page #sub-menu-3depth .wrap-menu ul li a {
        font-size: 15px;
    }

    
    #sub-page .main-contents .group h3 {
        padding-top: 20px;
        padding-left: 0px;
		margin-top: 0px;
        margin-bottom: 0;
        font-size: 24px;
        letter-spacing: -1px;
        text-align: center;
        color: #515151;
    }
	
	#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 .page-header {
		padding-bottom: 0px;
		margin: 30px 0px 30px;
		border-bottom: 0px solid #eee;
		text-align: center;
	}
	
    ul.link_box{
        display: inline-block;
        margin-top: 0;
        width: 100%;
        padding:20px;
        background: #f4f4f4;
    }
    
	 ul.link_box li{
        width: 50%;
        margin-bottom: 10px;
        padding:0 0;
    }

    ul.link_box li:nth-child(odd){
        padding-right: 5px;
    }
    ul.link_box li:nth-child(2n){
        padding-left: 5px;
    }
	
	#sub-page ul.link_box li ul.tabs_find li {
		float: left;
		width: 48%;
		padding: 20px 0px;
		border-bottom: 0px solid #eaeaea;
	}
	
	#sub-page ul.link_box li ul.tabs_find li a {
		padding: 0px 0px;
		padding-left: 0px;
		color: #bdbdbd;
		text-align: center;
	}
    
    ul.link_box li ul.right li{
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 15px;
        background: #1e57ca;
    }
    
    /* 시설 - 탭 */
    .nav-tabs.width33>li {
        width: 33.3%;
    }
    
    /* 제휴시설 - 상세 - 인포메이션 */
    #sub-page.place-page .container-fluid .main-contents .wrap-place-info{
        width: 94%;
        margin: 0px auto 80px;
        border-radius: 0px 0px 0px 0px;
    }
    
    #sub-page.place-page .container-fluid .main-contents .wrap-place-info .group.place{
        padding: 8px 20px;
    }
    
    .wrap-list-link .list-icon li::after {
        position: absolute;
        content: '';
        top: 30px;
        right: 0;
        width: 1px;
        height: 30px;
        background: #e0e6e8;
    }
    
    .wrap-list-link .list-icon li a {
        display: inline-block;
        width: 100%;
        padding: 20px 0px;
        font-size: 15px;
        font-weight: 500;
        color: #333;
    }
    
	.wrap-grade .list-info li {
		padding: 12px 0px;
	}
	
   .wrap-grade .list-info li .title {
      	/* width: 100%; */
        margin-bottom: 10px;
    } 
    
    /* 제휴시설 - 상세 - 이미지그리드 */
    #lightgallery a img {
        width: 23%;
        margin-right: 3px;
        margin-bottom: 5px;
    }

    .bx-wrapper img{
        width: 100%;
    }

	/*.search-btn-wrap {
		width:100% !important;
	}*/
	
    .modal-body .list-fillter li {
        height:58px;
        line-height:58px;
        padding:0;
        text-align:center;
    }
    .modal-body .list-fillter li.on {
        background-color:#2d6ff8;
    }
    .modal-body .list-fillter li input[type=radio]:checked + label {
        color:inherit;
    }
    .modal-body .list-fillter li.on input[type=radio] + label {
        color:#fff;
        letter-spacing:-0.5px;
    }
    .modal-body .list-fillter li label {
        left:0;
        line-height:inherit;
        padding-left:0;
    }
    .list-fillter li label::before {
        display:none;
    }
    .list-fillter li.on label::before {
        position:static;
        display:inline-block;
        vertical-align:middle;
        background: url(../images/icon/icon-map-checkbox-checked.png)no-repeat;
        background-size: 13px;
        width:14px;
        height:17px;
    }
    .fillter .modal-dialog {
        width:100%;
    }
    
    /* **************************************** *
     * 제휴시설 - 지역으로 찾기
     * **************************************** */
    .selection-location li a {
        padding:10px;
    }
    
    body .selection-location li a {
        font-size:16px;
    }
    
    body .list-location li a {
        padding:15px 0;
    }
    
	
    /* **************************************** *
     * 관심시설
     * **************************************** */
    .nav-tabs.width50>li {
        width: 50%;
    }
    
    
    /* **************************************** *
     * 관심시설 - 관리
     * **************************************** */
    .wrap-region-card{
        padding: 0px 15px;
    }
    
    .wrap-region-card .list-region-card .region-card {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0px auto 30px;
    }
    
    body #sub-page .main-contents .group.push .wrap-rcd .rcd-card .info {
        padding:30px 10px;
    }


	/* **************************************** *
     * 마이페이지 레이아웃
     * **************************************** */	
	#my-page .page-header .page-title{
		font-size: 28px;
		letter-spacing: -1px;
		text-align: center;
		color: #333;
	}

	.box-info .row-inner {
		padding:15px 10px;
	}
	
	.box-info .row-inner p.title {
		padding-left: 5px;
		margin-bottom: 10px;
		font-size: 15px;		
	}
	
	ul.list-table li > div {
		padding:5px 5px;
		font-size:13px;
	}
	
	ul.list-table li.wd50 {
		width:100%;
	}
	
	ul.list-table.width100 li > div {
		width:35%;
	}
	
	ul.list-table.width100 li > div.desc {
		width:65%;
	}
	
	ul.list-table li.wd50 div{
		width:35%;
	}
	
	ul.list-table li.wd50 div.desc {
		width:65%;
	}
	
	ul.list-table li .desc input.email {
		width:43%;
	}
	
	ul.list-table li .desc input.width15, ul.list-table li .desc select.width15 {
		width:32%;
	}
	
	select {
		padding: 7px 24px 7px 8px;
        font-size: 14px;
	}
	
	.box-bg {
		min-height: 1px;
		padding: 25px 20px;
		margin-bottom: 5px;
		border-radius: 0px 0px 5px 5px;
	}
	
	.box-bg .width50 {
		width:100%;
		margin:0;
	}
	
	.box-bg .title{
		font-size: 19px;
	}

	.box-bg .subTitle {
		margin-bottom: 0px;
		font-size: 13px;
		font-weight: 300;
		color: #666;
		word-break: keep-all;
	}

	h3.title-section {
		padding: 17px 0px 5px;
		font-size: 19px;
	}

	.box-info .row-inner.myinfo .desc {
		font-size: 27px;
	}

	.box-info .row-inner.myinfo p.title {
		font-size: 13px;
		letter-spacing: 0px;
	}

	.box-info .row-inner.myinfo:first-child {
		border-right:none;
	}
	
	ul.list-table li .title {
		width:35%;
	}
	
	ul.list-table li > div {
		width:65%;
	}
	
	ul.list-table li {
		width:100%;
	}
	
	.desc label {
		width:100%;
	}
	
	ul.list-table li span.file_name {
		width:60%;
		padding:0 2px;
	}
	
	.list-check.third li {
		width:50%;
	}
	
	.panel-heading .panel-title a {
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		padding-right:30px;
	}
	
	.panel-heading .panel-title a i {
		margin-right:-15px;
    }
    
	.panel-heading .panel-title a span.desc,.panel-body p.desc{
        padding-left: 34px;
        font-size: 16px !important;
    }

	.row-attr .width33 {
		width:100%;
		margin:0;
	}
	
	.row-attr .width50 {
		width:100%;
		margin:0;
	}
	
	ul.list-board.mwd25 > li.head > ul > li.title {
		width: 25%;
	}

	ul.list-board.mwd25 > li > ul > li {
		width: 25%;
	}
	
	ul.list-board.mwd33 > li > ul > li {
		width: 33.3%;
	}

	ul.list-board.mwd33 > li > ul > li:last-child {
		width: 33.3%;
	}
	
	ul.list-board.wd25.mwd33 > li > ul > li:last-child {
		width: 33.3%;
	}
	input[type="checkbox"] + label{font-size:14px;}

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

	#my-page .menu-4depth .wrap-menu ul li a:after {
		position: absolute;
		content: '';
		top: 15px;
		right: 0px;
		width: 1px;
		height: 11px;
		background: #b9b9b9;
    }
    /* **************************************** *
     * 전체메뉴
     * **************************************** */
     #my-page .main-contents .group ul.all-menu{
        padding:10px 5px 10px 6px;
     }

     #my-page .main-contents .group ul.all-menu li{
        width:50%;
        padding-left: 10px;
     }

    #my-page .main-contents .group ul.all-menu li:nth-child(3n):after {
        display: block;
    }

    #my-page .main-contents .group ul.all-menu li:nth-child(2n):after {
        display: none;
    }

	/* **************************************** *
     * 비밀번호 변경
     * **************************************** */
	.list-table li .desc .width50 {
		width: 100%;
	}

	
	/* **************************************** *
     * 1:1 문의
     * **************************************** */
	.list-board-editer .head {
		padding: 10px 0;
	}
	.list-board-editer .head .row-attr label, .list-board-editer .bcontents .row-attr label {
		width:25%;
		padding: 7px 15px;
		padding-left:0;
	}
	.list-board-editer .head .attr-value label {
		padding:7px 0px;
		padding-left:25px;
		margin-right:15px;
	}
	.list-board-editer .head .row-attr .attr-value {
		width:75%;
	}
	.list-board-editer .head .attr-value label:last-child {
		width:36%;
		margin-right:0;
	}
	.list-board-editer .bcontents .row-attr span.file_name {
		width:60%;
	}

	
    /* **************************************** *
     * 1:1 문의 답변확인
     * **************************************** */
	ul.list-board.contact_list li > ul li {
		line-height:28px;
		text-align:left;
	}

	ul.list-board.contact_list li.head{
		display:none;
	}

	ul.list-board.wd20.contact_list li > ul li.number {
		display:none;
	}

	ul.list-board.wd20 li > ul li.category {
		width:30%;
		margin-top: 5px;
	}

	ul.list-board.wd20 li > ul li.category span {
		display:inline-block;
		padding:0 10px;
		border-radius:25px;
		font-size:12px;
		border:1px solid #1f66f5;
		color:#1f66f5;
	}

	ul.list-board.wd20.contact_list li > ul li.subject {
        width:100%;
        margin-top: 10px;
        padding:0;
        font-size: 16px;
	}

	ul.list-board.contact_list.wd20 li > ul li.day {
        width:30%;
        color:#BEBEBE;
	}

	ul.list-board.contact_list.wd20 li > ul li.state {
		width:30%;
	}
    
	
	 /* **************************************** *
	 * 등급변경
	 * **************************************** */
    #now .row-inner > .wrap {
        display: flex;
    }
	
    #next .row-inner > .wrap {
        display: flex;
    }
	
    #now .box-info .card {
        padding: 20px;
    }
	
    #next .box-info .card {
        padding: 20px;
    }
	
    .membership_icon {
        width: 20px;
    }
    /*ul.list-board li.ft17 {
        font-size:14px;
    }*/
    
    .gradechange_membership .row-item .ft17 ~ li {
        padding:7px 0 0;
    }
    
    ul.gradechange_membership.list-board li > ul li.ft17 {
        width: 33.3%;
		padding: 7px 0px 0px;
		font-size: 15px;
        line-height:40px;
    }

    ul.gradechange_membership.list-board li > ul li {
        width: 33.3%;
		padding: 7px 0px 0px;
		font-size: 15px;
    }
	
	ul.gradechange_membership.list-board li > ul li .btn.normal{
		font-size: 13px;
		padding: 10px 0px;
		width: 100%;
	}

    .gradechange_membership .row-item:first-child .ft17 {
        color: #3474fb;
    }

    .gradechange_membership .row-item .ft17 {
        color: #0ab90a;
    }

    ul.gradechange_membership.list-board li {
        padding: 0 0 12px;
    }

    ul.gradechange_membership.list-board li.ft17 {
        padding: 0;
    }
    
    /* 컬처 등급변경 - 등급에서 선택 */
    .cont-memranking .culture p.class_name {
    	font-size: 24px !important
    }
	.box-info.grade.culture .wrap-gradeInfo.addition_1 {
		padding: 55px 20px 53px 10px;
	}
	.cont-memranking .culture .list-grade_2 > li.subtext_addition_01 {
		margin-top: -1px;
	}
    .cont-memranking .culture .list-grade_2 > li.subtext_addition_02 {
    	margin-top: 2px;
    }
    
    
     /* **************************************** *
     * 등급변경 내역
     * **************************************** */
    
    .row-inner ul.list-board.grade_change_log.wd20 li.row-item > ul > li:first-child,  ul.list-board.stop_log.wd25 li.row-item > ul > li.membership {
        width: 100%;
    }

    .row-inner ul.list-board.grade_change_log.wd20 li.row-item > ul > li:first-child, ul.list-board.stop_log.wd25 li.row-item > ul > li.membership{
        background: #f7f7f7;
    }

    .row-inner ul.list-board.grade_change_log .row-item > ul li.head-mobile, ul.list-board.stop_log .row-item > ul li.head-mobile{
        display: block;
        position: relative;
        float: left;
        width: 100%;
        padding: 0 0px;
        background: #fff;
        border-bottom: 1px solid #dedede;
        text-align: center;
    }

    .row-inner ul.list-board.grade_change_log .head, ul.list-board.stop_log .head{
        display: none;
    }

    .row-inner ul.list-board.grade_change_log .row-item > ul li.head-mobile li, ul.list-board.stop_log .row-item > ul li.head-mobile li{
        font-weight: 400;
    }

    .row-inner ul.list-board.grade_change_log.wd20 li > ul li{
        width: 33%;
    }
    .my-stop-log ul.list-board.wd25 li.head-mobile li, .my-stop-log ul.list-board.wd25 li.head-mobile li:last-child{
        width: 50%;
    }

    .list-board.grade_change_log .row-item li:last-child a,.list-board.wd25.stop_log .row-item li:last-child a{
        width: 100%;
        margin-top: 5px;
    }

    .row-inner ul.list-board li.row-item.pdt0 {
        padding: 0 0 12px;
    }

    ul.grade_change_log.list-board li.ft17 {
        font-size: 14px;
    }

    .grade_change_log .membership_icon {
        vertical-align: middle;
    }

    .grade_change_log .ft17 + .ft17 {
		position: relative;
	}

    .grade_change_log .ft17 + .ft17:after {
        content: '';
        position: absolute;
        top: 40px;
        right: 0px;
        width: 1px;
        height: 12px;
        background: #ddd;
    }

    .grade_change_log .ft17 + .ft17:before {
        content: '';
        position: absolute;
        top: 40px;
        left: 0px;
        width: 1px;
        height: 12px;
        background: #ddd;
    }

    ul.grade_change_log.list-board li > ul li {
        line-height: 30px;
    }
	.row-inner ul.list-board.grade_change_log.wd20 li.row-item > ul > li.membership.sport{
		font-size: 17px;
        line-height: 40px;
		color: #3474fb;
	}
	.row-inner ul.list-board.grade_change_log.wd20 li.row-item > ul > li.membership.culture{
		font-size: 17px;
        line-height: 40px;
		color: #0ab90a;
	}
    ul.list-board.stop_log.wd25 li.row-item > ul > li.membership {
        font-size: 17px;
        line-height: 40px;
        color: #3474fb;
    }

     ul.list-board.stop_log.wd25 li.row-item > ul > li.membership.culture{
        color: #0ab90a;
    }
	
    .grade_change_log span.title {
        display: block;
        font-size: 15px;
        font-weight: 500;
        background-color: #eee;
    }

	 /* **************************************** *
     * 일시정지
     * **************************************** */
		
	.my-stop-log .wrap.board {
		padding:0;
	}
	
	.my-stop-log ul.list-board.wd25 li > ul li {
		width:50%;
	}
	
	ul.list-board.wd25 > li > ul > li:last-child {
		width:25%;
	}
	
    ul.list-board.wd25 li > ul li.stop_cancel_li {
        width:100%;
    }
	
	ul.list-board.wd25 li > ul li:last-child .btn {
		width:auto;
	}
	
	.my-stop-log .list-board.wd25 .head li:last-child {
		display:none;
	}
	
	.my-stop-log ul.list-board li.head ul li::after {
		right:auto;
		left:0;
	}
	
	.my-stop-log ul.list-board li.head ul li:first-child::after {
		display:none;
	}
	
    .my-stop-log ul.list-board.wd25 li > ul li:last-child {
        width:100%;
    }
    
    #cMem-sayu .table thead tr th, #sMem-sayu .table thead tr th {
        padding: 17px 0;
    }

    #cMem-sayu .table tbody tr td, #sMem-sayu .table tbody tr td {
        padding: 14px 0;
        font-size: 14px;
    }
    
    .list-check label {
        font-size:14px;
    }
    
    .list-check li input[type="radio"]+label+input[type="text"] {
        font-size:14px;
        width:100%;
    }
    
    
    /* **************************************** *
     * 혜택 - 혜택
     * **************************************** */
    
    .col-md-4.benefit_item {
        padding-bottom: 5px;
    }

    #sec-pointuse2 .wrap-about-img >img.no-shadow{
        top: 0;
    }
    
    /* **************************************** *
     * 혜택 - 포인트
     * **************************************** */    
     .cont-linebox .title{
     	margin-bottom: 40px;
     }
    .cont-linebox .title span {
    	float: left;
    }
    
    /* **************************************** *
     * 혜택 - 지난이벤트
     * **************************************** */
    
    #sub-page .container-intro.benefit-intro #intro .box-icon span {
        padding: 0 19px;
        word-break: keep-all;
    }
    
    .events-item a + .btn {
        bottom: 0px;
    }
    
	
    /* **************************************** *
     * 혜택 - 당첨자발표조회
     * **************************************** */
    
    .winnerSearch {
        width:100%;
    }
    .winnerSearch #keyword {
        width:84%;
        height: 40px;
    }
    .winnerSearch input::placeholder {
        font-size:14px;
    }
    .winnerSearch .btn, .winnerSearch .btn:hover {
        width:15%;
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
    }
    .winner_list.list-board.mobile-hidden {
        display: none;
    }
    .winner_list.list-board.mobile-show {
        display: block;
        clear:both;
    }
    .winner_list.list-board li.row-item > ul li.title {
        text-align:left;
    }
    .winner_list.list-board li > ul li.num {
        display:none;
    }
    .winner_list.list-board li > ul li.title {
        width:50%;
    }
    ul.list-board.winner_list.mobile-show li.row-item > ul li.thumb {
        width: 20%;
    }

    .thumb img {
        width: 100%;
    }

    ul.list-board.winner_list.mobile-show li.row-item > ul li.title {
        width: 80%;
        padding: 5px 10px 0;
        text-overflow: ellipsis;
        font-size: 16px;
    }

    ul.list-board.winner_list.mobile-show li.row-item > ul .title + li {
        width: 80%;
        text-align: left;
        padding: 0 10px;
    }

    .winner_list.mobile-show .date {
        margin-right: 10px;
        color: #999;
    }
    
	
    /* **************************************** *
     * 혜택 - 이벤트 상세
     * **************************************** */
    .reply_input_wrap button {
        padding:11px 18px;
    }
    /*공유하기 버튼때문에 수정하면 안됨...*/
    body .share_btn {
        margin-left:82px;
    }
    /*공유하기 버튼때문에 수정하면 안됨...*/
    .share_wrap + .benefit_title h3 {
        margin-bottom: 30px;
    }
    
	
    /* **************************************** *
     * 혜택 - 상품구매내역
     * **************************************** */
    .purchase_list .head {
        display:none;
    }
	
    ul.list-board.purchase_list li > ul li {
        text-align: left;
        line-height:28px;
    }
	
    ul.list-board.wd14 li > ul li.name.desc {
        width: 100%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        padding-right:5px;
        font-size:15px;
        color:#000;
    }
	
    ul.list-board.wd14 li > ul li.date.desc {
        width: auto;
        font-size:14px;
        color:#999;
        margin-right:7px;
        padding-right:7px;
    }
	
    ul.list-board.wd14 li > ul li.date.desc:after {
        position: absolute;
        display: inline-block;
        height: 14px;
        width: 1px;
        content: '';
        background-color: #999;
        top: 8px;
        right: 0;
        vertical-align: middle;
    }
	
    ul.list-board.wd14 li > ul li.product.desc {
        width: auto;
        font-size:14px;
        color:#999;
        margin-right:7px;
        padding-right:7px;
    }
	
    ul.list-board.wd14 li > ul li.product.desc:after {
        position: absolute;
        display: inline-block;
        height: 14px;
        width: 1px;
        content: '';
        background-color: #999;
        top: 8px;
        right: 0;
        vertical-align: middle;
    }
	
    ul.list-board.wd14 li > ul li.number.desc {
        width: 12%;
    }
	
    ul.list-board.wd14 li > ul li.cost {
        width: auto;
        font-size:14px;
        color:#999;
    }
	
    ul.list-board.wd14 li > ul li.code {
        display: none;
    }
	
    ul.list-board.wd14 li > ul li.state {
        width: 8%;
    }
	
    .item_pc {
        display:none;
    }
	
    .item_m {
        display:block;
    }
    
    ul.list-board li.row-item > ul li {
        line-height: 21px;
        padding: 10px 0;
        word-break:break-word;
    }
    
    ul.list-board.purchase_list li.row-item > ul li {
        line-height:28px;
        padding:0px;
        word-break: break-word;
    }
    
	
	/* **************************************** *
     * 마이페이지 - 메인
     * **************************************** */
	#my-page .main-contents .group ul.box li a.stats {
		position: relative;
		display: inline-block;
		right: 0px;
		bottom: 0px;
	}
	
	
    /* **************************************** *
     * 마이페이지 - 결제정보 변경
     * **************************************** */

    #ML_TEL2_NUM_CRPT_1 {
        width:27%;
    }
    
    .list-check .width50 {
        width: 70%;
    }
    
    /* **************************************** *
     * 마이페이지 - 멤버십 조회 변경
     * **************************************** */
    
    .wrap-prc .list-prc li {
        word-break:keep-all;
        padding:0;
		font-size: 14px;
    }
	
    .wrap-prc .list-prc li .nbr {
        display: block;
        margin: 0 auto 5px;
    }
	
    .wrap-prc .list-prc li .glyphicon {
        display:none;
    }
    
    .txt-center .sign .btn.gray {
        width: 100%;
    }
	
	/* **************************************** *
     * 마이페이지 - 포인트
     * **************************************** */
	.box-info .row-inner .point_wrap p.title {
		margin-top: 10px;
		font-size: 22px;
		line-height: 1;
		color: #1f66f5;
		margin-top: 10px;
	}
	.box-info .row-inner .item_sub {
		padding: 20px;
	}

    /* **************************************** *
     * 제휴문의
     * **************************************** */
    
    ul.list-table.width100 li.wd50 {
        width: 100%;
    }

    .inquiry_box ul.list-table.width100 li.wd50 > div {
        width: 30%;
    }
    
    .inquiry_box ul.list-table.width100 li > div {
        width:30%;
    }
    
    .inquiry_box ul.list-table.width100 li > div.desc {
        width:70%;
    }

    .inquiry_box ul.list-table.width100 li.wd50 > div.desc {
        width: 70%;
    }

    .inquiry_box .btn.gray ~ input[type="text"] {
        width: 100%;
    }

    .inquiry #UC_CHRG_TEL_1 {
        width: 30%;
    }

    .inquiry_box ul.list-table li .tel.desc input, .inquiry_box ul.list-table li .tel.desc select {
        width: 28%;
    }

    .inquiry_box .btn-group-vertical>.btn, .inquiry_box .btn-group>.btn {
        width: 100%;
        margin-top: 5px;
    }

    .inquiry_box .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-radius:3px;
    }

    .inquiry_box .btn-group>.btn:last-child:not(:first-child), .inquiry_box .btn-group>.dropdown-toggle:not(:first-child) {
        border-radius:3px;
    }
    
    .inquiry_box ul.list-table li .mail + .desc input, .inquiry_box ul.list-table li .mail + .desc select {
        width: 44%;
    }
    
    .inquiry_box textarea {
        width:100%;
    }
    
    .inquiry_box #CC_CHANNEL_TEXT {
        margin-top:5px;
    }
    
	
	/* **************************************** *
     * 회사소개 - 카드뉴스
     * **************************************** */	
	.list-news li {
		float: left;
		width: 50%;
		/* padding: 0px 15px 15px; */
		margin-bottom: 20px;
	}
	
	#sub-page .list-news li:nth-child(2n-1) {
		padding: 0 8px 0 0;
	}
	#sub-page .list-news li:nth-child(2n) {
		padding: 0 0 0 8px;
	}
 
	
	.list-vnews li {
		float: left;
		width: 50%;
		padding: 0px 15px 15px;
		margin-bottom: 10px;
	}
    
    /* **************************************** *
     * 마이페이지 - 탈퇴
     * **************************************** */	
    
    .subject_btn_group {
        display:block;
    }
    
    .subject_btn {
        width:32%;
        margin-right:0;
        margin-bottom:3px;
        height:130px;
    }
    
    .quiz_btn_group .btn {
        width:49%;
    }
    
    .quiz_btn_group .btn:first-child {
        margin-right:0;
    }
    
    .why_secession li {
        width: 100%;
    }
    
    .why_secession input[name="MD_SAYU"] + label + input {
        width: 100%;
    }
    
    .row-bottom .width50 .btn {
        padding: 10px 12px;
    }
    
    .row-bottom .width50:first-child .btn {
        width:100%;
    }
    
    #secessionSubmit .modal-body .box-info .row-inner ul.list-table li > div.title {
        width:40%;
    }
    
    #secessionSubmit .modal-body .box-info .row-inner ul.list-table li > div.desc {
        width:60%;
    }
    
    
    .box-bg.delMem {
    	padding: 20px;
    }
	.box-bg.delMem .subTitle {
		font-size: 15px;
		line-height: 1.6em;
		margin-bottom: 15px;
		color: inherit;
	}


    .withdraw-step2-tip li:last-child {
    	float: none;
    	text-align: center;
    	margin: 20px 0 5px 0;
    	width: 100%;
    }
    
    .withdraw-step2-tip li:nth-child(2) span {
    	font-size: 0.9em;
    }
    
    .box-bg.delMem .subTitle {
		margin-bottom: 0;
	}
	//공유하기 버튼에 사용 하므로 주석처리
	/* 
		.txt-right .btn, .text-right .btn {
				width: inherit;
				margin: 0 auto;
		}
	 */
	


	
    /* **************************************** *
     * 마이페이지 - 친구추천하기
     * **************************************** */
    
    .recommend_title {
        font-size: 15px;
    }

    .recommend_reward {
        font-size: 22px;
    }

    .recommend_point {
        font-size: 14px;
    }

    .recommend + section .row + .row:before {
        font-size: 40px;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }
    
    .recommend + section .box-info .row-inner p.title {
        font-size:16px;
    }
    
    .wrap.share .list-share li a span{
		display: block;
		font-size: 11px;
		font-weight: 400;
	}
	
	/* **************************************** *
     * 고객센터 - 자주 묻는 질문
     * **************************************** */
    #sub-page .faq-content-sub ul li {
    	width: 33.3%;
    	float: left;
    }
    
    
    
    /* **************************************** *
     * 메인페이지
     * **************************************** */	
    
    body #sec-home3 .wBenefits .left img {
        height: auto;
        width: 100%;
    }

    body #sec-home3 .wBenefits .left {
        width: 16%;
    }

    body #sec-home3 .wBenefits .right {
        padding-left: 16%;
    }
    
    body #sec-home3 .wBenefits {
        height:40px;
    }
    
    
	
	
    /* **************************************** *
     * Back to Top
     * **************************************** */
    #btn-top{
        right: 10px;
    }

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

     footer {
        background-image: url(../images/footer/bg-background.png);
        background-position-x: 60% !important;
        background-size: 100%;
        background-position: bottom;
    }

    footer .information{
        padding-top:0;
    }
	
	footer .information .wrap-footerLogo {
		float: left;
		display: inline-block;
        width: 100%;
        padding-top: 0;
	}
	
	.logo-footer{
		margin-bottom: 20px;
	}
	
	footer .information .wrap-footerInfo{
		width: 100%;
	}
	
	footer .information ul.desc li {
		position: relative;
		float: left;
		margin-bottom: 0px;
/* 		padding-right: 4px;
		margin-right: 4px; */
		font-size: 12px;
		/* font-weight: 400; */
		color: #808080;
	}
	
	footer .information ul.desc li::after {
		content: '';
		position: absolute;
		top: 4px;
		right: 0px;
		width: 1px;
		height: 10px;
		background: #8b9198;
	}
	
	footer .information ul.util {
		overflow: hidden;
		margin-bottom: 7px;
	}
	
	footer .information .wrap-footerInfo ul.util li::after {
		content: '';
		position: absolute;
		top: 4px;
		right: 0px;
		width: 1px;
		height: 12px;
		background: #c1c1c1;
	}
	

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


	
	
 
	/* **************************************** *
     * 통합검색
     * **************************************** */
	.areaTop {
		padding: 10px;
	}
	
	ul.list-board.wd20 li > ul li.view{
		display: none;
	}
	
	ul.list-board.contact_list.wd20 li > ul li.state {
		display: none;
	}
	
	.bx-sbd .row-inner.search {
		padding: 10px 5px;
		margin-bottom: 10px;
	}
	
	.bx-sbd .row-inner.search select,.bx-sbd .row-inner.gray.search select {
		width: 25%;
	}
	
	.bx-sbd .row-inner.search .find-bar,.bx-sbd .row-inner.gray.search .find-bar {
    	width: 60%;
	}
	
	.bx-sbd .row-inner.search button,.bx-sbd .row-inner.gray.search button {
    	width: 15%;
	}
	
	ul.list-board.sctotal li.row-item {
		padding: 10px 0px;
	}
	
	ul.list-board.sctotal li > ul li {
		line-height: 1.5;
	}
	
	ul.list-board.sctotal li > ul li.number {
		padding: 3px 0 10px 5px;
		width: 5%;
	}
	
	ul.list-board.sctotal li > ul li.placeTit {
		width: 80%;
		font-size: 16px;
		padding: 0 0 10px 15px;
	}
	
	ul.list-board.sctotal li > ul li.addr {
		width: 100%;
		padding: 10px 0 0 52px;
		float: left;
	}
	ul.list-board.sctotal li > ul li.line {
		border-top: 1px solid #ddd;
		padding: 0;
	}	

	ul.list-board.sctotal li > ul li.kind {
		width: 100%;
		padding: 10px 0 0 52px;
	}
	
	ul.list-board.sctotal li > ul li.grade {
		width: 100%;
		float: right;
		text-align: right;
		padding: 5px 0 10px 52px;
		line-height: 1.5em;
	}
	ul.list-board.sctotal li > ul li.grade li {
		width: 100%;
	}
	ul.list-board.sctotal li > ul li > ul li {
		width: auto;
		padding: 0px;
		margin-right: 10px;
	} */
    
    /* 스마트폰 분실/고장 */
    body .oneday_barcode_wrap p {
        padding:10px 0;
    }
    
    /* 모바일 - 서브메뉴 */
    #sub-menu .col-xs-12 .wrap-slide-menu {
        display: block;
        max-width: auto;
        width: auto;
        height: 31px;
    }
    
    /* footer - 앱 배너 */
    .app-banner{
        display: block;
        position: fixed;
        width: 100%;
        height: 50px;
        background: rgba(51, 51, 51, 0.7);
        left: 0px;
        bottom: -50px;
        z-index: 10;
        transition: 100ms all ease-in-out;
    }
    
    .app-banner.on{
        bottom: 0px;
    }
    
    .app-banner a.app-link{
        position: absolute;
        top: 13px;
        left: 20px;
        font-size: 17px;
        font-weight: 100;
        color: #fff;    
    }

    .app-banner a.app-link img{
        float: left;
        margin-right: 7px;
    }

    .app-banner a.app-close{
        position: absolute;
        top: 12px;
        right: 20px;
        color: #fff;
    }
    .container .menu-3depth .wrap-menu{width:max-content;float:left;}
}
@media (min-width: 769px){
    .tm-show{
        display: none;
    }
    

    
}



@media (max-width: 767px){
    .caption-bar{
        font-size: 15px;
    }    
    /* back btn */
    #btn-bak{
        display: block;
        opacity: 0.8;
    }
    .m2-hidden {
    	display: none;
    }
    

	/* **************************************** *
     * 통합검색
     * **************************************** */
     .bx-sbd .row-inner.gray.search .find-bar, .bx-sbd .row-inner.gray.search button, .bx-sbd .row-inner.gray.search select{
        height: 40px;
        font-size: 14px;
     }
     .bx-sbd .row-inner.gray.search .find-bar::placeholder {
        font-size:14px;
    }

    /* 서브타이틀 */
    #sub-page .container-intro.mem-intro.culture{
        background-size: 200%;
    }
    #sub-page .container-intro.partner-intro{
        background-size: 300%;
        background-position-x: 78% !important;
    }

    #sub-page .page-header p{font-size: 16px;}

	ul.list-board.sctotal li > ul li.number {
		width: 10%;
	}    

    /* 2depth */
    #sub-page .container-fluid.menu-2depth .wrap-menu li,#sub-page .container-fluid.menu-2depth .wrap-menu ul li {
        position: relative;
        float: left;
        width: auto;
        padding: 0px 0px;
        margin-right: 0px;
        text-align: center;
        background: transparent;
    }
    #sub-page .container-fluid.menu-2depth .wrap-menu li a,#sub-page .container-fluid.menu-2depth .wrap-menu ul li a{
        position: relative;
        display: inline-block;
        padding: 15px 13px;
        border-radius: 0px;
        background: transparent;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -.5px;
        color: #999;
        transition: all 150ms;
    }
    #sub-page .container-fluid.menu-2depth .wrap-menu ul li a.active::after,#sub-page .container-fluid.menu-2depth .wrap-menu ul li a::after{
        bottom: 0;
    }
    


    

    /* 모바일 - 서브메뉴 */
    #sub-menu .col-xs-12 .wrap-slide-menu {
        display: block;
        min-width: 450px;
        width: auto;
        height: 31px;
    }

    .cont-memranking .culture .list-grade li.name {
        width: 80%;
    }
    
    #sub-menu-3depth .wrap-menu {
        /*width: 100%;
        min-width: 400px;
        max-width: 400px;*/
        width: max-content;
    }
    #sub-menu-3depth .wrap-menu.faq {
        min-width: 700px;
    }

    #sub-menu-3depth .wrap-menu.event {
        min-width: 440px;
    }
    
    
   
    /* 멤버십 */
    .visual-banner .use-img li{
        width: 100%;
        margin-bottom:15px;
        text-align: center;
    }
    
    .visual-banner .use-img li img{
        width: 60%;
    }

    .visual-banner .use-textbox{
        font-size: 16px;
    }
    
    
    
    /* 멤버십 - 등급안내 */
   .cont-memranking .sec-title{
    padding: 10px 0 0;
    }

    .cont-memranking .sec-title h2{
    font-size: 22px;
    }

    .cont-memranking .sec-title span{
        font-size: 16px;
        float: left;
    }

    .cont-memranking .wrap-gradeInfo .wrap{
    padding:25px;
    }

    .cont-memranking .list-grade > li{
    display: block;
    width: 40%;
    float: left;
    }
    .cont-memranking .list-grade > li:last-child{
    width: 16%;
    float: right;
    }

    .cont-memranking .list-grade > li:last-child a{
    margin-bottom: 10px;
    }

    .cont-memranking .appointed > li {
    width: 60%;
    }
    .cont-memranking .appointed > li:last-child {
    width: 40%;
    }
    .cont-memranking .appointed > li .list-infoment, .cont-memranking .appointed > li .list-price{
    width: 100%;
    text-align: left;
    }

    .cont-memranking .list-grade li.name i{
    font-size: 16px;
    }

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

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

    .cont-memranking .list-grade li.name{
    width: 100%;
    font-size: 20px;
    }

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

    .cont-memranking .list-grade li.sale{
    font-size: 18px;
    }

    .cont-memranking .wrap-gradeInfo .wrap.desc{
    padding: 7px;
    }

    .cont-memranking .list-grade li .mobile-hidden{
    display: none !important;
    }
	#sub-page .faqRanking-cont li:nth-child(2){
	position: absolute;
	top: 9px;
	}
	#sub-page .faqRanking-cont li:last-child {
	position: absolute;
	color: #4F7DFF;
	left: 61px;
	top: 12px;	
	}
	
	
    /* 멤버십 - 이용안내 */
    #sub-page .page-header .page-title.member-qna-tit{
        font-size: 18px;
        line-height: 1.5;
    }

    .member-qna-content .col-2 li, .member-qna-content .col-3 li{
        width: 100%;
        margin-bottom: 15px;
    }    
    .member-qna-content .col-6 li{
        width: 50%;
        margin-bottom: 15px;
    }
    .member-qna-content .list li h2{
        margin: 5px 0;
        font-size: 18px;
    }
    .member-qna-content .list .rating-guide{
        font-size: 15px;
    }

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

    .panel-body .member-qna-content{
        padding: 0;
        padding-left: 12%;
        font-size: 16px;
    }

    .member-qna-content .list.bottom li::after{
        display: none;
    }

    .member-qna-content .system{
        padding: 0;
        padding-top:30px;
    }

    .member-qna-content .system:after{
        top:0;
        bottom: auto;
        left: 30%;
    }
    
    .system dl{
        margin-left: 5px;
    }
    .system dt{
        font-size: 22px;
    }
    .system dd{
        font-size: 16px;
    }

    .member-qna-content .caption{
        font-size: 16px;
    }
    .member-qna-content .caution ul li{
        width: 100%;
        padding:10px 0;
    }
    .member-qna-content .caution ul li:first-child{
        border-right: 0;
        border-bottom: 1px solid #BEBEBE;
    }
    
    
    /* 컬처 등급변경 - 등급에서 선택 */
	.box-info.grade.culture .wrap-gradeInfo {   	
		width: 100%;
		border-right: 0px;
	}

	.box-info.grade.culture .wrap-gradeInfo img{   	
		margin: 0 auto;
	}
	
	
	.box-info.grade.culture .wrap-gradeInfo.addition_1 {
		padding: 0 0 0 30px; 	
	}
	.cont-memranking .culture .list-grade_2 {
		position: relative;
	}
	.cont-memranking .culture .list-grade_2 > li.subtext_addition_01 {
		position: absolute;
		bottom: 16px;
	}
	.cont-memranking .culture .list-grade_2 > li.subtext_addition_02 {
		width: 60%;
		text-align: left;
		padding-top: 32px;
	}
	.cont-memranking .culture .list-grade_2 > li.subtext_addition_03 {
		width: 60%;
		text-align: left;
	}
	.cont-memranking .culture .list-grade_2 > li.subtext_addition_03 span {
		font-size: 24px;
	}
	.cont-memranking .culture .list-grade_2 > li:last-child {
		width: 30%;
		font-size: 14px;
		position: absolute;
		padding-top: 45px;
		display: inline-block;
	}
	.cont-memranking .culture .list-grade_2 > li:last-child .btn.medium {
		padding: 20px 25px;
		font-size: 16px;
	}
	.cont-memranking .culture .list-grade_2 > li.subtext_addition_01 .btn.outline {
		border: 1px solid #f2f2f2;
		background: #fff0;
		color: #fff;
		font-weight: 200;
		border-radius: 20px;
		padding: 4px 15px;
	}
	.box-info.grade.culture .wrap-gradeInfo:nth-child(2) {
    	width: 100%;
	}
	
	/*  
	.box-info.grade.culture .wrap-gradeInfo:nth-child(2) .btn{
		display: inline-block;
		font-size: 14px;
		padding: 7px 15px;
		border-radius: 4px;
	}*/
    
	#change-info .box-info.before, #change-info .box-info.after {
		overflow: visible;
		position: relative;
		float: left;
		width: 100%;
		padding: 35px 0px;
		margin-bottom: 5px !important;
		border: 1px solid #e7e7ea;
		border-radius: 5px;
		text-align: center;
		margin: 0px 0%;
	}
	
	#change-info .box-info.before::after {
		position: absolute;
		content: '';
		top: 80%;
		right: 50%;
		width: 70px;
		height: 70px;
		border-radius: 25px;
		background: url(/images/mypage/bg-arrow.png)no-repeat center center;
		font-size: 35px;
		line-height: 50px;
		color: #333;
		z-index: 2;
		transform: translateX(50%) rotate(90deg);
	}
    
    #my-page .menu-imageLink .wrap-menu ul li a {
        padding: 12px 12px 12px 12px;
        font-size: 16px;
    }
    #my-page .menu-imageLink .wrap-menu ul li a:hover span, #my-page .menu-imageLink .wrap-menu ul li a.active span{
        padding-left: 15px;
    }

    #my-page .menu-imageLink .title{
        font-size: 15px;
    }    
    
    
    
    /* 제휴시설 */
    #sub-page .main-contents.cont-veiwMap{
        /* padding:0 15px; */
    }

    /* 혜택 반응형 */
    #benefit_content .cont-linebox{
        padding: 0 0;
        margin-top: 20px;
    }

    #sub-page .container-intro.benefit-intro {
        background-position-x: 82% !important;
        background-size: 210%;
    }

    .benefit-fit-list li,.benefit-list li{
        width: 100%;
    }

    .benefit_title .btn-list{
        margin-top: 10px;
        color:#fff;
        float: none !important;
        overflow: hidden;
    }

    .cont-linebox .title h1{
        font-size: 22px;
        line-height: 1.5;
    }

    .cont-linebox .title h4{
        font-size: 18px;
        line-height: 1.5;
    }

    .cont-linebox .title .caption{
        margin-top: 10px;
        float: none;
        font-size: 15px;
    }

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

    .cont-linebox .content{
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .cont-linebox .content li{
        font-size: 16px;
        font-weight: 200;
    }

    .cont-linebox.col-3 .content li{
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }
    .cont-linebox.col-4 .content li{
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }

    .cont-linebox.col-3 .content li:first-child{
        margin-top: 0;
    }

    .cont-linebox.point-bg-cont > div{
        padding:0 0 20px;
        background-size: 30%;
    }

    .point-list-wrapper{
        background-image: none;
    }

    .point-list-inner{
        margin-top:10px;
    }

    .point-list-inner .content li{
        font-size: 16px;
    }

    .point-list-inner .content li .point{
        font-size: 18px;
    }

    .cont-linebox.col-3.check .content li > div{
        padding: 15px;
    }

    .cont-linebox.check .content li div img{
        margin: 0 0;
        margin-right: 1%;
        float: left;
        width: 9%;
    }

    .cont-linebox.check .content li div dl {
        width: 90%;
        float: left;
        padding-left: 10px;
        text-align: left;
    }

    .cont-linebox.check .content li dt{
        font-size: 18px;
    }
    
    .cont-linebox.check .content li dd{
        font-size: 16px;
    }
    
    .point-list-inner .content dt{
        min-height: auto;
    }

    .point-list-inner .content dt h2{
        width: 60%;
        font-size: 20px;
    }

    .point-list-inner .content dt .button {
        width: 40%;
    }
    
    .point-list-inner .content dd,.point-list-inner .way > ul{
        min-height: auto;
    }

    .point-list-inner .way > ul li{
        font-size: 15px;
        font-weight: 200;
    }

    .point-list-inner li{
        width: 100%;
        padding: 0 0;
    }

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

    .cont-linebox.join .content li dt{
        position: initial;
        font-size: 18px;
    }

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

    .point-list-inner .content dt .button > a{
        float: right;
        text-align: right;
    }
    
    .content .button .popup .popuptext{
        min-width: 250px;
    }

    .content .button .popup .popuptext dd{
        font-size: 16px;
    }

    #sec-pointuse2.cont-linebox .content > a {
        position: relative;
        margin-top:20px;
    } 
    
	#sec-pointuse2.cont-linebox .content li a {
	margin: 0 auto;
	display: block;
	max-width: 65%;
	margin-top: 40px;
	} 
	
	
    /* 기업가능 회사 검색 */
    
    #sub-page .sec-content-half .inner-contents .top-area .txt-cont button {
    	margin-top: 0;
    }

    /* 도입혜택 */
    .introduction .col-md-7, .introduction .col-md-6, .introduction .col-md-5{
		width: 100%;
		float: left;
	}    
    .introduction .sale li{
         width: 100%;
     }
    #sub-page .introduction .text-site {
		position: relative;
		top: 280px;
	}
	#sub-page .introduction .img-site {
		bottom: 140px;
	}
	
	.introduction .sale .list-wrap {
     	padding-left: 0;
     	letter-spacing: -1px;
	}
	.introduction .sale li {
		display: inline-block;
		min-height: auto;
		padding: 20px;
	}
	 .introduction .sale li:first-child{
         padding-top: 20px;
     }	
     #sub-page #introduction4.introduction .header {
     	text-align: left;
     }
     #sub-page .introduction {
     	padding-bottom: 70px;
     }
    
    /* 모바일 아이콘 박스 */
    .mobile-iconbox .content li > div{
        position: relative;
    }

    .mobile-iconbox li div img {
        width: 20%;
        position: absolute;
        top: 0;
        right: 32px;
    }

    .mobile-iconbox .content li > div dl, .mobile-iconbox.use .content li > div dl {
        margin: 0 0;
    }

    .mobile-iconbox .content li  div dt, .mobile-iconbox.use .content li div dt{
        display: block;
        text-align: left;
    }

    .mobile-iconbox .content li  div dd, .mobile-iconbox.use .content li div dd{
        padding-left: 0;
        font-size: 16px;
    }

    /* 회비반응형 */
    .type-case > li{
        width: 100%;
        margin-top: 15px;
    }

    .type-case > li > div > span{
        font-size: 14px;
        border-radius: 0 0 40px 0;
    }

    .type-case .body dt{
        margin-bottom: 10px;
        font-size: 16px;
    }

    .type-case .body dd table{
        width: 100%;
        font-size: 15px;
    }

    .type-case .body .contents th {
        width: 25%;
    }
    
    .type-case .body .contents td {
        width: 75%;
    }

    .type-case .body .contents ul{
        padding:0 0;
    }

    .type-case .body .contents ul li{
        margin: 0px 0 3px;
        font-size: 15px;
        vertical-align: top;
    }
    
    .interview > li {
        padding: 10px 0 30px;
    }

    .interview > li:last-child{
        padding-bottom: 0;
    }

    .interview .paragraph{
        width: 100%;
    }

    .interview .paragraph li{
        width: 100%;
    }

    .interview .paragraph li img{
        width: 60%;
        margin-top: 30px;
    }

    .interview .paragraph.left li:first-child{
        display: none;
    }

    .interview .paragraph.left li:last-child{
        display: block;
    }

    .interview .paragraph .txtbox dt{
        font-size: 20px;
    }

    .interview .paragraph .txtbox dt::before {
        top: 16px;
        width: 50px;
        background-size: 50px;
    }

    .interview .paragraph .txtbox dd{
        font-size: 16px;
    }

    .interview .paragraph li.img > span{
        font-size: 15px;
    }

    /* 가입가능회사 */
    #sec-partner1,#sec-support01,#sec-support01 .row.inner-contents{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    #sec-partner2 .list-col-3 img{
        width: 24%;
        float: left;
    }
   
    
     .company-history h3::before{
     content: '';
     margin:0 auto;
     margin-bottom:20px;
     display: block;
     width: 46px;
     height: 31px;
     background: url(/images/company/history-title.png)  no-repeat;
     background-size: 46px;
 	}

    #sec-partner2 .list-col-3 li > div{
        width: 70%;
        padding-left: 10px;
        float: left;
        text-align: left;
        font-size: 16px;
    }

    .row.bg-cont.partner > div{
        background-size: 30%;
        background-position-y: bottom;
    }    

    .row.bg-cont.support > div{
        background-size: 40%;
        background-position-y: bottom;
        padding-bottom: 60px;
    }

    /* 가입안내 */
    #sub-page .container-intro.guide-intro{
        background-size: cover;
        background-position-x: right !important;
    }
    
    .cont-linebox.join .content {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
    }

    .cont-linebox.join .content li{
        width: 100%;
        margin-bottom:10px;
        float: left;
    }

    .cont-linebox.join .content .popup{
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .content .popup.up .popuptext dd{
        margin-top: 0;
        padding-top: 5px;
        font-size: 15px;
    }

    .cont-linebox.join.cont-linebox.col-3 .content li {
        margin-top:0;
    }

    .cont-linebox.join.cont-linebox.col-3 .content li > div {
        padding:15px 20px;
    }

    .cont-linebox.col-4 .content li > div,.cont-linebox.col-5 .content li > div{
        padding:20px;
    }

    .cont-linebox.col-4 .content li,.cont-linebox.col-5 .content li{
        padding-left: 0;
    }

    .cont-linebox.join .content li > div{
        border-right: 0;
        border-bottom: 1px solid #E5E5E5;
        text-align: left;
    }

    .cont-linebox.join .content li:last-child > div{
        border-bottom: 0;
    }
    .cont-linebox.join .content li::after{
        top: auto;
        bottom: -19px;
        right: 50%;
        border-color: #E5E5E5 transparent transparent transparent;
    }
	.cont-linebox.join .content .content-01{
		border-right: 0px solid #D2E0FF;
		border-bottom: 2px solid #D2E0FF
	}
    .cont-linebox.join .content li div img{
        position: absolute;
        right: 36px;
        top: 0;
        width: 20%;
        margin: 15px 0;
    }
    
    #join .join_wrap .wrap-accordion .row-contents .contents.width50.sports, #join .join_wrap .wrap-accordion .row-contents .contents.width50.culture{
        padding: 0px 50px 0px;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    /* 앱 안내 */
    #sub-page .appinfo .img_w80 {
    	width: 80%;
    }

    /* 팝업 */
    .helpbox{
        float: right;
    }
    /* 풋터 */
    footer .container .row.award .swiper-slide {
        width: 170px !important;
    }
    
    footer .information ul.footer-btn li:first-child {
    	padding: 0 10px;
    }
    footer .information ul.footer-btn {
		overflow: hidden;	
	}
	footer .information ul.footer-btn li {
		float: left;
		width: 50%;
	}
	footer .information ul.footer-btn li a {
		width: 80%;
		padding: 10px;
	}
	
    
    /* 이용내역 */
    #placeName{
        width: 100%;
    }
    
    /* 고객센터 - 자주 묻는 질문  */
    #sub-page .faq-content-sub ul li {
    	width: 100%;
    }
    
    
    /* MY - 웰빙포인트  */
     #my-page .main-contents .alert .fund-alert li {
    	display: block;
    	width: 100%;
    }
    
    
    /* 마이페이지 - 탈퇴  */
    .withdraw-step2-point__score-number {
		width: 100%;
	}
	.withdraw-step2-point__score li:nth-child(2), .withdraw-step2-point__score li:nth-child(4) {
		width: 100%;
		font-size: 1.4em;	
		text-align: center;
	} 
	.withdraw-step2-benefit-tip li {
		padding-bottom: 12px;
	}
	.withdraw-step2-benefit1 li:nth-child(2){
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.withdraw-step2-benefit1 li:nth-child(2) img {
		position: inherit;
		margin: 0 auto;

	}
	.withdraw-step2-benefit-info li:nth-child(odd){
		padding-right: 5px; 
		vertical-align: top;
	}
	.withdraw-step2-benefit-info li:nth-child(even){
		line-height: 1.5em;
		width:88%;
	}
	.withdraw-step2-benefit-btn {
		text-align: center;
		margin: 20px 0 50px 0;
	}
	
	
	
	

}


    


@media (max-width: 460px) {
    
    /* Display */
    .mobile-show{
        display: block;
    }
    
    .mobile-hidden {
        display: none;
    }
    
	#sub-page .container-intro #intro .wrap .title-slg {
		margin-bottom: 35px;
		font-size: 22px;
	}
	
	#sub-page .page-header .page-title,.faq-content-heder h1 {
		letter-spacing: -1px;
        font-size: 22px;
        line-height: 1.5;
	}
	
	#sub-page .container-intro #intro .wrap .title-small {		
		font-size: 13px;		
    }

    .list-col-3 li{
        width: 100%;
        margin-top: 20px;
    }

    /* 새로정의된 스타일 */
    #sub-page .visual-header #intro {
        padding: 45px 0;
    }
    
    /* 가입가능 회사 검색 2depth 메뉴 */
	#menu-2depth-2 .wrap-menu{
    width: 100%;
    min-width: 360px;
    max-width: 360px;
	}    
    #menu-2depth-2 .wrap-menu ul li a {
    	font-size: 14px;
    }    
	
	/* 탭 */
	.container .menu-boxTab .wrap-menu ul li {
		position: relative;
		float: left;
		width: auto;
		padding: 0px 0px;
		margin-right: -1px;
		border: 0px solid #d7dce4;
		text-align: center;
		background: transparent;
	}
	.container .menu-boxTab .wrap-menu ul li a {
		padding: 10px 20px;
		border: 1px solid #ddd;
		border-radius: 3px 3px 0px 0px;
		font-size: 14px;
		font-weight: 300;
        border-bottom:1px solid #333;
	}
	
	.container .menu-boxTab .wrap-menu ul li a.active {
		border: 1px solid #000;
		font-weight: 500;
		color: #000;
		z-index: 50;
    }

      /*반쪽 컨텐츠*/
      #sub-page .sec-content-half .txt-cont h2{
        margin-top:20px;
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 1.5;
    }
    
    /* 회사소개 */
    #sub-page.int-company .inner-contents .wrap-cont .txt-cont h3, #sub-page.int-company .inner-contents  .wrap-cont-about .txt-cont h3,#sec-com05 .wrap-cont-about .txt-cont h3,#sub-page .sec-content-half .inner-contents .txt-cont dt,#sub-page .sec-content-half .inner-contents dl:first-child dt{
        margin-top:20px;
        margin-bottom: 20px;
		font-size: 23px;
		font-weight: 200;
		letter-spacing: -1px;
		line-height: 34px;
		color: #212529;
    }
    #sub-page.int-company .inner-contents .wrap-cont-about .txt-cont h3 strong:after{
        bottom: 12px;
    }
	
	#sub-page .inner-contents .wrap-cont .txt-cont p,#sub-page.int-company .inner-contents .wrap-cont-about .txt-cont p,#sub-page .sec-content-half .inner-contents .txt-cont dd {
		margin-bottom: 20px;
		font-size: 14px;
		font-weight: 200;
    }
    .company-award .about li {
        width: 100%;
    }
    #sec-com06 ul li,.icon-outline-list li{
        width: 50%;
    }
    #sec-com06 ul li:nth-child(1),#sec-com06 ul li:nth-child(2),.icon-outline-list li:nth-child(1),.icon-outline-list li:nth-child(2){
        border-bottom:0;
    }
    #sec-com06 ul li:nth-child(3),.icon-outline-list li:nth-child(3){
        border-left: 1px solid #ddd;
    }
    #sec-com06 ul li img, .icon-outline-list li img{
        width: 45px;
    }

    .icon-outline-list.col-3 li{
        width: 33.333333%;
        padding:10px;
        border-left: 0;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
    }

    .icon-outline-list.col-3 li:first-child{
        border-left: 1px solid #ddd;
    }
 
    
    #sub-page .company-award section{
        margin:0 0 0;
        padding: 0 0 0;
    }


	/* 회사소개 - 동영상뉴스 리스트 */
	.list-vnews li {
		float: left;
		width: 100%;
		padding: 0px 15px 15px;
		margin-bottom: 40px;
	}
    
    /* 시설소개 */
    .place-contents > a {
        /* height: 32vh; */
    }
    
    /* 모바일 - 햄버거메뉴 - 서브메뉴 */
    .mobileTop-menu .col-xs-12 .wrap-slide-menu {
        display: block;
        width: 465px;
    }
    
    /* 로그인 */
    /* 모바일일때 찾기 버튼  */
    #login .find ul {
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
    }

    #login .find ul li{
        position: relative;
        display: inline-block;
        padding:0 5px;
        line-height: 1;
    }

    #login .find ul li:first-child:after{
        position: absolute;
        content: '';
        width: 2px;
        height: 2px;
        top: 50%;
        right: 0px;
        background: #8e8e8e;
    }


    /* 마이페이지 - 메인화면 */
    #my-page .main-contents .group ul.box li .wrap-grdInfo button{
        position: relative;
        font-size: 22px;
    }
    .box-notice .row-inner .tit {
        float: left;
        display: inline-block;
        width: 15%;
    }
    .box-notice .row-inner .item-notice{
        width: 70%;
    }
    
    .box-notice .row-inner .more {
        width: 15%;
    }
    
    /* 쿠폰/기프티콘 */
    .list-coupon {
        width: 100%;
    }
    
    .list-coupon li .coupon .info-title{
        width: 70%;
    }
    
    .list-coupon li .coupon .info-desc{
        width: 30%;
    }
    .list-coupon li .coupon-date-status-txt .info-desc{
    	width: 30%;
    }
}


@media (max-width: 540px) {
	/* 모바일 - 통합검색  */
	ul.list-board.sctotal li > ul li.number {
		width: 7%;
	}  
	
	/* 로그인 전 메인 award */
   #sec-home7 {
   	padding: 50px 0;
   }
   #sec-home7 .flip {
	float: left;
	width: 33.3%;
	height: 128px;
	line-height: 128px;
	position: relative;
	transform-style: preserve-3d;
	transition:.5s;
	margin-top: 20px;
	}

	#sec-home7 .flip img {
	width: 100px;
	}
   
   /* 아너스 평생회원 */
   #sub-page .visual-header #intro {
   	padding: 40px 0;
   }
   
   #sub-page .container-intro #intro .wrap .title-slg {
	font-size: 1.8em;
   }
	

	
	.honors-mobile-hidden-2 {
	display: none;
	}
   .honors-pic-1, .honors-pic-2{
   	width: 100%;
   }
   
   .honors-pic-illust {
   	width: 70%;
   }
	.honors-mobile-show {
	display: block;
	}
	
}


@media (max-width: 426px) {
    /* 마이페이지 - 메인화면 */
    #my-page .main-contents .group ul.box li .wrap-grdInfo a{
        position: relative;
        width: 100%;
        margin-top: 15px;
        /* font-size: 26px; */
        font-size: 22px;
    }
    
    #my-page .main-contents .group ul.box li a {
        font-size: 15px;
        letter-spacing: -1px;
        color: #1e65f3;
    }
    
    /* 쿠폰/기프티콘 디테일 */
    .coupon-detail .thumb{
        width: 100%;
    }
    
    .coupon-detail .thumb img{
        width: 80%;
    }

    .coupon-detail .wrap-infomation{
        width: 100%;
        padding: 25px 0px;
    }
    .list-coupon li .coupon .info-title .name{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre-line;
    }
    
	/* 모바일 - 통합검색  */
	ul.list-board.sctotal li > ul li.number {
		width: 10%;
	}     
}

@media (max-width: 420px) {
	.mobile-hidden{
		display: none;
	}
	
	.mobile-show{
		display: block;
    }
	
	/* 서브페이지 - 인트로*/
	#sub-page .container-intro #intro {
		padding: 35px 0px;
		margin: 0px auto;
    }
	
	#sub-page .container-intro #intro .box-icon {
		padding: 0px 0px;
	}
	
	#sub-page .container-intro #intro .box-icon span {
		display: block;
		width: 100%;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.3;
		color: #fff;
	}
	 /*서브페이지 - 회사소개*/
     #sub-page .container-intro.company-intro #intro{
         padding:2em 40px;
     }

     #sub-page .container-intro.company-intro{
         background-position: right;
     }
	
	/* 회사소개 - 카드뉴스 상세 */
	#blog-document .list-board-view .wrap.content-view  .swiper-container{
		width: 100%;
	}
	
	/* 제휴시설 - 시설상세 - 공유하기 */
	.wrap-list-link .list-share li a span{
		display: block;
		font-size: 11px;
		font-weight: 400;
	}
    
    /* 제휴시설 - 시설상세 - 리뷰쓰기 */
    .list-board-editer .wrap-buttons .btn {
        margin-bottom:2px;
    }
	
	/* 고객센터 */
	.list-tabBtn.width100 li {
		display: flex;
		width: 33.3%;
	}
	
	.list-tabBtn.width100 li a{
		padding: 15px 0px;
		font-size: 12px;
		width:100%;
    }

    .list-tabBtn.grid4 li{
        width:50%;
    }
	
	/* 마이페이지 */
	.box-notice .row-inner .tit {
		width: 20%;
		display: none;
	}
	
	.box-notice .row-inner .tit p {
		font-size: 13px;
	}

	.box-notice .row-inner ul {
		width: 80%;
	}
	
	.box-notice .row-inner .more {
		width: 20%;
	}
	
	.box-notice .row-inner .more a {
		padding: 0px 0px;
		margin-bottom: 0px;
		font-size: 14px;
	}
    
	#ui-datepicker-div.datepicker3{
		left: 50% !important;
    	transform: translateX(-50%);
		box-shadow: 0px 0px 10px 0px #a79f9f;
	}
    
    .box-notice .row-inner .item-notice {
        width: 80%;
    }
	
    /* 멤버십 소개 */
    #sub-page .container-intro.mem-intro{
        background-position-x: 84% !important;
    }
    
	#sub-page .box-mem-info .txt-cont {
		display: inline-block;
		float: left;
		width: 100%;
		margin-bottom: 15px;
	}
	
	#sub-page .box-mem-info .pic-cont {
		display: inline-block;
		width: 100%;
	}
    
    #sec-mem04 .wrap-video {
        padding-bottom:47%;
    }
    
    #sec-mem04 .wrap-video iframe {
        width:100%;
    }
    
    #sub-page .container-intro.mem-intro.sports{
        background-position-x: 84% !important;
        background-size: 270%;
    }
	
    /* 사이트맵 */
    #sub-page .row-smap .wrap-smap {
        float: left;
        width: 100%;
    }
    #sub-page .row-smap .wrap-smap:last-child {
        float: left;
        width: 100%;
    }

    #sub-page .smap-sub-title h3{
        padding-left: 0;
    }

    #sub-page .row-smap .col-md-3{
        width: 50%;
        float: left;
    }
    
	/* 공지사항 */
	#borad-document .list-board-view .wrap.head .row-detail .row-attr.wd25 {
		overflow: hidden;
		float: left;
		width: 100%;
	}
	
	#borad-document .list-board-view .wrap.content-navi ul li.pre a {
    	display: flex;
	}	
	
	#borad-document .list-board-view .wrap.content-navi ul li.next a {
    	display: flex;
	}	
	
	#borad-document .list-board-view .wrap.content-navi ul li a span{
		padding: 10px 10px;
	}
	
	#borad-document .list-board-view .wrap.content-navi ul li a span.tit{
		min-width: 20%;
		padding: 10px 0px;
		text-align: center;
	}
    
    /* 모바일 - 서브메뉴 */
    #sub-menu .col-xs-12 .wrap-slide-menu {
        display: block;
        min-width: 445px;
        max-width: 445px;
        width: auto;
        height: 31px;
    }

    /* 모바일 - 메인 서브메뉴 */
    #sub-menu .col-xs-12 .wrap-slide-menu.front {
        display: block;
        min-width: 480px;
        max-width: 480px;
        width: auto;
        height: 31px;
    }
    
   
	
}
/* **************************************** *
 * max-width : 414px
 * **************************************** */
@media (max-width: 414px) {
	.withdraw-step2-point-btn a:first-child {
		margin: 10px auto;
		
	}
	
	/* 아너스 평생회원  */
	.honors-pic-illust {
		width: 70%;
		font-size: 1.2em;
		padding-right: 0;
		margin-top: 30px;
	}
	
	.honors-pic-wrap {
		height: 100px;
	}
}


/* **************************************** *
 * max-width : 375px
 * **************************************** */
@media (max-width: 375px) {
	.withdraw-step2-tip li {
		text-align: center;
		display: block;
	}
	.withdraw-step2-tip img {
		left: 47%;
	}
	
	/* 로그인 전 메인 award */
	#sec-home7 .flip img {
	width: 80px;
	}
   
	#sec-home7 .flip .mobile-hidden {
		display: none;
	}
	
	
	
}





/* **************************************** *
 * max-width : 360px
 * **************************************** */
@media (max-width: 360px) {
    
    /* 회원가입 */
    #join .join_label.two_line {
        word-break:keep-all;
        line-height:1.3;
    }
    
    /* 아너스 평생회원  */
	.honors-pic-illust {
		font-size: 1em;
	}
    
    
}


/* **************************************** *
 * max-width : 320px
 * **************************************** */
@media (max-width: 320px) {
    
    /* 도입혜택  */
    #sub-page .introduction .img-site {
    	bottom: 184px;
    }
	#sub-page .introduction .text-site {
		top: 230px;
	}
	.introduction .sale li {
		text-align: left;
	}
	.introduction dl.list {
		font-size: 15px;
	}
	.introduction .content {
		font-size: 15px;
	}
	
    /* 모바일 - 마이페이지 - 탈퇴 */	
	.desc li label {
    	width: 100%;
    }	
	
	
	/* 모바일 - 통합검색 */	
	ul.list-board.sctotal li > ul li.addr {
		padding: 10px 0 0 45px;
	}	

	ul.list-board.sctotal li > ul li.kind {
		padding: 10px 0 0 45px;
	}
	
	ul.list-board.sctotal li > ul li.grade {
		padding: 5px 0 10px 45px;
	}
	
}


/* **************************************** *
 * max-width : 280px
 * **************************************** */
@media (max-width: 280px) {
    /* 고객센터 - 자주 묻는 질문  */
    #sub-page .faq-content-heder h1 {
    	display: block;
    	text-align: center;
    }
    #sub-page .faq-content-heder button {
    	margin: 10px auto;
    	float: none;
    	width: 100%;
    }
    
    /* 모바일 - 통합검색  */
	ul.list-board.sctotal li > ul li.number {
		width: 12%;
	}  
	
	/* 로그인 전 메인 award */
	#sec-home7 .col-md-12 {
		padding: 0;
	}
	#sec-home7 .flip .back {
		top: 5px;
	}
	
	#sec-home7 .flip {
		float: left;
		width: 33.3%;
		height: 100px;
		line-height: 128px;
		position: relative;
		transform-style: preserve-3d;
		transition:.5s;
		margin-top: 5px;
	}
	
	#sec-home7 .flip img {
		width: 75px;
	}
	
	#sub-page .container-intro #intro .wrap .title-slg {
		font-size: 1.2em;
	}
	
	#sub-page .container-fluid.menu-2depth .wrap-menu {
		width: max-content;
	}
	
	#sub-page .page-header .page-title, .faq-content-heder h1 {
		text-align: left;
	}
	
	.honors-mobile-show-1 {
		display: block;
	}
	.honors-pic-wrap {
		height: 77px;
	}

	.honors-pic-illust {
		height: 54px;
		margin-top: 23px;
	}
	
	.honors-pic-margin-top {
		margin-top:10px;
	}
}
    

    
/* **************************************** *
 * for print
 * **************************************** */

@media print {
    #printOut {
        display:none;
    }
}