@charset "utf-8";
#wrap {
    width: 100%;
    min-width: 320px;
    position: relative;
    margin: 0 auto;
    /* overflow: hidden; */
    max-width: 1920px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
#wrap.open {
    opacity: 1;
}

#header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    margin: 0 auto;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    height: 130px;
}

#container {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.inner {
    max-width: 1720px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#footer {
    width: 100%;
    clear: both;
    position: relative;
    margin: 0 auto;
}

/* header */
#header .h-inner { display: flex; align-items: center; justify-content: space-between; }
#header .logo {
	z-index: 11;
	position: absolute;
	top: 2vw;
}
#header .logo .basic {display: none;}
.main #header .logo .basic,#header.site .logo .basic {display: block;}
.main #header .logo .active,#header.site .logo .active { display: none; }
#header .h-top-menu-box { display: flex; justify-content: flex-end; font-size: clamp(12px, 0.677vw, 13px); font-weight: 400; letter-spacing: 0; color: #002856; transition: all 0.3s ease-in-out; padding-top: clamp(12px, 1.302vw, 25px); position: relative; z-index: 12; }
#header .h-top-menu-box > a { position: relative; display: block; padding-right: clamp(8px, 0.781vw, 15px); margin-right:  clamp(8px, 0.781vw, 15px); }
#header .h-top-menu-box > a::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #002856; }
.main #header .h-top-menu-box > a::after,#header.site .h-top-menu-box > a::after {background: rgba(255, 255, 255, 0.4);}
#header .h-left-box { margin-top: auto; margin-left: auto;}
#header .h-lang-box { position: relative; }
#header .h-lang-box span { display: flex; align-items: center; gap: 7px; cursor: pointer; position: relative; }
#header .h-lang-box ul { position: absolute; left: 50%; transform: translateX(-50%); background-color: #fff; top: calc(100% + 10px); border-radius: 4px; padding: clamp(6px, 0.417vw, 8px) 0; white-space: nowrap; border: 1px solid #09aad2; z-index: 2; display: none; }
#header .h-lang-box ul li > a { display: flex; padding: clamp(6px, 0.417vw, 8px) clamp(12px, 1.042vw, 20px); font-size: clamp(12px, 0.677vw, 13px); font-weight: 400; letter-spacing: 0; color: #002856; }
#header .h-lang-box i { display: inline-block; width: 7px; height: 4px; background: url('../images/lang-arw-active.png') no-repeat center / cover; }
.main #header .h-lang-box i,#header.site .h-lang-box i {background: url('../images/lang-arw.png') no-repeat center / cover;}
#header .h-btm-menu-box { display: flex; }
#header .h-siteMapBtn { margin-left: clamp(16px, 1.563vw, 30px); z-index: 11;  margin-top: 2vw;}
#header .h-siteMapBtn, #header .h-siteMapBtn span { display: inline-block; transition: all 0.3s ease-in-out; box-sizing: border-box; }
#header .h-siteMapBtn { position: relative; width: 18px; height: 15px; }
#header .h-siteMapBtn span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #002856; }
#header .h-siteMapBtn span:nth-of-type(1) { top: 0; }
#header .h-siteMapBtn span:nth-of-type(2) { top: 50%; transform: translateY(-50%); }
#header .h-siteMapBtn span:nth-of-type(3) { bottom: 0; }
#header .h-siteMapBtn.active span:nth-of-type(1) { transform: translateY(-50%) rotate(-45deg); top: 50%; }
#header .h-siteMapBtn.active span:nth-of-type(2) { opacity: 0; }
#header .h-siteMapBtn.active span:nth-of-type(3) { top: 50%; transform: translateY(-50%) rotate(45deg); }
#header .h-left-box .gnb { display: flex; }
#header .h-left-box .gnb .depth01 { position: relative; }
#header.site .h-top-menu-box,#header.site .h-left-box .gnb .depth01 > a,.main #header .h-left-box .gnb .depth01 > a,.main #header .h-top-menu-box {color: #fff;}
.main #header .h-siteMapBtn span,#header.site .h-siteMapBtn span  { background-color: #fff; }
#header .h-left-box .gnb .depth01 > a { padding: clamp(18px, 1.927vw, 35px); font-size: clamp(16px, 0.938vw, 18px); font-weight: 700; letter-spacing: 0;  transition: all 0.3s ease-in-out; display: flex; color: #002856;}
#header .h-left-box .gnb.active .depth01 > a { padding: clamp(18px, 1.927vw, 35px) clamp(28px, 3.385vw, 45px); }
#header .h-left-box .gnb .depth02 {
	position: relative;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	height: calc(var(--h-height) - 130px);
}
#header.on .h-left-box .gnb .depth02 { visibility: visible; opacity: 1; width: 100%;}
#header .h-left-box .gnb .depth02>li>a {
	display: flex;
	align-items: center;
	padding: clamp(8px, 0.521vw, 10px)  clamp(8px, 0.521vw, 10px) clamp(8px, 0.521vw, 10px) clamp(28px, 3.385vw, 45px);
	font-size: clamp(14px, 0.781vw, 15px);
	font-weight: 400;
	letter-spacing: 0;
	color: #002856;
	position: relative;
	white-space: nowrap;
	display: none;
}
#header .h-left-box .gnb.active .depth02>li>a {display: block;}
#header .h-left-box .gnb .depth02 > li > a:hover { font-weight: 700; }
#header .h-left-box .gnb .depth02 > li > a span { position: relative; }
#header .h-left-box .gnb .depth02 > li > a span::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 0%; height: 1px; background-color: #002856; top: calc(100% + 3px); transition: all 0.3s ease-in-out; }
#header .h-left-box .gnb .depth02 > li > a:hover span::after { width: 100%; }
#header .h-left-box .gnb .depth03 { display: none; }
#header.scroll { opacity: 0; visibility: hidden;}
#header.on {--h-height: 430px; height: var(--h-height);}
#header.active.site .h-top-menu-box > a::after,.main #header.active .h-top-menu-box > a::after {background-color: #002856;}
#header.active {background-color: #fff; filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.05));}
#header.active.site .gnb .depth01 > a,.main #header.active .gnb .depth01 > a, .main #header.active .h-top-menu-box { color: #002856; }
#header.active.site .h-siteMapBtn span,.main #header.active .h-siteMapBtn span { background-color: #002856; }
#header.active.site .logo .basic,.main #header.active .logo .basic { display: none; }
#header.active.site .logo .active,.main #header.active .logo .active{ display: block; }
#header.active.site .h-lang-box i,.main #header.active .h-lang-box i { background: url('../images/lang-arw-active.png') no-repeat center / cover; }

/* siteMap */
#siteMap { position: fixed; top: 0; left: 0; width: 100%; height: 100svh; transition: all 0.6s ease-in-out; transform: translateY(-100%); z-index: 10; background: linear-gradient(to bottom, #5950a2, #52bcd6); }
#siteMap.active { transform: unset; }
#siteMap .siteMap-inner {display: none;}
#siteMap.active .siteMap-inner { display: block;}
#siteMap .siteMap-inner { padding: clamp(96px, 8.854vw, 170px) 0; height: 100svh; }
#siteMap .m-siteMap-wrapper {height: 100%;}
#siteMap .siteMap-inner .gnb { display: flex; gap: 30px; height: 100%; }
#siteMap .siteMap-inner .gnb .depth01 { width: calc(20% - 22px); }
#siteMap .siteMap-inner .gnb .depth01 > a { padding: clamp(20px, 2.083vw, 40px) 0; display: block; font-size: clamp(18px, 1.25vw, 24px); font-weight: 700; letter-spacing: 0; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.6); }
#siteMap .siteMap-inner .gnb .depth02 { overflow: auto; height: 100%; }
#siteMap .siteMap-inner .gnb .depth02::-webkit-scrollbar { display: none; }
#siteMap .siteMap-inner .gnb .depth02::-webkit-scrollbar-thumb { display: none; }
#siteMap .siteMap-inner .gnb .depth02::-webkit-scrollbar-track { display: none; }
#siteMap .siteMap-inner .gnb .depth02 > li:nth-child(1) > a { padding-top: unset; }
#siteMap .siteMap-inner .gnb .depth03 > li:nth-child(1) > a { padding-top: clamp(10px, 0.781vw, 15px); }
#siteMap .siteMap-inner .gnb .depth02 > li > a { padding: clamp(10px, 0.781vw, 15px) 0; display: block; font-size: clamp(16px, 0.938vw, 18px); font-weight: 700; color: #fff; letter-spacing: -0.05em; }
#siteMap .siteMap-inner .gnb .depth02 li > a span { position: relative; }
#siteMap .siteMap-inner .gnb .depth02>li:hover>a span::after, #siteMap .siteMap-inner .gnb .depth02>li.open>a span::after { content: ''; position: absolute; left: calc(100% + 15px); top: 50%; transform: translateY(-50%); width: 16px; height: 14px; background: url('../images/menu-arw01.svg') no-repeat center / cover; }
#siteMap .siteMap-inner .gnb .depth03 > li > a { color: #c8f4ff; font-size: clamp(14px, 0.833vw, 16px); font-weight: 400; letter-spacing: -0.05em; display: block; padding: clamp(6px, 0.521vw, 10px) 0; }
#siteMap .siteMap-inner .gnb .depth03>li:hover>a span::after { content: ''; position: absolute; left: calc(100% + 13px); top: 50%; transform: translateY(-50%); width: 13px; height: 11px; background: url('../images/menu-arw02.svg') no-repeat center / cover; }
#header .siteMap-inner .gnb .depth03 { display: none; }
/* END header */

/* footer */
#footer { padding: clamp(48px, 5.208vw, 100px) 0 clamp(96px, 12.5vw, 240px); background: url('../images/footer-bg.jpg') no-repeat bottom / cover; }
#footer .f-inner { display: flex; justify-content: space-between; }
#footer .f-left-box { font-size: clamp(22px, 2.1vw, 40px); font-weight: 400; letter-spacing: 0; line-height: 1.5em; color: #09aad2; }
#footer .f-right-box .f-r-tit { font-size: 20px; font-weight: 700; color: #002856; }
#footer .f-right-box .f-r-center-box { margin: 30px 0 50px; }
#footer .f-r-alt-box { display: flex; }
#footer .f-r-alt { display: flex; line-height: 2em; gap: 0 10px; font-size: 18px; font-weight: 400; color: #002856; position: relative; }
#footer .f-r-alt .tit { font-weight: 700; white-space: nowrap;}
#footer .f-r-alt + .f-r-alt { margin-left: 20px; padding-left: 20px; }
#footer .f-r-alt + .f-r-alt::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 55%; background-color: #9ddded; }
#footer .f-copy { font-size: 14px; font-weight: 400; color: #002856; margin-top: 30px; }

/* END footer */

/* quick */
#quickMenu { position: fixed; right: 30px; bottom: 30px; z-index: 10; }
#quickMenu > button,#quickMenu > div, #quickMenu .quickBtn > span { position: absolute; transition: all 0.3s ease-in-out; width: 90px; height: 90px; border-radius: 50%; right:0; bottom: 0; background-color: #fff; box-shadow: 0 0 16px rgba(0, 40, 86, 0.10); }
#quickMenu .quickBtn > span { font-size: clamp(16px, 0.938vw, 18px); font-weight: 700; letter-spacing: 0; color: #002856; z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#quickMenu .quickBtn .home-btn {display: none;}
#quickMenu .quickBtn > ul { position: absolute; left: 50%; transform: translateX(-50%); border-radius: 45px 45px 0 0; bottom: 50px; padding: clamp(8px, 0.521vw, 10px) 0 clamp(40px, 2.604vw, 50px); background-color: #fff; box-shadow: 0 0 16px rgba(0, 40, 86, 0.10); width: 99%; display: none; }
#quickMenu .quickBtn > ul a { display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center; padding: clamp(14px, 1.042vw, 20px) 0; font-size: clamp(13px, 0.729vw, 14px); font-weight: 500; letter-spacing: -0.05em; color: #002856; width: 100%; }
#quickMenu .quickBtn>ul li a svg { width: 30px; height: 30px; }
#quickMenu .topBtn { opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; }
#quickMenu.active .quickBtn { bottom: 100px; }
#quickMenu.active .topBtn { opacity: 1; visibility: visible; }
/* END quick */

.m-login-form {display: none;}

@media all and (max-width:1719px) {
    .inner { width: 93.75%; }
}

@media all and (max-width:1400px) {
    #header,
    #header .h-inner { height: 90px; }
    #footer .f-inner { flex-direction: column; gap: 40px; }
   
}

@media all and (max-width:1200px) {
    #header .h-top-menu-box,#header .h-lang-box ul li > a { font-size: 16px;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {
    #header .h-left-box { margin-top: unset; }
    #header .h-btm-menu-box { justify-content: flex-end; }
    #header .h-left-box .gnb {display: none;}
    #header .h-top-menu-box { position: absolute; right: 40px; padding-top: unset; top: 50%; transform: translateY(-50%); }
	#header .h-siteMapBtn {margin-top: unset;}
}

@media all and (max-width:1024px) {
    #wrap {overflow: hidden;}
    /* header */
    #header,
    #header .h-inner { height: 60px; }
    #header .h-left-box { margin: unset; }
	#header .h-siteMapBtn {margin-top: unset;}
	#header .logo {position: relative; top: unset;}
    #header .h-left-box .gnb { display: none; }
    #header .h-btm-menu-box { justify-content: flex-end; }
    #header .h-top-menu-box > a { display: none; }
    #header .h-lang-box { position: absolute; right: 40px; }
    #header .h-top-menu-box { padding: unset; right: unset; position: relative;}
    #header .logo img { height: 30px; }
    /* END header */

    /* footer */
    #footer .f-inner {flex-direction: column; gap: 40px;}
    #footer .f-r-alt-box {flex-wrap: wrap;}
    #footer .f-r-center-box .f-r-alt + .f-r-alt::after {
        display: none;
    }
    #footer .f-r-center-box .f-r-alt + .f-r-alt {
        margin-left: unset;
        padding-left: unset;
    }
    #footer .f-r-center-box .f-r-alt-box {
        gap: 0 30px;
    }
    /* END footer */

    /* siteMap */
    /* scroll */
    #siteMap .siteMap-inner .gnb::-webkit-scrollbar { width: 0; }
    #siteMap .siteMap-inner .gnb::-webkit-scrollbar-track { background: transparent; }
    #siteMap .siteMap-inner .gnb::-webkit-scrollbar-track::before { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #ddd; content: ''; transform: translateX(-50%); }
    #siteMap .siteMap-inner .gnb::-webkit-scrollbar-thumb { min-height: 20px; background: #bbb; border-radius: 3px; }
    #siteMap .siteMap-inner { padding: 80px 0; }
    #siteMap .siteMap-inner .gnb { flex-direction: column; overflow: auto; gap: unset; }
    #siteMap .siteMap-inner .gnb .depth01 { width: 100%; }
    #siteMap .siteMap-inner .gnb .depth02 { display: none; }
    .m-login-form { display: block; margin-bottom: clamp(20px, 3.906vw, 40px); }
    .m-login-form .m-login-user-box { display: flex; align-items: center; justify-content: center; font-size: clamp(18px, 2.93vw, 30px); font-weight: 500; letter-spacing: 0; color: #fff; gap: 10px; }
    .m-login-form .m-login-user-box > img { width: clamp(30px, 3.906vw, 50px); }
    #siteMap .flex-box02 { display: flex; gap: 20px; margin-top: clamp(28px, 4.883vw, 50px);}
    .m-login-link-box { display: flex; align-items: center; justify-content: center; border: 1px solid #fff; color: #fff; font-size: clamp(16px, 2.344vw, 24px); font-weight: 500; width: 100%; height: clamp(45px, 3.906vw, 50px); }
    #siteMap .siteMap-inner .gnb .depth01 > a { position: relative; }
    #siteMap .siteMap-inner .gnb .depth01 > a::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 7px; background: url('../images/m-arw.png') no-repeat center / cover; transition: all 0.3s ease-in-out; }
    #siteMap .siteMap-inner .gnb .depth01.open > a::after { transform: rotate(180deg); }
    /* END siteMap */
}

@media all and (max-width:700px) {
    /* header */
    #header .logo img { height: 20px; }
    #header, #header .h-inner {height: 50px;}
    #siteMap .siteMap-inner { padding: 70px 20px; }
    /* END header */

    /* footer */
    #footer { padding: clamp(48px, 5.208vw, 100px) 0 clamp(200px, 12.5vw, 240px); background: url(../images/footer-bg.jpg) no-repeat center bottom 40px / cover;}
    #footer .f-right-box .f-r-center-box {
        margin: 20px 0 30px;
    }
    #footer .f-r-alt {flex-wrap: wrap;}

   
    /* END footer */

    /* quick */
    #quickMenu .topBtn { width: 40px; height: 40px; }
    .boardViewWrapper #quickMenu {bottom: 142px;}

    .applyPaymentWrap #quickMenu, #quickMenu { right: 15px; bottom: 75px; }
    #quickMenu .quickBtn { position: fixed; bottom: 0 !important; width: 100%; height: 60px; border-radius: unset; display: none;}
    #quickMenu .quickBtn > span { text-indent: -999999999em; font-size: 0; display: none; }
    #quickMenu .quickBtn>ul {display: flex !important; position: relative; left: unset; transform: unset; border-radius: unset; bottom: unset; padding: unset; box-shadow: unset; width: 100%; height: 100%; }
    #quickMenu.active .quickBtn {display: block;}

    #quickMenu .quickBtn>ul >li { width: 100%; flex: 1; }
    #quickMenu .quickBtn > ul a { padding: 7px 0; justify-content: space-between; height: 100%; font-size: clamp(13px, 0.729vw, 14px); font-weight: 500; letter-spacing: -0.05em; color: #002856; width: 100%; gap: unset;}
    #quickMenu .quickBtn>ul li a svg { width: 25px; height: 25px; }
    #quickMenu .quickBtn>ul li:nth-child(3) a svg { width: 23px; height: 23px; }
    #quickMenu .quickBtn .home-btn {display: block;}

    /* END quick */
}

/* 타이머 관련 */
.pop-basic {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	font-size:0;
	text-align:center;
	z-index:1000;
	box-sizing:border-box;
	padding:10px;
	display:none;
}
.pop-basic .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:0;}
.pop-basic:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.pop-basic .inner {
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	z-index:10;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}


.pop-pass .inner {max-width:630px;text-align:left;margin:0 auto;}
.pop-pass .desc {border:7px solid #454545;background:#454545;position:relative;}
.pop-pass .desc .close {background:none;border:none;position:absolute;right:0;top:0;}
.pop-pass .desc .one {background:#fff;}
.pop-pass .desc .one .top {padding:30px;}
.pop-pass .desc .one .top .tit h4 {font-size:20px;font-weight:normal;color:#333;}
.pop-pass .desc .one .top .tit p {margin-top:25px;font-size:14px;line-height:1.5em;}
.pop-pass .desc .one .top dl {position:relative;padding-left:75px;margin-top:10px;}
.pop-pass .desc .one .top dl dt {position:absolute;left:0;top:0;height:36px;line-height:36px;font-size:14px;}
.pop-pass .desc .one .bot {
	background:#f7f7f7;
	border-top:1px solid #dcdcdc;
	padding:20px 30px;
	font-size:14px;
	color:#625a53;
}
.pop-pass .desc .one .bot dl {position:relative;padding-left:35%;}
.pop-pass .desc .one .bot dl > * {box-sizing:border-box;height:36px;line-height:36px;}
.pop-pass .desc .one .bot dl dt {position:absolute;left:0;top:0;width:35%;padding-right:10px;}
.pop-pass .desc .one .bot dl dd {padding-left:60px;position:relative;}
.pop-pass .desc .one .bot dl dd span {display:block;position:absolute;left:0;top:0;}
.pop-pass .desc .two {text-align:center;padding:20px 0 13px;}
.pop-pass .desc .two > * {margin:0 2px;}
.pop-pass.pop-pass2 {margin-top:100px;}
.timer {width:434px;border:1px solid #4d515a;background:#000;font-size:17px;}
.timer .tit {position:relative;padding:15px 55px;}
.timer .tit h3 {font-weight:normal;font-family:nl,sans-serif;color:#fff;text-align:center;font-size:36px;text-indent:-40px;}
.timer .tit .close {border:none;background:none;position:absolute;right:25px;top:50%;margin-top:-11px;}
.timer .tit .close img {width:22px;}
.timer .tit .close.back {font-size:18px;font-family:nl,sans-serif;color:#fff;}
.timer .tit .close.back img {width:8px;display:inline-block;vertical-align:middle;margin-right:5px;}

.timer .desc { border-top:1px solid #4d525a; padding:25px 30px; box-sizing:border-box; min-height:600px; max-height:75vh; overflow:auto; text-align:left; position:relative; }

.timer .radius {height:60px;border-radius:30px;background:#1a1a1a;position:relative;margin-top:13px;}
.timer .radius-del {margin-top:13px;position:relative;padding-right:50px;}
.timer .radius-del .radius-del {margin-top:0;}
.timer .radius-del .del { position:absolute; width:45px; height:45px; border:none; background:#1a1a1a; right:0; top:50%; margin-top:-22.5px; border-radius:50% }
.timer .radius-del .del img {width:30px; vertical-align: middle;}
.timer .radius h4 { position:absolute; left:20px; top:0; height:60px; line-height:60px; color:#fff; font-family:nl,sans-serif; font-weight:normal; }
.timer .radius .arr { position:absolute; right:7px; top:50%; width:45px; height:45px; margin-top:-22.5px; border-radius:50%; border:none; background:none; }
.timer .radius .arr img {width:10px;}
.timer .radius .sel-box { text-align:right; padding:0 60px 0 180px; position:relative; font-size:17px; height:60px; line-height:60px; color:#fff; }
.timer .radius .sel-box .sel-txt { text-align:right; display:block; vertical-align:middle; height:60; font-size:17px; font-weight:normal; font-family:nl,sans-serif; line-height:60px; position:relative; z-index:0; color:#fff; }
.timer .radius .sel-box .sel-op { position: absolute; top:0; left:0; width:100%; height:100%; font-family:nl,sans-serif; font-size:17px; color:#333; filter:alpha(opacity=0); opacity:0; z-index:1; }
.timer .radius .sel-box .sel-in { border:none; background:none; display:inline-block; font-size:17px; text-align:right; color:#fff; font-family:nl,sans-serif; width:50%; height:60px; line-height:60px; }
.timer .radius:hover .arr {background:#313131;}
.timer .time-range {margin-top:0;}

.timer .time-self {margin-top:1px;display:none;}

.timer .radius-btn {width:190px;margin:25px auto 0;border:none;background:none;display:block;}

.timer .time-gradation {
	height:60px;
	border-radius:30px;
	display:block;width:100%;
	box-sizing:border-box;
	border:none;
	color:#222;
	position:relative;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #c1c1c1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c1c1c1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#c1c1c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
	font-size:21px;
}
.timer .time-gradation img {width:30px;}
.timer .time-gradation.time-gradation2 {
	background: #808080; /* Old browsers */
	background: -moz-linear-gradient(top, #808080 0%, #616161 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #808080 0%,#616161 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #808080 0%,#616161 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#616161',GradientType=0 ); /* IE6-9 */
}

.timer .time-fin {
	height:60px;
	border-radius:30px;
	display:block;
	width:100%;
	box-sizing:border-box;
	border:none;
	position:absolute;
	bottom:0;
	left:0;
	font-size:21px;
	color:#fff;
	background: #4b4b4b; /* Old browsers */
	background: -moz-linear-gradient(top, #4b4b4b 0%, #3a3a3a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4b4b4b 0%,#3a3a3a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4b4b4b 0%,#3a3a3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
}

.timer .time-mid {margin-top:-7px;margin-bottom:9px;}
.timer .time-count {text-align:center;color:#fff;position:relative;padding-bottom:60px;}
.timer .time-count dt {font-size:36px;font-family:nl,sans-serif;}
.timer .time-count dd {font-size:137px;font-family:nl,sans-serif;}