@charset "utf-8";
/* header.css */
/******************/
/* 메인 css */
/******************/
/* 상단 배너 */
.banner__notice-wrap{overflow:hidden;position:relative;z-index:110;background:#29272b;font-size:0;text-align:center}
.banner__notice-wrap .inner{position:absolute;top:0;left:50%;width:1240px;height:100%;transform:translate(-50%,0)}
.banner__notice-wrap a{display:block;width:100%;height:100%}
.banner__controller{position:absolute;top:0;right:0;width:40px;height:auto}
.banner__controller .banner__close{font-size:18px;color:#fff}
.banner__controller .banner__close:before{width:33px;height:33px;background-position:-251px -90px;content:'';}
.banner{display:block;margin:0 auto}
.banner_mobile{display:none}
.banner__content .input_check_wrap{position:absolute;right:0;bottom:5px;}
.banner__content .input_check_wrap .input_check{left:auto;right:0;}
.banner__content .input_check_wrap .input_check+label{padding-right:25px;font-size:15px;color:#fff;}
.banner__content .input_check_wrap .input_check+label:before{position:absolute;right:0;margin:0;}
/* .main.main_fixed .banner__notice-wrap {height:0;}*/
.main_fixed .banner__content {display:none !important}
@media screen and (max-width:1239px){
    .banner__notice-wrap .inner{width:100%}
    .banner__controller .banner__close{font-size:1px;color:transparent}
}
@media screen and (max-width:768px){
    .banner{display:none}
    .banner_mobile{display:block;width:100%}
}
/* header */
.header_wrap {
	width: 100%;
	background: #fff;
}
.spinner_wrap input[type=checkbox] { display: none; }
.header{
    width: 1400px;
    height: auto;
    margin: 0 auto;
    padding: 25px 5px;
    box-sizing: border-box;
    overflow:hidden;
}
.logo{
    display: inline-block;
    background: url(/resource/templete/rink/common/img/common/rink_logo.png) 0 0 no-repeat;
    vertical-align: middle;
    height: 34px;
    width: 400px;
    box-sizing: border-box;
    float: left;
    background-size: contain;
}

.logo_nl{
    display: inline-block;
    background: url(/resource/templete/rink/common/img/common/rink_logo_nl.png) 0 0 no-repeat;
    vertical-align: middle;
    height: 34px;
    width: 150px;
    box-sizing: border-box;
    float: left;
    background-size: contain;
}

.logo_rink{
    display: inline-block;
    background: url(/resource/templete/rink/common/img/common/rink_logo_rink.png) 0 0 no-repeat;
    vertical-align: middle;
    height: 34px;
    width: 250px;
    box-sizing: border-box;
    float: left;
    background-size: contain;
}

.header .menu_wrap {
    width: calc(100% - 405px);
    height: 100%;
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    float: left;
    margin-left: 5px;
}
.header .menu_wrap .menu {
	display:none;
}
.header .setMenu_wrap{
    float: right;
}
.header .setMenu_wrap a{
	font-size:14px;
	color:#333333;
	padding-left:20px;
	margin-left:20px;
    background-repeat: no-repeat;
	background-position:0 center;
	background-size:15px;
	line-height:32px;
}

.header .setMenu_wrap a[target="_blank"]:after {
	content: "";
	display: inline-block;
	position: relative;
	top: -1px;
	margin-left: 0px;
	width: 24px;
	height: 24px;
	background: url("/resource/templete/nl/common/img/common/new_24jan/icon_blank.png") center no-repeat;
	background-size: 18px auto;
	vertical-align: middle;
}


.header .setMenu_wrap a:first-of-type{
	margin-left:0;
}
.header .setMenu_wrap a.login{
    background-image: url(/resource/templete/rink/common/img/common/login_icon.png);
    background-size: 13px;
}
.header .setMenu_wrap a.log{
	margin-left:0;
	padding-left:0;
	color:#0e4874;
}
.header .setMenu_wrap a.logout{
	padding-left:0;
	margin-left:0;
	color: #999;
}
.header .setMenu_wrap a.join{
    background-image: url(/resource/templete/rink/common/img/common/member_icon.png);
}
.header .setMenu_wrap a.library{
    background-image: url(/resource/templete/rink/common/img/common/myLibrary_icon.png);
}
.header .setMenu_wrap a:hover, .setMenu_wrap a:focus{text-decoration:underline;}

/* footer */

.footer_wrap {
	width: 100%;
	background: #f1f1f1;
}
.footer{
    width: 1400px;
    height: auto;
    margin: 0 auto;
    padding: 15px 5px;
    box-sizing: border-box;
    overflow:hidden;
    position:relative;
}
.footer_wrap .footer ul{
	display:block;
	overflow:hidden;
	font-size:0;
}
.footer_wrap .footer ul li{
	display:inline-block;
	float:left;
}
.footer_top,
.footer_top .footer{
	color:#fff;
	background: #0E4874;
}
.footer_top .footer ul li{
	font-size:16px;
	color:#fff;
}
.footer_top .footer ul li a{
	margin-right:30px;
}
.footer_top .footer ul li a:hover, .footer_top .footer ul li a:focus{
	text-decoration:underline;
}
.footer_bot .footer{
	padding:50px 10px;
}
.footer_bot .footer ul{ display: flex; justify-content: space-between;}
.footer_bot .footer ul li{
	font-size:15px;
}
.footer_bot .footer ul li.address{
	width:calc(100% - 675px);
	color:#333333;
	padding:0 30px;
	box-sizing: border-box;
    font-weight: 400;
}
.footer_bot .footer ul li.address p:last-of-type{
	margin-top:10px;
}
.footer_bot .footer ul li.family-wrap{ display: flex}
.footer_bot .family .family_select {
    width: 223px;
    height: 36px;
    padding: 0 18px 0 14px;
    background: #fff url(/resource/templete/nl/common/img/common/arrow_down.png) 100% 50% no-repeat;
    font-size: 15px;
    color: #000;
    vertical-align: middle;
    box-sizing: border-box;
    border:solid 1px #e5e5e5;
}
.footer .top_btn{
	position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #fff url(/resource/templete/rink/common/img/common/top_btn_icon.png) center center no-repeat;
    background-color:#000000;
}


/* lnb메뉴 */
.lnb_wrap{
	width: 270px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    padding: 0 30px 2px 2px;
}
.lnb_wrap .lnb_bg{
    background: url(/resource/templete/rink/common/img/common/lnb_bg.png) 0 0 no-repeat;
    background-size:100% 100%;
    height: 150px;
}
.menu_wrap .menu .link {
	padding: 15px 20px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: block;
    border: solid 1px #cccccc;
    border-top: 0;
    font-size:16px;
    color:#333333;
}
.menu_wrap .menu .link:hover{
	background-color:#0E4874;
	color:#fff;
}
.menu_wrap .menu .link:focus{
	text-decoration:underline;
}
.menu_wrap .menu .depth:hover:before,
.menu_wrap .menu .depth:hover:after,
.menu_wrap .menu .depth.active:after{
	background-color:#fff;
}
.menu_wrap .menu .link.active{
	background-color:#0E4874;
	color:#fff;
}
.menu_wrap .menu .depth.active:before{
	display:none;
}
.menu_wrap .menu .depth:before {
	content: '';
    display: block;
    position: absolute;
    height: 12px;
    width: 2px;
    padding: 0;
    background-color: #333333;
    top: 50%;
    right: 25px;
    margin-top: -6px;
}
.menu_wrap .menu .depth:after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 12px;
    padding: 0;
    background-color: #333333;
    top: 50%;
    right: 20px;
    margin-top: -1px;
}
.menu_wrap .menu .depth_wrap {
	display:none;
	border: solid 1px #cccccc;
    border-top: 0;
    padding: 10px;
}
.menu_wrap .menu .depth_wrap a{
	display:block;
	padding:7px 40px 7px 10px;
    color: #333333;
}
.menu_wrap .menu .depth_wrap a:hover{
	background-color:#92dde9;
}
.menu_wrap .menu .depth_wrap a.active{
    background: url(/resource/templete/rink/common/img/common/lnb_active_icon.png) 95% center no-repeat;
	background-color:#92dde9;
}
.menu_wrap .menu .depth_wrap a:focus,
.menu_wrap .menu .depth_wrap a.active:hover{
	text-decoration:underline;
}
.menu_wrap .menu .depth_wrap a:before{
	content:'-';
	margin-right:5px;
}
/* content */
.sub .content_wrap{
	position:relative;
}
.sub .content_wrap:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:3px;
	background-color:#25bbd4;
}
.sub .content_wrap:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:3px;
	background-color:#0e4874;
}
.sub .content_wrap .cont_wrap:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:3px;
	background-color:#25bbd4;
    z-index: 1;
}
.sub .content_wrap .cont_wrap:after{
content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 255px);
    height: 3px;
    background-color: #0e4874;
    z-index: 1;
}
.sub .content_wrap .cont_wrap{
    width: 1400px;
    margin: 0 auto;
    position: relative;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    padding: 50px 0;
}
.content_wrap .cont_wrap .cont{
	width: calc(100% - 300px);
    display: inline-block;
    float: left;
    box-sizing: border-box;
    padding: 0;
}
.content_wrap .cont_wrap .cont .content{
	position:relative;
	display:block;
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
}

@media all and (max-width: 1400px) {
	.header{
	    width: 100%;
        padding: 25px;
	}
	.sub .content_wrap .cont_wrap{
	    width: 100%;
        padding: 25px 15px;
	}
}

 @media all and (max-width: 768px) {
 	.header{
 		width:100%;
 		padding:10px 0;
 		border-bottom:solid 1px #ccc;
 	}
 	/* .logo{
	    width: 70%;
	    background-position: center;
	    margin-left: 15px;
	    height:56px;
 	} */
 	.logo_nl{
	    width: 25%;
	    background-position: center;
	    margin-left: 15px;
	    height:56px;
 	}
 	.logo_rink{
	    width: 50%;
	    background-position: center;
	    margin-left: 15px;
	    height:56px;
 	}
	.spinner_wrap * {
		box-sizing: border-box;
	}
	.spinner_wrap {
	    position: relative;
	    margin: 15px 10px 0 0;
	    height: 30px;
	    width: 30px;
	    float: right;
	}
	.spinner_wrap label {
		cursor: pointer;
		position: absolute;
		z-index: 99;
		height: 100%;
		width: 100%;
		top: 5px;
		right: 0;
	}
	.spinner_wrap label.active{
		position:fixed;
		z-index:101;
		top:25px;
		right:10px;
		width:30px;
		height:30px;
	}
	.spinner_wrap .spinner {
		position: absolute;
		height: 4px;
		width: 100%;
		padding: 0;
		background-color: #000000;
	}

	.spinner_wrap .diagonal.part-1 {
		position: relative;
		float: left;
		transition: all 0.3s;
	}

	.spinner_wrap .horizontal {
		position: relative;
		float: left;
		margin-top: 4px;
	}

	.spinner_wrap .diagonal.part-2 {
		position: relative;
		float: right;
		margin-top: 4px;
		width:80%;
		transition: all 0.3s;
	}
	.spinner_wrap .active .diagonal.part-1, .spinner_wrap .active .diagonal.part-2{
		background-color: #fff;
		transition: all 0.2s;
	}

	.spinner_wrap input[type=checkbox]:checked ~ .spinner_spin > .horizontal { opacity: 0; }

	.spinner_wrap input[type=checkbox]:checked ~ .spinner_spin > .diagonal.part-1 {
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		margin-top: 10px;
	}

	.spinner_wrap input[type=checkbox]:checked ~ .spinner_spin > .diagonal.part-2 {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		margin-top: -12px;
		width:100%;
	}
	.header .menu_wrap {
		width: 85%;
	    clear: both;
	    min-width: inherit;
	    float: none;
	    position: fixed;
	    top:0;
	    left:-85%;
	    height: 100%;
	    display:block;
		transition: all 0.3s;
		background-color:#fff;
		margin:0;
	    z-index: 100;
	}
	.header .menu_wrap.active{
	    left:0;
		transition: all 0.3s;
	}
	.header .menu_wrap .menu{display:block;}
	.menu_wrap .menu .link{
		padding:10px 20px;
		font-size:1.4rem;
	}
	.menu_wrap .menu .depth_wrap a{
		font-size:1.4rem;
	}
	.header .setMenu_wrap{
		float:none;
		overflow: hidden;
    	display: block;
	}
	.header .setMenu_wrap a{
		padding: 0;
	    color: #fff;
	    margin: 0;
	    width: 50%;
	    display: inline-block;
	    float: left;
	    font-weight: 400;
	    font-size: 1.3rem;
	    text-align: center;
	    border-right: solid 1px #414a56;
	    box-sizing: border-box;
	}
	.header .setMenu_wrap a.login{
	    width: 100%;
	    border-bottom: solid 1px #414a56;
	    border-right: solid 0px #414a56;
	}
	.header .setMenu_wrap a.log, .header .setMenu_wrap a.logout{
	    width: 50%;
	    border-bottom: solid 1px #414a56;
	    border-right: solid 0px #414a56;
	    color:#fff;
	}
	.header .setMenu_wrap a.log{
	    text-align:right;
	}
	.header .setMenu_wrap a.logout{
		text-align:left;
	    padding-left:3px;
	}
	.header .setMenu_wrap a.login, .header .setMenu_wrap a.join, .header .setMenu_wrap a.library, .header .setMenu_wrap a.log, .header .setMenu_wrap a.logout{
		background:none;
	    background-color: #4a5862;
	}
	.header .setMenu_wrap a:last-of-type{border-right:none;}
	.dim{
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:rgba(0,0,0,.6);
		z-index:99;
	}
	.dim.active{
		display:block;
	}
	.footer{
		width:100%;
 		padding:10px 0;
	}
	.footer_top .footer ul li{
		width:50%;
		margin:5px 0;
		text-align:center;
	}
	.footer_top .footer ul li a{
		margin:0;
		font-size: 1.4rem;
	}
	.footer_bot .footer{
		padding:20px 10px;
	}
	.footer_bot .footer ul{
		position:relative;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	.footer_bot .footer ul li{
		display: block;
		flex-shrink: 0;
		float:none;
		width:100%;
		overflow: hidden;
	}
	.footer_bot .footer ul li.address{
		width:100%;
		padding:20px 10px;
		font-size:1.4rem;
	}
	.footer_bot .footer ul li.address p{
		width: 100%;
		flex-shrink: 0;
	}
	.footer_bot .logo{
	    width: 100%;
	    max-width: 300px;
	    margin: 0 auto;
	    background-position: 10px center;
	    background-size: 90%;
	}
	.footer_bot .family .family_select{
		width:100%;
	}
	.footer_bot .footer ul li.family-wrap{ max-width: 300px}
	.footer .top_btn{
	    position: fixed;
	    bottom: 74px;
	    right: 10px;
	    opacity: .5;
	    top: auto;
	    z-index: 100;
	    width: 40px;
	    height: 40px;
	    background-size: 70%;
	}
	.sub .content_wrap:before, .sub .content_wrap:after,
	.sub .content_wrap .cont_wrap:before, .sub .content_wrap .cont_wrap:after{display:none;}
	.sub .lnb_wrap{display:none;}
	.sub .content_wrap .cont_wrap .cont{width:100%;float:none;display:block;padding:0;}
}
/******************/


/* footer.css */
.footer-logo .sp_logo,
.footer-sns__item a .ico{display:inline-block;overflow:hidden;background:url(/resource/templete/nl/common/img/common/layout.png) 0 0 no-repeat;font-size:5px;color:transparent;vertical-align:top}
@media screen and (max-width:1024px){
    .main .footer-logo .sp_logo,
    .main .footer-sns__item a .ico,
    .main .footer-util__item:after{display:inline-block;overflow:hidden;background:url(/resource/templete/nl/common/img/common/layout_m.png) 0 0 no-repeat;background-size:200px auto;font-size:5px;color:transparent;vertical-align:top}
}
@media screen and (max-width:767px) {
    .sub .footer-logo .sp_logo,
    .sub .footer-sns__item a .ico,
    .sub .footer-util__item:after{display:inline-block;overflow:hidden;background:url(/resource/templete/nl/common/img/common/layout_m.png) 0 0 no-repeat;background-size:200px auto;font-size:5px;color:transparent;vertical-align:top}
}
.footer{background:#f1f1f1}
.footer__inner-top{background:#4a5862}
.footer__inner-top .inner{max-width:1400px;margin:0 auto}
.footer__inner-top .inner:after{display:block;clear:both;content:''}
.footer__inner-bottom{max-width:1400px;margin:0 auto;padding:20px 0 46px}
.footer__inner-bottom .inner:after{display:block;clear:both;content:''}
/* 안내 영역 */
.footer-util__list{float:left;font-size:0}
.footer-util__item{display:inline-block;position:relative;margin:16px 17px 16px 0;padding-right:18px;font-size:17px;color:#fff}
.footer-util__item:before{position:absolute;top:50%;right:0;width:1px;height:18px;background:#717e87;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:''}
.footer-util__item:last-child{margin-right:0;padding-right:0}
.footer-util__item:last-child:before{display:none}
.footer-util__item .fot_mo{display:none;}
@media screen and (max-width:767px) {
	.footer-util__item .fot_mo{display:block;}
	.footer-util__item .fot_pc{display:none;}
	.footer-util__item{padding-right:10px;}
}
/* 안내 영역 */
.footer-sns__list{float:right;font-size:0}
.footer-sns__item{display:inline-block;}
.footer-sns__item:first-child{margin-left:0}
.footer-sns__item a{display:block;padding:12px 5px 17px}
.footer-sns__item a .ico{width:25px;height:25px}
.footer-sns__item .instagram .ico{background-position:0 -161px}
.footer-sns__item .blog .ico{background-position:-27px -161px}
.footer-sns__item .facebook .ico{background-position:-54px -161px}
.footer-sns__item .twitter .ico{background-position:-81px -161px}
.footer-sns__item .youtube .ico{background-position:-108px -161px}
/* 정책, 법령 */
.policy-wrap{float:left}
.policy-wrap .policy__list{font-size:0}
.policy-wrap .policy__item{display:inline-block;margin-right:14px;font-size:15px;font-weight:400;color:#000}
.policy-wrap .policy__item a{display:block;width:100%;height:100%;padding:8px 10px 9px;box-sizing:border-box;-webkit-box-sizing:border-box}
.policy-wrap .policy__item:first-child a{padding-left:0;color:#AB2C08;font-weight: 700;}
.mo_policy-wrap{display:none;}
/* 유관사이트 */
.family-wrap{overflow:hidden;text-align:right}
.family-wrap .family-select-wrap{
	width:223px;
	height:36px;
	padding:0 18px 0 14px;
	background:#fff url(/resource/templete/nl/common/img/common/arrow_down.png) 100% 50% no-repeat;
	font-size:15px;
	color:#000;
	vertical-align:middle;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: solid 1px #ddd;
}
.family-wrap .site-go{height:36px;padding:0 10px;font-size:15px;color:#fff;background:#7d7d7d;}
.ie9 .family-wrap .family-select-wrap{padding:4px 0}
.ie9 .family-wrap .family-select-wrap:after{display:none}
.info-wrap{position:relative;margin-top:26px;/* padding-left:212px */padding-left:375px;}
.footer-logo{position:absolute;top:3px;left:1px;/* width:212px; */width:250px;height:50px;vertical-align:top}
.footer-logo .sp_logo{
    height: 32px;
    width: 379px;
    background: url(/resource/templete/rink/common/img/common/rink_logo.png) 0 0 no-repeat;
    background-size: 100%;
}
.contact__list{float:left;margin:-12px 0 0 30px}
.contact__item{margin-top:4px;font-size:15px;font-weight:400;color:#515151}
.contact__item:first-child{margin-top:0}
.contact__item .tel{display:inline-block}
.contact__item .lnk_tel{display:none}
.footer__item-contact{margin-left:12px}
.footer__item-contact:first-child{margin-left:0}
.footer__item-rights{font-weight:500}
.certificate__list{overflow:hidden;font-size:0;text-align:right}
.certificate__list .certificate__item{display:inline-block;margin-left:16px;vertical-align:middle;}
.certificate__list .certificate__item:first-child{margin:0}
.certificate__list .certificate__item>a{display:block;width:100%;height:100%}
.certificate__list .item--wa{width:68px}
.certificate__list .item--open{width:77px}
.certificate__list .item--isms{width:43px}
.certificate__list .item--qrcode{width:45px}
/* 메인페이지 */
@media screen and (max-width:1024px){
    .main .footer__inner-top{position:relative;}
    .main .footer__inner-top .inner{max-width:none;width:100%;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .main .footer__inner-bottom{position:relative;max-width:none;padding:118px 15px 65px}
    .main .policy-wrap{display:none}
    .main .mo_policy-wrap{display:block;width:100%;margin-top:20px;font-size:0;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;}
    .main .mo_policy-wrap .policy-select-wrap{width:75%;height:36px;padding:0 18px 0 14px;background:#fff url(/resource/templete/nl/common/img/common/arrow_down.png) 100% 50% no-repeat;font-size:15px;color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    .main .mo_policy-wrap .site-go{width:25%;height:36px;padding:0 10px;font-size:15px;color:#fff;background:#7d7d7d;}
    .main .family-wrap{margin-top:10px;font-size:0;text-align:center}
    .main .family-wrap .family-select-wrap{width:75%}
    .main .family-wrap .site-go{width:25%}
    .main .info-wrap{position:static;margin-top:13px;padding:0}
    .main .contact__list{float:none;margin:0;text-align:center}
    .main .contact__item{font-size:1.4rem;word-break:keep-all;}
    .main .contact__item a{display:inline-block;text-decoration:underline}
    .main .footer-util__list{float:none}
    .main .footer-util__item{margin:8px 6px 8px 0;font-size:1.5rem}
    .main .footer-util__item:first-child,.main .footer-util__item:nth-child(2){display:none}
    .main .footer-util__item:last-child {margin-right:0}
    .main .footer-util__item:after{display:none;}
    .main .footer-sns__list{float:none;position:absolute;left:50%;bottom:-118px;z-index:1;width:100%;margin-left:-50%;text-align:center}
    .main .footer-sns__item a .ico{width:29px;height:29px;z-index:1}
    .main .footer-logo{top:20px;left:50%;width:285px;height:22px;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
    .main .footer-logo .sp_logo{
	    height: 22px;
	    width: 285px;
	    background: url(/resource/templete/rink/common/img/common/rink_logo.png) 0 0 no-repeat;
	    background-position: center 0;
	    background-size: 90%;
   	}
    .main .footer-sns__item .instagram .ico{background-position:0 -75px}
    .main .footer-sns__item .blog .ico{background-position:-31px -75px}
    .main .footer-sns__item .facebook .ico{background-position:-62px -75px}
    .main .footer-sns__item .twitter .ico{background-position:-93px -75px}
    .main .footer-sns__item .youtube .ico{background-position:-124px -75px}
    .main .certificate__list{margin-top:20px;text-align:center}


}
/* 서브페이지 */
@media (min-width:768px) and (max-width:1239px){
    .sub .footer{min-width:1240px}
    .sub .footer__inner-top{padding:0 30px}
    .sub .footer__inner-bottom{padding:20px 30px 46px}
}
@media screen and (max-width:768px){
    .contact__item .lnk_tel{display:block}
    .contact__item .tel{display:none}
    .sub .footer__inner-top{position:relative;}
    .sub .footer__inner-top .inner{max-width:none;width:100%;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .sub .footer__inner-bottom{position:relative;max-width:none;padding:118px 15px 65px}
    .sub .policy-wrap{display:none}
    .sub .mo_policy-wrap{display:block;width:100%;margin-top:20px;font-size:0;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;}
    .sub .mo_policy-wrap .policy-select-wrap{width:75%;height:36px;padding:0 18px 0 14px;background:#fff url(/resource/templete/nl/common/img/common/arrow_down.png) 100% 50% no-repeat;font-size:15px;color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    .sub .mo_policy-wrap .site-go{width:25%;height:36px;padding:0 10px;font-size:15px;color:#fff;background:#7d7d7d;}
    .sub .family-wrap{margin-top:10px;font-size:0;text-align:center}
    .sub .family-wrap .family-select-wrap {width:75%}
     .sub .family-wrap .family-select-wrap .opt-tit {font-weight:700;}
    .sub .family-wrap .site-go{width:25%}
    .sub .info-wrap{position:static;margin-top:13px;padding:0}
    .sub .contact__list{float:none;margin:0;text-align:center}
    .sub .contact__item{font-size:1.4rem;word-break:keep-all;}
    .sub .contact__item a{display:inline-block;text-decoration:underline}
    .sub .footer-util__list{float:none}
    .sub .footer-util__item{margin:8px 6px 8px 0;font-size:1.5rem}
    .sub .footer-util__item:first-child,.sub .footer-util__item:nth-child(2) {display:none}
    .sub .footer-util__item:last-child {margin-right:0}
    .sub .footer-util__item:after{display:none;}
    .sub .footer-sns__list{float:none;position:absolute;left:50%;bottom:-118px;z-index:10;width:100%;margin-left:-50%;text-align:center}
    .sub .footer-sns__item a .ico{width:29px;height:29px;z-index:1}
    .sub .footer-logo{top:20px;left:50%;width:285px;height:22px;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
   	.sub .footer-logo .sp_logo{
	    height: 22px;
	    width: 285px;
	    background: url(/resource/templete/rink/common/img/common/rink_logo.png) 0 0 no-repeat;
	    background-position: center 0;
	    background-size: 90%;
   	}
    .sub .footer-sns__item .instagram .ico{background-position:0 -75px}
    .sub .footer-sns__item .blog .ico{background-position:-31px -75px}
    .sub .footer-sns__item .facebook .ico{background-position:-62px -75px}
    .sub .footer-sns__item .twitter .ico{background-position:-93px -75px}
    .sub .footer-sns__item .youtube .ico{background-position:-124px -75px}
    .sub .certificate__list{margin-top:20px;text-align:center}
}
/*-- footer.css */