@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

* {
	padding: 0;
	margin: 0;
}

body {
	margin:0; padding:0;
	font-family: 'Nanum Gothic', 'NanumGothic', "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:5px auto 10px auto; overflow:hidden; zoom:1; clear:both;}
.top_area ul .logo {float:left;}
.top_area ul .go_eng {float:right; margin-top:20px; padding:3px 10px; background:#fff; border:1px solid #CFD1D1; font-size:13px;}
.top_area ul .go_eng a, .top_area ul .go_eng a:hover {color:#8e8c8c; text-decoration:none;}

.main_img {width:100%; padding:0; margin:0; background:#44acdc; text-align:center; line-height:0; font-size:0;}
.pcimg {display:block; width:100%; max-width:1359px; height:292px; margin:0 auto; background:url(../images/topimg.jpg) no-repeat 50% 0;}
.eng .pcimg {background:url(../images/topimg_eng.jpg) no-repeat 50% 0;}
.pcimg img {display:none;}
.mbimg {display:none;}

.cont_wrap {width:1000px; margin:0 auto; word-break:keep-all;}

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

.page {padding:5px 0 30px 0; border-bottom:1px solid #000; text-align:center;}
.page img {vertical-align:middle;}
.page a, .page strong {color:#9c9b9b; padding:0 5px;}
.page a:hover, .page .select {color:#006699; font-weight:600;}

.guide {margin:20px 0;}
.eng .guide {display:none;}

#copyright {margin:30px 0 0 0; padding:40px 0; height:100%; border-top:1px solid #CCCCCC; font-size:14px; text-align: center}
#copyright a {font-weight: bold}

/* Media Query */
/* 태블릿 */
@media all and (min-width:741px) and (max-width:1023px){
.main_img img {width:100%;}
.mbimg {display:block; width:100%; text-align:center;}
.mbimg img {width:100%;}
.pcimg {display:none;}
}

/* PC */
@media all and (max-width:740px){
.top_area, #copyright, .main_img {width:100%;}
.top_area ul  {width:95%;}
.top_area ul .logo img {width:60px; margin-top:10px;}

.mbimg {display:block; width:100%; text-align:center;}
.mbimg img {width:100%;}
.pcimg {display:none;}

#container {width:100%; padding:30px 0 0 0; margin:0;}
.list {width:100%; margin:0; padding:0;}
.list ul:first-child {padding-top:15px;}
.mgl0 {margin-left:19px!important;}
.guide {padding:10px;}


}
.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;}