@charset "utf-8";
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:500');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


* {
	padding: 0;
	margin: 0;
}

body {
	margin:0; padding:0;
	font-family: 'Noto Sans KR', sans-serif;
	color: #666;
	font-size: 16px;
	line-height:160%;
}

div, ul, ol, li, dl, dt, dd, span, p, a {box-sizing:border-box;}

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 {padding:5px 0;}
.top_area ul {width:100%; max-width:1000px; margin:0 auto; overflow:hidden; zoom:1; clear:both;}
.top_area ul .logo {float:left;}
.top_area ul .go_btn {float:right;}

.sec1 {padding:40px 0; background:#cffcff;}

.main_img p {width:100%; max-width:1000px; height:214px; margin: 0 auto; background:url(../images/topimg.png) no-repeat 50% bottom; background-size:100% auto;}
.main_img p span {display:none;}

.clum_wrap {width:100%; max-width:1000px; margin:0 auto;}
.clum_wrap ul {overflow:hidden; zoom:1; clear:both;}
.clum_wrap li {float:left; width:100%; max-width:495px; margin-left:5px; padding:20px; box-sizing:border-box; background:#fff; border-radius:10px;}
.clum_wrap li:first-child {margin-left:0;}

.clum1 {padding:15px; text-align:center;}
.clum1 img {display:inline-block; width:100%;}
.clum1 a {display:inline-block; width:208px; margin-left:10px; margin-bottom:30px; padding:10px; background:#428ee2; border-radius:10px; color:#fff; font-weight:700; font-size:0.875rem; line-height:130%; text-align:center;}
.clum1 a:first-child {margin-left:0;}

.clum_wrap h3 {height:48px; margin:0 10px; padding-left:50px; padding-top:10px; font-size:24px; color:#333;}
.clum2 h3 {background:url(../images/icn1.jpg) no-repeat;}
.clum3 h3 {background:url(../images/icn2.jpg) no-repeat;}

.clum_wrap dl {padding:3px 10px 0 15px; overflow:hidden; zoom:1; clear:both;}
.clum_wrap dt {position:relative; padding-left:15px; padding-top:6px; color:#333; font-weight:700;}
.clum_wrap dt:before {content:""; display:block; position:absolute; top:16px; left:0; width:5px; height:5px; background:#000; border-radius:50%;}
.clum_wrap dd {padding-top:6px;}

.clum2 {margin-bottom:5px;}
.clum2 dt {float:left; position:relative; padding-left:15px; padding-top:6px; color:#333; font-weight:700;}
.clum2 dd {padding-left:90px;}

.clum3 {marign-bottom:0;}
.clum3 p {padding:10px 10px 0 15px; word-break:keep-all;}
.clum3 dl {margin-top:14px; }
.clum3 dt:first-child {float:left;}
.clum3 dd:first-child {padding-left:105px; border:1px solid red;}
.clum3 ul {width:100%; margin-left:20px; overflow:visible; clear:none;}
.clum3 li {position:relative; float:none; width:auto; margin:0; padding:3px 0; padding-left:13px; line-height:140%;}
.clum3 li:before {content:"-"; position:absolute; top:3px; left:0;}
.clum3 img {display:block; width:100%; margin:20px 0 0 0;}

.contents_wrap {width:100%; max-width:1000px; margin:50px auto;}

.counter h3 {width:646px; height:27px; margin:0 auto; background:url(../images/tit.jpg) no-repeat;}
.counter h3 span {display:none;}
.counter p {width:235px; padding:18px; margin:25px auto 40px auto; background:#143d7f; border-radius:50px; color:#fff; font-size:1.875rem; text-align:center;}

ul.tabs{
	margin: 0px; margin-bottom:25px;
	padding: 0px;
	list-style: none;
	overflow:hidden; zoom:1; clear:both;
}
ul.tabs li{
	float:left; 
	width:50%;
	margin:0; padding:15px 10px;
	border:1px solid #ddd;
	color: #6e6e6e; font-weight:700; text-align:center;
	cursor: pointer;
}
ul.tabs li:first-child {border-right:none;}
ul.tabs li.current{
	background: #6596e7;
	color: #fff;
}

.tab-content{
	display: none;
	margin-top:25px;
	padding: 15px 0;
}

.tab-content.current{
	display: inherit;
}

.search_box {text-align:center;}
.search_box label {padding-right:10px;}
.search_box select {width:10%; height:35px; margin-right:15px;  border:1px solid #ddd;}
.search_box button {width:24px; height:23px; background:url(../images/icn_search.png) no-repeat; border-collapse:collapse; border:none; text-indent:-999999px;}

#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:1000px){
	body {font-size:15px;}
	.top_area {padding:10px 20px!important;}
	.top_area img {width:60%;}
	.top_area ul .go_btn{}
	
	.sec1 {padding:0 0 40px 0;}
	
	.main_img p {background-size:95%;}
	
	.clum_wrap {padding-left:10px; padding-right:10px;}
	.clum_wrap li {width:100%; max-width:none; margin:0; margin-top:10px;}
	.clum_wrap li:first-child {margin-top:0;}
	.clum_wrap dl {padding:3px 0 0 0;}
	.clum_wrap dt {float:none!important;}
	.clum_wrap dd {padding-left:0!important;}
	.clum_wrap ul {margin-left:0;}
	.clum_wrap h3 {margin:0; padding-top:8px; font-size:24px; line-height:130%; letter-spacing:-1px; word-break:keep-all;}
	
	.clum1 a {display:block; width:100%; margin-bottom:30px;}
	.clum3 p {margin:20px 0 0 0; padding:0; word-break:break-all;}
	
	.counter h3 {width:90%; height:115px; background:url(../images/tit_mob.jpg) no-repeat; background-size:100% auto;}
	ul.tabs {margin-left:20px; margin-right:20px;}
		
	.search_box {width:100%; padding:0 20px; text-align:left;}
	.search_box label {display:block;}
	.search_box select {width:100%; margin-right:0;}
	.search_box button {width:100%; margin-top:10px; height:35px; border-radius:5px; background:#eee url(../images/icn_search.png) no-repeat 50% 8px;}
	
	.counter p {margin-top:20px; padding:10px; font-size:18px;}
	

}

@media all and (max-width:736px){
	.main_img p {height:150px;}
	.counter h3 {height:95px;}
}

@media all and (max-width:390px){
	.main_img p {height:90px;}
	.counter h3 {height:55px;}
}

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

.row1, .row1 *{box-sizing:border-box;}
.row1{zoom:1;border-top: 2px solid #000;padding: 30px 0 15px;}
.row1:after{content:""; display:block; clear:both;}
.row1 li{float: left;width: 16.66666%;}
.row1 li a{display: block;padding: 3px 5px;}
.row1 li a .thumb-img{position: relative;display: block;height: 0;padding-top: 68%;}
.row1 li a .thumb-img img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.row1 li a strong{display: block;height: 40px;line-height: 20px;word-break: break-all;overflow: hidden;margin-top: 3px;font-size:14px;text-align:center;}
.row1 li a:hover{text-decoration: none;color:#06f}

@media screen and (max-width: 1000px){
	.row1{padding: 15px 0px;}
	.row1 li{width: 25%;}
}

@media all and (max-width:768px){
	.row1{padding: 15px 0px;}
	.row1 li{width: 50%;}
}
@media all and (max-width:600px){
	.row1 li{width: 100%;}
}

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