@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700');
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

* {
	padding: 0;
	margin: 0;
}

body {
	margin:0; padding:0;
	font-family: 'Nanum Gothic', "Dotum", sans-serif;
	color: #666;
	font-size: 15px;
	line-height:160%;
}

b, strong {
	font-weight: 600;
}

div, section {
	margin:0; padding:0;
	font-size:middle;
	}
	
ul, ol, li, dl, dt, dd {
	margin: 0;
	paddding: 0;
	list-style: none;
}
a, a:active {
	color:#666; text-decoration:none;
	}
a:hover {
	text-decoration: none;
	color: #36C;
}
img {border:none; padding:0; margin:0;}

.mgl0 {margin-left:0!important;}

#wrap {margin:0; padding:0; width:100%; height:100%;}

/*.top_area ul {width:1000px; margin:0 auto; overflow:hidden; zoom:1; clear:both;}
.top_area ul .logo {float:left; margin-top:18px;}
.top_area ul .logo img {vertical-align:middle;}
.top_area ul .schedule {float:left; width:30%; margin:15px 0 15px 33%;  background:url(../images/box_bg.gif) no-repeat;}
.top_area ul .schedule ul {width:100%; padding:10px 13px 0 13px; background:url(../images/box_bg1.gif) no-repeat right bottom; font-size:14px;}
.top_area ul .go_eng {float:right; padding:8px 8px 13px 8px; background:#4c4c4c; }
.top_area ul .go_eng a {color:#fdfbfb;}
.top_area ul .schedule_eng {float:left; width:32%; margin:15px 0 15px 33%;  background:url(../images/box_bg.gif) no-repeat;}
.top_area ul .schedule_eng ul {width:100%; padding:10px 13px 0 13px; background:url(../images/box_bg1.gif) no-repeat right bottom; font-size:14px;}
*/

.top_area {padding:5px;}
.top_area ul {width:95%; max-width:1000px; margin:0 auto; overflow:hidden; zoom:1; clear:both;}
.top_area ul .logo {float:left; margin-top:2px;}
.top_area ul .go_btn {float:right; margin-top:10px; color:#c3c1c1; font-size:0.867em; font-weight:600;}
.top_area ul .go_btn a {color:#7f7e7e;}

.main_img {background:#cfdfdf url(images/topimg.jpg) no-repeat center 0; background-size:auto 100%;}
.main_img p {position:relative; width:100%; max-width:1000px; padding-top:26.04%; height:0; margin:0 auto;}
.main_img p strong {display:none; text-indent:-999999px;}
/*.main_img p img {display:none; position:absolute; top:40%; width:58%; max-width:580px;}
.main_img p strong {display:block; position:absolute; top:50%; width:100%; max-width:1000px; height:0; padding-top:14%; width:58%; max-width:580px; margin-top:-7%; background:url(images/toptext.png) no-repeat; background-size:100%; text-indent:-999999px;}*/
.eng .main_img p {text-indent:-999999px; position:relative; width:100%; max-width:1000px; height:0 /*329px*/; padding-top:25%;  margin:0 auto; background:url(images/topimg_eng.jpg) no-repeat center top; background-size:contain;}
.support {padding:0; border-bottom:1px solid #ECECEC;}
.support span {display:block; width:90%; max-width:1000px; margin:20px auto;}
.support img {display:block;}

#container {width:95%; max-width:1000px; margin:0 auto; padding:35px 0 10px 0;}
.cont_text {padding:0 0 40px 0; color:#525252; line-height:180%; font-size:16px;}
.cont_text p {margin-bottom:30px;}
.cont_text strong {color:#000;}
.cont_text .text_link {text-decoration:underline;}
.cont_text dl {margin-bottom:30px; padding:25px 30px; background:#f4f2f2;}
.cont_text dt {margin-bottom:20px; font-weight:bold; color:#234dd6;}
.cont_text dd {position:relative; margin-bottom:10px; padding-left:15px;}
.cont_text dd:before {content:"·"; display:block; position:absolute; top:0; left:0; font-size:40px;}
.cont_text .link_mail {color:#b55a23; text-decoration:underline;}
.cont_text .btn {margin-top:60px; text-align:center;}
.cont_text .btn a {padding:18px 60px; box-sizing:border-box; background:#2774b6; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; color:#fff; font-weight:bold;}

.news {margin-top:30px;}
.news dt {margin-bottom:10px; font-weight:600; color:#000;}
.news dd {margin:5px;}
.news dd em {font-style:normal; color:#5e3613;}
.news dd a:hover {text-decoration:underline; color:inherit;}

.btn_wrap {margin-top:30px; text-align:center;}
.btn_wrap a {display:inline-block; padding:10px 25px; border-radius:5px; background:#333; color:#fff;}

.cont_txt {margin:20px 0; padding:10px 20px; color:#000; font-weight:700; text-align:center;}
.cont_txt span {color:#878787;}
.cont_guide {padding:30px 0 10px 0; color:#ca6f1f;}

.howto {margin-top:30px; padding:20px; border:1px solid #8DA94E}
.howto dt {margin-bottom:15px; font-weight:700; color:#390;}
.howto ul {margin:25px 0;}
.howto li {position:relative; padding-left:20px; }
.howto li span {display:block; position:absolute; left:0; top:0;}
.howto strong {color:#333;}
.howto_kor ul {margin:20px 0;}
.howto_kor li {padding:3px 0 3px 20px;}
.howto_kor li span {top:3px;}
.howto .btn {display:inline-block; margin-left:15px; padding:0 10px; background:#659E3A; color:#fff; font-size:13px;}
.howto .btn_regi {display:block; margin:5px 0; width:155px}

#reple {border-top:2px solid #333;}

#copyright {margin:30px 0 0 0; padding:40px 0; background:#ddd; height:100%; font-size:14px; text-align: center; }
#copyright a {font-weight: bold}



/* Media Query */
/* 태블릿 
@media all and (max-width:1023px){
.top_area ul {width:100%; marign:0 20px;}
.top_area ul .go_btn {float:right; margin-top:15px;}
.main_img {height:172.5px; background-size:auto 100%; background-position:65% 0;}
.main_img p img {width:90%; max-width:420px; margin-top:50px; margin-left:15px;}
.support span {width:95%; margin:10px;}
#container {width:100%; margin:0; padding:0;}
.cont_text .td1 {width:30%;}
.cont_text .box1 ul {padding:10px 0;}
.cont_text .box1 em {width:48%; padding-right:0;}
.cont_text .box1 span {width:100%;}
.cont_text .box1 .game {width:40%!important; padding:0!important;}
.cont_text, .news, .cont_guide {margin:30px 10px; padding:0;}

}*/

/* PC */
@media all and (max-width:800px){
.top_area, .cont_text, .support, .news, .cont_guide {box-sizing:border-box; padding:0 15px;}

.main_img p {padding-top:0; height:280px;} 
.main_img p strong {left:50%; margin-top:-25%; margin-left:-128.75px; width:71.52%; max-width:257.5px; height:0; padding-top:50%; background:url(images/toptext_m.png) no-repeat; background-position:center; background-size:100%;}


.cont_guide {margin:25px 0 10px 0;}

}

@media all and (max-width:415px){
.main_img {background-size:145% 100%;} 
}






}
.c_color0{background:#AD78B8 !important;}
.c_color1{background:#43B556 !important;}
.c_color2{background:#1c61ad !important;}
.c_color3{background:#CC669B !important;}
.c_color4{background:#da4338 !important;}
.c_color5{background:#dcc050 !important;}
.c_color6{background:#5099dc !important;}
.c_color7{background:#50d7dc !important;}
.c_color8{background:#a7cd33 !important;}
.c_color9{background:#dd802d !important;}




.list ul {padding-top:15px; border-top:1px solid #000;margin-top: 30px;}
.list ul li {display:inline-block; margin-left:19px; margin-bottom:40px;}
.list ul li img {width:147px; height:100px;}