@charset "utf-8";

@import url('/assets/stylesheets/font-awesome.css');
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

html {
	height: 100%;
	min-height: 100%;
	
}

body {
    font-family: 'Nanum Gothic', sans-serif;
	font-size: 16px;
	min-width: 1336px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden !important;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	/* overflow-y: hidden !important; */
}

/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    margin: 0;
	outline: none;
}
/* body::-webkit-scrollbar {
    display: none;
}
body{
	-ms-overflow-style: none;
} */

a {
	cursor: pointer;
    text-decoration: none;
}

table {
    border-spacing: 0;
	border-collapse: collapse;
}

caption{
	display:none;
}

fieldset,img {
    border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}

strong{
	font-weight: bold;
}

ol, ul {
	list-style-type: none;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
	-webkit-margin-end: 0px;
	        margin-inline-end: 0px;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
}

ul, menu, dir {
    list-style-type: none;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
}

caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}
button{
	cursor:pointer;
    border:none;
    font-size: 1rem;
}

/* Custom CSS
 * --------------------------------------- */
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 6em;
}
p{
	font-size: 1em;
	line-height: 1.4;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	text-align:center;
	min-height: 768px;
	overflow: hidden;
	position: relative;
}
/* 메인 */
.section2{
	background:url(/images/bg2.png) 50% 50%;
	background-size:cover;
}
.section3{
	background: url(/images/bg3.png) 50% 50%;
	background-size:cover;
	position:relative;
}
.section.first{
	background:#5d49a8 url(/images/bg1.png) 50% 50%;
	background-size:cover;
	z-index: 1;
}
.section.second{
	/* background:url(/images/bg2.png) 50% 50%;
	background-size:cover; */
  background: #40aab4;
  z-index: 2;
}
.section.third{
	/* background: url(/images/bg3.png) 50% 50%;
	background-size:cover; */
  background: #ff9f00;
	position:relative;
	z-index: 3;
}
.section.fourth {
	min-height: auto;
	z-index: 4;
}
/* #section2 img{
	left: 130%;
	position:relative;
	transition: all 600ms ease;
}
#section2 p{
	opacity: 0;
	transition: all 600ms ease;
}
#section3 .intro{
	left: -130%;
	position:relative;
	transition: all 600ms ease;
} */

/**
* Here we fire the animation for section 3.
* As the fp-viewing class in the body changes on each section and slide.
*/
body.fp-viewing-3rdPage #section3 .intro{
   left: 0%;
}
#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
 border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}
.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}
#download{
	margin: 10px 0 0 0;
	padding: 15px 10px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #49afcd;
	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2f96b4));
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
#download a{
	text-decoration:none;
	color:#fff;
}
#download:hover{
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #2F96B4;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}

#site-footer {
	background-color: #313131;
	color: #fff;
	width: 100%;
	padding: 0;
	z-index: 4;
}

#site-footer .footer-banner {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 0;
    width: 100%;
}

#site-footer .footer-banner > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#site-footer select::-ms-expand {
    display: none;
}

#site-footer .footer-families-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

#site-footer .footer-families-wrapper .footer-families {
	height: 30px;
	width: 260px;
}

#site-footer .footer-families-wrapper .footer-families > select {
	vertical-align: middle;
    outline-offset: 0;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: #666;
	font-size: 13px;
	padding: 4px 30px 5px 15px;
    border-radius: 30px;
    background: #fff url('/images/ico-select-purple-arrow.png') no-repeat center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 16px;
}

#site-footer .footer_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 30px 0;
	width: 1336px;
}

#site-footer .footer_in .footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1336px;
    width: 100%;
}

#site-footer .footer_in p,
#site-footer .footer_in address {
	font-size: 12px;
	line-height: 21.6px;
	margin: 0;
}

#site-footer .foot_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-bottom: 10px;
}

#site-footer .foot_link a {
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	margin-right: 30px;
}

#site-footer .foot_link a:last-child {
	margin-right: 0;
}

#site-footer .footer_in {
    width: 100%;
    max-width: 1300px;
	margin:0 auto;
	text-align:left;
}
#site-footer .footer_in > .footer_logo {
    padding-right: 40px;
    font-size: 0;
    line-height: 0;
	margin-top: 8px;
}

#site-footer .family_area {
	overflow: hidden;
    width: 100%;
    max-width: 1000px;
	float:right;
    padding: 15px 46px;
}

.hidden {
    display: none;
}

.foot_event{
  background:#39b470;
  text-align:center;
  margin-bottom: 40px;
}
/* 메인1 애니메이션 */
.fs01{
	position:absolute;
	bottom:548px;
	left: 50%;
	margin-left:-188px;
	z-index:999;

}
.fs011{
	position:absolute;
	bottom:70px;
	left:50%;
	margin-left:355px;
	z-index:999;

}
.fs0111{
	position:absolute;
	bottom:100px;
	left:50%;
	margin-left:-220px;
	z-index:999;
}
.fs02{
	position:absolute;
	bottom:500px;
	left:50%;
	margin-left:-152px;
	z-index:999;


}
.fs03{
	position:absolute;
	bottom:230px;
	left:50%;
	margin-left:-80px;
	z-index:999;
}
.fs033{
	position:absolute;
	bottom:185px;
	left:50%;
	margin-left:-565px;
	z-index:999;

}
.fs04{
	position:absolute;
	bottom:300px;
	left:50%;
	margin-left:-750px;
	z-index:999;
}
.fs044{
	position:absolute;
	bottom:450px;
	left:50%;
	margin-left:-600px;
	z-index:0;
	width:7px;
	height:10px;
	border-radius:5px;
	background:#5861b4;
	opacity:0.5;
}
.fs0444{
	position:absolute;
	bottom:600px;
	left:50%;
	margin-left:550px;
	z-index:0;
	width:7px;
	height:10px;
	border-radius:5px;
	background:#5861b4;
	display:block;
	opacity:0.1;
}

.fs05{
	position:absolute;
	bottom:450px;
	left:50%;
	margin-left:400px;
	z-index:999;

}
.fs06{
	position:absolute;
	bottom:50px;
	left:50%;
	margin-left:-631px;
	z-index:9;
}
/* 메인2 애니메이션 */
.ss01{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-254px;
	margin-left:-570px;
	z-index:9;
}
.ss02{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-290px;
	margin-left:287px;
	z-index:9;
}
.ss03{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-295px;
	margin-left:150px;
	z-index:8;
}
.ss04{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-80px;
	margin-left:-590px;
}
.ss05{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-80px;
	margin-left:-183px;
}
.ss06{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-80px;
	margin-left:225px;

}
.mm_box{
	border-radius:15px;
	border:5px #fff solid;
	overflow:hidden;
	width:365px;
	height:335px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	background:#fff;
	-webkit-box-shadow: 0px 5px 5px rgba(68,68,68,0.4);
	box-shadow: 0px 5px 5px rgba(68,68,68,0.4);
}
.mm_box p{
	font-size: 18px;
	font-weight: 600;
	color: #000;
	line-height: 60px;
}
.mgi_thum{
	height:190px;
	width:100%;
	overflow:hidden;
}
.animated2{
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
}
.animated_z{
	-webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	-webkit-animation-iteration-count:infinite;
	        animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	        animation-direction: alternate;
}
.animated_s{
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	-webkit-animation-iteration-count:infinite;
	        animation-iteration-count:infinite;
}

/* 메인3 애니메이션 */
.ts01{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-545px;
	z-index:999;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
}
.cl{
	-ms-flex-align: center;
    -webkit-box-align: center;
	        align-items: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
	        flex-direction: column;
	width:215px;
	height:215px;
	border-radius:50%;
	background:#fff;
}
.cl img{
	max-height: 128px;
	width: auto;
	/* vertical-align:middle; */
}
.cl > div {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 128px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.winner .cl > div {
	height: 160px;
}
.rank_ico{
	display:inline-block;
	top:-10px;
	left:-10px;
	position:absolute;
}
.ts02{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-212px;
	margin-left:150px;
	z-index:999;
}
.ts03{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:10px;
	margin-left:-620px;
	z-index:999;

}
.ts04{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:10px;
	margin-left:-375px;
	z-index:999;
}
.ts05{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-35px;
	margin-left:-130px;
	z-index:999;
}
.ts05 > .cl{
	width:260px;
	height:260px;
	border-radius:50%;
	background:#fff;
	position:relative;
	line-height:260px;
}
.ts05 > .rank_ico{
	display:inline-block;
	top:-20px;
	left:-20px;
	position:absolute;
	z-index:9;
}
.ts06{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:10px;
	margin-left:160px;
	z-index:9;
}
.ts07{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:10px;
	margin-left:400px;
	z-index:9;
}
.ts08{
	position:absolute;
	top:0;
	right:0;
	z-index:9999;
}
.m_nick{
	background:url(/images/icon_name.png) 0 50% no-repeat;
	line-height:200%;
	font-size:20px;
	padding-left:40px;
	display:inline-block;
	color:#000;
	margin-left:-20px;
	margin-top: 8px;
}
#clouds1{
	margin-top:-50px;
	/*opacity: .5;*/
	/*-webkit-animation: cloud_anim 200s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_w2.png)  repeat-x;
}
#clouds2{
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	margin-top: 0px;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_w1.png) repeat-x;
	border-bottom: 10px solid white;
}
#clouds3{
	margin-top:-100px;
	background-position-x: -140px;
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_w3.png)  repeat-x;
}
#clouds11{
	margin-top:-40px;
	/*opacity: .5;*/
	/*-webkit-animation: cloud_anim 200s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_2w2.png)  repeat-x;
}
#clouds22{
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	margin-top: 0px;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_2w1.png) repeat-x;
	border-bottom: 10px solid white;
}
#clouds33{
	margin-top:-80px;
	background-position-x: -140px;
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_2w3.png)  repeat-x;
}
#clouds111{
	margin-top:-40px;
	/*opacity: .5;*/
	/*-webkit-animation: cloud_anim 200s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_3w2.png)  repeat-x;
}
#clouds222{
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	margin-top: 0px;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_3w1.png) repeat-x;

}
#clouds333{
	margin-top:-80px;
	background-position-x: -140px;
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_3w3.png)  repeat-x;
}
.clouds{
	position: absolute;
	width: 100%;
	height: 240px;
	left: 0px;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
}
.clouds1{
	position: absolute;
	width: 100%;
	height: 240px;
	left: 0px;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
}
.clouds2{
	position: absolute;
	width: 100%;
	height: 240px;
	left: 0px;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
}
@-webkit-keyframes cloud_anim {
  0%   {
  	background-position: 0px 0px;
   }
   100% {
   	background-position: 2000px 0px;
   }
}
#water1{
	margin-top:-37px;
	/*opacity: .5;*/
	/*-webkit-animation: cloud_anim 200s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_w2.png)  repeat-x;
}
#water2{
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	margin-top: 0px;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_w1.png) repeat-x;
	border-bottom: 10px solid white;
}
#water3{
	margin-top:-74px;
	background-position-x: -140px;
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/m_w3.png)  repeat-x;
}
#water21{
	margin-top:-37px;
	/*opacity: .5;*/
	/*-webkit-animation: cloud_anim 200s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/s02_w2.png)  repeat-x;
}
#water23{
	margin-top:-74px;
	background-position-x: -140px;
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/s02_w3.png)  repeat-x;
}
#water31{
	margin-top:-37px;
	/*opacity: .5;*/
	/*-webkit-animation: cloud_anim 200s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/s03_w2.png)  repeat-x;
}
#water33{
	margin-top:-74px;
	background-position-x: -140px;
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/s03_w3.png)  repeat-x;
}
#water41{
	margin-top:-37px;
	/*opacity: .5;*/
	/*-webkit-animation: cloud_anim 200s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/s04_w2.png)  repeat-x;
}
#water43{
	margin-top:-74px;
	background-position-x: -140px;
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/s04_w3.png)  repeat-x;
}
#water51{
	margin-top:-37px;
	/*opacity: .5;*/
	/*-webkit-animation: cloud_anim 200s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/s05_w2.png)  repeat-x;
}
#water53{
	margin-top:-74px;
	background-position-x: -140px;
	/*opacity: .7;*/
	/*-webkit-animation: cloud_anim 150s infinite;*/
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background: url(/images/s05_w3.png)  repeat-x;
}
.water{
	position: absolute;
	width: 100%;
	height:75px;
	top:415px;
	left: 0px;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
}

.content .board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.content .board .figure {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-right: 20px;
}

.content .board h5 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	margin: 4px 0;
}

.content .board p {
	color: #959595;
	font-size: 14px;
}

#game #site-header {
	background-color: #40abb5;
}

#game #site-header #wave2 {
	background-image: url('/images/m_2w2.png');
	bottom: 37px;
}

#game #site-header #wave3 {
	background-image: url('/images/m_2w3.png');
	background-position-x: -140px;
	bottom: 74px;
}

#game #site-header div.s02txt {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -160px;
  -webkit-animation-name: txt02; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: txt02;
  animation-duration: 2s;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#game #site-header div.s02img2 {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: 94px;
}

#game .content .board {
	min-width: 848px;
	padding: 24px 60px;
}

#game .content .board h5 {
	color: #a84300;
}

#ranking #site-header {
	background-color: #ff9f00;
}

#ranking #site-header #wave2 {
	background-image: url('/images/s03_w2.png');
}

#ranking #site-header #wave3 {
	background-image: url('/images/s03_w3.png');
}

#sub04{
	background:#39a0d1;
	height:490px;
}

#support #site-header {
    background-color: #f0687c;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes imgani01 {
  0%   {-webkit-transform:scale(0.5);transform: scale(0.5); opacity: 0;}
  80%   {-webkit-transform:scale(1.1);transform: scale(1.1); opacity: 0.8;}
  100% { opacity: 1;}
}

/* Standard syntax */
@keyframes imgani01 {
  0%   {-webkit-transform:scale(0.5);transform: scale(0.5); opacity: 0;}
  80%   {-webkit-transform:scale(1.1);transform: scale(1.1); opacity: 0.8;}
  100% { opacity: 1;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes txt02 {
 0%   { opacity: 0;}
  100% { opacity: 1;}
}

/* Standard syntax */
@keyframes txt02 {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
#ranking div.s03txt {
  width: 459px;
  height: 159px;
  position: absolute;
  left:50%;
  top:170px;
  margin-left:-430px;
  -webkit-animation-name: txt03; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: txt03;
  animation-duration: 2s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes txt03 {
 0%   { opacity: 0;}
  100% { opacity: 1;}
}

/* Standard syntax */
@keyframes txt03 {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
#sub03 div.s03img1 {
z-index:9;
  width: 170px;
  height: 250px;
  position: absolute;
  left:50%;
  top:250px;
  margin-left:80px;
  -webkit-animation-name: imgani03; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
  animation-name: imgani03;
  animation-duration: 1.5s;
   z-index:3;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes imgani03 {
  0%   {-webkit-transform:scale(0.5);transform: scale(0.5); opacity: 0;}
  80%  {-webkit-transform:scale(1.1);transform: scale(1.1); opacity: 0.8;}
  100% { opacity: 1;}
}

/* Standard syntax */
@keyframes imgani03 {
  0%   {-webkit-transform:scale(0.5);transform: scale(0.5); opacity: 0;}
  80%  {-webkit-transform:scale(1.1);transform: scale(1.1); opacity: 0.8;}
  100% { opacity: 1;}
}
#ranking div.s03img2 {
  width: 350px;
  height: 300px;
  position: absolute;
  left:50%;
  top:180px;
  margin-left:160px;
  -webkit-animation-name: imgani033; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
  animation-name: imgani033;
  animation-duration: 1.5s;
   z-index:2;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes imgani033 {
  0%   {-webkit-transform:scale(0.5);transform: scale(0.5); opacity: 0;}
  80%  {-webkit-transform:scale(1.1);transform: scale(1.1); opacity: 0.8;}
  100% { opacity: 1;}
}

/* Standard syntax */
@keyframes imgani033 {
  0%   {-webkit-transform:scale(0.5);transform: scale(0.5); opacity: 0;}
  80%  {-webkit-transform:scale(1.1);transform: scale(1.1); opacity: 0.8;}
  100% { opacity: 1;}
}

#community #site-header div.s04txt {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left:-200px;
  -webkit-animation-name: txt04; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: txt04;
  animation-duration: 2s;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes txt04 {
 0%   { opacity: 0;}
  100% { opacity: 1;}
}

/* Standard syntax */
@keyframes txt04 {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
#community #site-header div.s04img1 {
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: 280px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

#support #site-header #wave2 {
	background-image: url('/images/s05_w2.png');
}

#support #site-header #wave3 {
	background-image: url('/images/s05_w3.png');
}

#support #site-header .header-text {
    left: 50%;
    margin-left: -200px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
}

#support #site-header .school {
    bottom: 0;
    left: 50%;
    margin-left: 140px;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%)
}

/* faq */

.faq_tit{
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
	background:#ececec;
}
.faq_tit ul{
	overflow:hidden;
}
.faq_tit li{
	float:left;
	padding:15px 0;
	text-align:center;
	color:#000;
	font-weight:bold;

}
.faq_tit:after{
	display:block;
	clear:both;
}
#accordion > h3{
	border-bottom:1px #ececec solid;
	padding:15px 0;
}
#accordion > h3 > .cate{
	width:200px;
	text-align:center;
	display:inline-block;
}
#accordion > h3 > .faq_q{
	background:url(/images/faq_q.png) 20px 50% no-repeat;
	padding-left:50px;
	line-height:26px;
	display:inline-block;
}
#accordion > h3 > .faq_a{
	background:url(/images/faq_a.png) 20px 50% no-repeat;
	padding-left:50px;
	line-height:26px;
	display:inline-block;
}
#accordion > .faq_a{
	border-bottom:1px #ececec solid;
	padding:20px 0;
	padding-left:200px;

}
#accordion > .faq_a > p{
	font-size:16px;
	padding-left:50px;
	line-height:26px;
	background:url(/images/faq_a.png) 20px 50% no-repeat;
}

/* 본문 */
#container{
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	min-width: 1336px;
	margin: 16px auto 0;
	width: 100%;
}

#container .content-wrapper {
	margin: 0 auto 140px;
	width: 1024px;
}

#container .content-wrapper .content {
	-ms-flex-align: center;
    -webkit-box-align: center;
	        align-items: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
	        flex-direction: column;
	margin: 48px 0;
}

#container .content-wrapper .content p {
	font-size: 1rem;
	line-height: 1.6;
}

#container .content-wrapper .content .button-play {
	cursor: pointer;
	margin-top: 48px;
}

#container .content-wrapper .content .screenshot {
	margin-top: 100px;	
}

/* 로케이션영역 */
.contentService,
.contentService2,
.contentService3,
.contentService4,
.contentService5,
.contentService6 {
	border-bottom: 2px #5d66b6 solid;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	padding: 0 0 8px 4px;
	width: 100%;
}
.contentService2{
	border-bottom-color: #5fc2cb;
}
.contentService3{
	border-bottom: #ff9f00 solid;
}
.contentService4{
    border-bottom-color: #3c82d8;
    margin-bottom: 36px;
}
.contentService5{
	border-bottom-color: #f0687c;
	overflow:hidden;
}
.contentService6{
	border-bottom-color: #8da314;
}
.page_tit{
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	font-size:30px;
	font-weight: bold;
}
.location {
	flex: 0 1 auto;
	margin-top: 20px;
}
.location a {
	color: #444;
	text-decoration: none;
}
.location ol {
	-ms-flex-align: center;
    -webkit-box-align: center;
	        align-items: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-margin-after: 0;
	        margin-block-end: 0;
	-webkit-margin-before: 0;
	        margin-block-start: 0;
	-webkit-margin-end: 0;
	        margin-inline-end: 0;
	-webkit-margin-start: 0;
	        margin-inline-start: 0;
	-webkit-padding-end: 0;
	        padding-inline-end: 0;
	-webkit-padding-start: 0;
	        padding-inline-start: 0;
}
.location li{
	font-size:16px;
	color:#959595;
	line-height: 1.0;
}
.location li.home img {
	-webkit-filter: brightness(.6);
	        filter: brightness(.6);
	position: relative;
}
.location li.home::before{
	content: "";
	display: none;
}
.location li.on{
	font-weight:500;
	color:#959595;
}
.location li::before {
	font-family: FontAwesome;
	content: "\f105";
	margin-right:10px;
	margin-left:10px;
	font-size:18px;
	color:#757575;
	position: relative;
	top: 1px;
}
/* 탭 마스터 */
.nav-tabs {
	list-style: none;
	margin: 0 auto 50px;
	padding: 0;
	clear:both;
    width:974px;
	height:50px;
	z-index:1;
}
.nav-tabs li {
	float: left;
	background:#fff;
	border:1px #adadad solid;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	text-align:center;
}
.nav-tabs li div {
	display: inline-block;
	color: #acacac;
	text-align: center;
	text-decoration: none;
	padding: 11px 0;
	font-size: 20px;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;

}
.nav-tabs li div span{
	color: #ef0470;
	padding:0 11px;
	font-size: 16px;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}
.tabcontent {
	display: none;
}
ul.nav-tabs li a {
	color: #acacac;
	display: block;
	font-size: 20px;
	height: 100%;
	padding: 11px 0;
	width: 100%;
}
ul.nav-tabs li.current{
	background:#e5f7ff;
	border:1px #62bbe6 solid;
	z-index:2;
}
ul.nav-tabs li.current a{
	text-align: center;
	color: #62bbe6;
}
ul.nav-tabs li.current a span{
	text-align: center;
	color: #62bbe6;
}
.sub03 > ul.nav-tabs li.current{
	background:#fff5e5;
	border:1px #ff9f00 solid;
	z-index:2;
}
.sub03 > ul.nav-tabs li.current a{
	text-align: center;
	color: #ff9f00;
}

.nav-tabs3,
.nav-tabs5 {
	display: -ms-flexbox;
  	display: -webkit-box;
  	display: flex;
	list-style: none;
	margin: 0 auto 65px;
	padding: 0;
    width:974px;
	height:50px;
	border-bottom:2px #ababab solid;
	z-index:1;
}
.tabcontent {
	display: none;
}
.nav-tabs3 li {
	float: left;
	margin-right:3px;
	background:#ababab;
	border-radius: 10px 10px 0 0;
	border:2px #ababab solid;
	border-bottom:none;
}
.nav-tabs3 li a {
	display: inline-block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 11px 0;
	font-size: 20px;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
	width:170px;
}
ul.nav-tabs3 li.current{
	background:#fff;
	color: #222;
	border:2px #ff9f00 solid;
	border-bottom:none;
	height:50px;
	z-index:2;
}
ul.nav-tabs3 li.current a{
	text-align: center;
	color: #ff9f00;
}
.tabcontent {
	display: none;

}
.nav-tabs5 li {
	float: left;
	margin-right:3px;
	background:#ababab;
	border-radius: 10px 10px 0 0;
	border:2px #ababab solid;
	border-bottom:none;
}
.nav-tabs5 li a {
	display: inline-block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 11px 0;
	font-size: 20px;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
	width:170px;
}
ul.nav-tabs5 li.current{
	background:#fff;
	color: #222;
	border:2px #5fc2cb solid;
	border-bottom:none;
	height:50px;
	z-index:2;
}
ul.nav-tabs5 li.current a{
	text-align: center;
	color: #5fc2cb;
}
.tabcontent.current {
	display: block;
	margin: 0 auto;
	width: 1024px;
}

/* 기타 */
.s_tit{
    /* font-family: 'HancomSans-Light'; */
	color:#000;
	background:url(/images/bar01.png) 50% 100% no-repeat;
	text-align:center;
	line-height:2em;
	font-size:20px;
}
.b_txt{
	margin-top:50px;
    /* font-family: 'HancomSans-SemiBold'; */
	font-weight:bold;
	color:#00479d;
	font-size:32px;
	text-align:center;
}
.s_txt{
	margin-top:20px;
    /* font-family: 'HancomSans-SemiBold'; */
	font-weight:normal;
	color:#959595;
	font-size:18px;
	text-align:center;
}
.btn_fixed{
    text-align: center;
    padding: 30px 0 35px;
}
.btn_fixed > a::after{
	display:inline-block;
	font-family: FontAwesome;
	content: "\f105";
	margin-left:30px;
	margin-right:-10px;
	font-size:21px;
	color:#fff;
}
/* 버튼 */
.btn_red1{
	background:#f75259;
	color:#fff;
	padding:10px 20px;
	font-size:18px;
	font-weight:bold;
}
.btn_red1:after{
	display:inline-block;
	font-family: FontAwesome;
	content: "\f105";
	margin-left:30px;
	margin-right:-10px;
	font-size:24px;
	font-weight:normal;
	color:#fff;
}
.btn_gray1{
	background:#959595;
	color:#fff;
	padding:10px 20px;
	font-size:18px;
	font-weight:bold;
}
.btn_gray1:after{
	display:inline-block;
	font-family: FontAwesome;
	content: "\f105";
	margin-left:30px;
	margin-right:-10px;
	font-size:24px;
	font-weight:normal;
	color:#fff;
}
.btn_red_round{
	background:#f75259;
	border-radius:30px;
	color:#fff !important;
	cursor: pointer;
	padding:15px 60px;
}
.btn_green_round{
	background:#5fc2cb;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	padding:5px 13px;
}
.btn_green_round > span::after{
	display:inline-block;
	font-family: FontAwesome;
	content: "\f105";
	margin-left:10px;
	margin-right:-5px;
	font-size:12px;
	color:#fff;
}
.btn_gray_round,
a.btn_gray_round {
	background:#adadad;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	padding:5px 16px;
	text-decoration: none;
}
a.btn_gray_round > * {
	color: #fff;
}
.btn_blue_round{
	background:#62bbe6;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	padding:5px 16px;
}
a.btn_blue_round {
	color: #fff;
}
.btn_blue1_round{
	background:#17508e;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	padding:5px 23px;
}
.btn_blue_down{
	color:#fff;
	padding:15px 25px 15px 45px;
	background:#5d66b6 url('/images/ico_download.png') 20px 50% no-repeat;
	margin:0 auto;
	margin-top:40px;
}
.ip_box_btn1{
	position:absolute;
	top:0;
	right:320px;
	line-height:35px;
	background:#5e66b7;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding:0 30px;
}
.ip_box_btn2{
	position:absolute;
	top:0;
	right:10px;
	line-height:37px;
	background:#5e66b7;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding:0 30px;
}
a.make_cl{
	color:#fff;
	padding:15px 25px 15px 45px;
	background:#5d66b6 url('/images/icon_plus.png') 20px 50% no-repeat;
	float:right;
	margin-top:40px;
}
.make_write,
a.make_write {
	color:#fff;
	padding:15px 35px;
	background:#f75259;
	display:inline-block;
	margin-top:40px;
	text-decoration: none;
}
.make_write1,
a.make_write1 {
	color:#fff;
	padding:15px 35px;
	background:#5d66b6;
	float:right;
	margin-top:40px;
	text-decoration: none;
}
.btn_find_friend{
	background:#5d66b6 url('/images/icon_friend.png') 80px 50% no-repeat;
	color:#fff;
	margin:0 auto;
	border:none;
	padding:15px 105px 15px 150px;
	display:block;
	font-size:20px;
	cursor:pointer;
}
.btn_del{
	color:#fff;
	padding:5px 30px;
	background:#17508e;
	border:none;
	text-align:center;
	border-radius:3px;
}
.btn_blue{
	background:#5d66b6;
	color:#fff;
	font-size:16px;
	text-align:center;
	padding:15px 40px;
	border:none;
	width:150px;
}
.btn_blue_in{
	background:#5d66b6;
	color:#fff;
	font-size:16px;
	text-align:center;
	padding:8px 20px;
	border:none;
	width:120px;
}
.btn_blue_normal{
	background:#5d66b6;
	color:#fff;
	font-size:16px;
	text-align:center;
	padding:15px 30px;
	border:none;
}
.btn_gray{
	background:#adadad;
	color:#fff;
	font-size:16px;
	text-align:center;
	padding:15px 40px;
	border:none;
	width:150px;
}
.btn_zone{
	padding:30px;
	text-align:center;
}
.btn_box{
	width:110px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
}
.btn_box > button{
	width:106px;

}
.btn_position{
	position:absolute;
	right:0;
	top:50%;
	margin-top:-17px
}
.btn_noti{
	background:#eee;
	border-radius:3px;
	line-height:30px;
	padding:0 20px;
	float:right;
}
.quick_zone{
	width:110px;
	position:fixed;
	top:490px;
	left:50%;
	margin-left:650px;
}
.mquick_zone{
	position:absolute;
	width:110px;
	position:fixed;
	top:50%;
	right:5%;
	margin-top:-175px;
}
/* 게시판 */
.textview{
	padding-bottom:20px;
}
/* 테이블 스타일 */
.tablewrap{
	border-top:2px #5fc2cb solid;
	padding:0;
}
.tbs01{
	border-bottom:1px solid #eaeaea;
}
.tbs01 thead th{
	background:#f4f5f6;
	color:#000;
	font-size:15px;
	padding:10px 15px;
	font-weight:bold;
	text-align:center;
	border:1px solid #eaeaea;
}
.tbs01 thead th.first{
	border-left:none;
}
.tbs01 thead th.last{
	border-right:none;
}
.tbs01 tbody td{
	color:#666666;
	padding:20px 15px;
	text-align:center;
	border:1px solid #eaeaea;
}
.tbs01 tbody td.first{
	border-left:none;
}
.tbs01 tbody td.last{
	border-right:none;
}

.tbs02{border-top:1px solid #555;border-bottom:1px solid #bbb; width: 100%;}
.tbs02 th{
	font-size:16px;
	color:#444444;
	font-weight:bold;
	text-align:center;
	background:#ececec;
	padding:13px;
	border-bottom:1px solid #555;
}
.tbs02 th.last{border-right:none}
.tbs02 td{padding:15px;text-align:center;border-bottom:1px solid #ececec}
.tbs02 td.last{border-right:none}
.tbs02 td.ta_l{text-align:left;}
.tbs02 td .btit{
	font-size:16px;
	color:#444;
	line-height:160%;
}
.tbs02 td .stit{
	font-size:12px;
	color:#888;
}
.tbs02 .td_title{font-weight:bold;text-align:left}
.tbs02 tbody th{
	background:#ffb842;
	color:#fff;
	border-top:none;
	border-bottom:1px solid #ececec
}

.tbs03{border:1px solid #e8e8e8;}
.tbs03 th{
	font-size:16px;
	color:#222;
	font-weight:bold;
	text-align:center;
	border:1px solid #e8e8e8;
}
.tbs03 td{padding:15px 20px;border:1px solid #e8e8e8}
.tbs03 td.ta_l{text-align:left;}
.tbs04{border:1px solid #e8e8e8;}
.tbs04 th{
	font-size:16px;
	color:#222;
	font-weight:bold;
	text-align:center;
	border:1px solid #e8e8e8;
}
.tbs04 th.first{
	border-left:2px #62bbe6 solid;
}
.tbs04 td.first{
	border-left:2px #62bbe6 solid;
}
.tbs04 td{padding:15px 20px;border:1px solid #e8e8e8}
.tbs04 td.ta_l{text-align:left;}

.tbs05{border:none;}
.tbs05 th{
	font-size:24px;
	color:#222;
	font-weight:bold;
	text-align:left;
	border-bottom:2px solid #67bde7;
	padding:20px 0;
}

.tbs05 td{padding:20px 0;border-bottom:2px solid #dedede}
.tbs05 tfoot td{padding:12px 20px;border-bottom:1px solid #dedede;}
.tbs05 tfoot td.first{background:url('/images/bar03.png') 100% 50% no-repeat;}
.tbs05 td.ta_l{text-align:left;}

.tbs_tit{
	width:100%;
	padding:15px 0;
}
.tbs_tit h3{
	font-size:20px;
	color:#111;
	display:inline-block;
}
.tbs_tit .h_sub{
	font-size:16px;
	color:#959595;
	padding-left:20px;
	display:inline-block;
}
.write_info{
	overflow:hidden;
	padding-bottom:35px;
}
.write_info:after{
	content:'';
	clear:both;
	display:block;
}
.write_info > .wnick{
	float:left;
	display:inline-block;
	font-size:12px;
	line-height:30px;
}
.write_info > .wbox {
	float:right;
	width:350px;
}
.write_info > .wbox > .wmmdd{
	float:right;
	display:inline-block;
	font-size:12px;
	background:url('/images/icon_time.png') 0 50% no-repeat;
	padding-left:30px;
	line-height:30px;
	margin-left:25px;
}
.write_info > .wbox > .wcont{
	float:right;
	display:inline-block;
	font-size:12px;
	background:url('/images/icon_cont.png') 0 50%  no-repeat;
	padding-left:30px;
	line-height:30px;
	margin-left:25px;
}
.write_info > .wbox > .wlike{
	float:right;
	display:inline-block;
	font-size:12px;
	background:#eeeeee url('/images/icon_like.png') 5px 50%  no-repeat;
	padding-left:35px;
	padding-right:10px;
	line-height:30px;
	margin-left:25px;
	border-radius:3px;
}
.searchBox {
	border:1px #eaeaea solid;
}
.searchBox th{
	border:1px #eaeaea solid;
	text-align:center;
	color:#111;
}
.searchBox td{
	padding:12px 10px 12px 15px;
	border:1px #eaeaea solid;
	color:#111;
}
.searchDate{
	overflow:hidden;
	*zoom:1;
}
.searchDate:after{display:block;clear:both;content:''}
.searchDate li{position:relative;float:left;margin:0 -1px 0 0}
.searchDate li:last-child{float:right;padding-right:110px;}
.searchDate li .chkbox2{display:block;text-align:center}
.searchDate li .chkbox2 input{position:absolute;z-index:-1}
.searchDate li .chkbox2 label{
	display:block;
	width:110px;
	height:35px;
	font-size:14px;
	font-weight:bold;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	color:#ababab;
	text-align:center;
	line-height:35px;
	text-decoration:none;
	cursor:pointer;
	border:1px #ababab solid;
	background:#fff;
	z-index:-1;
}
.searchDate li .chkbox2.on label{
	background:#edfff3;
	color:#07c045;
	border:1px #07c045 solid;
	z-index:9;
}
.dset{
	overflow:hidden;
	display:inline-block;
	border:1px #dddddd solid;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:0 5px;
}
.demi{
	position:absolute;
	top:0;
	display:inline-block;
	margin:0 1px;
	vertical-align:middle;
	height:35px;
	line-height:35px;
}
.inpType{
	padding-left:6px;
	height:35px;
	line-height:35px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	border:none;
	width:120px;
}
.btncalendar{
	display:inline-block;
	width:22px;
	height:22px;
	background:url(/images/month.png) center center no-repeat;
	text-indent:-999em;
}


/* table sort */
.tb_sort_wrap1 {position:relative;width:675px;margin:0 auto;}
.tb_sort_wrap1:after {content:'';display:block;clear:both;}
.tb_sort_wrap1 .sort{
	padding-top:7px;
	float:left;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
.tb_sort_wrap1 .week{
	width:525px;
	float:left;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	text-align:center;
	padding-top:7px;
}
.faq_sch{
	border:1px #dddddd solid;
	padding:7px;
	height:42px;
	width:430px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
.faq_btn{
	margin-left:5px;
	color:#fff;
	text-align:center;
	font-size:14px;
	background:#5d66b6;
	width:80px;
	line-height:40px;
}
.tb_sort_wrap {position:relative;padding:0 25px;}
.tb_sort_wrap:after {content:'';display:block;clear:both;}
.tb_sort_wrap .sort{
	padding-top:7px;
	width:150px;
	float:left;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
.tb_sort_wrap .week{
	width:670px;
	float:left;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	text-align:center;
	padding-top:7px;
}
.tb_sort_wrap .week > span{
	font-size:12px;
	padding:0 20px;
}
.week_pop{
	width:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	text-align:center;
	padding-top:7px;
}
.week_pop span{
	font-size:12px;
	padding:0 10px;
	display:inline-block;
}
.tbs_sns{
	width:150px;
	float:right;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	text-align:right;
}
.tbs_sns span{
	margin-left:8px;
}
.prev_week{
	background:url('/images/arrow1.png') 5px 50% no-repeat;;
	border:1px #e6e6e6 solid;
	border-radius:3px;
	padding:5px 10px 5px 25px;
	font-size:12px;
}
.next_week{
	background:url('/images/arrow2.png') 94% 50% no-repeat;;
	border:1px #e6e6e6 solid;
	border-radius:3px;
	padding:5px 25px 5px 10px;
	font-size:12px;
}
.prev_week_pop{
	background:url('/images/arrow1.png') 5px 50% no-repeat;;
	border:1px #e6e6e6 solid;
	border-radius:3px;
	padding:5px 5px;
	font-size:12px;
	height:30px;
}
.next_week_pop{
	background:url('/images/arrow2.png') 94% 50% no-repeat;;
	border:1px #e6e6e6 solid;
	border-radius:3px;
	padding:5px 5px;
	font-size:12px;
	height:30px;
}
.sel_type{
	width:120px;
	padding:5px 15px;
	border:1px #d6d6d6 solid;
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none;    /* 화살표 없애기 for firefox*/
    appearance: none;         /* 화살표 없애기 공통*/
	background: url('/images/select_arrow1.png') no-repeat 95% 50%; /* 화살표 아이콘 추가 */
}
.sel_type::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
.sel_type1{
	width:120px;
	padding:11px 15px;
	border:1px #d6d6d6 solid;
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none;    /* 화살표 없애기 for firefox*/
    appearance: none;         /* 화살표 없애기 공통*/
	background: url('/images/select_arrow.png') no-repeat 95% 50%; /* 화살표 아이콘 추가 */
}
.sel_type1::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
/* 캐릭터 프로필 */
.char_zone{
	width:320px;
	height:300px;
	border-radius:20px;
	border:3px #386dac solid;
	overflow:hidden;
	padding:20px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
.char_zone .char_photo{
	text-align:center;
	padding-bottom:15px;
	height:170px;
}
.char_zone .name01{
	border-top:1px #ccc solid;
	text-align:center;
	color:#000;
	line-height:45px;
	font-size:20px;
}
.char_zone .name02{
	text-align:center;
	color:#888888;
	font-size:16px;
}
.paty{
	display:block;
	height:400px;
	overflow-y:scroll;
}
.party > ul {
	display:block;
	height:300px;
	overflow-y:scroll;
}
.party > ul > li {
	float:left;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:5px 10px 5px 0;
}
.party > ul > li > div{
	border-bottom:1px #e6e6e6 solid;
	padding-bottom:10px;
	position:relative;
}
.party > ul > li > div > .thum{
	border:1px #e6e6e6 solid;
	float:left;
	width:50px;
	height:50px;
	padding:0;
	margin-right:15px;
	overflow:hidden;
}
.party > ul > li > div .nick{
	width:70%;
	padding:0;
	font-size:16px;
	color:#444;
	line-height:180%;
}
.party > ul > li > div .lv{
	width:70%;
	padding:0;
	font-size:12px;
	color:#888888;
	line-height:180%;
}

/* 페이징 */
.paging{display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align:center; margin-top:40px;position:relative;}
.paging a {width:30px;height:30px; border:2px solid #e8e8e8; background:#fff; color:#444; font-size:12px; line-height:30px; text-align:center; vertical-align:middle;border-radius:3px;}
.paging strong {width:30px; height:30px; background:#f75259; border:2px #f75259 solid;font-weight:bold; color:#fff; font-size:12px; line-height:30px; text-align:center;border-radius:3px;}
.paging a.prev {width:30px;height:30px;margin-right:25px;font-size:0;line-height:0;overflow:hidden; background:#fff url("/images/arrow1.png") 50% 50% no-repeat; text-indent:-9999em;}
.paging a.prevv {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: url("/images/arrow11.png") 50% 50% no-repeat;
	text-indent: -9999em;
}
.paging a.next {width:30px;height:30px;margin-left:25px;font-size:0;line-height:0;overflow:hidden;background:#fff url("/images/arrow2.png") 50% 50% no-repeat !important; text-indent:-9999em;}
.paging a.nextt {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: url("/images/arrow22.png") 50% 50% no-repeat !important;
    text-indent: -9999em;
}
.paging a, .paging strong{text-decoration: none; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -ms-flexbox; display:-webkit-box; display:flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; margin:3px; vertical-align:middle;}

.paging1{ clear:both; text-align:center; margin-top:50px;position:relative;}
.paging1 a {width:30px;height:30px; border:2px solid #e8e8e8; background:#fff; color:#444; font-size:12px; line-height:30px; text-align:center; vertical-align:middle;border-radius:3px;}
.paging1 strong {width:30px; height:30px; background:#f75259; border:2px #f75259 solid;font-weight:bold; color:#fff; font-size:12px; line-height:30px; text-align:center;border-radius:3px;}
.paging1 a.prev {width:30px;height:30px;margin-right:25px;font-size:0;line-height:0;overflow:hidden; background:#fff url("/images/arrow1.png") 50% 50% no-repeat; text-indent:-9999em;}
.paging1 a.next {width:30px;height:30px;margin-left:25px;font-size:0;line-height:0;overflow:hidden;background:#fff url("/images/arrow2.png") 50% 50% no-repeat !important; text-indent:-9999em;}
.paging1 a, .paging1 strong{display:inline-block; margin-right:1px; vertical-align:middle;}


/* 모달팝업 */
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 99; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	/*height: 100%;  Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fff;
	margin: 25% auto; /* 15% from the top and centered */
	padding: 50px;
	width: 600px; /* Could be more or less, depending on screen size */
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	position:relative;
}
.modal-content h3{
	text-align:center;
	padding-bottom:20px;
	width:400px;
	margin:0 auto;
	border-bottom:2px #62bbe6 solid;
}
.modal-content h3 span{
	display:inline-block;
	line-height:200%;
	font-size:26px;

}
#close_pop{
	position:absolute;
	top:0;
	right:0;
	background:#888;
	width:50px;
	height:50px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:11px;
}
#close_pop_ch{
	position:absolute;
	top:0;
	right:0;
	background:#888;
	width:50px;
	height:50px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:11px;
}
.sch_rlt{
	border-top:2px #e6e6e6 solid;
	border-bottom:2px #e6e6e6 solid;
	padding:0 5px;
	height:350px;
	overflow-y:scroll;
}
.sch_rlt > ul {
	display:block;
}
.sch_rlt > ul > li {
	float:left;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:5px 10px 5px 0;
}
.sch_rlt > ul > li > div{
	border-bottom:1px #e6e6e6 solid;
	padding-bottom:10px;
	position:relative;
}
.sch_rlt > ul > li > div > .thum{
	border:1px #e6e6e6 solid;
	float:left;
	width:50px;
	height:50px;
	padding:0;
	margin-right:15px;
	overflow:hidden;
}
.sch_rlt > ul > li > div .nick{
	width:70%;
	padding:0;
	font-size:16px;
	color:#444;
	line-height:180%;
}
.sch_rlt > ul > li > div .lv{
	width:70%;
	padding:0;
	font-size:12px;
	color:#888888;
	line-height:180%;
}
.pop_srh{
	width:350px;
	background:#f9fafa;
	border:1px #e6e6e6 solid;
	margin:0 auto;
}
.pop_put{
	width:300px;
	background:#f9fafa;
	border:none;
	padding:10px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
.icon_sch{
	text-indent:-9999px;
	background:url(/images/icon_sch.png) 50% 50% no-repeat;
	width:50px;
	height:50px;
}
/* 마이페이지 */

.ch_list{
	overflow:hidden;
	padding:5px;
}
.ch_list li{
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	margin:3px;
	border:1px #e8e8e8 solid;
	width:23.5%;
	height:120px;
	overflow:hidden;
	text-align:center;
	padding:5px !important;
	position:relative;
}
.ch_list li.on{
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	margin:3px;
	border:2px #0dc24a solid;
	width:23.5%;
	height:120px;
	overflow:hidden;
	text-align:center;
	padding:5px !important;
	position:relative;
}
.ch_list li img{
	width:100%;
}
.ch_list li .ch_nick{
	text-align:center;
	background:#fff;
	padding:5px 0 3px;
	font-size:14px;
	color:#222;
	position:absolute;
	bottom:0;
	border:none;
	width:90%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
.stat{
	padding:20px 10px;
	border:1px #e8e8e8 solid;
}
.score{
	font-weight:bold;
	font-size:20px;
	text-align: right !important;
    width: 150px;
}
.pfl_thum{
	margin:0px auto;
	border-bottom:1px #ddd solid;
	width:210px;
	height:155px;
	text-align:center;
}
.ip_box1{
	position:relative;
	padding:0 400px 0 0;
}
.ip_box1{
	position:relative;
	padding:0 400px 0 0;
}
.ip_box1 input{
	font-size:14px;
	line-height:35px;
	height:35px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:0 10px;
	border:1px #e8e8e8 solid;
}
.point_b{
	font-size:40px;
	font-weight:bold;
	color:#000;
}
.point_m{
	font-size:20px;
	font-weight:bold;
	color:#000;
}
.point_s{
	font-size:20px;
	font-weight:bold;
	color:#000;
}
.point_save{
	font-size:14px;
	text-align:left;
}
/* 애니메이션 */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInUpBig2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 500px, 0);
    transform: translate3d(0, 500px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig2 {
  -webkit-animation-name: fadeInUpBig2;
  animation-name: fadeInUpBig2;
}
/* Demos Menu
 * --------------------------------------- */
 #demosMenu{
	position:fixed;
	bottom: 10px;
	right:10px;
	z-index: 999;
 }
/* padding margin */
.m_0{margin:0px !important}.p_0{padding:0px !important}.w_0{width:0px !important}.h_0{height:0px !important}.t_0{top:0px !important}.r_0{right:0px !important}.b_0{bottom:0px !important}.l_0{left:0px !important}.mt_0{margin-top:0px !important}.mr_0{margin-right:0px !important}.mb_0{margin-bottom:0px !important}.ml_0{margin-left:0px !important}.pt_0{padding-top:0px !important}.pr_0{padding-right:0px !important}.pb_0{padding-bottom:0px !important}.pl_0{padding-left:0px !important}.m_1{margin:1px !important}.p_1{padding:1px !important}.w_1{width:1px !important}.h_1{height:1px !important}.t_1{top:1px !important}.r_1{right:1px !important}.b_1{bottom:1px !important}.l_1{left:1px !important}.mt_1{margin-top:1px !important}.mr_1{margin-right:1px !important}.mb_1{margin-bottom:1px !important}.ml_1{margin-left:1px !important}.pt_1{padding-top:1px !important}.pr_1{padding-right:1px !important}.pb_1{padding-bottom:1px !important}.pl_1{padding-left:1px !important}.m_2{margin:2px !important}.p_2{padding:2px !important}.w_2{width:2px !important}.h_2{height:2px !important}.t_2{top:2px !important}.r_2{right:2px !important}.b_2{bottom:2px !important}.l_2{left:2px !important}.mt_2{margin-top:2px !important}.mr_2{margin-right:2px !important}.mb_2{margin-bottom:2px !important}.ml_2{margin-left:2px !important}.pt_2{padding-top:2px !important}.pr_2{padding-right:2px !important}.pb_2{padding-bottom:2px !important}.pl_2{padding-left:2px !important}.m_3{margin:3px !important}.p_3{padding:3px !important}.w_3{width:3px !important}.h_3{height:3px !important}.t_3{top:3px !important}.r_3{right:3px !important}.b_3{bottom:3px !important}.l_3{left:3px !important}.mt_3{margin-top:3px !important}.mr_3{margin-right:3px !important}.mb_3{margin-bottom:3px !important}.ml_3{margin-left:3px !important}.pt_3{padding-top:3px !important}.pr_3{padding-right:3px !important}.pb_3{padding-bottom:3px !important}.pl_3{padding-left:3px !important}.m_4{margin:4px !important}.p_4{padding:4px !important}.w_4{width:4px !important}.h_4{height:4px !important}.t_4{top:4px !important}.r_4{right:4px !important}.b_4{bottom:4px !important}.l_4{left:4px !important}.mt_4{margin-top:4px !important}.mr_4{margin-right:4px !important}.mb_4{margin-bottom:4px !important}.ml_4{margin-left:4px !important}.pt_4{padding-top:4px !important}.pr_4{padding-right:4px !important}.pb_4{padding-bottom:4px !important}.pl_4{padding-left:4px !important}.m_5{margin:5px !important}.p_5{padding:5px !important}.w_5{width:5px !important}.h_5{height:5px !important}.t_5{top:5px !important}.r_5{right:5px !important}.b_5{bottom:5px !important}.l_5{left:5px !important}.mt_5{margin-top:5px !important}.mr_5{margin-right:5px !important}.mb_5{margin-bottom:5px !important}.ml_5{margin-left:5px !important}.pt_5{padding-top:5px !important}.pr_5{padding-right:5px !important}.pb_5{padding-bottom:5px !important}.pl_5{padding-left:5px !important}.m_6{margin:6px !important}.p_6{padding:6px !important}.w_6{width:6px !important}.h_6{height:6px !important}.t_6{top:6px !important}.r_6{right:6px !important}.b_6{bottom:6px !important}.l_6{left:6px !important}.mt_6{margin-top:6px !important}.mr_6{margin-right:6px !important}.mb_6{margin-bottom:6px !important}.ml_6{margin-left:6px !important}.pt_6{padding-top:6px !important}.pr_6{padding-right:6px !important}.pb_6{padding-bottom:6px !important}.pl_6{padding-left:6px !important}.m_7{margin:7px !important}.p_7{padding:7px !important}.w_7{width:7px !important}.h_7{height:7px !important}.t_7{top:7px !important}.r_7{right:7px !important}.b_7{bottom:7px !important}.l_7{left:7px !important}.mt_7{margin-top:7px !important}.mr_7{margin-right:7px !important}.mb_7{margin-bottom:7px !important}.ml_7{margin-left:7px !important}.pt_7{padding-top:7px !important}.pr_7{padding-right:7px !important}.pb_7{padding-bottom:7px !important}.pl_7{padding-left:7px !important}.m_8{margin:8px !important}.p_8{padding:8px !important}.w_8{width:8px !important}.h_8{height:8px !important}.t_8{top:8px !important}.r_8{right:8px !important}.b_8{bottom:8px !important}.l_8{left:8px !important}.mt_8{margin-top:8px !important}.mr_8{margin-right:8px !important}.mb_8{margin-bottom:8px !important}.ml_8{margin-left:8px !important}.pt_8{padding-top:8px !important}.pr_8{padding-right:8px !important}.pb_8{padding-bottom:8px !important}.pl_8{padding-left:8px !important}.m_9{margin:9px !important}.p_9{padding:9px !important}.w_9{width:9px !important}.h_9{height:9px !important}.t_9{top:9px !important}.r_9{right:9px !important}.b_9{bottom:9px !important}.l_9{left:9px !important}.mt_9{margin-top:9px !important}.mr_9{margin-right:9px !important}.mb_9{margin-bottom:9px !important}.ml_9{margin-left:9px !important}.pt_9{padding-top:9px !important}.pr_9{padding-right:9px !important}.pb_9{padding-bottom:9px !important}.pl_9{padding-left:9px !important}.m_10{margin:10px !important}.p_10{padding:10px !important}.w_10{width:10px !important}.h_10{height:10px !important}.t_10{top:10px !important}.r_10{right:10px !important}.b_10{bottom:10px !important}.l_10{left:10px !important}.mt_10{margin-top:10px !important}.mr_10{margin-right:10px !important}.mb_10{margin-bottom:10px !important}.ml_10{margin-left:10px !important}.pt_10{padding-top:10px !important}.pr_10{padding-right:10px !important}.pb_10{padding-bottom:10px !important}.pl_10{padding-left:10px !important}.m_11{margin:11px !important}.p_11{padding:11px !important}.w_11{width:11px !important}.h_11{height:11px !important}.t_11{top:11px !important}.r_11{right:11px !important}.b_11{bottom:11px !important}.l_11{left:11px !important}.mt_11{margin-top:11px !important}.mr_11{margin-right:11px !important}.mb_11{margin-bottom:11px !important}.ml_11{margin-left:11px !important}.pt_11{padding-top:11px !important}.pr_11{padding-right:11px !important}.pb_11{padding-bottom:11px !important}.pl_11{padding-left:11px !important}.m_12{margin:12px !important}.p_12{padding:12px !important}.w_12{width:12px !important}.h_12{height:12px !important}.t_12{top:12px !important}.r_12{right:12px !important}.b_12{bottom:12px !important}.l_12{left:12px !important}.mt_12{margin-top:12px !important}.mr_12{margin-right:12px !important}.mb_12{margin-bottom:12px !important}.ml_12{margin-left:12px !important}.pt_12{padding-top:12px !important}.pr_12{padding-right:12px !important}.pb_12{padding-bottom:12px !important}.pl_12{padding-left:12px !important}.m_13{margin:13px !important}.p_13{padding:13px !important}.w_13{width:13px !important}.h_13{height:13px !important}.t_13{top:13px !important}.r_13{right:13px !important}.b_13{bottom:13px !important}.l_13{left:13px !important}.mt_13{margin-top:13px !important}.mr_13{margin-right:13px !important}.mb_13{margin-bottom:13px !important}.ml_13{margin-left:13px !important}.pt_13{padding-top:13px !important}.pr_13{padding-right:13px !important}.pb_13{padding-bottom:13px !important}.pl_13{padding-left:13px !important}.m_14{margin:14px !important}.p_14{padding:14px !important}.w_14{width:14px !important}.h_14{height:14px !important}.t_14{top:14px !important}.r_14{right:14px !important}.b_14{bottom:14px !important}.l_14{left:14px !important}.mt_14{margin-top:14px !important}.mr_14{margin-right:14px !important}.mb_14{margin-bottom:14px !important}.ml_14{margin-left:14px !important}.pt_14{padding-top:14px !important}.pr_14{padding-right:14px !important}.pb_14{padding-bottom:14px !important}.pl_14{padding-left:14px !important}.m_15{margin:15px !important}.p_15{padding:15px !important}.w_15{width:15px !important}.h_15{height:15px !important}.t_15{top:15px !important}.r_15{right:15px !important}.b_15{bottom:15px !important}.l_15{left:15px !important}.mt_15{margin-top:15px !important}.mr_15{margin-right:15px !important}.mb_15{margin-bottom:15px !important}.ml_15{margin-left:15px !important}.pt_15{padding-top:15px !important}.pr_15{padding-right:15px !important}.pb_15{padding-bottom:15px !important}.pl_15{padding-left:15px !important}.m_16{margin:16px !important}.p_16{padding:16px !important}.w_16{width:16px !important}.h_16{height:16px !important}.t_16{top:16px !important}.r_16{right:16px !important}.b_16{bottom:16px !important}.l_16{left:16px !important}.mt_16{margin-top:16px !important}.mr_16{margin-right:16px !important}.mb_16{margin-bottom:16px !important}.ml_16{margin-left:16px !important}.pt_16{padding-top:16px !important}.pr_16{padding-right:16px !important}.pb_16{padding-bottom:16px !important}.pl_16{padding-left:16px !important}.m_17{margin:17px !important}.p_17{padding:17px !important}.w_17{width:17px !important}.h_17{height:17px !important}.t_17{top:17px !important}.r_17{right:17px !important}.b_17{bottom:17px !important}.l_17{left:17px !important}.mt_17{margin-top:17px !important}.mr_17{margin-right:17px !important}.mb_17{margin-bottom:17px !important}.ml_17{margin-left:17px !important}.pt_17{padding-top:17px !important}.pr_17{padding-right:17px !important}.pb_17{padding-bottom:17px !important}.pl_17{padding-left:17px !important}.m_18{margin:18px !important}.p_18{padding:18px !important}.w_18{width:18px !important}.h_18{height:18px !important}.t_18{top:18px !important}.r_18{right:18px !important}.b_18{bottom:18px !important}.l_18{left:18px !important}.mt_18{margin-top:18px !important}.mr_18{margin-right:18px !important}.mb_18{margin-bottom:18px !important}.ml_18{margin-left:18px !important}.pt_18{padding-top:18px !important}.pr_18{padding-right:18px !important}.pb_18{padding-bottom:18px !important}.pl_18{padding-left:18px !important}.m_19{margin:19px !important}.p_19{padding:19px !important}.w_19{width:19px !important}.h_19{height:19px !important}.t_19{top:19px !important}.r_19{right:19px !important}.b_19{bottom:19px !important}.l_19{left:19px !important}.mt_19{margin-top:19px !important}.mr_19{margin-right:19px !important}.mb_19{margin-bottom:19px !important}.ml_19{margin-left:19px !important}.pt_19{padding-top:19px !important}.pr_19{padding-right:19px !important}.pb_19{padding-bottom:19px !important}.pl_19{padding-left:19px !important}.m_20{margin:20px !important}.p_20{padding:20px !important}.w_20{width:20px !important}.h_20{height:20px !important}.t_20{top:20px !important}.r_20{right:20px !important}.b_20{bottom:20px !important}.l_20{left:20px !important}.mt_20{margin-top:20px !important}.mr_20{margin-right:20px !important}.mb_20{margin-bottom:20px !important}.ml_20{margin-left:20px !important}.pt_20{padding-top:20px !important}.pr_20{padding-right:20px !important}.pb_20{padding-bottom:20px !important}.pl_20{padding-left:20px !important}.m_21{margin:21px !important}.p_21{padding:21px !important}.w_21{width:21px !important}.h_21{height:21px !important}.t_21{top:21px !important}.r_21{right:21px !important}.b_21{bottom:21px !important}.l_21{left:21px !important}.mt_21{margin-top:21px !important}.mr_21{margin-right:21px !important}.mb_21{margin-bottom:21px !important}.ml_21{margin-left:21px !important}.pt_21{padding-top:21px !important}.pr_21{padding-right:21px !important}.pb_21{padding-bottom:21px !important}.pl_21{padding-left:21px !important}.m_22{margin:22px !important}.p_22{padding:22px !important}.w_22{width:22px !important}.h_22{height:22px !important}.t_22{top:22px !important}.r_22{right:22px !important}.b_22{bottom:22px !important}.l_22{left:22px !important}.mt_22{margin-top:22px !important}.mr_22{margin-right:22px !important}.mb_22{margin-bottom:22px !important}.ml_22{margin-left:22px !important}.pt_22{padding-top:22px !important}.pr_22{padding-right:22px !important}.pb_22{padding-bottom:22px !important}.pl_22{padding-left:22px !important}.m_23{margin:23px !important}.p_23{padding:23px !important}.w_23{width:23px !important}.h_23{height:23px !important}.t_23{top:23px !important}.r_23{right:23px !important}.b_23{bottom:23px !important}.l_23{left:23px !important}.mt_23{margin-top:23px !important}.mr_23{margin-right:23px !important}.mb_23{margin-bottom:23px !important}.ml_23{margin-left:23px !important}.pt_23{padding-top:23px !important}.pr_23{padding-right:23px !important}.pb_23{padding-bottom:23px !important}.pl_23{padding-left:23px !important}.m_24{margin:24px !important}.p_24{padding:24px !important}.w_24{width:24px !important}.h_24{height:24px !important}.t_24{top:24px !important}.r_24{right:24px !important}.b_24{bottom:24px !important}.l_24{left:24px !important}.mt_24{margin-top:24px !important}.mr_24{margin-right:24px !important}.mb_24{margin-bottom:24px !important}.ml_24{margin-left:24px !important}.pt_24{padding-top:24px !important}.pr_24{padding-right:24px !important}.pb_24{padding-bottom:24px !important}.pl_24{padding-left:24px !important}.m_25{margin:25px !important}.p_25{padding:25px !important}.w_25{width:25px !important}.h_25{height:25px !important}.t_25{top:25px !important}.r_25{right:25px !important}.b_25{bottom:25px !important}.l_25{left:25px !important}.mt_25{margin-top:25px !important}.mr_25{margin-right:25px !important}.mb_25{margin-bottom:25px !important}.ml_25{margin-left:25px !important}.pt_25{padding-top:25px !important}.pr_25{padding-right:25px !important}.pb_25{padding-bottom:25px !important}.pl_25{padding-left:25px !important}.m_26{margin:26px !important}.p_26{padding:26px !important}.w_26{width:26px !important}.h_26{height:26px !important}.t_26{top:26px !important}.r_26{right:26px !important}.b_26{bottom:26px !important}.l_26{left:26px !important}.mt_26{margin-top:26px !important}.mr_26{margin-right:26px !important}.mb_26{margin-bottom:26px !important}.ml_26{margin-left:26px !important}.pt_26{padding-top:26px !important}.pr_26{padding-right:26px !important}.pb_26{padding-bottom:26px !important}.pl_26{padding-left:26px !important}.m_27{margin:27px !important}.p_27{padding:27px !important}.w_27{width:27px !important}.h_27{height:27px !important}.t_27{top:27px !important}.r_27{right:27px !important}.b_27{bottom:27px !important}.l_27{left:27px !important}.mt_27{margin-top:27px !important}.mr_27{margin-right:27px !important}.mb_27{margin-bottom:27px !important}.ml_27{margin-left:27px !important}.pt_27{padding-top:27px !important}.pr_27{padding-right:27px !important}.pb_27{padding-bottom:27px !important}.pl_27{padding-left:27px !important}.m_28{margin:28px !important}.p_28{padding:28px !important}.w_28{width:28px !important}.h_28{height:28px !important}.t_28{top:28px !important}.r_28{right:28px !important}.b_28{bottom:28px !important}.l_28{left:28px !important}.mt_28{margin-top:28px !important}.mr_28{margin-right:28px !important}.mb_28{margin-bottom:28px !important}.ml_28{margin-left:28px !important}.pt_28{padding-top:28px !important}.pr_28{padding-right:28px !important}.pb_28{padding-bottom:28px !important}.pl_28{padding-left:28px !important}.m_29{margin:29px !important}.p_29{padding:29px !important}.w_29{width:29px !important}.h_29{height:29px !important}.t_29{top:29px !important}.r_29{right:29px !important}.b_29{bottom:29px !important}.l_29{left:29px !important}.mt_29{margin-top:29px !important}.mr_29{margin-right:29px !important}.mb_29{margin-bottom:29px !important}.ml_29{margin-left:29px !important}.pt_29{padding-top:29px !important}.pr_29{padding-right:29px !important}.pb_29{padding-bottom:29px !important}.pl_29{padding-left:29px !important}.m_30{margin:30px !important}.p_30{padding:30px !important}.w_30{width:30px !important}.h_30{height:30px !important}.t_30{top:30px !important}.r_30{right:30px !important}.b_30{bottom:30px !important}.l_30{left:30px !important}.mt_30{margin-top:30px !important}.mr_30{margin-right:30px !important}.mb_30{margin-bottom:30px !important}.ml_30{margin-left:30px !important}.pt_30{padding-top:30px !important}.pr_30{padding-right:30px !important}.pb_30{padding-bottom:30px !important}.pl_30{padding-left:30px !important}.m_31{margin:31px !important}.p_31{padding:31px !important}.w_31{width:31px !important}.h_31{height:31px !important}.t_31{top:31px !important}.r_31{right:31px !important}.b_31{bottom:31px !important}.l_31{left:31px !important}.mt_31{margin-top:31px !important}.mr_31{margin-right:31px !important}.mb_31{margin-bottom:31px !important}.ml_31{margin-left:31px !important}.pt_31{padding-top:31px !important}.pr_31{padding-right:31px !important}.pb_31{padding-bottom:31px !important}.pl_31{padding-left:31px !important}.m_32{margin:32px !important}.p_32{padding:32px !important}.w_32{width:32px !important}.h_32{height:32px !important}.t_32{top:32px !important}.r_32{right:32px !important}.b_32{bottom:32px !important}.l_32{left:32px !important}.mt_32{margin-top:32px !important}.mr_32{margin-right:32px !important}.mb_32{margin-bottom:32px !important}.ml_32{margin-left:32px !important}.pt_32{padding-top:32px !important}.pr_32{padding-right:32px !important}.pb_32{padding-bottom:32px !important}.pl_32{padding-left:32px !important}.m_33{margin:33px !important}.p_33{padding:33px !important}.w_33{width:33px !important}.h_33{height:33px !important}.t_33{top:33px !important}.r_33{right:33px !important}.b_33{bottom:33px !important}.l_33{left:33px !important}.mt_33{margin-top:33px !important}.mr_33{margin-right:33px !important}.mb_33{margin-bottom:33px !important}.ml_33{margin-left:33px !important}.pt_33{padding-top:33px !important}.pr_33{padding-right:33px !important}.pb_33{padding-bottom:33px !important}.pl_33{padding-left:33px !important}.m_34{margin:34px !important}.p_34{padding:34px !important}.w_34{width:34px !important}.h_34{height:34px !important}.t_34{top:34px !important}.r_34{right:34px !important}.b_34{bottom:34px !important}.l_34{left:34px !important}.mt_34{margin-top:34px !important}.mr_34{margin-right:34px !important}.mb_34{margin-bottom:34px !important}.ml_34{margin-left:34px !important}.pt_34{padding-top:34px !important}.pr_34{padding-right:34px !important}.pb_34{padding-bottom:34px !important}.pl_34{padding-left:34px !important}.m_35{margin:35px !important}.p_35{padding:35px !important}.w_35{width:35px !important}.h_35{height:35px !important}.t_35{top:35px !important}.r_35{right:35px !important}.b_35{bottom:35px !important}.l_35{left:35px !important}.mt_35{margin-top:35px !important}.mr_35{margin-right:35px !important}.mb_35{margin-bottom:35px !important}.ml_35{margin-left:35px !important}.pt_35{padding-top:35px !important}.pr_35{padding-right:35px !important}.pb_35{padding-bottom:35px !important}.pl_35{padding-left:35px !important}.m_36{margin:36px !important}.p_36{padding:36px !important}.w_36{width:36px !important}.h_36{height:36px !important}.t_36{top:36px !important}.r_36{right:36px !important}.b_36{bottom:36px !important}.l_36{left:36px !important}.mt_36{margin-top:36px !important}.mr_36{margin-right:36px !important}.mb_36{margin-bottom:36px !important}.ml_36{margin-left:36px !important}.pt_36{padding-top:36px !important}.pr_36{padding-right:36px !important}.pb_36{padding-bottom:36px !important}.pl_36{padding-left:36px !important}.m_37{margin:37px !important}.p_37{padding:37px !important}.w_37{width:37px !important}.h_37{height:37px !important}.t_37{top:37px !important}.r_37{right:37px !important}.b_37{bottom:37px !important}.l_37{left:37px !important}.mt_37{margin-top:37px !important}.mr_37{margin-right:37px !important}.mb_37{margin-bottom:37px !important}.ml_37{margin-left:37px !important}.pt_37{padding-top:37px !important}.pr_37{padding-right:37px !important}.pb_37{padding-bottom:37px !important}.pl_37{padding-left:37px !important}.m_38{margin:38px !important}.p_38{padding:38px !important}.w_38{width:38px !important}.h_38{height:38px !important}.t_38{top:38px !important}.r_38{right:38px !important}.b_38{bottom:38px !important}.l_38{left:38px !important}.mt_38{margin-top:38px !important}.mr_38{margin-right:38px !important}.mb_38{margin-bottom:38px !important}.ml_38{margin-left:38px !important}.pt_38{padding-top:38px !important}.pr_38{padding-right:38px !important}.pb_38{padding-bottom:38px !important}.pl_38{padding-left:38px !important}.m_39{margin:39px !important}.p_39{padding:39px !important}.w_39{width:39px !important}.h_39{height:39px !important}.t_39{top:39px !important}.r_39{right:39px !important}.b_39{bottom:39px !important}.l_39{left:39px !important}.mt_39{margin-top:39px !important}.mr_39{margin-right:39px !important}.mb_39{margin-bottom:39px !important}.ml_39{margin-left:39px !important}.pt_39{padding-top:39px !important}.pr_39{padding-right:39px !important}.pb_39{padding-bottom:39px !important}.pl_39{padding-left:39px !important}.m_40{margin:40px !important}.p_40{padding:40px !important}.w_40{width:40px !important}.h_40{height:40px !important}.t_40{top:40px !important}.r_40{right:40px !important}.b_40{bottom:40px !important}.l_40{left:40px !important}.mt_40{margin-top:40px !important}.mr_40{margin-right:40px !important}.mb_40{margin-bottom:40px !important}.ml_40{margin-left:40px !important}.pt_40{padding-top:40px !important}.pr_40{padding-right:40px !important}.pb_40{padding-bottom:40px !important}.pl_40{padding-left:40px !important}.m_41{margin:41px !important}.p_41{padding:41px !important}.w_41{width:41px !important}.h_41{height:41px !important}.t_41{top:41px !important}.r_41{right:41px !important}.b_41{bottom:41px !important}.l_41{left:41px !important}.mt_41{margin-top:41px !important}.mr_41{margin-right:41px !important}.mb_41{margin-bottom:41px !important}.ml_41{margin-left:41px !important}.pt_41{padding-top:41px !important}.pr_41{padding-right:41px !important}.pb_41{padding-bottom:41px !important}.pl_41{padding-left:41px !important}.m_42{margin:42px !important}.p_42{padding:42px !important}.w_42{width:42px !important}.h_42{height:42px !important}.t_42{top:42px !important}.r_42{right:42px !important}.b_42{bottom:42px !important}.l_42{left:42px !important}.mt_42{margin-top:42px !important}.mr_42{margin-right:42px !important}.mb_42{margin-bottom:42px !important}.ml_42{margin-left:42px !important}.pt_42{padding-top:42px !important}.pr_42{padding-right:42px !important}.pb_42{padding-bottom:42px !important}.pl_42{padding-left:42px !important}.m_43{margin:43px !important}.p_43{padding:43px !important}.w_43{width:43px !important}.h_43{height:43px !important}.t_43{top:43px !important}.r_43{right:43px !important}.b_43{bottom:43px !important}.l_43{left:43px !important}.mt_43{margin-top:43px !important}.mr_43{margin-right:43px !important}.mb_43{margin-bottom:43px !important}.ml_43{margin-left:43px !important}.pt_43{padding-top:43px !important}.pr_43{padding-right:43px !important}.pb_43{padding-bottom:43px !important}.pl_43{padding-left:43px !important}.m_44{margin:44px !important}.p_44{padding:44px !important}.w_44{width:44px !important}.h_44{height:44px !important}.t_44{top:44px !important}.r_44{right:44px !important}.b_44{bottom:44px !important}.l_44{left:44px !important}.mt_44{margin-top:44px !important}.mr_44{margin-right:44px !important}.mb_44{margin-bottom:44px !important}.ml_44{margin-left:44px !important}.pt_44{padding-top:44px !important}.pr_44{padding-right:44px !important}.pb_44{padding-bottom:44px !important}.pl_44{padding-left:44px !important}.m_45{margin:45px !important}.p_45{padding:45px !important}.w_45{width:45px !important}.h_45{height:45px !important}.t_45{top:45px !important}.r_45{right:45px !important}.b_45{bottom:45px !important}.l_45{left:45px !important}.mt_45{margin-top:45px !important}.mr_45{margin-right:45px !important}.mb_45{margin-bottom:45px !important}.ml_45{margin-left:45px !important}.pt_45{padding-top:45px !important}.pr_45{padding-right:45px !important}.pb_45{padding-bottom:45px !important}.pl_45{padding-left:45px !important}.m_46{margin:46px !important}.p_46{padding:46px !important}.w_46{width:46px !important}.h_46{height:46px !important}.t_46{top:46px !important}.r_46{right:46px !important}.b_46{bottom:46px !important}.l_46{left:46px !important}.mt_46{margin-top:46px !important}.mr_46{margin-right:46px !important}.mb_46{margin-bottom:46px !important}.ml_46{margin-left:46px !important}.pt_46{padding-top:46px !important}.pr_46{padding-right:46px !important}.pb_46{padding-bottom:46px !important}.pl_46{padding-left:46px !important}.m_47{margin:47px !important}.p_47{padding:47px !important}.w_47{width:47px !important}.h_47{height:47px !important}.t_47{top:47px !important}.r_47{right:47px !important}.b_47{bottom:47px !important}.l_47{left:47px !important}.mt_47{margin-top:47px !important}.mr_47{margin-right:47px !important}.mb_47{margin-bottom:47px !important}.ml_47{margin-left:47px !important}.pt_47{padding-top:47px !important}.pr_47{padding-right:47px !important}.pb_47{padding-bottom:47px !important}.pl_47{padding-left:47px !important}.m_48{margin:48px !important}.p_48{padding:48px !important}.w_48{width:48px !important}.h_48{height:48px !important}.t_48{top:48px !important}.r_48{right:48px !important}.b_48{bottom:48px !important}.l_48{left:48px !important}.mt_48{margin-top:48px !important}.mr_48{margin-right:48px !important}.mb_48{margin-bottom:48px !important}.ml_48{margin-left:48px !important}.pt_48{padding-top:48px !important}.pr_48{padding-right:48px !important}.pb_48{padding-bottom:48px !important}.pl_48{padding-left:48px !important}.m_49{margin:49px !important}.p_49{padding:49px !important}.w_49{width:49px !important}.h_49{height:49px !important}.t_49{top:49px !important}.r_49{right:49px !important}.b_49{bottom:49px !important}.l_49{left:49px !important}.mt_49{margin-top:49px !important}.mr_49{margin-right:49px !important}.mb_49{margin-bottom:49px !important}.ml_49{margin-left:49px !important}.pt_49{padding-top:49px !important}.pr_49{padding-right:49px !important}.pb_49{padding-bottom:49px !important}.pl_49{padding-left:49px !important}.m_50{margin:50px !important}.p_50{padding:50px !important}.w_50{width:50px !important}.h_50{height:50px !important}.t_50{top:50px !important}.r_50{right:50px !important}.b_50{bottom:50px !important}.l_50{left:50px !important}.mt_50{margin-top:70px !important}.mr_50{margin-right:50px !important}.mb_50{margin-bottom:50px !important}.ml_50{margin-left:50px !important}.pt_50{padding-top:50px !important}.pr_50{padding-right:50px !important}.pb_50{padding-bottom:50px !important}.pl_50{padding-left:50px !important}.m_51{margin:51px !important}.p_51{padding:51px !important}.w_51{width:51px !important}.h_51{height:51px !important}.t_51{top:51px !important}.r_51{right:51px !important}.b_51{bottom:51px !important}.l_51{left:51px !important}.mt_51{margin-top:51px !important}.mr_51{margin-right:51px !important}.mb_51{margin-bottom:51px !important}.ml_51{margin-left:51px !important}.pt_51{padding-top:51px !important}.pr_51{padding-right:51px !important}.pb_51{padding-bottom:51px !important}.pl_51{padding-left:51px !important}.m_52{margin:52px !important}.p_52{padding:52px !important}.w_52{width:52px !important}.h_52{height:52px !important}.t_52{top:52px !important}.r_52{right:52px !important}.b_52{bottom:52px !important}.l_52{left:52px !important}.mt_52{margin-top:52px !important}.mr_52{margin-right:52px !important}.mb_52{margin-bottom:52px !important}.ml_52{margin-left:52px !important}.pt_52{padding-top:52px !important}.pr_52{padding-right:52px !important}.pb_52{padding-bottom:52px !important}.pl_52{padding-left:52px !important}.m_53{margin:53px !important}.p_53{padding:53px !important}.w_53{width:53px !important}.h_53{height:53px !important}.t_53{top:53px !important}.r_53{right:53px !important}.b_53{bottom:53px !important}.l_53{left:53px !important}.mt_53{margin-top:53px !important}.mr_53{margin-right:53px !important}.mb_53{margin-bottom:53px !important}.ml_53{margin-left:53px !important}.pt_53{padding-top:53px !important}.pr_53{padding-right:53px !important}.pb_53{padding-bottom:53px !important}.pl_53{padding-left:53px !important}.m_54{margin:54px !important}.p_54{padding:54px !important}.w_54{width:54px !important}.h_54{height:54px !important}.t_54{top:54px !important}.r_54{right:54px !important}.b_54{bottom:54px !important}.l_54{left:54px !important}.mt_54{margin-top:54px !important}.mr_54{margin-right:54px !important}.mb_54{margin-bottom:54px !important}.ml_54{margin-left:54px !important}.pt_54{padding-top:54px !important}.pr_54{padding-right:54px !important}.pb_54{padding-bottom:54px !important}.pl_54{padding-left:54px !important}.m_55{margin:55px !important}.p_55{padding:55px !important}.w_55{width:55px !important}.h_55{height:55px !important}.t_55{top:55px !important}.r_55{right:55px !important}.b_55{bottom:55px !important}.l_55{left:55px !important}.mt_55{margin-top:55px !important}.mr_55{margin-right:55px !important}.mb_55{margin-bottom:55px !important}.ml_55{margin-left:55px !important}.pt_55{padding-top:55px !important}.pr_55{padding-right:55px !important}.pb_55{padding-bottom:55px !important}.pl_55{padding-left:55px !important}.m_56{margin:56px !important}.p_56{padding:56px !important}.w_56{width:56px !important}.h_56{height:56px !important}.t_56{top:56px !important}.r_56{right:56px !important}.b_56{bottom:56px !important}.l_56{left:56px !important}.mt_56{margin-top:56px !important}.mr_56{margin-right:56px !important}.mb_56{margin-bottom:56px !important}.ml_56{margin-left:56px !important}.pt_56{padding-top:56px !important}.pr_56{padding-right:56px !important}.pb_56{padding-bottom:56px !important}.pl_56{padding-left:56px !important}.m_57{margin:57px !important}.p_57{padding:57px !important}.w_57{width:57px !important}.h_57{height:57px !important}.t_57{top:57px !important}.r_57{right:57px !important}.b_57{bottom:57px !important}.l_57{left:57px !important}.mt_57{margin-top:57px !important}.mr_57{margin-right:57px !important}.mb_57{margin-bottom:57px !important}.ml_57{margin-left:57px !important}.pt_57{padding-top:57px !important}.pr_57{padding-right:57px !important}.pb_57{padding-bottom:57px !important}.pl_57{padding-left:57px !important}.m_58{margin:58px !important}.p_58{padding:58px !important}.w_58{width:58px !important}.h_58{height:58px !important}.t_58{top:58px !important}.r_58{right:58px !important}.b_58{bottom:58px !important}.l_58{left:58px !important}.mt_58{margin-top:58px !important}.mr_58{margin-right:58px !important}.mb_58{margin-bottom:58px !important}.ml_58{margin-left:58px !important}.pt_58{padding-top:58px !important}.pr_58{padding-right:58px !important}.pb_58{padding-bottom:58px !important}.pl_58{padding-left:58px !important}.m_59{margin:59px !important}.p_59{padding:59px !important}.w_59{width:59px !important}.h_59{height:59px !important}.t_59{top:59px !important}.r_59{right:59px !important}.b_59{bottom:59px !important}.l_59{left:59px !important}.mt_59{margin-top:59px !important}.mr_59{margin-right:59px !important}.mb_59{margin-bottom:59px !important}.ml_59{margin-left:59px !important}.pt_59{padding-top:59px !important}.pr_59{padding-right:59px !important}.pb_59{padding-bottom:59px !important}.pl_59{padding-left:59px !important}.m_60{margin:60px !important}.p_60{padding:60px !important}.w_60{width:60px !important}.h_60{height:60px !important}.t_60{top:60px !important}.r_60{right:60px !important}.b_60{bottom:60px !important}.l_60{left:60px !important}.mt_60{margin-top:60px !important}.mr_60{margin-right:60px !important}.mb_60{margin-bottom:60px !important}.ml_60{margin-left:60px !important}.pt_60{padding-top:60px !important}.pr_60{padding-right:60px !important}.pb_60{padding-bottom:60px !important}.pl_60{padding-left:60px !important}.m_61{margin:61px !important}.p_61{padding:61px !important}.w_61{width:61px !important}.h_61{height:61px !important}.t_61{top:61px !important}.r_61{right:61px !important}.b_61{bottom:61px !important}.l_61{left:61px !important}.mt_61{margin-top:61px !important}.mr_61{margin-right:61px !important}.mb_61{margin-bottom:61px !important}.ml_61{margin-left:61px !important}.pt_61{padding-top:61px !important}.pr_61{padding-right:61px !important}.pb_61{padding-bottom:61px !important}.pl_61{padding-left:61px !important}.m_62{margin:62px !important}.p_62{padding:62px !important}.w_62{width:62px !important}.h_62{height:62px !important}.t_62{top:62px !important}.r_62{right:62px !important}.b_62{bottom:62px !important}.l_62{left:62px !important}.mt_62{margin-top:62px !important}.mr_62{margin-right:62px !important}.mb_62{margin-bottom:62px !important}.ml_62{margin-left:62px !important}.pt_62{padding-top:62px !important}.pr_62{padding-right:62px !important}.pb_62{padding-bottom:62px !important}.pl_62{padding-left:62px !important}.m_63{margin:63px !important}.p_63{padding:63px !important}.w_63{width:63px !important}.h_63{height:63px !important}.t_63{top:63px !important}.r_63{right:63px !important}.b_63{bottom:63px !important}.l_63{left:63px !important}.mt_63{margin-top:63px !important}.mr_63{margin-right:63px !important}.mb_63{margin-bottom:63px !important}.ml_63{margin-left:63px !important}.pt_63{padding-top:63px !important}.pr_63{padding-right:63px !important}.pb_63{padding-bottom:63px !important}.pl_63{padding-left:63px !important}.m_64{margin:64px !important}.p_64{padding:64px !important}.w_64{width:64px !important}.h_64{height:64px !important}.t_64{top:64px !important}.r_64{right:64px !important}.b_64{bottom:64px !important}.l_64{left:64px !important}.mt_64{margin-top:64px !important}.mr_64{margin-right:64px !important}.mb_64{margin-bottom:64px !important}.ml_64{margin-left:64px !important}.pt_64{padding-top:64px !important}.pr_64{padding-right:64px !important}.pb_64{padding-bottom:64px !important}.pl_64{padding-left:64px !important}.m_65{margin:65px !important}.p_65{padding:65px !important}.w_65{width:65px !important}.h_65{height:65px !important}.t_65{top:65px !important}.r_65{right:65px !important}.b_65{bottom:65px !important}.l_65{left:65px !important}.mt_65{margin-top:65px !important}.mr_65{margin-right:65px !important}.mb_65{margin-bottom:65px !important}.ml_65{margin-left:65px !important}.pt_65{padding-top:65px !important}.pr_65{padding-right:65px !important}.pb_65{padding-bottom:65px !important}.pl_65{padding-left:65px !important}.m_66{margin:66px !important}.p_66{padding:66px !important}.w_66{width:66px !important}.h_66{height:66px !important}.t_66{top:66px !important}.r_66{right:66px !important}.b_66{bottom:66px !important}.l_66{left:66px !important}.mt_66{margin-top:66px !important}.mr_66{margin-right:66px !important}.mb_66{margin-bottom:66px !important}.ml_66{margin-left:66px !important}.pt_66{padding-top:66px !important}.pr_66{padding-right:66px !important}.pb_66{padding-bottom:66px !important}.pl_66{padding-left:66px !important}.m_67{margin:67px !important}.p_67{padding:67px !important}.w_67{width:67px !important}.h_67{height:67px !important}.t_67{top:67px !important}.r_67{right:67px !important}.b_67{bottom:67px !important}.l_67{left:67px !important}.mt_67{margin-top:67px !important}.mr_67{margin-right:67px !important}.mb_67{margin-bottom:67px !important}.ml_67{margin-left:67px !important}.pt_67{padding-top:67px !important}.pr_67{padding-right:67px !important}.pb_67{padding-bottom:67px !important}.pl_67{padding-left:67px !important}.m_68{margin:68px !important}.p_68{padding:68px !important}.w_68{width:68px !important}.h_68{height:68px !important}.t_68{top:68px !important}.r_68{right:68px !important}.b_68{bottom:68px !important}.l_68{left:68px !important}.mt_68{margin-top:68px !important}.mr_68{margin-right:68px !important}.mb_68{margin-bottom:68px !important}.ml_68{margin-left:68px !important}.pt_68{padding-top:68px !important}.pr_68{padding-right:68px !important}.pb_68{padding-bottom:68px !important}.pl_68{padding-left:68px !important}.m_69{margin:69px !important}.p_69{padding:69px !important}.w_69{width:69px !important}.h_69{height:69px !important}.t_69{top:69px !important}.r_69{right:69px !important}.b_69{bottom:69px !important}.l_69{left:69px !important}.mt_69{margin-top:69px !important}.mr_69{margin-right:69px !important}.mb_69{margin-bottom:69px !important}.ml_69{margin-left:69px !important}.pt_69{padding-top:69px !important}.pr_69{padding-right:69px !important}.pb_69{padding-bottom:69px !important}.pl_69{padding-left:69px !important}.m_70{margin:70px !important}.p_70{padding:70px !important}.w_70{width:70px !important}.h_70{height:70px !important}.t_70{top:70px !important}.r_70{right:70px !important}.b_70{bottom:70px !important}.l_70{left:70px !important}.mt_70{margin-top:70px !important}.mr_70{margin-right:70px !important}.mb_70{margin-bottom:70px !important}.ml_70{margin-left:70px !important}.pt_70{padding-top:70px !important}.pr_70{padding-right:70px !important}.pb_70{padding-bottom:70px !important}.pl_70{padding-left:70px !important}.m_71{margin:71px !important}.p_71{padding:71px !important}.w_71{width:71px !important}.h_71{height:71px !important}.t_71{top:71px !important}.r_71{right:71px !important}.b_71{bottom:71px !important}.l_71{left:71px !important}.mt_71{margin-top:71px !important}.mr_71{margin-right:71px !important}.mb_71{margin-bottom:71px !important}.ml_71{margin-left:71px !important}.pt_71{padding-top:71px !important}.pr_71{padding-right:71px !important}.pb_71{padding-bottom:71px !important}.pl_71{padding-left:71px !important}.m_72{margin:72px !important}.p_72{padding:72px !important}.w_72{width:72px !important}.h_72{height:72px !important}.t_72{top:72px !important}.r_72{right:72px !important}.b_72{bottom:72px !important}.l_72{left:72px !important}.mt_72{margin-top:72px !important}.mr_72{margin-right:72px !important}.mb_72{margin-bottom:72px !important}.ml_72{margin-left:72px !important}.pt_72{padding-top:72px !important}.pr_72{padding-right:72px !important}.pb_72{padding-bottom:72px !important}.pl_72{padding-left:72px !important}.m_73{margin:73px !important}.p_73{padding:73px !important}.w_73{width:73px !important}.h_73{height:73px !important}.t_73{top:73px !important}.r_73{right:73px !important}.b_73{bottom:73px !important}.l_73{left:73px !important}.mt_73{margin-top:73px !important}.mr_73{margin-right:73px !important}.mb_73{margin-bottom:73px !important}.ml_73{margin-left:73px !important}.pt_73{padding-top:73px !important}.pr_73{padding-right:73px !important}.pb_73{padding-bottom:73px !important}.pl_73{padding-left:73px !important}.m_74{margin:74px !important}.p_74{padding:74px !important}.w_74{width:74px !important}.h_74{height:74px !important}.t_74{top:74px !important}.r_74{right:74px !important}.b_74{bottom:74px !important}.l_74{left:74px !important}.mt_74{margin-top:74px !important}.mr_74{margin-right:74px !important}.mb_74{margin-bottom:74px !important}.ml_74{margin-left:74px !important}.pt_74{padding-top:74px !important}.pr_74{padding-right:74px !important}.pb_74{padding-bottom:74px !important}.pl_74{padding-left:74px !important}.m_75{margin:75px !important}.p_75{padding:75px !important}.w_75{width:75px !important}.h_75{height:75px !important}.t_75{top:75px !important}.r_75{right:75px !important}.b_75{bottom:75px !important}.l_75{left:75px !important}.mt_75{margin-top:75px !important}.mr_75{margin-right:75px !important}.mb_75{margin-bottom:75px !important}.ml_75{margin-left:75px !important}.pt_75{padding-top:75px !important}.pr_75{padding-right:75px !important}.pb_75{padding-bottom:75px !important}.pl_75{padding-left:75px !important}.m_76{margin:76px !important}.p_76{padding:76px !important}.w_76{width:76px !important}.h_76{height:76px !important}.t_76{top:76px !important}.r_76{right:76px !important}.b_76{bottom:76px !important}.l_76{left:76px !important}.mt_76{margin-top:76px !important}.mr_76{margin-right:76px !important}.mb_76{margin-bottom:76px !important}.ml_76{margin-left:76px !important}.pt_76{padding-top:76px !important}.pr_76{padding-right:76px !important}.pb_76{padding-bottom:76px !important}.pl_76{padding-left:76px !important}.m_77{margin:77px !important}.p_77{padding:77px !important}.w_77{width:77px !important}.h_77{height:77px !important}.t_77{top:77px !important}.r_77{right:77px !important}.b_77{bottom:77px !important}.l_77{left:77px !important}.mt_77{margin-top:77px !important}.mr_77{margin-right:77px !important}.mb_77{margin-bottom:77px !important}.ml_77{margin-left:77px !important}.pt_77{padding-top:77px !important}.pr_77{padding-right:77px !important}.pb_77{padding-bottom:77px !important}.pl_77{padding-left:77px !important}.m_78{margin:78px !important}.p_78{padding:78px !important}.w_78{width:78px !important}.h_78{height:78px !important}.t_78{top:78px !important}.r_78{right:78px !important}.b_78{bottom:78px !important}.l_78{left:78px !important}.mt_78{margin-top:78px !important}.mr_78{margin-right:78px !important}.mb_78{margin-bottom:78px !important}.ml_78{margin-left:78px !important}.pt_78{padding-top:78px !important}.pr_78{padding-right:78px !important}.pb_78{padding-bottom:78px !important}.pl_78{padding-left:78px !important}.m_79{margin:79px !important}.p_79{padding:79px !important}.w_79{width:79px !important}.h_79{height:79px !important}.t_79{top:79px !important}.r_79{right:79px !important}.b_79{bottom:79px !important}.l_79{left:79px !important}.mt_79{margin-top:79px !important}.mr_79{margin-right:79px !important}.mb_79{margin-bottom:79px !important}.ml_79{margin-left:79px !important}.pt_79{padding-top:79px !important}.pr_79{padding-right:79px !important}.pb_79{padding-bottom:79px !important}.pl_79{padding-left:79px !important}.m_80{margin:80px !important}.p_80{padding:80px !important}.w_80{width:80px !important}.h_80{height:80px !important}.t_80{top:80px !important}.r_80{right:80px !important}.b_80{bottom:80px !important}.l_80{left:80px !important}.mt_80{margin-top:80px !important}.mr_80{margin-right:80px !important}.mb_80{margin-bottom:80px !important}.ml_80{margin-left:80px !important}.pt_80{padding-top:80px !important}.pr_80{padding-right:80px !important}.pb_80{padding-bottom:80px !important}.pl_80{padding-left:80px !important}.m_81{margin:81px !important}.p_81{padding:81px !important}.w_81{width:81px !important}.h_81{height:81px !important}.t_81{top:81px !important}.r_81{right:81px !important}.b_81{bottom:81px !important}.l_81{left:81px !important}.mt_81{margin-top:81px !important}.mr_81{margin-right:81px !important}.mb_81{margin-bottom:81px !important}.ml_81{margin-left:81px !important}.pt_81{padding-top:81px !important}.pr_81{padding-right:81px !important}.pb_81{padding-bottom:81px !important}.pl_81{padding-left:81px !important}.m_82{margin:82px !important}.p_82{padding:82px !important}.w_82{width:82px !important}.h_82{height:82px !important}.t_82{top:82px !important}.r_82{right:82px !important}.b_82{bottom:82px !important}.l_82{left:82px !important}.mt_82{margin-top:82px !important}.mr_82{margin-right:82px !important}.mb_82{margin-bottom:82px !important}.ml_82{margin-left:82px !important}.pt_82{padding-top:82px !important}.pr_82{padding-right:82px !important}.pb_82{padding-bottom:82px !important}.pl_82{padding-left:82px !important}.m_83{margin:83px !important}.p_83{padding:83px !important}.w_83{width:83px !important}.h_83{height:83px !important}.t_83{top:83px !important}.r_83{right:83px !important}.b_83{bottom:83px !important}.l_83{left:83px !important}.mt_83{margin-top:83px !important}.mr_83{margin-right:83px !important}.mb_83{margin-bottom:83px !important}.ml_83{margin-left:83px !important}.pt_83{padding-top:83px !important}.pr_83{padding-right:83px !important}.pb_83{padding-bottom:83px !important}.pl_83{padding-left:83px !important}.m_84{margin:84px !important}.p_84{padding:84px !important}.w_84{width:84px !important}.h_84{height:84px !important}.t_84{top:84px !important}.r_84{right:84px !important}.b_84{bottom:84px !important}.l_84{left:84px !important}.mt_84{margin-top:84px !important}.mr_84{margin-right:84px !important}.mb_84{margin-bottom:84px !important}.ml_84{margin-left:84px !important}.pt_84{padding-top:84px !important}.pr_84{padding-right:84px !important}.pb_84{padding-bottom:84px !important}.pl_84{padding-left:84px !important}.m_85{margin:85px !important}.p_85{padding:85px !important}.w_85{width:85px !important}.h_85{height:85px !important}.t_85{top:85px !important}.r_85{right:85px !important}.b_85{bottom:85px !important}.l_85{left:85px !important}.mt_85{margin-top:85px !important}.mr_85{margin-right:85px !important}.mb_85{margin-bottom:85px !important}.ml_85{margin-left:85px !important}.pt_85{padding-top:85px !important}.pr_85{padding-right:85px !important}.pb_85{padding-bottom:85px !important}.pl_85{padding-left:85px !important}.m_86{margin:86px !important}.p_86{padding:86px !important}.w_86{width:86px !important}.h_86{height:86px !important}.t_86{top:86px !important}.r_86{right:86px !important}.b_86{bottom:86px !important}.l_86{left:86px !important}.mt_86{margin-top:86px !important}.mr_86{margin-right:86px !important}.mb_86{margin-bottom:86px !important}.ml_86{margin-left:86px !important}.pt_86{padding-top:86px !important}.pr_86{padding-right:86px !important}.pb_86{padding-bottom:86px !important}.pl_86{padding-left:86px !important}.m_87{margin:87px !important}.p_87{padding:87px !important}.w_87{width:87px !important}.h_87{height:87px !important}.t_87{top:87px !important}.r_87{right:87px !important}.b_87{bottom:87px !important}.l_87{left:87px !important}.mt_87{margin-top:87px !important}.mr_87{margin-right:87px !important}.mb_87{margin-bottom:87px !important}.ml_87{margin-left:87px !important}.pt_87{padding-top:87px !important}.pr_87{padding-right:87px !important}.pb_87{padding-bottom:87px !important}.pl_87{padding-left:87px !important}.m_88{margin:88px !important}.p_88{padding:88px !important}.w_88{width:88px !important}.h_88{height:88px !important}.t_88{top:88px !important}.r_88{right:88px !important}.b_88{bottom:88px !important}.l_88{left:88px !important}.mt_88{margin-top:88px !important}.mr_88{margin-right:88px !important}.mb_88{margin-bottom:88px !important}.ml_88{margin-left:88px !important}.pt_88{padding-top:88px !important}.pr_88{padding-right:88px !important}.pb_88{padding-bottom:88px !important}.pl_88{padding-left:88px !important}.m_89{margin:89px !important}.p_89{padding:89px !important}.w_89{width:89px !important}.h_89{height:89px !important}.t_89{top:89px !important}.r_89{right:89px !important}.b_89{bottom:89px !important}.l_89{left:89px !important}.mt_89{margin-top:89px !important}.mr_89{margin-right:89px !important}.mb_89{margin-bottom:89px !important}.ml_89{margin-left:89px !important}.pt_89{padding-top:89px !important}.pr_89{padding-right:89px !important}.pb_89{padding-bottom:89px !important}.pl_89{padding-left:89px !important}.m_90{margin:90px !important}.p_90{padding:90px !important}.w_90{width:90px !important}.h_90{height:90px !important}.t_90{top:90px !important}.r_90{right:90px !important}.b_90{bottom:90px !important}.l_90{left:90px !important}.mt_90{margin-top:90px !important}.mr_90{margin-right:90px !important}.mb_90{margin-bottom:90px !important}.ml_90{margin-left:90px !important}.pt_90{padding-top:90px !important}.pr_90{padding-right:90px !important}.pb_90{padding-bottom:90px !important}.pl_90{padding-left:90px !important}.m_91{margin:91px !important}.p_91{padding:91px !important}.w_91{width:91px !important}.h_91{height:91px !important}.t_91{top:91px !important}.r_91{right:91px !important}.b_91{bottom:91px !important}.l_91{left:91px !important}.mt_91{margin-top:91px !important}.mr_91{margin-right:91px !important}.mb_91{margin-bottom:91px !important}.ml_91{margin-left:91px !important}.pt_91{padding-top:91px !important}.pr_91{padding-right:91px !important}.pb_91{padding-bottom:91px !important}.pl_91{padding-left:91px !important}.m_92{margin:92px !important}.p_92{padding:92px !important}.w_92{width:92px !important}.h_92{height:92px !important}.t_92{top:92px !important}.r_92{right:92px !important}.b_92{bottom:92px !important}.l_92{left:92px !important}.mt_92{margin-top:92px !important}.mr_92{margin-right:92px !important}.mb_92{margin-bottom:92px !important}.ml_92{margin-left:92px !important}.pt_92{padding-top:92px !important}.pr_92{padding-right:92px !important}.pb_92{padding-bottom:92px !important}.pl_92{padding-left:92px !important}.m_93{margin:93px !important}.p_93{padding:93px !important}.w_93{width:93px !important}.h_93{height:93px !important}.t_93{top:93px !important}.r_93{right:93px !important}.b_93{bottom:93px !important}.l_93{left:93px !important}.mt_93{margin-top:93px !important}.mr_93{margin-right:93px !important}.mb_93{margin-bottom:93px !important}.ml_93{margin-left:93px !important}.pt_93{padding-top:93px !important}.pr_93{padding-right:93px !important}.pb_93{padding-bottom:93px !important}.pl_93{padding-left:93px !important}.m_94{margin:94px !important}.p_94{padding:94px !important}.w_94{width:94px !important}.h_94{height:94px !important}.t_94{top:94px !important}.r_94{right:94px !important}.b_94{bottom:94px !important}.l_94{left:94px !important}.mt_94{margin-top:94px !important}.mr_94{margin-right:94px !important}.mb_94{margin-bottom:94px !important}.ml_94{margin-left:94px !important}.pt_94{padding-top:94px !important}.pr_94{padding-right:94px !important}.pb_94{padding-bottom:94px !important}.pl_94{padding-left:94px !important}.m_95{margin:95px !important}.p_95{padding:95px !important}.w_95{width:95px !important}.h_95{height:95px !important}.t_95{top:95px !important}.r_95{right:95px !important}.b_95{bottom:95px !important}.l_95{left:95px !important}.mt_95{margin-top:95px !important}.mr_95{margin-right:95px !important}.mb_95{margin-bottom:95px !important}.ml_95{margin-left:95px !important}.pt_95{padding-top:95px !important}.pr_95{padding-right:95px !important}.pb_95{padding-bottom:95px !important}.pl_95{padding-left:95px !important}.m_96{margin:96px !important}.p_96{padding:96px !important}.w_96{width:96px !important}.h_96{height:96px !important}.t_96{top:96px !important}.r_96{right:96px !important}.b_96{bottom:96px !important}.l_96{left:96px !important}.mt_96{margin-top:96px !important}.mr_96{margin-right:96px !important}.mb_96{margin-bottom:96px !important}.ml_96{margin-left:96px !important}.pt_96{padding-top:96px !important}.pr_96{padding-right:96px !important}.pb_96{padding-bottom:96px !important}.pl_96{padding-left:96px !important}.m_97{margin:97px !important}.p_97{padding:97px !important}.w_97{width:97px !important}.h_97{height:97px !important}.t_97{top:97px !important}.r_97{right:97px !important}.b_97{bottom:97px !important}.l_97{left:97px !important}.mt_97{margin-top:97px !important}.mr_97{margin-right:97px !important}.mb_97{margin-bottom:97px !important}.ml_97{margin-left:97px !important}.pt_97{padding-top:97px !important}.pr_97{padding-right:97px !important}.pb_97{padding-bottom:97px !important}.pl_97{padding-left:97px !important}.m_98{margin:98px !important}.p_98{padding:98px !important}.w_98{width:98px !important}.h_98{height:98px !important}.t_98{top:98px !important}.r_98{right:98px !important}.b_98{bottom:98px !important}.l_98{left:98px !important}.mt_98{margin-top:98px !important}.mr_98{margin-right:98px !important}.mb_98{margin-bottom:98px !important}.ml_98{margin-left:98px !important}.pt_98{padding-top:98px !important}.pr_98{padding-right:98px !important}.pb_98{padding-bottom:98px !important}.pl_98{padding-left:98px !important}.m_99{margin:99px !important}.p_99{padding:99px !important}.w_99{width:99px !important}.h_99{height:99px !important}.t_99{top:99px !important}.r_99{right:99px !important}.b_99{bottom:99px !important}.l_99{left:99px !important}.mt_99{margin-top:99px !important}.mr_99{margin-right:99px !important}.mb_99{margin-bottom:99px !important}.ml_99{margin-left:99px !important}.pt_99{padding-top:99px !important}.pr_99{padding-right:99px !important}.pb_99{padding-bottom:99px !important}.pl_99{padding-left:99px !important}.m_100{margin:100px !important}.p_100{padding:100px !important}.w_100{width:100px !important}.h_100{height:100px !important}.t_100{top:100px !important}.r_100{right:100px !important}.b_100{bottom:100px !important}.l_100{left:100px !important}.mt_100{margin-top:100px !important}.mr_100{margin-right:100px !important}.mb_100{margin-bottom:100px !important}.ml_100{margin-left:100px !important}.pt_100{padding-top:100px !important}.pr_100{padding-right:100px !important}.pb_100{padding-bottom:100px !important}.pl_100{padding-left:100px !important}.w_0p{width:0% !important}.w_1p{width:1% !important}.w_2p{width:2% !important}.w_3p{width:3% !important}.w_4p{width:4% !important}.w_5p{width:5% !important}.w_6p{width:6% !important}.w_7p{width:7% !important}.w_8p{width:8% !important}.w_9p{width:9% !important}.w_10p{width:10% !important}.w_11p{width:11% !important}.w_12p{width:12% !important}.w_13p{width:13% !important}.w_14p{width:14% !important}.w_15p{width:15% !important}.w_16p{width:16% !important}.w_17p{width:17% !important}.w_18p{width:18% !important}.w_19p{width:19% !important}.w_20p{width:20% !important}.w_21p{width:21% !important}.w_22p{width:22% !important}.w_23p{width:23% !important}.w_24p{width:24% !important}.w_25p{width:25% !important}.w_26p{width:26% !important}.w_27p{width:27% !important}.w_28p{width:28% !important}.w_29p{width:29% !important}.w_30p{width:30% !important}.w_31p{width:31% !important}.w_32p{width:32% !important}.w_33p{width:33% !important}.w_34p{width:34% !important}.w_35p{width:35% !important}.w_36p{width:36% !important}.w_37p{width:37% !important}.w_38p{width:38% !important}.w_39p{width:39% !important}.w_40p{width:40% !important}.w_41p{width:41% !important}.w_42p{width:42% !important}.w_43p{width:43% !important}.w_44p{width:44% !important}.w_45p{width:45% !important}.w_46p{width:46% !important}.w_47p{width:47% !important}.w_48p{width:48% !important}.w_49p{width:49% !important}.w_50p{width:50% !important}.w_51p{width:51% !important}.w_52p{width:52% !important}.w_53p{width:53% !important}.w_54p{width:54% !important}.w_55p{width:55% !important}.w_56p{width:56% !important}.w_57p{width:57% !important}.w_58p{width:58% !important}.w_59p{width:59% !important}.w_60p{width:60% !important}.w_61p{width:61% !important}.w_62p{width:62% !important}.w_63p{width:63% !important}.w_64p{width:64% !important}.w_65p{width:65% !important}.w_66p{width:66% !important}.w_67p{width:67% !important}.w_68p{width:68% !important}.w_69p{width:69% !important}.w_70p{width:70% !important}.w_71p{width:71% !important}.w_72p{width:72% !important}.w_73p{width:73% !important}.w_74p{width:74% !important}.w_75p{width:75% !important}.w_76p{width:76% !important}.w_77p{width:77% !important}.w_78p{width:78% !important}.w_79p{width:79% !important}.w_80p{width:80% !important}.w_81p{width:81% !important}.w_82p{width:82% !important}.w_83p{width:83% !important}.w_84p{width:84% !important}.w_85p{width:85% !important}.w_86p{width:86% !important}.w_87p{width:87% !important}.w_88p{width:88% !important}.w_89p{width:89% !important}.w_90p{width:90% !important}.w_91p{width:91% !important}.w_92p{width:92% !important}.w_93p{width:93% !important}.w_94p{width:94% !important}.w_95p{width:95% !important}.w_96p{width:96% !important}.w_97p{width:97% !important}.w_98p{width:98% !important}.w_99p{width:99% !important}.w_100p{width:100% !important}
.w_3z{width:33.33% !important;}
.fl_l{float:left !important;;}
.fl_r{float:right !important;;}
.cbo{clear:both !important;;}
.w_325{width:324.3px !important;}
.ta_l{text-align:left !important;;}
.ta_c{text-align:center !important;;}
.ta_r{text-align:right !important;;}
.noti1{padding:3px 10px;color:#fff;background:#62c8d1;border-radius:3px;font-size:12px;}
.hot1{padding:3px 10px;color:#fff;background:#ef0470;border-radius:3px;font-size:12px;}
.inputstb01{padding:10px;border:1px #e8e8e8 solid;-webkit-box-sizing:border-box;box-sizing:border-box;}
.side_info{background:url(/images/icon_info.png) 0 50% no-repeat;font-size:10px;padding-left:20px;}
.se_zone{position:relative;}
.fs_12{font-size:12px !important;}
.ui-state-active a, .ui-state-hover a {
    outline: none;
}
.inblock{display:inline-block;}
.othl{border-bottom:2px #0dc24a solid !important;}

/**
* Esean Stylesheets
* Author: Cheolseong Lee
**/
#app {
	min-width: 1336px;
}

/**
* GNB
**/
.gnb {
	height: 107px;
	min-width: 1336px;
	position: relative;
	width: 100%;
	z-index: 100;
}

.gnb .malang-malang-service nav {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
}

.gnb .malang-malang-service nav #gnb_join_link > a {
	color: #fff;
	margin-right: 8px;
}

.gnb .malang-malang-service nav #gnb_login_btn > a {
	color: #fff;
}

.gnb .malang-malang-service .profile-menu {
    border-radius: 100%;
}

.malang-malang-service .profile-menu.smaller {
    top: 0;
}

.gnb .gnb-bar {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    height: 107px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	position: absolute;
	width: 100%;
}

.gnb a {
	color: #fff;
	display: block;
	text-decoration: none;
}

.gnb .gnb-logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
	width: 274px;
}

.gnb .gnb-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.gnb .gnb-logo {
  	-webkit-box-align: center;
  	    -ms-flex-align: center;
  	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-pack: center;
  	    -ms-flex-pack: center;
  	        justify-content: center;
}

.gnb .gnb-account {
  	-webkit-box-align: center;
  	    -ms-flex-align: center;
  	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-pack: end;
  	    -ms-flex-pack: end;
  	        justify-content: flex-end;
}

.gnb .gnb-logo a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 107px;
    padding: 8px;
}

.gnb .gnb-account {
	padding: 30px 18px;
}

.gnb .gnb-account .gnb-account-menu {
    -webkit-box-align: cener;
        -ms-flex-align: cener;
            align-items: cener;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.gnb .gnb-account .gnb-account-menu a:hover,
.gnb .gnb-account .gnb-account-menu a:hover > img {
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
}

.gnb .gnb-account .gnb-account-menu a:hover,
.gnb .gnb-account .gnb-account-menu a:hover > img {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
}

.gnb .gnb-account .gnb-account-menu > li {
    margin-left: 18px;
    position: relative;
}

.gnb .gnb-account .gnb-account-menu > li:first-child {
    margin-left: 0;
}

.gnb .gnb-account .gnb-profile {
    background-size: cover;
    background-position: center center;
    border: 1px solid #bcbcbc;
    border-radius: 50%;
    height: 40px;
    overflow: hidden;
    width: 40px;
}

.gnb .gnb-nav {
  	-webkit-box-align: center;
  	    -ms-flex-align: center;
  	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
    display: flex;
    height: 107px;
  	-webkit-box-pack: center;
  	    -ms-flex-pack: center;
  	        justify-content: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.gnb .gnb-nav .gnb-menu {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	left: 23px;
}

.gnb .gnb-nav .gnb-menuiem {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 107px;
	position: relative;
	width: 150px;
}

.gnb .gnb-nav .gnb-menuiem > a {
	border-bottom: 2px solid transparent;
	font-size: 20px;
	line-height: 34px;
}

.gnb .gnb-nav .gnb-menuiem:hover > a {
	color: #fff45c;
	border-bottom-color: #fff45c;
}

.gnb .gnb-nav .gnb-submenu {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 204px;
	left: 50%;
	top: 107px;
	padding-top: 12px;
	position: absolute;
	-webkit-transform: translateX(-50%) scaleY(0);
	    -ms-transform: translateX(-50%) scaleY(0);
	        transform: translateX(-50%) scaleY(0);
	-webkit-transform-origin: top;
	    -ms-transform-origin: top;
	        transform-origin: top;
	-webkit-transition: all .1s ease-in .1s;
	-o-transition: all .1s ease-in .1s;
	transition: all .1s ease-in .1s;
	width: 100%;
}

.gnb.show .gnb-nav .gnb-submenu {
	-webkit-transform: translateX(-50%) scaleY(1);
	    -ms-transform: translateX(-50%) scaleY(1);
	        transform: translateX(-50%) scaleY(1);
}

.gnb .gnb-submenu-background {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	height: 204px;
	position: absolute;
	top: 107px;
	-webkit-transform: scaleY(0);
	    -ms-transform: scaleY(0);
	        transform: scaleY(0);
	-webkit-transform-origin: top;
	    -ms-transform-origin: top;
	        transform-origin: top;
	width: 100%;
	-webkit-transition: all .1s ease-in .1s;
	-o-transition: all .1s ease-in .1s;
	transition: all .1s ease-in .1s;
}

.gnb.show .gnb-submenu-background {
	-webkit-transform: scaleY(1);
	    -ms-transform: scaleY(1);
	        transform: scaleY(1);
}

.gnb .gnb-nav .gnb-submenuitem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
			justify-content: center;
	padding: 4px .5em;
	white-space: nowrap;
	width: 100%;
}

.gnb .gnb-nav .gnb-submenuitem > a {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 14px;
	color: #a3a3a3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	line-height: 28px;
	overflow: hidden;
	width: 128px;
}
.gnb .gnb-nav .gnb-submenuitem > a[target='_blank'] {

}

.gnb .gnb-nav .gnb-submenuitem > a[target='_blank']:after {
  content:'';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 3px;
  background-image: url('/images/icon_blank.svg'), url('/images/icon_blank_on.svg');
  background-repeat: no-repeat;
  background-size: 14px 14px, 14px 14px;
  margin-top: -1px;
  background-position: left center, left -14px center;
}

.gnb .gnb-nav .gnb-submenuitem > a.is-event:after {
  content:'Event';
  display: inline-block;
  height: 1em;
  margin-left: 3px;
  padding: 3px 5px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  border-radius: 1em;
  background-color: currentColor;
}
.gnb .gnb-nav .gnb-submenuitem > a.is-event:hover:after {
  background-color: #fff;
  color: #5c49a7;
}

.gnb .gnb-nav .gnb-submenuitem > a:hover,
.gnb .gnb-nav .gnb-submenuitem > a.on,
.gnb .gnb-nav .gnb-submenuitem > a.is-event:after {
	background-color: #5c49a7;
	color: #fff;
}

.gnb .gnb-nav .gnb-submenuitem > a[target='_blank']:hover:after,
.gnb .gnb-nav .gnb-submenuitem > a.on[target='_blank']:after {
  background-position: left -14px center, left center;
}

#game .gnb .gnb-nav .gnb-submenuitem > a:hover,
#game .gnb .gnb-nav .gnb-submenuitem > a.on,
#game .gnb .gnb-nav .gnb-submenuitem > a.is-event:after {
	background-color: #40abb5;
}

#ranking .gnb .gnb-nav .gnb-submenuitem > a:hover,
#ranking .gnb .gnb-nav .gnb-submenuitem > a.on,
#ranking .gnb .gnb-nav .gnb-submenuitem > a.is-event:after {
	background-color: #ff9f00;
}

#community .gnb .gnb-nav .gnb-submenuitem > a:hover,
#community .gnb .gnb-nav .gnb-submenuitem > a.on,
#community .gnb .gnb-nav .gnb-submenuitem > a.is-event:after {
	background-color: #3c82d8;
}

#support .gnb .gnb-nav .gnb-submenuitem > a:hover,
#support .gnb .gnb-nav .gnb-submenuitem > a.on,
#support .gnb .gnb-nav .gnb-submenuitem > a.is-event:after {
	background-color: #f0687c;
}

#my-page .gnb .gnb-nav .gnb-submenuitem > a:hover,
#my-page .gnb .gnb-nav .gnb-submenuitem > a.on,
#my-page .gnb .gnb-nav .gnb-submenuitem > a.is-event:after {
	background-color: #8da314;
}

#game .gnb .gnb-nav .gnb-submenuitem > a.is-event:hover:after {
  background-color: #fff;
  color: #40abb5;
}

#ranking .gnb .gnb-nav .gnb-submenuitem > a.is-event:hover:after,
#ranking .gnb .gnb-nav .gnb-submenuitem > a.is-event.on:after {
  background-color: #fff;
  color: #ff9f00;
}

#community .gnb .gnb-nav .gnb-submenuitem > a.is-event:hover:after {
  background-color: #fff;
  color: #3c82d8;
}

#support .gnb .gnb-nav .gnb-submenuitem > a.is-event:hover:after {
  background-color: #fff;
  color: #f0687c;
}

#my-page .gnb .gnb-nav .gnb-submenuitem > a.is-event:hover:after {
  background-color: #fff;
  color: #8da314;
}

.my_rk{
	width:100px;
	float:left;
}
.my_rk_sch{
	text-align: left;
	margin-left:100px;
	width : -webkit-calc(100% - 100px); /* for Chrome, Safari */
	width :    -moz-calc(100% - 100px); /* for Firefox */
	width :         calc(100% - 100px); /* for IE */
}

.gnb .gnb-account .gnb-tooltip {
    position: absolute;
    width: 320px;
    z-index: 3;
}

.gnb .gnb-account .gnb-tooltip-edge {
	background-image: url('/images/img_drop_menu_edge.png');
	background-repeat: no-repeat;
	background-position: top left;
	content: '';
	height: 18px;
	position: absolute;
	right: 24px;
	top: -16px;
	width: 35px;
	z-index: 4;
}

.gnb .gnb-account #services.gnb-tooltip {
	right: -20px;
    top: 60px;
}

.gnb .gnb-account .gnb-tooltip .gnb-tooltip-scroll {
    background-color: #fff;
    border: 1px solid #bebebe; 
    border-radius: 20px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .15);
	        box-shadow: 2px 2px 4px rgba(0, 0, 0, .15);
	overflow-x: hidden;
}

.gnb .gnb-account .gnb-tooltip .gnb-tooltip-content {
	max-height: 80vh;
	overflow-y: auto;
	position: relative;
	width: 340px;
}

.gnb .gnb-account .gnb-tooltip .gnb-tooltip-scroll ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
	padding: 10px;
	width: 320px;
}

.gnb .gnb-account .gnb-tooltip .gnb-tooltip-scroll li {
	padding: 8px 15px;
}

.gnb .gnb-account .gnb-tooltip .gnb-tooltip-scroll a {
    color: #999;
    font-size: 12px;
}

.gnb .gnb-account .gnb-tooltip .gnb-tooltip-scroll li > a span {
	margin-top: 8px;
	max-width: 70px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
}

.gnb .gnb-account .gnb-tooltip .gnb-tooltip-scroll li > a .gnb-service-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 56px 56px;
    border: 2px solid #bebebe;
    border-radius: 20px;
    height: 70px;
	padding: 12px;
    width: 70px;
}

.gnb .gnb-account .gnb-tooltip .gnb-tooltip-scroll li > a .gnb-service-icon-overlay {
	background-color: #000;
	border-radius: 20px;
	height: 70px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: 70px;
}

.gnb .gnb-account .gnb-tooltip .gnb-tooltip-scroll li > a:hover .gnb-service-icon-overlay {
	opacity: .3;
}

.gnb .gnb-account .gnb-tooltip .gnb-tooltip-scroll li > a:hover span {
	color: #333;
}

.gnb .gnb-account #my-account.gnb-tooltip {
	right: -20px;
    top: 60px;
}

.gnb .gnb-account #my-account.gnb-tooltip .gnb-tooltip-content {
	width: 320px;
}

.gnb .gnb-account #my-account.gnb-tooltip .gnb-service {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
}

.gnb .gnb-account .gnb-my-account {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	background-color: #fff;
    border: 1px solid #bebebe; 
    border-radius: 20px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .15);
            box-shadow: 2px 2px 4px rgba(0, 0, 0, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	overflow-x: hidden;
	padding: 24px;
}

.gnb .gnb-account .gnb-tooltip .gnb-my-account .gnb-my-profile-image {
	background-position: center center;
	background-size: contain;
	border: 2px solid #bfbfbf;
	border-radius: 50%;
	height: 100px;
	margin-top: 12px;
	width: 100px;
}

.gnb .gnb-account .gnb-tooltip .gnb-my-account .gnb-my-nickname {
	color: #5d49a8;
	font-weight: bold;
	margin-top: 24px;
}

.gnb .gnb-account .gnb-tooltip .gnb-my-account .gnb-my-email {
	color: #666;
	margin-top: 24px;
}

.gnb .gnb-account .gnb-tooltip .gnb-my-account .gnb-my-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 24px;
    width: 100%;
}

.gnb .gnb-account .gnb-tooltip .gnb-my-account .gnb-my-buttons li {
	margin-top: 8px;
}

.gnb .gnb-account .gnb-tooltip .gnb-my-account .gnb-my-buttons li:first-child {
	margin-top: 0;
}

.gnb .gnb-account .gnb-tooltip .gnb-my-account .gnb-my-button {
	border: 1px solid #bebebe;
	border-radius: 20px;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	height: 40px;
	width: 100%;
}

.gnb .gnb-account .gnb-tooltip .gnb-my-account .gnb-my-button.gray {
	background-color: #f1f1f1;
	color: #333;
}

.gnb .gnb-account .gnb-tooltip .gnb-my-account .gnb-my-button.purple {
	background-color: #5d49a8;
	border: 1px solid #5d49a8;
	color: #fff;
}

.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

@-webkit-keyframes mainLauchButtonFadeIn {
	0% { opacity: 0; bottom: 120px; }
	100% { opacity: 1; bottom: 140px; }
}

@keyframes mainLauchButtonFadeIn {
	0% { opacity: 0; bottom: 120px; }
	100% { opacity: 1; bottom: 140px; }
}

.gnb-slide-transition {
    -webkit-transition: display 0s ease .2s;
    -o-transition: display 0s ease .2s;
    transition: display 0s ease .2s;
}

.gnb-slide-transition.appear {
    -webkit-animation: slideDown .2s ease-out 0s forwards;
            animation: slideDown .2s ease-out 0s forwards;
}

@-webkit-keyframes slideDown {
    0% { -webkit-transform: translateY(-120px); transform: translateY(-120px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideDown {
    0% { -webkit-transform: translateY(-120px); transform: translateY(-120px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

.tab-rounded {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.tab-rounded > ul {
	background-color: #8da314;
	border-radius: 74px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 74px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	overflow: hidden;
	padding: 10px;
	width: 971px;
}

.tab-rounded li {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 0px;
	        flex: 1 0 0;
	height: 100%;
	margin-right: 12px;
	position: relative;
	width: 100%;
}

.tab-rounded li:last-child {
	margin-right: 0;
}

.tab-rounded li > a {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 20px;
	height: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-decoration: none;
}

.tab-rounded li > a span {
	line-height: 1.0;
}

.tab-rounded li > a .tab-icon {
	height: 35px;
	margin-right: 8px;
	position: relative;
	top: -2px;
	width: 35px;
}

.tab-rounded li.selected > a,
.tab-rounded li:hover > a {
	background-color: #fff;
	border-radius: 54px;
	color: #8da314;
	overflow: hidden;
}

.tab-rounded li.selected:after {
	background: url('/images/img_mypage_tooltip_bottom_edge.png') center center no-repeat;
	bottom: -7px;
	content: '';
	height: 11px;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 19px;
}

.tab-rounded #icon-basic-info {
	background: url('/images/06_01_off.png') center center no-repeat;
}

.tab-rounded li.selected #icon-basic-info,
.tab-rounded li:hover #icon-basic-info {
	background: url('/images/06_01_on.png') center center no-repeat;
}

.tab-rounded #icon-points {
	background: url('/images/06_02_off.png') center center no-repeat;
}

.tab-rounded li.selected #icon-points,
.tab-rounded li:hover #icon-points {
	background: url('/images/06_02_on.png') center center no-repeat;
}

.tab-rounded #icon-stats {
	background: url('/images/06_03_off.png') center center no-repeat;
}

.tab-rounded li.selected #icon-stats,
.tab-rounded li:hover #icon-stats {
	background: url('/images/06_03_on.png') center center no-repeat;
}

.tab-rounded .icon-person {
	background: url('/images/03_01_off.png') center center no-repeat;
}

.tab-rounded li.selected .icon-person,
.tab-rounded li:hover .icon-person {
	background: url('/images/03_01_on.png') center center no-repeat;
}

.tab-rounded .icon-group {
	background: url('/images/04_01_off.png') center center no-repeat;
}

.tab-rounded li.selected .icon-group,
.tab-rounded li:hover .icon-group {
	background: url('/images/04_01_on.png') center center no-repeat;
}

.tab-rounded .icon-me {
	background: url('/images/04_02_off.png') center center no-repeat;
}

.tab-rounded li.selected .icon-me,
.tab-rounded li:hover .icon-me {
	background: url('/images/04_02_on.png') center center no-repeat;
}

.tab-rounded .icon-school {
	background: url('/images/03_02_off.png') center center no-repeat;
}

.tab-rounded li.selected .icon-school,
.tab-rounded li:hover .icon-school {
	background: url('/images/03_02_on.png') center center no-repeat;
}

#home .gnb {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1000;
}

#home .section.first .gnb {
	background-color: #5c49a7;
}

#home .section.second .gnb {
	background-color: #40aab4;
}

#home .section.third .gnb {
	background-color: #ff9f00;
}

#home .main-launch-tt {
	-webkit-animation-delay: 2.2s;
	        animation-delay: 2.2s;
	-webkit-animation-duration: .3s;
	        animation-duration: .3s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-name: mainLauchButtonFadeIn;
	        animation-name: mainLauchButtonFadeIn;
	-webkit-animation-timing-function: ease-out;
	        animation-timing-function: ease-out;
	bottom: 140px;
	left: 50%;
	margin-left: -163px;
	opacity: 0;
	position: absolute;
	z-index: 999;
}

#home .main-launch-tt a {
	cursor: pointer;
}

#home .main-play-game a {
	display: block;
	cursor: pointer;
}

@-webkit-keyframes main-updown {
	0% { -webkit-transform: translateY(0); transform: translateY(0); }
	50% { -webkit-transform: translateY(14px); transform: translateY(14px); }
	100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes main-updown {
	0% { -webkit-transform: translateY(0); transform: translateY(0); }
	50% { -webkit-transform: translateY(14px); transform: translateY(14px); }
	100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

#home .main-scrollable {
	-webkit-animation: fade-in .3s ease-in 2.4s forwards, main-updown 3s ease-in-out infinite;
	        animation: fade-in .3s ease-in 2.4s forwards, main-updown 3s ease-in-out infinite;
	bottom: 48px;
	left: 50%;
	margin-left: -35px;
	opacity: 0;
	position: absolute;
	z-index: 999;
}

#home .main-more-ranking {
	-webkit-animation: fade-in .3s ease-in 2s forwards;
	        animation: fade-in .3s ease-in 2s forwards;
	bottom: 70px;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: calc(50% + 260px);
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

#home .section.first .bottom-paper {
    background-color: #fff;
    height: 50%;
    position: absolute;
    top: calc(50% + 300px);
    width: 100%;
}

#home .section.first .animation-canvas {
    height: 740px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
}

#home .section.first .animation-canvas .wave {
    bottom: 0;
    height: 240px;
    position: absolute;
    width: 100%;
}

#home .section.first .animation-canvas .wave.white {
    background: url(/images/m_w1.png) repeat-x;
}

#home .section.first .animation-canvas .wave.middle {
    -webkit-animation: bgHorizontalMove 5s linear 0s infinite;
            animation: bgHorizontalMove 5s linear 0s infinite;
    background: url(/images/m_w2.png) repeat-x;
    bottom: 50px;
}

#home .section.first .animation-canvas .wave.light {
    animation: bgHorizontalMove 10s linear 0s infinite reverse;
    background: url(/images/m_w3.png) repeat-x;
    bottom: 100px;
}

@-webkit-keyframes bgHorizontalMove {
    0% { background-position-x: 0; }
    100% { background-position-x: -199px; }
}

@keyframes bgHorizontalMove {
    0% { background-position-x: 0; }
    100% { background-position-x: -199px; }
}

#site-header {
	background-color: #5c49a7;
	background-position: center center;
	background-repeat: no-repeat;
	height: 312px;
	position: relative;
}

#site-header .header-container {
	height: 312px;
	position: relative;
	width: 100%;
}

#site-header .header-banner {
	height: 312px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}

#site-header .wave-container {
	bottom: 0;
	height: 148px;
	position: absolute;
	width: 100%;
}

#site-header .wave-container .wave {
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	background-repeat: repeat-x;
	height: 74px;
	position: absolute;
	width: 100%;
}

#site-header #wave1 {
	bottom: 0;
	background-image: url('/images/m_w1.png');
	z-index: 1;
}

#site-header #wave2 {
	bottom: 37px;
}

#site-header #wave3 {
	background-position-x: -140px;
	bottom: 74px;
}

#site-header .fireworks {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

#typing-practice #site-header #wave2 {
	background-image: url('/images/m_w2.png');
}

#typing-practice #site-header #wave3 {
	background-image: url('/images/m_w3.png');
}

#typing-practice #site-header .hangul {
	position: absolute;
	top: 60%;
	left: 50%;
	margin-left: -76px;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

#typing-practice #site-header div.s01img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 120px;
  -webkit-animation-name: imgani01; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
  animation-name: imgani01;
  animation-duration: 1.5s;
}

#typing-practice .content .board {
	background-color: #eee;
	border: 1px solid #dcdcdc;
	border-radius: 16px;
	min-width: 848px;
	padding: 24px 60px;
}

#my-page {
	-ms-flex-align: stretch;
    -webkit-box-align: stretch;
	        align-items: stretch;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
	        flex-direction: column;
	height: 100%;
	min-height: 100%;
}

#my-page #site-header {
	background-color: #8da314;
}

#my-page #site-header #wave2 {
	background-image: url('/images/m06_w2.png');
	bottom: 37px;
}

#my-page #site-header #wave3 {
	background-image: url('/images/m06_w3.png');
	background-position-x: -140px;
	bottom: 74px;
}

#my-page #site-header .character {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -94px;
}

#my-page div.s06txt {
  position: absolute;
  left: 50%;
  top: 170px;
  margin-left: -400px;
  -webkit-animation-name: txt06; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: txt06;
  animation-duration: 2s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes txt06 {
 0%   { opacity: 0;}
  100% { opacity: 1;}
}

/* Standard syntax */
@keyframes txt06 {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}

#my-page #register-nickname {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#my-page #register-nickname .nickname-container {
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	border: 1px solid #5c49a7;
	border-radius: 16px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: center;
    -webkit-box-pack: center;
	        justify-content: center;
	padding: 40px 80px;
}

#my-page #register-nickname .nickname-container .nickanme-setting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#my-page #register-nickname .nickname-container .description {
    margin-top: 16px;
    width: 100%;
}

#my-page #register-nickname .nickname-container .icon-wrapper {
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	margin-right: 20px;
}

#my-page #register-nickname .nickname-container h5 {
	color: #5c49a7;
	font-size: 24px;
	line-height: 1.6;
}

#my-page #register-nickname .nickname-container p {
	color: #5c49a7;
	font-size: 14px;
	line-height: 1.4;
}

#my-page #register-nickname .nickname-container .input-container {
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
    -webkit-box-pack: center;
	        justify-content: center;
	margin-top: 30px;
}

#my-page #register-nickname .nickname-container .input-container label {
	color: #000;
	margin: 0 16px 0 0;
}

#my-page #register-nickname .nickname-container .input-container input {
	border: 1px solid #959595;
    color: #000;
    font-size: 16px;
    height: 38px;
	line-height: 38px;
	margin-right: 16px;
	padding: 0 16px;
	width: 272px;
}

#my-page #register-nickname .nickname-container .input-container button {
	background-color: #100964;
	border-radius: 18px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding: 9px 24px;
}

#my-page select,
#support #faq .search-bar select {
	/* background: #fff url('/images/ico-select-purple-arrow.png') no-repeat center right;
	-webkit-appearance: none; */
	-moz-appearance: none;
		 appearance: none;
	-ms-appearance:none;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 0;
	color: #000000;
	font-size: 16px;
	height: 100%;
	outline-offset: 0;
	padding: 0 0px 0 8px;
	width: 99%;
}

.button-rounded-navy,
.button-rounded-blue,
.button-rounded-orange,
.button-rounded-gray-small {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #100964;
	border-radius: 36px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	line-height: 36px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-left: 8px;
	overflow: hidden;
	padding: 0 21px;
}

.button-rounded-orange {
    background-color: #ff9f00;
}

.button-rounded-blue {
	background-color: #2653b0;
}

.button-rounded-gray-small {
    background-color: #adadad;
}



.button-rounded-red,
.button-rounded-red-icon-search,
.button-rounded-gray {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #f75259;
	border-radius: 42px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	line-height: 42px;
	overflow: hidden;
	padding: 0 26px;
}

.button-rounded-gray {
	background-color: #adadad;
}

.button-rounded-red-icon-search {
	background-image: url('/images/icon_search.png');
	background-repeat: no-repeat;
	background-position: 34px center;
	background-size: 20px 20px;
	padding-left: 66px;
}

.button-rounded-blue-large {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #3c82d8;
    border-radius: 52px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    height: 52px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 52px;
    overflow: hidden;
    width: 220px;
}

#my-page .mypage-button-download,
#my-page .mypage-button-facebook,
#my-page .mypage-button-kakaotalk,
#my-page .mypage-button-listview,
#ranking .ranking-share .button-toggle,
#ranking .ranking-share .button-facebook,
#ranking .ranking-share .button-kakaotalk {
	background-position-x: 17px;
	background-position-y: center;
	background-repeat: no-repeat;
	border-radius: 30px;
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 35px;
	overflow: hidden;
	padding: 0 18px 0 44px;
	/* width: 100% */
}

#my-page .mypage-button-listview {
	background-color: #6cc497;
	padding: 0 18px 0 18px;
}


#my-page .mypage-button-download {
	background-color: #00a0e9;
	background-image: url('/images/icon_download.png');
}

#my-page .mypage-button-facebook,
#ranking .ranking-share .button-facebook {
	background-color: #3b599a;
	background-image: url('/images/icon_facebook.png');	
}

#my-page .mypage-button-kakaotalk,
#ranking .ranking-share .button-kakaotalk {
	background-color: #ffd542;
	background-image: url('/images/icon_kakaotalk.png');
	color: #3c1d1e;

}

#my-page .mypage-button-toggle,
#ranking .ranking-share .button-toggle {
	background-color: #ff9f00;
	padding: 0 18px 0 18px;
	position: relative;
}

#ranking .button-toggle {
	background-color: orange;
    color: white;
    padding: 10px;
    border-radius: 74px;
    width: 120px;
    font-size: 14px;
    text-align: center;
}

#my-page .mypage-radio-buttons {
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	border: 1px solid #ababab;
	color: #ababab;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 13px;
	height: 36px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 328px;
	cursor: pointer;
}

#my-page .mypage-radio-buttons > div {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 0px;
	        flex: 1 0 0;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#my-page .mypage-radio-buttons > div.selected {
	background-color: #ababab;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	color: #fff;
}

#my-page input.mypage-date {
	background: #fff url('/images/icon_calendar.png') no-repeat center right 12px;
	border: 1px solid #dddddd;
	color: #999999;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0 30px 0 10px;
	width: 210px;
}

#my-page .mypage-info-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 76px;
	width: 100%;
}

#my-page #basic-info {
	width: 100%;
}

#my-page .mypage-basic-info {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 0px;
	        flex: 1 0 0;
}

#my-page .mypage-basic-info-header {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#my-page .mypage-basic-info-header h4 {
	color: #000;
	font-size: 20px;
	margin-left: 12px;
}

#my-page .mypage-basic-info-header span {
	color: #959595;
	font-size: 14px;
	line-height: 1.2;
	margin-left: 10px;
}

#my-page .mypage-basic-info-content {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 1px solid #eaeaea;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 241px;
	margin-top: 12px;
	padding: 26px 44px;
}

#my-page .mypage-basic-info-content .left {
	border-right: 1px solid #e0e0e0;
	padding-right: 44px;
}

#my-page .mypage-basic-info-content .mypage-basic-info-avatar-wrapper {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 1px solid #adadad;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 140px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	width: 140px;
}

#my-page .mypage-basic-info-content .mypage-basic-info-avatar-wrapper > img {
    left: 50%;
	height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 120px;
}

#my-page .mypage-basic-info-content .mypage-basic-info-button-chage {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #100964;
	border-radius: 36px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	height: 36px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	overflow: hidden;
	width: 140px;
}

#my-page .mypage-basic-info-content .right {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#my-page .mypage-basic-info-content .right h4 {
	color: #222222;
	font-size: 16px;
}

#my-page .mypage-basic-info-content .right span {
	color: #959595;
	font-size: 16px;
	margin-left: 8px;
}

#my-page select::-ms-expand {
    display: none;
}

#my-page .mypage-school-info {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 0px;
	        flex: 1 0 0;
	margin-left: 6px;
}

#my-page .mypage-school-info-content {
	margin-top: 12px;
}

#my-page .mypage-school-info-content input {
    font-size: 16px;
    height: 38px;
	line-height: 1.0;
	padding: 11px 8px;
	width: 100%;
}

#my-page .mypage-school-info-content table {
	border: 1px solid #eaeaea;
	border-collapse: collapse;
	width: 100%;
}

#my-page .mypage-school-info-content table th,
#my-page .mypage-school-info-content table td {
	border: 1px solid #eaeaea;
	height: 80px;
	vertical-align: middle;
  word-break: keep-all;
  line-height: 1.5;
}

#my-page .mypage-school-info-content table th {
	background-color: #f4f5f6;
	text-align: center;
	width: 118px;
}

#my-page .mypage-school-info-content table td {
	padding: 3px 16px;
}

#my-page .mypage-school-info-content .mypage-school-info-search {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#my-page .mypage-school-info-content .mypage-school-info-search .find-button {
	background: #adadad url('/images/icon_search.png') center center no-repeat;
	border-radius: 4px;
	height: 38px;
	margin-left: 4px;
	overflow: hidden;
	width: 78px;
}

#my-page .mypage-school-info-content .class-year-selector {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
    display: flex;
}

#my-page .mypage-school-info-content .school-year-selector {
	border: 1px solid #959595;
    height: 38px;
	width: 112px;
}

#my-page .mypage-school-info-content .school-class-selector {
    height: 38px;
	width: 112px;
}

#my-page .mypage-school-info-content .school-year-selector {
	margin-right: 12px;
}

#my-page .mypage-school-info-content .school-class-selector {
	margin: 0 12px;
}

#my-page #basic-info .mypage-basic-info-button {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 40px;
}

#my-page #point-list {
	width: 100%;
}

#my-page .mypage-points-status {
	margin-top: 72px;
	width: 100%;
}

#my-page .mypage-points-status h3 {
	color: #000;
	font-size: 20px;
	margin: 0 12px;
}

#my-page .mypage-points-status table {
	border-collapse: collapse;
	color: #222222;
	margin-top: 10px;
	width: 100%;
}

#my-page .mypage-points-status td {
	border: 1px solid #eaeaea;
	width: 50%;
}

#my-page .mypage-points-status td.current-points {
	padding: 16px 18px;
}

#my-page .mypage-points-status td.current-points h6 {
	font-size: 14px;
}

#my-page .mypage-points-status td.current-points .my-points {
	color: #f75259;
	font-size: 48px;
	text-align: center;
}

#my-page .mypage-points-status td.current-points .my-points > span {
	color: #222222;
	font-size: 20px;
	margin-left: 8px;
}

#my-page .mypage-points-status .point-history-cell {
	padding: 14px 18px;
}

#my-page .mypage-points-status .point-history {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

#my-page .mypage-points-status .point-amount {
	color: #000;
	font-size: 20px;
}

#my-page .mypage-points-status .point-amount > span {
	font-size: 16px;
	margin-left: 8px;
}

#my-page .mypage-period {
	border: 1px solid #e8e8e8;
	color: #222;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	height: 62px;
	margin-top: 46px;
}

#my-page .mypage-period .mypage-period-header {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-right: 1px solid #e8e8e8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 140px;
}

#my-page .mypage-period .mypage-period-controls {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 34px;
}

#my-page .mypage-period-dates {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#my-page .mypage-period-dates > span {
	margin: 0 8px;
}

#my-page .mypage-points-history {
	border: 0;
	color: #000;
	font-size: 16px;
	margin-top: 30px;
	width: 100%;
}

#my-page .mypage-points-history th,
#my-page .mypage-points-history td {
	height: 46px;
}

#my-page .mypage-points-history th {
	background-color: #ececec;
	line-height: 1.0;
}

#my-page .mypage-points-history th > div {
	border-right: 1px solid #bfbfbf;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
}

#my-page .mypage-points-history th:last-child > div {
	border-right: 0;
}

#my-page .mypage-points-history td {
	border-bottom: 1px solid #ececec;
	color: #444444;
	text-align: center;
	vertical-align: middle;
}

#my-page #stats {
	margin-top: 76px;
	width: 100%;
}

#my-page .mypage-stats-summary {
	width: 100%;
}

#my-page .mypage-stats-summary > h3 {
	color: #000;
	font-size: 20px;
	margin: 0 12px;
}

#my-page .mypage-stats-summary .mypage-stats-summary-container {
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	border: 1px solid #eaeaea;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 12px;
	width: 100%;
}

#my-page .mypage-stats-summary-container .mypage-stats-summary-avatar-area {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #f4f5f6;
	display: -webkit-box;
	display: -ms-flexbox;
    display: flex;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    height: 300px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 300px;
}

#my-page .mypage-stats-summary-container .mypage-stats-summary-avatar-wrapper {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 140px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    overflow: hidden;
    padding: 80px;
    position: relative;
	width: 140px;
}

#my-page .mypage-stats-summary-container .mypage-stats-summary-avatar-wrapper > img {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
	width: 120px;
}

#my-page .mypage-stats-summary-list {
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

#my-page .mypage-stats-summary-list > li {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-bottom: 1px solid #eaeaea;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    font-size: 18px;
    height: calc(100% / 3);
	padding: 14px 20px;
}

#my-page .mypage-stats-summary-list > li:last-child {
	border-bottom: 0;
}

#my-page .mypage-stats-summary-list > li .value {
	color: #959595;
	font-size: 18px;
	margin-left: 12px;
}

#my-page .mypage-stats-summary-list > li .badge {
	background-color: #fff;
	border: 1px solid #001c58;
	border-radius: 4px;
	color: #001c58;
	margin-left: 26px;
	padding: 6px 12px;
}

#my-page .mypage-stats-summary-score-area {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #f4f5f6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 300px;
	        flex: 0 0 300px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 300px;
}

#my-page .mypage-stats-summary-score-area .mypage-stats-summary-score {
	color: #000;
	font-size: 48px;
	font-weight: bold;
}

#my-page .mypage-stats-summary-score-area .mypage-stats-summary-score > .unit {
	color: #000;
	font-size: 20px;
}

#my-page .mypage-stats-summary-score-area .mypage-stats-summary-typing-setting {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #100964;
	border-radius: 36px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	height: 36px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	line-height: 1.0;
	margin-top: 30px;
	overflow: hidden;
	width: 126px;
}

#my-page #stats .tab-rounded {
	margin-top: 46px;
	width: 100%;
}

#my-page #stats .tab-rounded ul {
	background-color: #6cc497;
}

#my-page #stats .tab-rounded li.selected > a,
#my-page #stats .tab-rounded li > a:hover {
	color: #6cc497;
}

#my-page .mypage-stats-graph-container {
	border: 1px solid #e8e8e8;
	margin-top: 46px;
	width: 100%;
}

#my-page .mypage-stats-graph-container .mypage-stats-graph-filter {
	background-color: #f4f5f6;
}

#my-page .mypage-stats-graph-filter .mypage-row {
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	border-bottom: 1px solid #e8e8e8;
	color: #222;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	height: 62px;
}

#my-page .mypage-stats-graph-filter .mypage-row .keyboard-language-selector,
#my-page .mypage-stats-graph-filter .mypage-row .keyboard-type-selector {
	border: 1px solid #959595;
	height: 38px;
	margin-left: 16px;
	width: 270px;
}

#my-page .mypage-stats-graph-filter .mypage-row .item-container {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 0px;
	        flex: 1 0 0;
	margin-left: 24px;
}

#my-page .mypage-stats-graph-filter .mypage-row .item-subject {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-right: 1px solid #e8e8e8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 140px;
	        flex: 0 0 140px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 140px;
}

#my-page .mypage-stats-graph-content {
	padding: 22px 44px;
}

#my-page .mypage-stats-graph-content .mypage-stats-graph-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

#my-page .mypage-stats-graph-content .mypage-stats-graph-share > a {
	margin-right: 12px
}

#my-page .mypage-stats-graph-content .mypage-stats-graph-share > a:last-child {
	margin-right: 0;
}

#my-page .mypage-stats-graph-content .mypage-stats-graph {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 48px;
}

#stats .set-target-container {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#stats .set-target-table {
    border-collapse: collapse;
    width: 664px;
}

#stats .set-target-table th,
#stats .set-target-table td {
    border: 1px solid #eaeaea;
    font-size: 14px;
}

#stats .set-target-table th {
    color: #000;
    font-size: 14px;
    padding: 14px 16px;
}

#stats .set-target-table td {
    vertical-align: middle;
}

#stats .set-target-table td.avatar-area {
    padding: 54px 72px;
    width: 284px;
}

#stats .set-target-table td.value {
    color: #959595;
    padding: 14px;
}

#stats .set-target-table td.controller {
    padding: 14px;
}

#stats .set-target-table td.controller .controller-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#stats .set-target-table td.controller .decrement,
#stats .set-target-table td.controller .increment {
    border-radius: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 36px;
    width: 36px;
}

#stats .set-target-table td.controller .decrement {
    background: #adadad url('/images/icon_arrow_left.png') no-repeat center center;
}

#stats .set-target-table td.controller .increment {
    background: #adadad url('/images/icon_arrow_right.png') no-repeat center center;
}

#stats .set-target-table td.controller input {
    background-color: #fff;
    border: 1px solid #959595;
    color: #959595;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    height: 36px;
    line-height: 36px;
    margin: 0 4px;
    text-align: center;
    width: 120px;
}

#stats .set-target-table td.controller .select-wrapper {
    border: 1px solid #959595;
    height: 36px;
}

#stats .avatar-area {
    background-color: #f4f5f6;
    padding: 54px;
}

#stats .avatar-wrapper {
    background-color: #fff;
    height: 140px;
    position: relative;
    width: 140px;
}

#stats .avatar-area {
    background-color: #f4f5f6;
}

#stats #modal-set-target .stats-modal-footer {
    width: 100%;
}

#stats #modal-set-target .modal-footer {
    margin-top: 0;
    padding: 0;
}

#stats #modal-set-target .stats-modal-alert {
    color: #000;
    text-align: center;
    width: 100%;
}

#stats #modal-set-target .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
}

#stats #modal-set-target .button-container > button {
    margin: 0 8px;
}

#community #site-header {
	background-color: #3c82d8;
}

#community #site-header #wave2 {
	background-image: url('/images/s04_w2.png');
}

#community #site-header #wave3 {
	background-image: url('/images/s04_w3.png');
}

#friend-list .tab-rounded {
	margin-top: 46px;
	width: 100%;
}

#friend-list .tab-rounded ul {
	background-color: #3c82d8;
}

#friend-list .tab-rounded li.selected > a,
#friend-list .tab-rounded li > a:hover {
	color: #3c82d8;
}

#friend-list .tab-rounded .tab-icon.person {
	background: url('/images/04_03_off.png') center center no-repeat;
}

#friend-list .tab-rounded li.selected .tab-icon.person,
#friend-list .tab-rounded li:hover .tab-icon.person {
	background: url('/images/04_03_on.png') center center no-repeat;
}

#friend-list .tab-rounded .tab-icon.inbound {
	background: url('/images/04_04_off.png') center center no-repeat;
}

#friend-list .tab-rounded li.selected .tab-icon.inbound,
#friend-list .tab-rounded li:hover .tab-icon.inbound {
	background: url('/images/04_04_on.png') center center no-repeat;
}

#friend-list .tab-rounded .tab-icon.outbound {
	background: url('/images/04_05_off.png') center center no-repeat;
}

#friend-list .tab-rounded li.selected .tab-icon.outbound,
#friend-list .tab-rounded li:hover .tab-icon.outbound {
	background: url('/images/04_05_on.png') center center no-repeat;
}

#friend-list .friend-list-container {
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ececec;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top: 66px;
	padding: 12px 0;
	width: 100%;
}

#friend-list .friend-list-container .no-friends {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	font-size: 16px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 48px 0;
}

#friend-list .friend-list-container .user-listitem {
	margin: 8px 30px;
	width: calc(844px / 3);
}
.ranking-null{
	height:50px;
	vertical-align:middle;
	border-top : 1px solid #ececec;
	border-bottom : 1px solid #ececec;
	width : 100%;
	margin-top:33px;
	text-align : center;
}
#friend-list .friend-list-container .user-listitem {
	margin: 8px 38px;
	width: 436px;
}

#friend-list .friend-list-search {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	margin-top: 24px;
	width: 100%;
}

#friend-list #pagination {
	margin-top: 12px;
}

.user-listitem {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #eee;
	border: 1px solid #e8e8e8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 4px 6px;
}

.user-listitem .avatar-wrapper {
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 50px;
	        flex: 0 0 50px;
	height: 50px;
	overflow: hidden;
	position: relative;
	width: 50px
}

.user-listitem .avatar-wrapper > img {
	height: auto;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
}

.user-listitem .user-info-container {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	margin-left: 12px;
}

.user-listitem .user-nickname {
	color: #222;
	font-size: 16px;
}

.user-listitem .user-clan {
	color: #888;
	font-size: 14px;
}

.user-listitem .user-action-wrapper {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

.user-listitem .user-action-wrapper > a {
	margin-left: 8px;
	padding: 0 20px;
	text-align: center;
	width: 98px;
}

.user-listitem .user-action-wrapper > .icon-check {
	background: url('/images/icon_check.png') no-repeat left center;
	color: #2653b0;
	font-size: 14px;
	margin-left: 8px;
	padding-left: 26px;
}

.modal-mask {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: table;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.modal-wrapper {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.modal-container {
	padding: 46px 64px;
	background-color: #fff;
	border-radius: 12px;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
	        box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
	position: relative;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.modal-header {
	border: 0;
	padding: 12px;
}

.modal-header h3 {
	color: #5c49a7;
	font-size: 24px;
	margin: 0;
	text-align: center;
	width: 100%;
}

.modal-body {
	margin: 0;
}

.modal-footer {
	border: 0;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 20px;
}

.modal-close {
	background: url('/images/icon_close.png') no-repeat center center;
	height: 25px;
	position: absolute;
	top: 16px;
	right: 16px;
	width: 23px
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}

.search-friends-body .search-friends-container > form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.search-friends-body .search-friends-container .input-search {
	background-color: #fff;
    border: 1px solid #959595;
    font-size: 16px;
    height: 46px;
	line-height: 46px;
	padding: 0 12px;
	width: 512px;
}

.search-friends-body .search-friends-container .button-search {
	background: #959595 url('/images/icon_search.png') no-repeat center center;
	height: 48px;
	width: 92px;
}

.search-friends-body .candidate-list {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	margin-top: 28px;
	max-height: 320px;
	overflow-y: auto;
	padding: 12px 0;
}

.search-friends-body .user-listitem {
	background-color: #fff;
	border-bottom: 1px solid #959595;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	padding-bottom: 16px;
}

.search-friends-body .user-listitem:last-child {
	border-bottom: 0;
	padding-bottom: 4px;
}

.search-friends-body .user-listitem:last-child {
	margin-bottom: 0;
}

.search-friends-body .alert {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-size: 16px;
	margin-top: 48px;
	padding: 20px 0;
	text-align: center;
}
.keyboard-list{
	width: 85%;
	margin: auto;
	margin-bottom: 0.9rem;
}

.keyboard-list th,
.keyboard-list td {
	font-size: 16px;
	height: 44px;
	line-height: 1.0;
	vertical-align: middle;
}

.keyboard-list th {
	background-color: #ffffff;
	color: #000;
	text-align: center;
	padding: 0 4px;
}

.keyboard-list th > div {
	border-right: 1px solid #bfbfbf;
	width: 100%;
}

.keyboard-list th:last-child > div {
	border-right: 0;
}

.keyboard-list td {
	border: 1px solid #dbd8d8;
	color: #444;
}

.keyboard-list tr > td {
	background-color: #f3f3f3;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.keyboard-list tr:hover > td {
    background-color: #f5f5f5;
	cursor: pointer;
}

.keyboard-list tr.no-content:hover > td {
    background-color: #fff;
    cursor: default;
}

.keyboard-list .id {
	text-align: center;
	width: 96px;
}

#forum .post-list {
	margin-top: 72px;
}

#forum-write {
	padding: 0 26px;
}

#forum-write .post-writer {
	margin-top: 72px;
	border-top: 2px solid #3c82d8;
}

#forum-view .post-view {
	margin-top: 72px;
}

#news .paging {
    margin-top: 30px;
}

.post-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 72px 0 52px;
}

.post-search > input {
    border: 1px solid #959595;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 12px;
    width: 514px;
}

.post-search > button,
#faq .search-bar button {
    background: #959595 url('/images/icon_search.png') no-repeat center center;
    height: 48px;
    width: 94px;
}

.post-list {
	width: 100%;
}

.post-list th,
.post-list td {
	font-size: 16px;
	height: 44px;
	line-height: 1.0;
	vertical-align: middle;
}

.post-list th {
	background-color: #ececec;
	color: #000;
	text-align: center;
	padding: 0 4px;
}


.post-list th > div {
	border-right: 1px solid #bfbfbf;
	width: 100%;
}

.post-list th:last-child > div {
	border-right: 0;
}

.post-list td {
	border-bottom: 1px solid #ececec;
	color: #444;
}

.post-list tr > td {
	background-color: #fff;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.post-list tr:hover > td {
    background-color: #f5f5f5;
	cursor: pointer;
}

.post-list tr.no-content:hover > td {
    background-color: #fff;
    cursor: default;
}

.post-list .id {
	text-align: center;
	width: 96px;
}

.post-list .author {
	text-align: center;
	width: 148px;
}

.post-list .created-at {
	text-align: center;
	width: 120px;
}

.post-list .views {
	text-align: center;
	width: 110px;
}

.post-list .likes {
	text-align: center;
	width: 110px;
}

.post-button-row {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	margin-top: 30px;
}

.post-button-row.center {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.post-button-row > a {
	color: #fff;
	text-decoration: none;
	width: 174px;
}

.post-button-row > a {
	margin-right: 16px;
}

.post-button-row > a:last-child {
	margin-right: 0;
}

.post-list .no-content {
	text-align: center;
}

.post-writer {
	border-collapse: collapse;
	font-size: 16px;
	width: 100%;
}

.post-writer input {
    border: 1px solid #e8e8e8;
    font-size: 16px;
    height: 42px;
	line-height: 42px;
	padding: 0 12px;
	width: 100%;
}

.post-writer textarea {
	border: 1px solid #e8e8e8;
	height: 300px;
	resize: none;
	width: 100%;
}

.post-writer th,
.post-writer td {
	text-align: center;
	border: 1px solid #e8e8e8;
	padding: 10px 20px;
	vertical-align: cener;
}

.post-writer th {
	color: #000;
	width: 140px;
}

.post-writer tr > th.post-content,
.post-writer tr > td.post-content {
	height: 330px;
	margin: 0;
}

.post-writer tr > td.post-content textarea {
	display: none;
}

.post-view > .header {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #ececec;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 16px 22px;
}

.post-view > .header > .subject {
	color: #000;
	font-weight: bold;
}

.post-view > .header > .created-at {
	color: #444;
}

.post-view > .author {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 6px 30px;
}

.post-view > .author > .avatar {
	border: 1px solid #ddd;
	height: 50px;
	overflow: hidden;
	position: relative;
	width: 50px;
}

.post-view > .author > .avatar > img {
	height: auto;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
}

.post-view > .author > .nickname {
	color: #444;
	font-size: 16px;
	margin-left: 20px;
}

.post-view > .post-content {
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ececec;
	color: #959595;
	font-size: 16px;
	line-height: 1.6;
	min-height: 300px;
	padding: 16px 26px;
	position: relative;
	width: 100%;
	overflow: hidden;
    word-wrap: break-word;
}

.post-view > .post-content p,
.post-view > .post-content div,
.post-view > .post-content span {
	color: #959595;
	font-size: 16px;
	line-height: 1.6;
}

.post-view > .footer {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-bottom: 1px solid #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 6px 12px;
}

.post-view > .footer > .left {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

.post-view > .footer > .left > .views,
.post-view > .footer > .left > .likers {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.0;
}

.post-view > .footer > .left > .views {
	border-right: 1px solid #9d9d9d;
	padding: 0 18px;
}

.post-view > .footer > .left > .likers {
	cursor: pointer;
	padding: 0 18px 0 0;
}

.post-view > .footer > .left > .likers > .liker-label {
	border-left: 1px solid #cbcbcb;
	padding-left: 18px;
}

.post-view > .footer > .left > .views > span {
	font-weight: normal;
	margin-left: 4px;
}

.post-view > .footer > .left > .likers > .liker-button,
.post-view > .footer > .right > .report-button {
	background-position: 18px center;
	background-repeat: no-repeat;
	border: 1px solid #959595;
	border-radius: 36px;
	font-size: 16px;
	line-height: 1.6;
	overflow: hidden;
	padding: 8px 16px 8px 60px;
	cursor: pointer;
}

.post-view > .footer > .left > .likers > .liker-button {
	background-image: url('/images/icon_heart_outline.png');
	color: #f75259;
	margin-left: 8px;
	text-align: right;
}

.post-view > .footer > .left > .likers > .liker-button.liked {
	background-image: url('/images/icon_heart.png');
}

.post-view > .footer > .right {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 0 18px;
}

.post-view > .footer > .right > .report-button {
	background-image: url('/images/icon_siren.png');
	color: #000;
	cursor: pointer;
	padding-right: 20px;
	
}

.post-view > .menu {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.post-view > .menu > .left,
.post-view > .menu > .right {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 16px;
}

.post-view > .menu > .left > a,
.post-view > .menu > .right > a {
	color: #fff;
	margin-right: 8px;
	text-decoration: none;
}

.post-view > .menu > .left > a:last-child,
.post-view > .menu > .right > a:last-child {
	margin-right: 0;
}

.post-view > .menu > .left > a {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 124px;
}

.post-view > .menu > .right > a {
	width: 148px;
}

#events {
    margin-top: 58px;
    position: relative;
    width: 100%;
}

#events .paging {
    margin-top: 44px;
}

.event-list {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}

.event-list .event-listitem {
    margin: 14px 12px;
    position: relative;
    width: 500px;
}

.event-list .event-listitem:nth-child(2n) {
    margin-right: 0;
}

.event-list .event-listitem:nth-child(2n + 1) {
    margin-left: 0;
}

.event-list .event-image {
    height: 280px;
    overflow: hidden;
    position: relative;
}

.event-list .event-image > img {
    height: auto;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
}

.event-list .event-description {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 16px 28px;
    
}

.event-list .event-subject {
    color: #222;
    font-size: 16px;
    line-height: 1.0;
}

.event-list .event-period {
    color: #39a0d1;
    font-size: 16px;
    line-height: 1.0;
    margin-top: 14px;
}

.event-list .event-onready {
    background-color: #f75259;
    color: #fff;
    font-size: 14px;
    left: 0;
    padding: 12px 30px;
    position: absolute;
    top: 0;
}

.event-list .event-ongoing {
    background-color: #3c82d8;
    color: #fff;
    font-size: 14px;
    left: 0;
    padding: 12px 30px;
    position: absolute;
    top: 0;
}

.event-list .event-end {
    background-color: #3a3a3a;
    color: #fff;
    font-size: 14px;
    left: 0;
    padding: 12px 30px;
    position: absolute;
    top: 0;
}

.event-list .no-event {
    border-bottom: 1px solid #ccc;
    color: #222;
    font-size: 16px;
    padding: 60px 0 118px;
    text-align: center;
	width: 100%;
	cursor: default;
}

#event-view {
    margin-top: 72px;
}

#event-view .event-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 24px 16px 36px;
}

#event-view .event-header > h3 {
    color: #000;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.0;
}

#event-view .event-header > span {
    color: #000;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    font-size: 16px;
}

#event-view .event-content {
    line-height: 1.6;
    padding: 20px 14px;
}

#event-view .event-inner-menu {
    border-bottom: 1px solid #000;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 40px;
}

#event-view .event-bottom-menu {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
}

#event-view .event-bottom-menu > a {
    color: #fff;
    text-decoration: none;
    width: 174px;
}

#support #faq {
    margin-top: 72px;
}

#faq .search-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#faq .search-bar .type {
    border: 1px solid #959595;
    height: 48px;
    width: 134px;
}

#faq .search-bar input {
    border: 1px solid #959595;
    height: 48px;
    line-height: 48px;
    margin-left: 4px;
    padding: 0 16px;
    width: 514px;
}

#faq .faq-list {
    border-bottom: 1px solid #ececec;
    border-collapse: collapse;
    margin-top: 48px;
    width: 100%;
}

#faq .faq-list th {
    background-color: #ececec;
    color: #000;
    font-size: 16px;
    height: 46px;
    text-align: center;
    vertical-align: middle;
}

#faq .faq-list th.category {
    width: 186px;
}

#faq .faq-list th.category > div {
    border-right: 1px solid #bfbfbf;
    line-height: 1.0;
    text-align: center;
    width: 100%;
}

#faq .faq-list .question td {
    background: #fff;
    border-top: 1px solid #ececec;
    cursor: pointer;
}

#faq .faq-list .question td.qna {
    background-image: url('/images/icon_arrow_down.png');
    background-position: right 32px center;
    background-repeat: no-repeat;
}

#faq .faq-list .question.open td.qna {
    background-image: url('/images/icon_arrow_up.png');
}

#faq .faq-list .answer td {
    background-color: #f6f6f6;
}

#faq .faq-list td {
    color: #444;
    line-height: 1.6;
    padding: 16px;
}

#faq .faq-list td.category {
    text-align: center;
    width: 184px;
}

#faq .faq-list td.type-icon {
    vertical-align: top;
    width: 24px;
}

#faq .faq-list td .icon-q {
    background-color: #444;
    border-radius: 50%;
    color: #fff;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-align: center;
    width: 24px;
}

#faq .faq-list td .icon-a {
    background-color: #f75259;
    border-radius: 50%;
    color: #fff;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-align: center;
    width: 24px;
}

#faq .faq-list .no-faqs {
    text-align: center;
}

#faq .paging {
    margin-top: 36px;
}

#modal-change-avatar .avatar-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 660px;
}

#modal-change-avatar .avatar-list .avatar-listitem {
    cursor: pointer;
    margin: 10px 40px;
}

#modal-change-avatar .avatar-list .avatar-border {
    border: 3px solid #fff;
}

#modal-change-avatar .avatar-list .avatar-wrapper {
    border: 1px solid #adadad;
    height: 134px;
    overflow: hidden;
    position: relative;
    width: 134px;
}

#modal-change-avatar .avatar-list .avatar-listitem:hover .avatar-wrapper,
#modal-change-avatar .avatar-list .avatar-listitem.selected .avatar-wrapper {
    border: 1px solid #f75259;
}

#modal-change-avatar .avatar-list .avatar-listitem:hover .avatar-border,
#modal-change-avatar .avatar-list .avatar-listitem.selected .avatar-border {
    border: 3px solid #f75259;
}

#modal-change-avatar .avatar-list .avatar-wrapper > img {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
}

#modal-change-avatar .avatar-list .avatar-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 8px;
}

#modal-change-avatar .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#modal-change-avatar .button-container button {
    margin: 0 8px;
}

.comments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 60px;
}

.comments .comments-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comments .comments-header > a {
    padding: 14px 26px;
}

.comments .comments-header .label {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.comments .comments-header .count {
    background: url('/images/icon_arrow_down.png') no-repeat right 16px center;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    padding: 0 40px 0 20px;
}

.comments .comments-header.open .count {
    background-image: url('/images/icon_arrow_up.png');
}

.comments .write-comment,
.comments .write-reply {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #959595;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 24px 30px;
    width: 100%;
}

.comments .write-comment > input,
.comments .write-reply > input {
    border: 1px solid #959595;
    font-size: 16px;
    height: 48px;
    line-height: 1.0;
    padding: 0 12px;
    width: 840px;
}

.comments .write-comment > button,
.comments .write-reply > button {
    background-color: #2565cf;
    border-bottom: 1px solid #2565cf;
    border-right: 1px solid #2565cf;
    border-top: 1px solid #2565cf;
    color: #fff;
    font-size: 18px;
    line-height: 46px;
    padding: 0 30px;
}

.comments .comment-listitem > .comment-container > h5 {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: bold;
}

.comments .comment-listitem > .comment-container > .comment-text {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 18px;
}

.comments .comment-listitem > .comment-container > .info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #959595;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
}

.comments .comment-listitem > .comment-container > .info > .toggle-replies {
    background: #fff url('/images/icon_arrow_down.png') no-repeat right 16px center;
    border: 1px solid #b3b3b3;
    border-radius: 38px;
    color: #000;
    font-size: 16px;
    padding: 4px 40px 4px 24px;
}

.comments .comment-listitem.open > .comment-container > .info > .toggle-replies {
    background-image: url('/images/icon_arrow_up.png');
}

.comments .comment-listitem .reply-list .comment-container > .info > .created-at {
    margin-left: 0;
}

.comments .comment-listitem > .comment-container > .info > .toggle-replies > .count {
    font-size: 18px;
    margin-left: 8px;
}

.comments .comment-listitem > .comment-container > .info > .created-at {
    margin-left: 26px;
}

.comments .comment-listitem > .comment-container > .info .divider {
    margin: 0 12px;
}

.comments .comment-listitem .comment-sign {
    background: url('/images/icon_branch.png') no-repeat center center;
    height: 12px;
    margin-right: 12px;
    width: 13px;
}

.comments .comment-container {
    border-bottom: 1px solid #959595;
	padding: 16px;
	overflow: hidden;
    word-wrap: break-word;
}

.comments .reply-list .comment-container {
    background-color: #eeeeee;
}

.comments .write-reply {
    background-color: #eeeeee;
    border-bottom: 1px solid #959595;
}

.comments .write-reply > button {
    background-color: #fff;
    border-bottom: 1px solid #959595;
    border-right: 1px solid #959595;
    border-top: 1px solid #959595;
    color: #2565cf;
}

#modal-select-channel .modal-container {
    background-image: url('/images/img_channel_background.png');
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    height: 596px;
    width: 800px;
}

#modal-select-channel .modal-header > h3 {
    color: #fff;
}

#modal-select-channel .select-channel-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 23px;
}

#modal-select-channel .channel-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 418px;
}

#modal-select-channel .channel-list .channel-listitem {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #eee;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 18px;
    height: 150px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 7px 18px 7px 0;
    padding: 20px 12px;
    width: 200px;
}

#modal-select-channel .channel-list .channel-listitem:nth-child(2n) {
    margin-right: 0;
}

#modal-select-channel .channel-list .channel-enter {
    background: #100964 url('/images/icon_door.png') no-repeat left 26px center;
    border-radius: 36px;
    color: #fff;
    line-height: 36px;
    margin-top: 20px;
    padding: 0 22px 0 52px;
}

#modal-select-channel .channel-list .channel-enter.gray {
    background-color: #adadad;
}

#modal-select-channel .channel-list .channel-stats {
    margin-top: 20px;
}

#modal-select-channel .channel-list .channel-stats.idle {
    color: #3c82d8;
}

#modal-select-channel .channel-list .channel-stats.busy {
    color: #e79e00;
}

#modal-select-channel .channel-list .channel-stats.blocked {
    color: #f75259;
}

#modal-select-channel .modal-footer {
    margin-top: 30px;
    padding-top: 0;
}

#modal-select-channel .channel-pagination {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#modal-select-channel .channel-pagination button {
    width: 172px;
}

#modal-select-channel #pagination {
    margin-bottom: 24px;
}

#typing-practice-alert .modal-body {
    margin: 32px 0;
}

#typing-practice-alert .modal-body p {
    line-height: 1.6;
}

#typing-practice-alert .dont-show-anymore {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 32px;
    position: absolute;
    right: 24px;
    width: 100%;
}

#typing-practice-alert .dont-show-anymore > input {
    background-color: #fff;
    border: 1px solid #999;
    height: 14px;
    margin-right: 6px;
    width: 14px;
}

#typing-practice-alert .dont-show-anymore > label {
    color: #666;
	font-size: 14px;
	margin-right: 70%;
}

#typing-practice-alert .buttons {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#typing-practice-alert .buttons > button {
    margin-right: 12px;
}

#typing-practice-alert .buttons > button:last-child {
    margin-right: 0;
}

#modal-search-school .modal-container {
    width: 680px;
}

#modal-search-school .search-bar {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px;
}

#modal-search-school .select-school-type {
    border: 1px solid #959595;
	height: 38px;
	width: 112px;
}
.select-FAQ-type {
    border: 1px solid #959595;
	height: 38px;
	width: 112px;
}
#modal-search-school .input-keyword {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    font-size: 16px;
    height: 38px;
    line-height: 1.0;
    margin-left: 4px;
    padding: 0 12px;
}

#modal-search-school .find-button {
    background: #adadad url('/images/icon_search.png') center center no-repeat;
	border-radius: 4px;
	height: 38px;
	margin-left: 4px;
	overflow: hidden;
	width: 78px;
}

#modal-search-school .school-list {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    max-height: 320px;
    overflow-y: auto;
}

#modal-search-school .school-list .school-listitem {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #959595;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 18px 30px;
}

#modal-search-school .school-list .school-listitem:last-child {
    border-bottom: 1px solid #fff;
}

#modal-search-school .school-list .school-listitem h4 {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
}

#modal-search-school .school-list .school-listitem .school-address {
    color: #888;
    font-size: 14px;
    line-height: 1.6;
}

#modal-search-school .school-list .school-listitem button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
}

#modal-search-school .guide {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding: 18px 30px;
    text-align: center;
}
#modal-search-school .guider {
   
    padding: 18px 30px;
	text-align: center;
	width: 100%;


}

#modal-search-school .school-pagination {
    margin-top: 16px;
}

.side-banner {
    background: url('/images/img_side_banner_bg.png') no-repeat center center;
    height: 618px;
    left: 40px;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
	width: 168px;
}

.side-banner > a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
}

.side-banner-right {
    background: url('/images/img_side_banner_bg.png') no-repeat center center;
    height: 618px;
    right: 0px;
    position: fixed;
	top: 0%;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
	width: 168px;
}

.side-banner-right > a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
}

.loader-background {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}

.loader-background .loader-wrapper {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 30px;
    width: 140px;
    height: 140px;
}

.loader {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 10px solid rgba(255, 255, 255, 0.2);
    border-top-color: #FFF;
    -webkit-animation: spin 1s infinite linear;
            animation: spin 1s infinite linear;
}

@-webkit-keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
                transform: rotate(360deg); 
    }
}

@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
                transform: rotate(360deg); 
    } 
}

#ranking .tab-rounded {
	margin-top: 46px;
	width: 100%;
}

#ranking .tab-rounded ul {
	background-color: #ff9f00;
}

#ranking .tab-rounded li.selected > a,
#ranking .tab-rounded li > a:hover {
	color: #ff9f00;
}

#ranking .ranking-content {
    margin-top: 58px;
    width: 100%;
}

#ranking .ranking-content .ranking-week {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: left;
    position: relative;
}

#ranking .ranking-content .ranking-week button {
    border: 1px solid #d6d6d6;
    border-radius: 28px;
    color: #444;
    font-size: 12px;
    height: 28px;
    line-height: 1.0;
}

#ranking .ranking-content .ranking-week button.prev {
    background: #fff url('/images/arrow1.png') no-repeat left 10px center;
    padding: 8px 16px 8px 28px;
}

#ranking .ranking-content .ranking-week button.next {
    background: #fff url('/images/arrow2.png') no-repeat right 10px center;
    padding: 8px 28px 8px 16px;
}

#ranking .ranking-content .ranking-week .period {
    font-size: 16px;
    margin: 0 24px;
}

#ranking .ranking-content .ranking-week .ranking-share {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#ranking .ranking-content .ranking-week .ranking-share > a {
    margin-right: 12px;
}

#ranking .ranking-content .ranking-week .ranking-share > a:last-child {
    margin-right: 0;
}

#ranking .ranking-content .ranker-table {
    border-collapse: collapse;
    margin-top: 32px;
    width: 100%;
}

#ranking .ranking-content .ranker-table th{
	font-size: 16px;
    height: 46px;
    text-align: center;
}
#ranking .ranking-content .ranker-table td {
    font-size: 16px;
    height: 46px;
    text-align: center;
}

#ranking .ranking-content .ranker-table th {
    background-color: #ececec;
    color: #444;
}

#ranking .ranking-content .ranker-table th > div {
    border-right: 1px solid #bfbfbf;
    line-height: 1.0;
    /* text-align: center; */
    width: 100%;
}

#ranking .ranking-content .ranker-table th:last-child > div {
    border-right: 1px solid #ececec;
}

#ranking .ranking-content .ranker-table td {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    color: #000;
}

#ranking .ranking-content .ranker-table tr.my-ranking td {
    background-color: #fff2e3;
}


#ranking .ranking-content .ranker-table .school > span {
    background: #ff9f00 url('/images/icon_flag_white.png') no-repeat left 18px center;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    height: 30px;
    line-height: 1.0;
    margin-right: 16px;
    padding: 8px 16px 8px 40px;
}

#ranking #pagination {
    margin-top: 36px;
}

#ranking .ranking-content-wrapper {
    width: 100%;
}

#clan-list .tab-rounded,
#clan-form .tab-rounded,
#clan-view .tab-rounded,
#my-clan .tab-rounded,
#clan-forum .tab-rounded {
	margin-top: 46px;
	width: 100%;
}

#clan-list .tab-rounded ul,
#clan-form .tab-rounded ul,
#clan-view .tab-rounded ul,
#my-clan .tab-rounded ul,
#clan-forum .tab-rounded ul {
	background-color: #3c82d8;
}

#clan-list .tab-rounded li.selected > a,
#clan-list .tab-rounded li > a:hover,
#clan-form .tab-rounded li.selected > a,
#clan-form .tab-rounded li > a:hover,
#clan-view .tab-rounded li.selected > a,
#clan-view .tab-rounded li > a:hover,
#my-clan .tab-rounded li.selected > a,
#my-clan .tab-rounded li > a:hover,
#clan-forum .tab-rounded li.selected > a,
#clan-forum .tab-rounded li > a:hover {
	color: #3c82d8;
}

.clan-table {
    border-collapse: collapse;
    margin-top: 60px;
    width: 100%;
}

.clan-table th,
.clan-table td {
    font-size: 16px;
	text-align: center;
	
}

.clan-table tr > td {     
	background-color: #fff;     
	-webkit-transition: all .2s ease-out;     
	-o-transition: all .2s ease-out;     
	transition: all .2s ease-out
}

.clan-table tr:hover > td { 
	background-color: #f5f5f5; 
	cursor: pointer; 
}

.clan-table tr:hover > td { 
	background-color: #f5f5f5; 
	cursor: pointer; 
}

.clan-table th {
    background-color: #ececec;
    height: 46px;
}

.clan-table th > div {
    border-right: 1px solid #bfbfbf;
    line-height: 1.0;
    text-align: center;
    width: 100%;
}

.clan-table th:last-child > div {
    border-right: 1px solid #ececec;
}

.clan-table td {
    border-bottom: 1px solid #ececec;
    padding: 16px;
}

.clan-table td.clan {
    text-align: left;
    width: 520px;
}

.clan-table td.no-clans {
    text-align: center;
}

.clan-table .clan-name {
    color: #000;
    font-size: 16px;
}

.clan-table .clan-description {
    color: #959595;
    font-size: 14px;
    margin-top: 4px;
}

.clan-table td.info > div,
.clan-table td.join > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.clan-table td.join .join-completed {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.clan-table td.join .join-completed > img {
    margin-right: 8px;
}

.clan-table td.join .join-completed > div {
    color: #2653b0;
}


#clan-list .paging {
    margin-top: 16px;
}

#clan-list .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
}

#clan-list .pendings {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-top: 2px solid #3c82d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    width: 100%;
}

#clan-list .pendings .pending-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-right: 1px solid #e8e8e8;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    font-size: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 140px;
}

#clan-list .pendings .pending-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 12px 6px;
    width: 100%;
}

#clan-list .pendings .pending-list > li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #eee;
    border: 1px solid #e8e8e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px;
    padding: 4px 6px;
    width: 422px;
}

#clan-list .pendings .pending-list > li .avatar {
    background-color: #fff;
    border: 1px solid #ddd;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px;
}

#clan-list .pendings .pending-list > li .avatar > img {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
}

#clan-list .pendings .pending-list > li .info {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin: 0 12px;
}

#clan-list .pendings .pending-list > li .info > .nickname {
    color: #000;
    font-size: 16px;
}

#clan-list .pendings .pending-list > li .info > .level {
    color: #888;
    font-size: 14px;
    margin-top: 4px;
}


/* ======= Here ======= */
#my-clan .pendings {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-top: 2px solid #3c82d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    width: 100%;
}

#my-clan .pendings .pending-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-right: 1px solid #e8e8e8;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    font-size: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 140px;
}

#my-clan .pendings .pending-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 12px 6px;
    width: 100%;
}

#my-clan .pendings .pending-list > li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #eee;
    border: 1px solid #e8e8e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px;
    padding: 4px 6px;
    width: 422px;
}

#my-clan .pendings .pending-list > li .avatar {
    background-color: #fff;
    border: 1px solid #ddd;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px;
}

#my-clan .pendings .pending-list > li .avatar > img {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
}

#my-clan .pendings .pending-list > li .info {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin: 0 12px;
}

#my-clan .pendings .pending-list > li .info > .nickname {
    color: #000;
    font-size: 16px;
}

#my-clan .pendings .pending-list > li .info > .level {
    color: #888;
    font-size: 14px;
    margin-top: 4px;
}

.clan-view-table {
    border-collapse: collapse;
    margin-top: 32px;
    width: 100%;
}

.clan-view-table th,
.clan-view-table td {
    border: 1px solid #e8e8e8;
    vertical-align: middle;
}

.clan-view-table tr:first-child th,
.clan-view-table tr:first-child td {
    border-top: 2px solid #3c82d8;
}

.clan-view-table th {
    color: #000;
    font-size: 16px;
    text-align: center;
    padding: 16px;
    width: 140px;
}

.clan-view-table td {
    color: #959595;
    font-size: 16px;
    padding: 16px 20px;
}

.clan-view-table td span.level {
    color: #f75259;
    margin-left: 8px;
}

.clan-view-table td.members {
    height: 324px;
}

.clan-view-table td.members .member-list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    padding: 6px 12px;
    width: 100%;
}

.clan-view-table.master td.members .member-list {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0;
}

.clan-view-table td.members .member-list > li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #eee;
    border: 1px solid #e8e8e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 12px;
    padding: 4px;
    width: 240px;
}

.clan-view-table.master td.members .member-list > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 4px 6px;
    width: auto;
}

.clan-view-table td.members .member-list > li .avatar {
    border: 1px solid #ddd;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px;
}

.clan-view-table td.members .member-list > li .avatar > img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
}

.clan-view-table td.members .member-list > li .info {
    margin: 0 12px;
}

.clan-view-table.master td.members .member-list > li .info {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
}

.clan-view-table td.members .member-list > li .nickname {
    color: #000;
    font-size: 16px;
}

.clan-view-table td.members .member-list > li .level {
    color: #888;
    font-size: 16px;
    margin-top: 8px;
}

.clan-view-table.master td.members .member-list > li .kickout,
.clan-view-table.master td.members .member-list > li .decline {
    margin-left: 12px;
}

.clan-view-table.master .clan-close-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.clan-view-table.master .clan-close-container > span {
    color: #e60012;
    margin-left: 12px;
}

.clan-view-table .clan-name-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.clan-view-table .clan-name-container .clan-name {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-right: 16px;
}

.clan-view-table .clan-description-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.clan-view-table .clan-description-container > textarea {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    font-size: 16px;
    height: 56px;
    resize: none;
    padding: 12px;
}

.clan-view-table .clan-description-container > button {
    background-color: #adadad;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    height: 58px;
    margin-left: 8px;
    width: 110px;
}

#clan-view .button-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 38px;
    width: 100%;
}

#clan-view .button-container > button {
    margin-right: 16px;
    width: 140px;
}

#clan-view .button-container > button:last-child {
    margin-right: 0;
}

#clan-form .clan-form-table {
    border-collapse: collapse;
    margin: 62px auto 0;
    width: 972px;
}

#clan-form .clan-form-table th,
#clan-form .clan-form-table td {
    border: 1px solid #e8e8e8;
    color: #000;
    font-size: 16px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}

#clan-form .clan-form-table th {
    width: 150px;
}

#clan-form .clan-form-table td {
    padding: 10px 20px;
}

#clan-form .clan-form-table tr:first-child th,
#clan-form .clan-form-table tr:first-child td {
    border-top: 2px solid #3c82d8;
}

#clan-form .clan-form-table .clan-name > input {
    border: 1px solid #e8e8e8;
    color: #000;
    font-size: 16px;
    height: 42px;
    line-height: 1.0;
    padding: 0 12px;
    width: 100%;
}

#clan-form .clan-form-table .clan-description > textarea {
    border: 1px solid #e8e8e8;
    color: #000;
    font-size: 16px;
    line-height: 1.6;
    padding: 12px;
    width: 100%;
}

#clan-form .clan-form-buttons {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
}

#clan-form .clan-form-buttons > button {
    margin-right: 12px;
    width: 172px;
}

#clan-form .clan-form-buttons > button:last-child {
    margin-right: 0;
}

#clan-forum .clan-info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #adadad;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 62px auto 0;
    width: 974px;
}

#clan-forum .clan-info .clan-name-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #eee;
    border-right: 1px solid #adadad;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 182px;
            flex: 0 0 182px;
    font-size: 16px;
    height: 52px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 182px;
}

#clan-forum .clan-info .clan-name {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #959595;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    font-size: 16px;
    height: 52px;
    padding: 0 16px;
}

#clan-forum .clan-forum-table {
    border-collapse: collapse;
    margin-top: 42px;
    width: 100%;
}

#clan-forum .clan-forum-table th,
#clan-forum .clan-forum-table td {
    height: 46px;
}

#clan-forum .clan-forum-table td {
    height: 46px;
}

#clan-forum .clan-forum-table th {
    background-color: #ececec;
    text-align: center;
}

#clan-forum .clan-forum-table th > div {
    border-right: 1px solid #bfbfbf;
    width: 100%;
}

#clan-forum .clan-forum-table th:last-child > div {
    border-right: 0;
}

#clan-forum .clan-forum-table td {
    border-bottom: 1px solid #ececec;
    padding: 0 6px;
    text-align: center;
}

#clan-forum .clan-forum-table td.clan-forum-subject {
    text-align: left;
}

#clan-forum .clan-forum-table tr:hover {
    background-color: #f5f5f5; 
    cursor: pointer; 
}

#clan-forum .paging {
    margin-top: 16px;
}

#clan-forum .post-list tr:hover > td { 
	background-color: #f5f5f5; 
	cursor: pointer; 
}

#clan-forum .clan-forum-buttons {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
    width: 100%;
}
.toggle-button {
    background-color: orange;
    color: white;
    padding: 10px 30px;
    border-radius: 74px;
    width: 100px;
    font-size: 14px;
    text-align: center;
}

.pre-button {
    background-color: rgb(233, 231, 230);
    color: black;
    padding: 10px 30px;
    border-radius: 74px;
    width: 100px;
    font-size: 14px;
    text-align: center;
    margin-left: 25px;
}
.next-button {
    background-color: rgb(233, 231, 230);
    color: black;
    padding: 10px 30px;
    border-radius: 74px;
    width: 100px;
    font-size: 14px;
    text-align: center;
}
.facebook-button {
    background-color: #3b599a;
    color: white;
    padding: 10px 20px;
    border-radius: 74px;
    width: 100px;
    font-size: 14px;
    text-align: center;
    margin-right: 5px;
}
.kakao-button {
    background-color: #ffd542;
    color: black;
    padding: 10px 20px;
    border-radius: 74px;
    width: 100px;
    font-size: 14px;
    text-align: center;
}