body {
	font-family:"Roboto", sans-serif;
    font-size:18px;
	line-height:1.6;
    letter-spacing:0.5px;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

section {
	padding:160px 0px 80px;
}
@media (min-width:320px) and (max-width:767px) {
	section {
		padding:120px 0px 40px;
	}
}
p {
	font-family:"NanumGothic";
	font-size:16px;
	line-height:1.6;
}
a {outline:none;}
a:hover, a:focus, a:active {
	text-decoration:none;
    outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

.bg-primary {background:#00b5e2;}
.bg-dark {background:#000;}
.bg-dark2 {background:#222;}
.bg-dark3 {background:#444;}
.bg-dark4 {color:#666;}
.bg-dark5 {color:#888;}
.bg-grey {background:#f8f8f8;}
.bg-grey2 {background:#aaa;}
.bg-rgb {background:#111820;}
.bg-rgb2 {background:#1b2230;}
.bg-rgb3 {background:#454952;}
.bg-rgb4 {background:#0074cb;}
.bg-rgb5 {background:#ff5254;}
.bg-white {background:#fff;}

.text-faded {color:rgba(255,255,255,.7);}
.text-primary {color:#00b5e2;}
.text-dark {color:#000;}
.text-dark2 {color:#222;}
.text-dark3 {color:#444;}
.text-dark4 {color:#666;}
.text-grey {color:#888;}
.text-grey2 {color:#ccc;}
.text-grey3 {color:#f8f8f8;}
.text-white {color:#fff;}
.text-rgb {color:#111820;}
.text-rgb2 {color:#1b2230;}
.text-rgb3 {color:#454952;}
.text-rgb4 {color:#0074cb;}
.text-rgb5 {color:#ff5254;}
.text-rgb6 {color:#5d8caf;}

.text-small {font-size:14px;}
.text-medium {font-size:18px;}
.text-big {font-size:20px;}
.text-weight {font-weight:600;}
.text-tf {text-transform:uppercase;}
.text-spc2 {letter-spacing:-0.02em;}
.text-spc4 {letter-spacing:-0.04em;}

.border-r8 {
	border-radius:8px;
}

.line-white {
	width:40px;
	height:4px;
	background:#fff;
	margin:0 auto;
}
.line-white2 {
	width:100%;
	height:1px;
	background:#fff;
	opacity:0.2;
	margin:0 auto;
}
.line-grey {
	width:100%;
	height:1px;
	background:#eee;
	margin:0 auto;
}
.line-blue-r {
	position:absolute;
	right:15px;
	width:70px;
	height:2px;
	background:#00b5e2;
}
.line-blue-l {
	position:absolute;
	left:15px;
	width:70px;
	height:2px;
	background:#00b5e2;
	margin:0;
}
.line-left {
	border-left:4px solid #0074cb;
}

.wd100 {width:100%;}
.wd90 {width:90%;}
.wd80 {width:80%;}
.wd70 {width:70%;}
.wd60 {width:60%;}
.wd50 {width:50%;}

.mhg100 {min-height:100px;}
.mhg200 {min-height:200px;}
.mhg300 {min-height:300px;}
.mhg400 {min-height:400px;}
.mhg500 {min-height:500px;}

.md-pc {display:block;}
.md-mb {display:none;}
@media (min-width:768px) and (max-width:2000px) {
	.md-pc {display:block;}
	.md-mb {display:none;}
}
@media (min-width:320px) and (max-width:767px) {
	.md-pc {display:none;}
	.md-mb {display:block;}
}
#myPage {
	min-height:940px;
    background:url('../img/bg.png') 50% 0 no-repeat #141820;
}
.header {
    position:relative;
    background-size:cover;
}
.navbar-default {
	background-color:transparent;
	background:rgba(17,24,32,0.6);
	border:0px;
    transition:all 0.3s;
    padding:0;
	margin:0;
}
.navbar-brand {
    font-size:36px;
    font-family:"Satisfy", cursive;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color:#fff;
    outline:none;
}
.navbar-default .navbar-nav > li > a {
	font-size:14px;
	font-weight:400;
	color:#fff;
    outline:none;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    background-color:transparent;
    color:#00b5e2;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color:transparent;
    color:#00b5e2;
}
.navbar-default .navbar-nav > li.btn_down a {
	padding:8px 3px;
}
.navbar-default .navbar-nav > li.btn_down img{
	border:2px solid #00b5e2;
	border-radius:40px;
	padding:6px 18px;
}
.navbar-default .navbar-nav > li.btn_down img:hover {
	background:#00b5e2;
}
.navbar-default .navbar-nav > li.btn_link a {
	border:2px solid #00b5e2;
	border-radius:40px;
	padding:4px 18px;
	margin-top:9px;
	margin-left:3px;
}
.navbar-default .navbar-nav > li.btn_link a:hover {
	background:#00b5e2;
	color:#fff;
}
@media (min-width:320px) and (max-width:767px) {
	.navbar-default {
    	padding:0;
	}
/*
}
@media (min-width:100px) and (max-width:550px) {
*/
	.navbar-nav > li > a {
		padding-top:15px;
		padding-bottom:15px;
	}
	.navbar-brand {
		margin-top:0px;
		margin-left:15px;
	}
    .carousel-info {
    	margin-bottom:30px;
	}
}
.top-nav-collapse {
	background:rgba(17,24,32,0.9);
    padding:0; 
}
.navbar-border {
	padding:14px 0;
}
.deco {
	font-family:"Satisfy", cursive;
}

/* 메인 */
#GameDiv {
	width:100%;
	min-height:720px;
}
#GameCanvas {
	border:6px solid #1b2230;
	border-radius:6px;
}
@media (min-width:992px) and (max-width:2000px) {
	#GameDiv {
		min-height:720px;
	}
}
@media (min-width:768px) and (max-width:991px) {
	#GameDiv {
		min-height:720px;
	}
}
@media (min-width:320px) and (max-width:767px) {
	#GameDiv {
		min-height:720px;
	}
}

.mcont1 {}

.sicon1 {}
.sicon-img {
	width:200px;
	background:#00b5e2;
	border-radius:50%;
	padding:20px;
}

.fnb a {
	font-size:14px;
	color:#b8cfeb;
	margin-right:40px;
}
.fnb a:hover {
	color:#fff;
}
.foot {
	padding-top:40px;
	padding-bottom:40px;
}
.foot p,
.foot a {
	font-size:14px;
	color:#aaa;
}
.foot a:hover {
	color:#fff;
}
.foot p.btn_down a {
	padding:8px 3px;
}
.foot p.btn_down img{
	border:2px solid #00b5e2;
	border-radius:40px;
	padding:6px 18px;
}
.foot p.btn_down img:hover {
	background:#00b5e2;
}
.copy {
	font-size:13px;
	color:#666;
	padding-top:20px;
}

/* 서브 */
input, select, textarea {
	height:auto;
	background:#fff;
	border-radius:4px;
	border:1px solid #ddd;
	font-size:14px;
	color:#aaa;
	line-height:1.2;
	padding:14px 10px;
}
input.frm_input,
textarea {
	width:100%;
}
input.frm_input2 {
	width:78%;
}
select.frm_select {
	width:20%;
}
textarea {
	min-height:140px;
}
.btn-blue {
	background:#0074cb;
	border:1px solid #0074cb;
	border-radius:4px;
	font-size:16px;
	font-weight:600;
	color:#fff;
	line-height:1.4;
	text-align:center;
	padding:12px 40px;
}
.btn-blue.focus,
.btn-blue:focus,
.btn-blue:hover {
    background:#fff;
	color:#0074cb;
}
.scont {
	padding:100px 40px;
	margin-left:15px;
	margin-right:15px;
}
.scont-bg {
	min-height:500px;
	border:6px solid #1b2230;
	border-radius:8px;
    background:url('../img/contents/scont_bg.png') 50% 0 no-repeat #141820;
}
.scont-img {
	width:100%;
}
.scont2-bg {
    background:url('../img/contents/scont_bg2.png') 50% 0 no-repeat;
	background-size:100%;
}
.scont2 h3 {
	font-family:"Manbal";
	font-size:60px;
	font-weight:400;
	letter-spacing:-0.04em;
}
.scont2 h4 {
	font-family:"Cooljazz";
	font-size:40px;
	font-weight:400;
	letter-spacing:-0.04em;
	margin:0;
}
.scont2 video {
	width:100%;
	height:auto;
	padding:20px 4px 146px 4px;
}
@media (min-width:768px) and (max-width:2000px) {
	.scont {
		margin:0 auto;
	}
}
@media (min-width:992px) and (max-width:2000px) {
	.scont2 .plf100 {
		padding-left:60px;
	}
	.scont2 .prt100 {
		padding-right:60px;
	}
	.scont2 h3 {
		font-size:56px;
	}
}
@media (min-width:661px) and (max-width:991px) {
	.scont2 video {
		padding:26px 12px 172px 12px;
	}
}
@media (min-width:561px) and (max-width:660px) {
	.scont2 h3 {
		font-size:40px;
	}
	.scont2 video {
		padding:20px 5px 112px 5px;
	}
}
@media (min-width:451px) and (max-width:560px) {
	.scont2 .scont2-bg,
	.scont2 .plf100,
	.scont2 .prt100 {
		padding-left:0;
		padding-right:0;
		margin-left:15px;
		margin-right:15px;
	}
	.scont2 h3 {
		font-size:40px;
	}
	.scont2 video {
		padding:15px 0px 112px 0px;
	}
}
@media (min-width:320px) and (max-width:450px) {
	.line-blue-r {
		right:0px;
	}
	.line-blue-l {
		left:0;
	}
	.scont {
		padding:40px 20px;
	}
	.scont-img {
		width:60%;
	}
	.sicon-img {
		width:60%;
		padding:40px;
	}
	.scont2 .scont2-bg,
	.scont2 .plf100,
	.scont2 .prt100 {
		padding-left:0;
		padding-right:0;
		margin-left:15px;
		margin-right:15px;
	}
	.scont2 h3 {
		font-size:38px;
	}
	.scont2 h4 {
		font-size:32px;
	}
	.scont2 video {
		padding:12px 12px 90px 12px;
	}
}

/* 여백 */
.mg0 {margin:0px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

.mlf10 {margin-left:10px;}
.mlf20 {margin-left:20px;}
.mlf30 {margin-left:30px;}
.mlf40 {margin-left:40px;}
.mlf50 {margin-left:50px;}
.mlf60 {margin-left:60px;}
.mlf70 {margin-left:70px;}
.mlf80 {margin-left:80px;}
.mlf90 {margin-left:90px;}
.mlf100 {margin-left:100px;}

.mrt10 {margin-right:10px;}
.mrt20 {margin-right:20px;}
.mrt30 {margin-right:30px;}
.mrt40 {margin-right:40px;}
.mrt50 {margin-right:50px;}
.mrt60 {margin-right:60px;}
.mrt70 {margin-right:70px;}
.mrt80 {margin-right:80px;}
.mrt90 {margin-right:90px;}
.mrt100 {margin-right:100px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}

.plf10 {padding-left:10px;}
.plf20 {padding-left:20px;}
.plf30 {padding-left:30px;}
.plf40 {padding-left:40px;}
.plf50 {padding-left:50px;}
.plf60 {padding-left:60px;}
.plf70 {padding-left:70px;}
.plf80 {padding-left:80px;}
.plf90 {padding-left:90px;}
.plf100 {padding-left:100px;}

.prt10 {padding-right:10px;}
.prt20 {padding-right:20px;}
.prt30 {padding-right:30px;}
.prt40 {padding-right:40px;}
.prt50 {padding-right:50px;}
.prt60 {padding-right:60px;}
.prt70 {padding-right:70px;}
.prt80 {padding-right:80px;}
.prt90 {padding-right:90px;}
.prt100 {padding-right:100px;}