@charset "utf-8";
@import url('default.css');

	/* Quick Menu */
.quick_menu {padding:30px 0px 0px; background:#1c9fee}
.quick_menu ul {margin:0px auto; width:100%; max-width:980px; *zoom:1}
.quick_menu ul:after {content:""; display:block; clear:both}
.quick_menu ul li {width:20%; float:left}
.quick_menu ul li a {display:block; padding-top:50px; padding-bottom:30px; height:24px; line-height:23px; font-size:18px; color:#fff; font-weight:bold; text-align:center}
.quick_menu ul li a:hover {text-decoration:underline}
.quick_menu ul li:first-child a {background:url('../images/main/bg_quick01.gif') center 0px no-repeat}
.quick_menu ul li:first-child + li a {background:url('../images/main/bg_quick02.gif') center 0px no-repeat}
.quick_menu ul li:first-child + li + li a {background:url('../images/main/bg_quick03.gif') center 0px no-repeat}
.quick_menu ul li:first-child + li + li + li a {background:url('../images/main/bg_quick04.gif') center 0px no-repeat}
.quick_menu ul li:first-child + li + li + li + li a {background:url('../images/main/bg_quick05.gif') center 0px no-repeat}

/* Spot */
.spot {*zoom:1}
.spot:after {content:""; display:block; clear:both}

	/* Slide */
@font-face{
	font-family:"flexslider-icon";
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
	url('../fonts/flexslider-icon.woff') format('woff'),
	url('../fonts/flexslider-icon.ttf') format('truetype');
	url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg')
	src:local(※), url('../fonts/NanumGothic.woff') format('woff');
}

.flex-direction-nav {*height:0;}
.flex-direction-nav a {display:block; overflow:hidden; position:absolute; z-index:10; width:40px; height:40px; opacity:0; color:rgba(255,255,255,0.8); cursor:pointer; text-shadow:1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration:none;}
.flex-direction-nav a:before {display:inline-block; color:rgba(255,255,255,0.8); font-family:"flexslider-icon"; font-size:40px; text-shadow:1px 1px 0 rgba(255,255,255,0.3); content:'\f001';}
.flex-direction-nav a.flex-next:before {content:'\f002';}
.flex-direction-nav .flex-prev {left:-50px; text-indent:5px}
.flex-direction-nav .flex-next {right:-50px; text-indent:5px; text-align:right}
.flexslider:hover .flex-direction-nav .flex-prev {left:14px; opacity:0.7;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity:1;}
.flexslider:hover .flex-direction-nav .flex-next {right:14px; opacity:0.7;}
.flexslider:hover .flex-direction-nav .flex-next:hover {opacity:1;}
.flex-direction-nav .flex-disabled {z-index:-1; opacity:0 !important; filter:alpha(opacity=0); cursor:default;}
.visual .flex-control-nav {width:100%; position:absolute; bottom:30px; z-index:10; text-align:center;}
.best .flex-control-nav {width:100%; position:absolute; top:324px; text-align:center;}
.flex-control-nav li {display:inline-block; zoom:1; *display:inline; margin:0 8px;}
.flex-control-paging li a {display:block; width:11px; height:11px; background:#666; background:rgba(255,255,255,0.5); box-shadow:inset 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; text-indent:-9999px; cursor:pointer;}
.flex-control-paging li a:hover {background:#333; background:rgba(255,255,255,0.7);}
.flex-control-paging li a.flex-active {background:#000; background:rgba(255,255,255,0.9); cursor:default;}
.flex-control-thumbs {overflow:hidden; position:static; margin:5px 0 0;}
.flex-control-thumbs li {border:1px solid red; float:left; width:25%; margin:0;}
.flex-control-thumbs img {display:block; width:100%; height:auto; opacity:0.7; cursor:pointer; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -moz-user-select:none;}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .flex-active {opacity:1; cursor:default;}
.flexslider.visual {overflow:hidden; position:relative; margin:26px auto 0px; width:96%; max-width:1000px}
.flexslider.visual .flex-direction-nav a {top:50%; margin-top:-20px;}
.flexslider.visual.flexslider:hover .flex-direction-nav .flex-prev {left:20px;}
.flexslider.visual.flexslider:hover .flex-direction-nav .flex-next {right:20px;}
.flexslider.title {position:absolute; top:0; right:14px; z-index:20; width:110px; height:24px; background:#617590; color:#fff; line-height:24px; text-align:center;}


/* Main Content */
.main_content {margin:0px auto; width:96%; max-width:1000px; *zoom:1}
.main_content:after {content:""; display:block; clear:both}

	/* Data Info, Guide */
.main_content .data_info,
.main_content section[class*="guide"] {position:relative; margin-top:20px; margin-left:2%; padding:20px; width:32%; min-height:290px; float:left; border:1px solid #ddd;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.main_content .data_info a.more {position:absolute; top:20px; right:20px; display:block; width:23px; height:23px; letter-spacing:-100px; overflow:hidden; background:url('../images/main/btn_more.gif') 0px 0px no-repeat}
.main_content .data_info a.more:hover,
.main_content .data_info a.more:focus {background-position:0px -23px}
.main_content .data_info:first-child {margin-left:0px}
.main_content .data_info h1,
.main_content section[class*="guide"] h1 {height:25px; line-height:24px; font-size:24px; font-weight:bold; color:#555}
.main_content .data_info ul,
.main_content .data_info ol {margin-top:36px}
.main_content .data_info li {margin-top:8px; height:20px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.main_content .data_info li:first-child {margin-top:0px}
.main_content .data_info li a {display:block; height:19px; line-height:19px; font-size:14px; color:#666; white-space:nowrap; overflow:hidden}
.main_content .data_info li a:hover,
.main_content .data_info li a:focus {text-decoration:underline}

.main_content .data_info ul li {padding-left:14px; background:url('../images/main/bul_dot1.gif') 4px center no-repeat}
.main_content .data_info ol li {padding-left:26px}
.main_content .data_info ol li:first-child {background:url('../images/main/bul_num01.gif') 0px 0px no-repeat}
.main_content .data_info ol li:first-child + li {background:url('../images/main/bul_num02.gif') 0px 0px no-repeat}
.main_content .data_info ol li:first-child + li + li {background:url('../images/main/bul_num03.gif') 0px 0px no-repeat}
.main_content .data_info ol li:first-child + li + li + li {background:url('../images/main/bul_num04.gif') 0px 0px no-repeat}
.main_content .data_info ol li:first-child + li + li + li + li {background:url('../images/main/bul_num05.gif') 0px 0px no-repeat}
.main_content .data_info ol li:first-child + li + li + li + li + li {background:url('../images/main/bul_num06.gif') 0px 0px no-repeat}
.main_content .data_info ol li:first-child + li + li + li + li + li + li {background:url('../images/main/bul_num07.gif') 0px 0px no-repeat}
.main_content .data_info ol li:first-child + li + li + li + li + li + li + li {background:url('../images/main/bul_num08.gif') 0px 0px no-repeat}

.main_content section[class*="guide"] ul {margin-top:16px}
.main_content section[class*="guide"] ul li a {display:block; font-size:14px; color:#666;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.main_content section[class*="guide"] ul li a:hover,
.main_content section[class*="guide"] ul li a:focus {text-decoration:underline;}

.main_content section[class*="guide_1"] ul li {margin-top:6px}
.main_content section[class*="guide_1"] ul li:first-child {margin-top:0px}
.main_content section[class*="guide_1"] ul li a {padding-left:90px; height:65px; line-height:64px; border:1px solid #ddd;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.main_content section[class*="guide_1"] ul li:first-child a {background:#e7f3f7 url('../images/main/bg_guide01.png') 10px center no-repeat}
.main_content section[class*="guide_1"] ul li:first-child + li a {background:#fff url('../images/main/bg_guide02.png') 10px center no-repeat}
.main_content section[class*="guide_1"] ul li:first-child + li + li a {background:#e7f3f7 url('../images/main/bg_guide03.png') 10px center no-repeat}

.main_content section[class*="guide_2"] p {margin-top:36px; font-size:13px; color:#666}
.main_content section[class*="guide_2"] ul {margin-top:38px}
.main_content section[class*="guide_2"] ul li {width:33.3333%; min-width:70px; height:120px; float:left; background:url('../images/main/bg_dot.gif') 0px 0px repeat-y;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.main_content section[class*="guide_2"] ul li:first-child {background:none}
.main_content section[class*="guide_2"] ul li a {padding-top:80px; height:30px; line-height:140%; text-align:center}
.main_content section[class*="guide_2"] ul li:first-child a {background:url('../images/main/bg_guide04.png') center 0px no-repeat}
.main_content section[class*="guide_2"] ul li:first-child + li a {background:url('../images/main/bg_guide05.png') center 0px no-repeat}
.main_content section[class*="guide_2"] ul li:first-child + li + li a {background:url('../images/main/bg_guide06.png') center 0px no-repeat}
	
	/* Data Open Status */
.data_open_status {margin:20px auto 0px; padding:20px 20px 0px 20px; width:96%; max-width:1000px; border:1px solid #ddd; *zoom:1;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.data_open_status:after {content:""; display:block; clear:both}
.data_open_status .status_date {margin-right:-130px; *margin-right:0px; width:130px; height:128px; float:left}
.data_open_status .status_date h1 {line-height:160%; font-size:20px; color:#222; font-weight:bold}
.data_open_status .status_date p.date {margin-top:10px; line-height:150%; font-size:13px; color:#666}
.data_open_status .data_list {margin-left:130px}
.data_open_status .data_list ul,
.data_open_status .data_list ul li {display:inline; float:left}
.data_open_status .data_list ul {width:100%}
.data_open_status .data_list ul li {margin-right:3%; width:84px}
.data_open_status .data_list ul li.last {margin-right:0px; width:100px}

.data_open_status .data_list ul li:first-child a {background:url('../images/main/icon_dataStatus01.png') center 0px no-repeat}
.data_open_status .data_list ul li:first-child +li a {background:url('../images/main/icon_dataStatus02.png') center 0px no-repeat}
.data_open_status .data_list ul li:first-child +li +li a {background:url('../images/main/icon_dataStatus03.png') center 0px no-repeat}
.data_open_status .data_list ul li:first-child +li +li +li a {background:url('../images/main/icon_dataStatus04.png') center 0px no-repeat}
.data_open_status .data_list ul li:first-child +li +li +li +li a {background:url('../images/main/icon_dataStatus05.png') center 0px no-repeat}
.data_open_status .data_list ul li:first-child +li +li +li +li +li a {background:url('../images/main/icon_dataStatus06.png') center 0px no-repeat}
.data_open_status .data_list ul li.last a {background:url('../images/main/icon_dataStatus07.png') center 0px no-repeat}

.data_open_status .data_list ul li a {display:block; padding:70px 0px 20px; height:46px}
.data_open_status .data_list ul li a em,
.data_open_status .data_list ul li a span {display:block; height:23px; line-height:23px; font-style:normal; font-size:16px; color:333; text-align:center}

.data_open_status .data_list ul li a:hover em,
.data_open_status .data_list ul li a:hover span,
.data_open_status .data_list ul li a:focus em,
.data_open_status .data_list ul li a:focus span {color:#000}

/* Responsive Style */
	/* iPads (portrait and landscape) ----------- */
@media screen and (max-width:1024px) {
		/* Quick Menu */
	.quick_menu {padding-bottom:0px}
	.quick_menu ul li {width:33.3333%}
}

@media screen and (max-width:960px) {
	/* Spot */
		/* Slide */
	.flexslider.visual {width:100%}
	/* Main Content */
	.main_content .data_info,
	.main_content section[class*="guide"] {margin-left:0px; width:100%}
}


@media screen and (max-width:768px) {
	/* Spot */
		/* Slide */
	.flexslider.visual {margin-top:10px}	
}


@media screen and (max-width:712px) {

}

	/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width:480px) {	
	/* Quick Menu */
	.quick_menu ul {width:96%}
	.quick_menu ul li {margin:0px 0px 0px 0px}

		/* Data Open Status */
	.data_open_status .status_date {position:relative; margin-right:0px; width:100%}
	.data_open_status .status_date h1 {float:left}
	.data_open_status .status_date p.date {margin-top:4px; text-align:right; float:right}
	
	.data_open_status .data_list {clear:both; margin-left:0px; width:100%; float:left}
	.data_open_status .data_list ul li {margin-right:0%; width:33.3333%}
	.data_open_status .data_list ul li.last {margin-right:0px; width:33.3333%}
	
}

@media screen and (max-width:320px) {	
}