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

/* SNB */
.snb {margin-right:-250px; *margin-right:0px; padding-top:55px; width:250px; float:left}
.snb h2,
.snb ul,
.snb li {display:inline; width:230px; float:left}
.snb h2 {padding-bottom:2px; height:40px; line-height:39px; font-size:20px; font-weight:bold; color:#1598e7; text-indent:10px; white-space:nowrap; overflow:hidden; background:url('../images/sub/snb/bg_snb.gif') 0px bottom no-repeat}
.snb ul {margin-top:15px; padding-bottom:16px; border-bottom:2px solid #e5e6ea}
.snb li {}
.snb li a {display:block; padding-left:20px; height:26px; line-height:25px; font-size:12px; color:#666; background:url('../images/sub/snb/bg_snbListOut.gif') 12px center no-repeat;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.snb li a:hover,
.snb li a:focus,
.snb li.con a {color:#1c9fee; text-decoration:underline; background:url('../images/sub/snb/bg_snbListOver.gif') 12px center no-repeat}
.snb li ul.inner_menu,
.snb li ul.inner_menu li {display:inline; float:left}
.snb li ul.inner_menu {margin-top:10px; padding-bottom:0px; border-bottom:0px}
.snb li ul.inner_menu li a {padding-left:30px; background:url('../images/sub/snb/bg_innerMenu.gif') 18px center no-repeat}

/* Sub Content */
.sub_content {position:relative; margin-left:250px; padding-top:55px}

.sub_content h2 {padding-bottom:10px; font-size:18px; color:#444}
.sub_content .page_navi {position:absolute; top:12px; right:0px; font-size:11px; color:#666}
.sub_content .page_navi span {color:#1c9fee}
	/* Sub Top */
.sub_content section[class*="sub_top"] {padding-right:180px; width:96%; min-height:90px; 
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.sub_content section[class*="sub_top"] h1 {font-size:24px; color:#444}
.sub_content section[class*="sub_top"] p {margin-top:18px; line-height:160%; font-size:12px; color:#666; letter-spacing:-0.5px}
.sub_content section[class*="sub_top1"] {background:url('../images/sub/bg_subTop1.gif') right 0px no-repeat}
.sub_content section[class*="sub_top2"] {background:url('../images/sub/bg_subTop2.gif') right 0px no-repeat}
.sub_content section[class*="sub_top3"] {background:url('../images/sub/bg_subTop3.gif') right 0px no-repeat}
.sub_content section[class*="sub_top4"] {background:url('../images/sub/bg_subTop4.gif') right 0px no-repeat}


	/* Search Data */
.sub_content .search_data {display:table; margin-top:12px; width:100%; border:1px solid #ddd;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
		/* Type Select */
.sub_content .search_data .type_select {display:table-cell; padding:15px; padding-right:0px; vertical-align:middle}
.sub_content .search_data .type_select h2,
.sub_content .search_data .type_select p,
.sub_content .search_data .type_select ul,
.sub_content .search_data .type_select li,
.sub_content .search_data .type_select a {display:inline; vertical-align:middle}
.sub_content .search_data .type_select h2 {font-size:14px; font-weight:normal; color:#666}
.sub_content .search_data .type_select p {font-size:12px; color:#666}
.sub_content .search_data .type_select ul,
.sub_content .search_data .type_select p {margin-left:10px}
.sub_content .search_data .type_select li {margin-left:5px}
.sub_content .search_data .type_select li a {display:inline-block; width:35px; height:35px; text-indent:-3000px; overflow:hidden; background:url('../images/sub/bg_typeSelect.png') no-repeat}
.sub_content .search_data .type_select li a[href*="sheet"] {background-position:0px 0px}
.sub_content .search_data .type_select li a[href*="file"] {background-position:-35px 0px}
.sub_content .search_data .type_select li a[href*="map"] {background-position:-70px 0px}
.sub_content .search_data .type_select li a[href*="link"] {background-position:-105px 0px}
.sub_content .search_data .type_select li a[href*="chart"] {background-position:-140px 0px}

.sub_content .search_data .type_select li a[href*="sheet"]:hover,
.sub_content .search_data .type_select li a[href*="sheet"]:focus,
.sub_content .search_data .type_select li.selected a[href*="sheet"] {background-position:0px -35px}
.sub_content .search_data .type_select li a[href*="file"]:hover,
.sub_content .search_data .type_select li a[href*="file"]:focus,
.sub_content .search_data .type_select li.selected a[href*="file"] {background-position:-35px -35px}
.sub_content .search_data .type_select li a[href*="map"]:hover,
.sub_content .search_data .type_select li a[href*="map"]:focus,
.sub_content .search_data .type_select li.selected a[href*="map"] {background-position:-70px -35px}
.sub_content .search_data .type_select li a[href*="link"]:hover,
.sub_content .search_data .type_select li a[href*="link"]:focus,
.sub_content .search_data .type_select li.selected a[href*="link"] {background-position:-105px -35px}
.sub_content .search_data .type_select li a[href*="chart"]:hover,
.sub_content .search_data .type_select li a[href*="chart"]:focus,
.sub_content .search_data .type_select li.selected a[href*="chart"] {background-position:-140px -35px}
		/* Search Form */
.sub_content .search_data .search_form {display:table-cell; padding:15px; vertical-align:middle}
.sub_content .search_data .search_form .item {position:relative; width:285px; height:26px; text-align:left; border:2px solid #93c0db; float:right}
.sub_content .search_data .search_form .item label {top:6px; left:10px; font-size:12px; color:#93c0db}
.sub_content .search_data .search_form .item input[type="text"],
.sub_content .search_data .search_form .item button[type="submit"] {vertical-align:middle}
.sub_content .search_data .search_form .item input[type="text"] {padding-left:10px; width:245px; height:26px; line-height:25pxl; border:0px}
.sub_content .search_data .search_form .item button[type="submit"] {width:20px; height:20px; text-indent:-3000px; overflow:hidden; background:url('../images/sub/btn_seachData.gif') no-repeat}

	/* File Data */
.sub_content .table_list table.file_data tbody td {text-align:center}
.sub_content .table_list table.file_data em.subject {font-size:15px; color:#008ce1; font-style:normal; font-weight:bold}
.sub_content .table_list table.file_data em.subject + p {padding-top:6px}
.sub_content .table_list table.file_data tbody td span {display:inline-block; width:35px; height:35px; text-indent:-3000px; overflow:hidden; vertical-align:middle; background:url('../images/sub/bg_typeSelect.png') no-repeat}
.sub_content .table_list table.file_data tbody td span.sheet {background-position:0px -35px}
.sub_content .table_list table.file_data tbody td span.file {background-position:-35px -35px}
.sub_content .table_list table.file_data tbody td span.map {background-position:-70px -35px}
.sub_content .table_list table.file_data tbody td span.link {background-position:-105px -35px}
.sub_content .table_list table.file_data tbody td span.chart {background-position:-140px -35px}

.sub_content section[class*="detail_data"] table {border-top:2px solid #666; border-bottom:2px solid #b2b2b2}
.sub_content section[class*="detail_data"] table th,
.sub_content section[class*="detail_data"] table td {padding:10px}
.sub_content section[class*="detail_data"] table tbody tr:nth-child(odd) td,
.sub_content section[class*="detail_data"] table tbody tr:nth-child(even) td {background:#fff}
.sub_content section[class*="detail_data"] table tbody th {padding-left:30px; font-weight:normal; font-size:14px; color:#666; text-align:left; background:#f8f8f8; border-top:1px solid #d8d8d8}
.sub_content section[class*="detail_data"] table tbody th.point {background:#f8f8f8 url('../images/sub/icon_feelsoo.gif') 12px center no-repeat}

.sub_content section[class*="detail_data"] table tbody td {border-top:1px solid #d8d8d8}
.sub_content section[class*="detail_data"] table tbody td:first-child {border:0px}
.sub_content section[class*="detail_data2"] {display:none}

.sub_content .service_type {margin-top:60px; padding:25px 16px; border:1px solid #ddd;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.sub_content .service_type h2,
.sub_content .service_type ul,
.sub_content .service_type li {display:inline-block; vertical-align:middle}
.sub_content .service_type h2 {padding-bottom:0px !important; height:20px; line-height:19px; font-weight:normal; font-size:14px; color:#666}
.sub_content .service_type ul {margin-left:18px}
.sub_content .service_type ul li {margin-left:2px}
.sub_content .service_type ul li:first-child {margin-left:0px}
.sub_content .service_type ul li a {display:block; padding:0px 10px; height:20px; line-height:19px; font-size:10px; color:#fff; font-weight:bold}
.sub_content .service_type ul li a[href*="Excel"] {background:#58a700}
.sub_content .service_type ul li a[href*="CSV"] {background:#f4542f}
.sub_content .service_type ul li a[href*="HWP"] {background:#2f6af4}

.sub_content section[class*="data_view"] table th,
.sub_content section[class*="data_view"] table td {padding:10px 0px}
.sub_content section[class*="data_view"] table td {text-align:center}
.sub_content section[class*="data_view"] table td em {display:inline-block; width:50px; height:20px; line-height:19px; color:#fff; text-align:center; font-weight:bold; font-style:normal}
.sub_content section[class*="data_view"] table td em.excel {background:#58a700}
.sub_content section[class*="data_view"] table td em.csv {background:#f4542f}
.sub_content section[class*="data_view"] table td em.hwp {background:#2f6af4}

	/* Sub Stance */
.sub_content .substance {*zoom:1}
.sub_content .substance:after {content:""; display:block; clear:both}

		/* Open API */
.sub_content .substance .open_api {margin-top:95px}



/* Responsive Style */
	/* iPads (portrait and landscape) ----------- */
@media screen and (max-width:1024px) {
	body {/*background:red*/}
		/* Search Data */
			/* Type Select */
	.sub_content .search_data .type_select p {display:block; margin-left:0px; color:#00a6e2}
			/* Search Form */	
	.sub_content .search_data .search_form .item {width:265px}
	.sub_content .search_data .search_form .item input[type="text"] {width:225px}

			/* File Data */
	.table_list table.file_data thead tr th:first-child + th,
	.table_list table.file_data tbody tr td:first-child + td,
	.table_list table.file_data thead tr th:first-child + th + th,
	.table_list table.file_data tbody tr td:first-child + td + td,	
	.table_list table.file_data thead tr th:first-child + th + th + th + th,
	.table_list table.file_data tbody tr td:first-child + td + td + td + td {display:none}
}

@media screen and (max-width:960px) {
	body {/*background:yellow*/}
		/* Search Data */
	.sub_content .search_data {position:relative}
			/* Type Select */
	.sub_content .search_data .type_select ul {display:block; margin-left:0px; padding:10px 0px 10px 0px}
	.sub_content .search_data .type_select p {position:absolute; top:17px; left:90px; display:block; margin-left:0px}
			/* Search Form */	
	.sub_content .search_data .search_form .item {width:200px}
	.sub_content .search_data .search_form .item input[type="text"] {width:160px}
}


@media screen and (max-width:768px) {
	body {/*background:orange*/}

	/* SNB */
	.snb {display:none; margin-right:0px}
	/* Sub Content */
	.sub_content {margin-left:0px}

}


@media screen and (max-width:712px) {
	body {/*background:skyblue*/}
		/* Search Data */
			/* Type Select */
	.sub_content .search_data {display:block}
	.sub_content .search_data .type_select {padding-bottom:8px}
	
			/* Search Form */	
	.sub_content .search_data .search_form {display:block; padding-top:0px}
	.sub_content .search_data .search_form .item {width:auto; float:none}
	.sub_content .search_data .search_form .item input[type="text"] {width:90%}
	.sub_content .search_data .search_form .item button[type="submit"] {position:absolute; top:3px; right:3px}

		/* Sub Top */
	.sub_content section[class*="sub_top"] {padding-right:0px; width:99%; background:none}
			/* File Data */
	.sub_content section[class*="detail_data2"] {display:block}
	.sub_content section[class*="detail_data1"] {display:none}
				
}

	/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width:480px) {	
	body {/*background:hotpink*/}
			/* Search Form */	
	.sub_content .search_data .search_form .item input[type="text"] {width:87%}

			/* Open API */
	.sub_content .substance .open_api {margin-top:40px}
	
}

@media screen and (max-width:320px) {	
	body {/*background:purple*/}
	/* Search Form */	
	.sub_content .search_data .search_form .item input[type="text"] {width:80%}
}