@charset "utf-8";
/* CSS Document */

/*============================================================================================================================
													Default 설정
=============================================================================================================================*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{margin:0; padding:0; border:0; vertical-align:baseline; background:transparent;}
body
{font-family: "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif; font-size:16px; line-height:18px; letter-spacing:-0.5px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{display:block;}
a{margin:0; padding:0; text-decoration:none; vertical-align:baseline; color:#333; background:transparent;}
img{vertical-align:top; border:none;}
table{border-collapse:collapse; border-spacing:0;}
input, textarea, select {margin:0; padding:0; letter-spacing:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:14px;
						vertical-align:top; border:1px solid #b7b7b7; color:#333; border-radius:0;  font-family: "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;}
input::-ms-input-placeholder {color:#b7b7b7;}
input::-moz-input-placeholder{color:#b7b7b7;}
input::-webkit-input-placeholder {color:#b7b7b7;}
video {width:100%; height:auto;}

/*.uni-form-table select {-webkit-appearance: none; background: url('images/common/icon/select_arrow.png') no-repeat 50% center;}*/


/* 라디오 및 체크 버튼 설정 */
input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input[type="checkbox"] + label, input[type="radio"] + label {vertical-align:middle; padding-left:3px; margin-right:5px;}
input[type="radio"] {border:none;}

.RadioCheckbox {margin-top:14px; text-align: center;}

.RadioCheckbox p {position:relative; margin:0 8px 8px 0; display: inline-block;}
.RadioCheckbox p:last-child {margin:0 0 8px 0;}
.RadioCheckbox p.block {position:relative; margin:0 8px 8px 0; display: block; text-align:left;}
.RadioCheckbox p.block:last-child {margin:0 0 8px 0;}
.RadioCheckbox p label {color:#423c32;}

.RadioCheckbox p>input[type="checkbox"], .RadioCheckbox p>input[type="radio"] { position:relative; top:-1px; vertical-align:middle; }

.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"], .RadioCheckbox p:not(#cssbrowser)>input[type="radio"] { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; }
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"] + label, .RadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label {
	margin:0 0 0 0; padding:0 0 0 25px; font-size:14px; line-height:22px; display:inline-block; background:url('images/common/icon/bg_radiocheckbox.png') no-repeat left top;
	width:100%; height:24px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label { background-position:left -100px; }

.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:disabled + label { background-position:left -25px; }
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked + label { background-position:left -50px; }
.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked:disabled + label { background-position:left -75px; }

.RadioCheckbox p:not(#cssbrowser)>input[type="radio"]:disabled + label { background-position:left -125px; }
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked + label { background-position:left -150px; }
.RadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked:disabled + label { background-position:left -175px; }

.RadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:focus + label, .RadioCheckbox p:not(#cssbrowser)>input[type="radio"]:focus + label {
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6);
}

.RadioCheckbox.inline-block {text-align:left; margin-top:3px;}
.RadioCheckbox.inline-block p {margin-bottom:0;}

/* 포커스 	
span:focus, object:focus, iframe:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, p:focus, address:focus, em:focus, img:focus, strong:focus, b:focus, 
i:focus, label:focus, input:focus, a:focus 
{border:1px dashed #999; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
*/

/*============================================================================================================================
													Layout 설정
=============================================================================================================================*/
/* 최상단 키보드 보안 공간 */
#NPKFXX {display:none;}


/*======================================
			모바일용 CSS
========================================*/

/* skip navigation */
.skipNavi {position:absolute; left:0;top:0; z-index:999; width:100%; text-align:center;}
.skipNavi a {position:absolute; top:-999px; left:-999px;}
.skipNavi a:focus, .skipNavi a:active, .skipNavi a:hover {display:block; top:0; left:0; padding:7px 10px 5px; background:#000; color:#fff; font-weight:bold; font-size:14px; text-decoration:none}

#wrap{width:100%;}
#wrap section{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* 최상단메뉴 */
.top_section {display:none;}

/* 헤더 영역 */
.header {position:relative; width:100%; height:125px; background:#fff; z-index:100; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.header h1.logo {position:absolute; left:9px; top:12px;}
.header h1.logo img {width:175px; height:40px;}
.header .flag {display:block; position:absolute; left:193px; top:12px;}
.header .emblem, .header .emblem2, .header .emblem_basic {display:none;}

.header ul.util_m {position:absolute; right:2px; top:0; width:60px; height:60px; margin:0; padding:0;}
.header ul.util_m li {list-style:none; float:left; border-left:2px solid #0080c5; text-indent:-9999px;}
.header ul.util_m li a {display:block; width:60px; height:60px;}
.header ul.util_m li.util_m_total a {background:#bedff0 url('images/menu/util_m_menu.png') center center no-repeat; background-size:22px 16px;}
.header ul.util_m li.util_m_total a:hover {background:#fad094 url('images/menu/util_m_menu.png') center center no-repeat; background-size:22px 16px;}

/* 통합검색 */
.search_layer {clear:both; position:relative; z-index:500; background:#e3dad3; top:60px; width:100%; height:65px; border-top:2px solid #0080c5; 
				box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.search_layerin {width:100%; height:65px; position:relative;}
	.search_layerin .search_cont {position:relative; width:93%; margin:0 auto; top:10px; border:2px solid #0080c5; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.search_layerin .search_cont .search_txt_input {width:85%; padding:0 0 0 10px; margin:0; height:40px; /* line-height:34px; */ vertical-align:middle; font-size:14px; color:#333; border:none;}
	.search_layerin .search_cont .input_img {position:absolute; top:0; right:0; width:47px; height:40px; background:url('images/menu/bt_tfind_img.png') center center no-repeat; text-indent:-9999px;}
	.search_layerin .search_cont .input_img:hover {background:url('images/menu/bt_tfind_img_over.png') center center no-repeat; }
	
	/* 검색어 자동완성 화살표 버튼 
	.search_layerin .search_cont a.autocomplete_btn {display:block; width:0; height:0; border-width: 6px 6px 0 6px; border-style: solid; border-color: #b9b9b9 transparent; position:absolute; right:50px; top:17px;}
	.search_layerin .search_cont a.autocomplete_btn.active {border-width: 0 6px 6px 6px;}
	*/
	.search_layerin .search_cont a.autocomplete_btn {display:none;}
	
	/* 검색어 자동완성 결과 영역 */
	.highlighting {color:#40a8dc !important;}
	.autocomplete_area {z-index:9999; border-top:1px solid #d9d9d9; background:#fff;}
	.autocomplete_area ul.autocomplete_result {overflow:hidden; margin:0; padding:0;}
	.autocomplete_area ul.autocomplete_result li {list-style:none; font-size:14px; color:#333; padding:13px 10px; border-bottom:1px dashed #d9d9d9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.autocomplete_area ul.autocomplete_result li:last-child {border-bottom:1px solid #c8c8c8;}
	.autocomplete_area ul.autocomplete_result li a {padding:13px 10px;}
	.autocomplete_area ul.autocomplete_result li a:hover {text-decoration:underline;}
	.autocomplete_area .autocomplete_util {background:#ebebeb; height:40px;}
	.autocomplete_area .autocomplete_util p {color:#333; font-size:14px; line-height:40px; text-align:right; padding-right:10px;}
	.autocomplete_area .autocomplete_util p a:hover {text-decoration:underline;}
	
.header #nav {display:none; position:relative; z-index:2000; top:-65px; width:100%; height:auto; padding:0; overflow:hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	#nav .gnb_close {z-index:70; text-indent:-9999px; height:60px;}
	#nav .gnb_close a {display:block; float:right; right:0; width:60px; height:60px; background:#516f9c url('images/menu/gnb_close.png') center center no-repeat; background-size:20px 20px;}
	#nav .gnb_close2 {width:100%; height:60px; background:#a5b6d0 url('images/common/w_logo.png') 15px center no-repeat; border-top:2px solid #516f9c; border-bottom:2px solid #516f9c; overflow:hidden;}
	#nav ul {margin:0; padding:0;}
	#nav .gnb {position:relative; background:#fff; width:100%; height:auto; overflow:hidden;}
	#nav .gnb li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; list-style:none;}
	#nav .gnb li.m_menu_close div {text-align:center; padding:20px 0; border-top:3px solid #999; border-bottom:3px solid #999; background:#d9d9d9;}
	#nav .gnb li img {width:12px; height:10px; padding:2px 0 0 5px;}
	#nav .gnb .depth_01 {float: none; clear: both;}
	#nav .gnb .depth_01 a {display:block; width:100%; padding:16px 0; background:#516f9c; color:#fff; font-size:15px; text-indent:12px; font-weight:bold; border-bottom:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	#nav .gnb .depth_01 ul .depth_02 {float:left; width:50%; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
	#nav .gnb .depth_01 ul .depth_02 a {padding:16px 0; background:#fff; color:#333; font-weight:bold; font-size:14px; border-bottom:none; letter-spacing:-1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#nav .gnb .depth_01 ul .depth_02 a:hover {background:#e1f2fa;}
	
	#nav .gnb .depth_01 ul .blank_site span, #nav .gnb .depth_01 ul .depth_02 ul .blank_site span {display:inline-block; position:relative; left:5px; top:0; width:12px; height:10px; background: url('images/menu/blank_site.png') right center no-repeat; background-size:100% 100%;}

/* Location */
.location2_section {width:100%; height:65px; position:relative; background:url('images/menu/sky_bg.jpg') right top no-repeat; border-bottom:2px solid #c3dff5;
					box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	h2.location2_title {padding:0 0 0 15px; font-size:28px; height:28px; line-height:28px; font-weight:bold; background:url('images/menu/bullet_title.jpg') left bottom no-repeat;
						position:absolute; left:15px; top:20px;}
	
	ul.location2_txt {margin:0; padding:0; position:absolute; right:10px; bottom:-25px;}
	ul.location2_txt li {display:inline-block; background:url('images/menu/location_arrow.png') left center no-repeat; padding-left:11px; margin-left:7px; line-height:13px; font-size:13px;}
	ul.location2_txt li:first-child {background:none; padding-left:0;}

/* ************************************************* Location - 사용 안함 ****************************************************** */
.location_section {width:100%;}
	.location_section .location_section_area {border-bottom:2px solid #0080c5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	/* 공통 */
	.location_dropdown_1, .location_dropdown_2 {letter-spacing:-1px;
		/* Size & position */z-index:30; position:relative; width:100%; padding:14px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
		/* Styles */text-align:center; background:#0079b6; cursor:pointer; outline:none; color:#fff; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
	.location_dropdown_1:after, .location_dropdown_2:after {
		/* Little arrow */content:""; width:0; height:0; position:absolute; top:50%; right:15px; margin-top:-3px; border-width:6px 6px 0 6px; border-style:solid; border-color:#fff transparent;}
	.location_dropdown_1 .dropdown, .location_dropdown_2 .dropdown {
		/* Size & position */position:absolute; top:100%; left:0; right:0; margin:0; padding:0;
		/* Styles */list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
		/* Hiding */max-height: 0; overflow: hidden;}
	.location_dropdown_1 .dropdown li, .location_dropdown_2 .dropdown li {
		background:#999; border-bottom:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50%; float:left; list-style:none;}
	.location_dropdown_1 .dropdown li:nth-child(odd), .location_dropdown_2 .dropdown li:nth-child(odd) {border-right:1px solid #d9d9d9;}
	.location_dropdown_1 .dropdown li a, .location_dropdown_2 .dropdown li a {display: block; text-decoration: none; color: #fff; padding: 14px 0; transition: all 0.3s ease-out;}
	.location_dropdown_1 .dropdown li:last-of-type a, .location_dropdown_2 .dropdown li:last-of-type a {border: none;}
	/* Hover state */
	.location_dropdown_1 .dropdown li:hover a, .location_dropdown_2 .dropdown li:hover a {background:#666;}
	/* Active state */
	.location_dropdown_1.active, .location_dropdown_2.active {background: #4cbeff; box-shadow: none; border-bottom: none; color: white;}
	.location_dropdown_1.active:after, .location_dropdown_2.active:after {border-width:0 6px 6px 6px;}/* Little arrow */
	.location_dropdown_1.active .dropdown, .location_dropdown_2.active .dropdown {max-height: 1000px;}
	
	/* 1 depth */
	.location_dropdown_1 .btn_location_home {position:absolute; left:0; top:0; width:46px; height:46px; text-indent:-9999px; }
	.location_dropdown_1 .btn_location_home a{display:block; width:100%; height:100%; background:#165678 url('images/menu/btn_location_home.png') center center no-repeat; background-size:20px 18px;}
	
	/* 2 depth */
	.location_dropdown_2 {z-index:20; background: #fff; color:#666; box-shadow: 0 1px 0 rgba(0,0,0,0.2);}
	.location_dropdown_2:after {border-color: #666 transparent;}
	.location_dropdown_2 .dropdown li {background:#fff;}
	.location_dropdown_2 .dropdown li a {color: #666;}
	.location_dropdown_2 .dropdown li:hover a {background:#d9d9d9;}
	.location_dropdown_2.active:after {border-style: solid; border-color: #fff transparent;}/* Little arrow */
	
	/* 타이틀 영역 */
	.location_title_area {position:relative; background: #fff; /* background: #fff url('images/common/sub/sub_top_flag.png') right bottom no-repeat; */ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.location_title_area .location_title {font-size:28px; font-weight:bold; padding:40px 0 20px 10px; line-height:33px;}
	.location_title_area  p {display:none;}
	
	/* SNS 공유 */
	.sns_copy_btn {position:absolute; right:10px; bottom:30px;}
	.sns_copy_btn li {display:inline-block; padding-left:3px;}
	

/* 긴급공지 */
.emergency_notice {border:1px solid #edc967; border-radius:5px; background-color:#f9edb8; width:98%; margin:3px auto; padding:5px 10px 7px 10px; font-size:14px; line-height:18px; 
						box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
						
/* 콘텐츠 영역 CSS */
#content_section {overflow:hidden; margin-top:30px; position:relative;}


/* 하단배너 CSS */
.banner {display:none;}
	
/* 푸터 영역 CSS */
.footer{width:100%; background:#64666f; border-top:1px solid #333; margin-top:50px;}
	.footer_area {position:relative;}
		h1.f_logo, .f_link, .address, .footer_txt, .all_visit, .rss_area {display:none;}
		ul.f_mobile_btn {padding:20px 0 15px 0; margin:0; text-align:center;}
		ul.f_mobile_btn li {display:inline-block; border:1px solid #b7b7b7; margin-right:4px; vertical-align:middle; list-style:none; border-radius:5px; background:#fff;}
		ul.f_mobile_btn li:hover {background:#eee;}
		ul.f_mobile_btn li a {display:block; padding:8px 10px;}
		ul.f_mobile_btn li:last-child {margin-right:0;}
		ul.f_link_m {text-align:center; padding:5px 0 15px 0; margin:0; letter-spacing:-1px;}
		ul.f_link_m li {display:inline-block; padding:0 8px 0 3px; font-size:13px; border-right:1px solid #b5b4b4;}
		ul.f_link_m li a {color:#eee;}
		ul.f_link_m li a:hover {text-decoration:underline;}
		ul.f_link_m li:last-child {border-right:none;}
		p.copyright_m {font-size:13px; color:#eee; text-align:center; padding:0 0 20px 0;}
		
/* 기본 CSS */
.back-to-top {position: fixed; bottom: 1em; right: 1em; display: none; padding:15px 24px; text-indent:-9999px; z-index:500; background: url('images/common/top_btn.png') left top no-repeat; background-size:100% 100%;}
.back-to-top:hover {background: url('images/common/top_btn_hover.png') left top no-repeat; background-size:100% 100%;}	


/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
	/* 헤더 영역 */
	.header {height:80px; border-bottom:2px solid #0080c5;}
	.header h1.logo {position:absolute; left:12px; top:22px;}
	.header h1.logo img {width:175px; height:40px;}
	.header .flag {display:block; position:absolute; left:200px; top:22px;}
	.header .emblem, .header .emblem2, .header .emblem_basic {display:none;}

	.header ul.util_m {width:78px; height:78px;}
	.header ul.util_m li a {width:78px; height:78px;}
	.header ul.util_m li.util_m_total a {background-size:30px 28px;}
	.header ul.util_m li.util_m_total a:hover {background:#fad094 url('images/menu/util_m_menu.png') center center no-repeat; background-size:30px 28px;}
		
	/* 통합검색 영역 */
	.search_layer{display:block; position:absolute; background:none; width:320px; height:44px; top:18px; right:95px; border-top:none;}
		.search_layerin{height:63px;}
		.search_layerin .search_cont{width:320px; margin:0; top:0; right:0;}
		.search_layerin .search_cont .search_txt_input {width:265px; padding-right:10px;}
		.btn_close_area{display:none;}
	
	.header #nav {top:0;}
		#nav .gnb_close {height:78px;}
		#nav .gnb_close a {width:78px; height:78px; background-size:30px 30px;}
		#nav .gnb_close2 {height:78px; background:#a5b6d0 url('images/common/w_logo.png') 15px center no-repeat; border-top:2px solid #516f9c; border-bottom:2px solid #516f9c; overflow:hidden;}
		#nav .gnb .depth_01 a {padding:13px 0;}
		#nav .gnb .depth_01 ul .depth_02 {width:25%;}
		#nav .gnb .depth_01 ul .depth_02 a {padding:13px 0;}
		#nav .gnb .depth_01 ul .depth_02_add a {padding:13px 0;}
	
	/* Location */
	ul.location2_txt {bottom:7px;}
	
	
	/* ************************************************* Location - 사용 안함 ****************************************************** */
	.location_section {height:126px; border-top:none; border-bottom:none; font-size:14px; background:url('images/common/sub/sub_top_bg.png') left top repeat-x; padding-top:11px;}
	.location_section .location_section_area {background:#f4f4f4; position:relative; padding-left:150px; height:115px; border-bottom:2px solid #40a8dc; border-right:1px solid #d9d9d9;}
	
	/* Location bg 이미지 */
	.location_section .location_section_area.location_img1 {background:#f4f4f4 url('images/common/sub/sub_top_img1.png') left top no-repeat;}
	.location_section .location_section_area.location_img2 {background:#f4f4f4 url('images/common/sub/sub_top_img2.png') left top no-repeat;}
	.location_section .location_section_area.location_img3 {background:#f4f4f4 url('images/common/sub/sub_top_img3.png') left top no-repeat;}
	.location_section .location_section_area.location_img4 {background:#f4f4f4 url('images/common/sub/sub_top_img4.png') left top no-repeat;}
	.location_section .location_section_area.location_img5 {background:#f4f4f4 url('images/common/sub/sub_top_img5.png') left top no-repeat;}
	.location_section .location_section_area.location_img6 {background:#f4f4f4 url('images/common/sub/sub_top_img6.png') left top no-repeat;}
	
		/* 공통 */
		.dropdown_area {width:100%; height:40px; background:#f4f4f4; border-bottom:1px solid #d9d9d9;}
		.location_dropdown_1, .location_dropdown_2 {
			border-right:1px solid #d9d9d9; float:left; width:220px; height:40px; text-align:left; background:#f4f4f4; color:#333; padding:10px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
		.location_dropdown_1, .location_dropdown_2 p {}
		.location_dropdown_1 .dropdown li, .location_dropdown_2 .dropdown li {
			background:#fff; border:none; border-bottom:1px solid #d9d9d9; border-left:none; border-right:1px solid #d9d9d9;  width:100%; float:none;}
		.location_dropdown_1 .dropdown li a, .location_dropdown_2 .dropdown li a {
			color:#333; text-indent:13px; padding: 10px 0}
			/* Hover state */
		.location_dropdown_1 .dropdown li:hover a, .location_dropdown_2 .dropdown li:hover a {
			background:#4cbeff; color:#fff;}
		/* Active state */
		.location_dropdown_1.active, .location_dropdown_2.active {
			background:#0079b6;}
			
		/* 1 depth */
		.location_dropdown_1 {margin-left:40px;}
		.location_dropdown_1 .btn_location_home {left:-40px; width:40px; height:40px;}
		.location_dropdown_1 .btn_location_home a {background-size:16px 14px;}
		
		.location_dropdown_1:after {border-color: #666 transparent;}
		.location_dropdown_1.active:after {border-color: #fff transparent;}
		
		.location_dropdown_1 .dropdown li:nth-child(4n - 3) a {border-left:5px solid #86dafa;}
		.location_dropdown_1 .dropdown li:nth-child(4n - 2) a {border-left:5px solid #00aced;}
		.location_dropdown_1 .dropdown li:nth-child(4n - 1) a {border-left:5px solid #4183C4;}
		.location_dropdown_1 .dropdown li:nth-child(4n) a {border-left:5px solid #3B5998;}
		
		/* 2 depth */
		.location_dropdown_2 {background:#f4f4f4; color:#666; box-shadow: none;}
		.location_dropdown_2:after {border-color: #666 transparent;}
		.location_dropdown_2.active:after {border-color: #fff transparent;}
		
		.location_dropdown_2 .dropdown li:nth-child(4n - 3) a {border-left:5px solid #86dafa;}
		.location_dropdown_2 .dropdown li:nth-child(4n - 2) a {border-left:5px solid #00aced;}
		.location_dropdown_2 .dropdown li:nth-child(4n - 1) a {border-left:5px solid #4183C4;}
		.location_dropdown_2 .dropdown li:nth-child(4n) a {border-left:5px solid #3B5998;}
		
		/* 타이틀 영역 */
		.location_title_area {height:72px; position:relative; border-top:1px solid #d9d9d9;}
		.location_title_area .location_title {width:100%; padding:0; position:absolute; left:15px; bottom:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
		.location_title_area  p {display:none;}
		
		/* SNS 공유 */
		.sns_copy_btn {position:absolute; right:10px; bottom:11px;}
	
	/* 콘텐츠 영역 CSS */
	#content_section {}
		
	/* 하단배너 CSS */	
	.banner {display:block; width:100%; height:56px; background:#fff; margin:30px 0;}
		.banner_area {width:100%; height:56px; margin:0 auto; position: relative;}
		.banner_area .listWrap {width:79%; height:56px; overflow:hidden; position:relative; margin-left:15px;}
		.banner_area .listWrap ul.list {position:relative; left:0; top:0; padding:0; margin:9px 0 0 0; width:100%; height:35px; overflow:hidden;}
		.banner_area .listWrap ul.list li {float:left; height:35px; margin:0 15px 0 0; padding:0; width:133px; list-style:none;}
		.banner_area .listWrap ul.list li a {}

		.banner_area .left {background: url("images/common/footer/btn1.png") no-repeat left top; border:medium none; font-size:0; line-height:0; width:37px; height:37px; top:9px; right:90px; position:absolute; cursor:pointer;}
		.banner_area .right {background: url("images/common/footer/btn3.png") no-repeat left top; border:medium none; font-size:0; line-height:0; width:37px; height:37px; top:9px; right:10px; position: absolute; cursor:pointer;}
		.banner_area .auto {background: url("images/common/footer/btn2.png") no-repeat left top; border: medium none; font-size:0; line-height:0; width:37px; height:37px; top:9px; right:50px; position: absolute; cursor:pointer;}
		.banner_area .auto:hover {background: url("images/common/footer/btn2_hover.png") no-repeat left top;}
		
		.banner_area .left:hover {background: url("images/common/footer/btn1_hover.png") no-repeat left top;}
		.banner_area .right:hover {background: url("images/common/footer/btn3_hover.png") no-repeat left top;}
		.banner_area span.on .auto {background: url("images/common/footer/btn4.png") no-repeat left top;}
		.banner_area span.on .auto:hover {background: url("images/common/footer/btn4_hover.png") no-repeat left top;}
		
		.banner_area .btns a.banner_all {position:absolute; right:11px; top:49px; width:116px; text-align:center; background:#e9e9e9; border:1px solid #dddddd; padding:0 0 2px 0; line-height:16px; border-radius:3px; font-size:12px; color:#666;
			box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}	
		.banner_area .btns a.banner_all:hover {border:1px solid #e37000; color:#C35500;}
		
	/* 푸터 영역 CSS */
	.footer{width:100%; background:#fafafa; /*border-top:1px solid #d9d9d9;*/ margin-top:40px;}
		.footer_area {position:relative; width:100%; height:160px;}
			.f_mobile_btn, .f_link_m, .footer_txt_m {display:none;}
			h1.f_logo, .f_link, .address, .footer_txt {display:block;}
			h1.f_logo {width:127px; height:29px; position:absolute; left:10px; top:15px;}
			h1.f_logo img {width:127px; height:29px;}
			ul.f_link {margin:16px 0 0 157px; text-align:left; padding:0;}
			ul.f_link li {display:inline-block; padding:0 5px 0 5px; border-right:1px solid #b5b4b4;}
			ul.f_link li a {letter-spacing:-1px; font-weight:bold; font-size:13px;}
			ul.f_link li a:hover {text-decoration:underline;}
			ul.f_link li:first-child {padding-left:0;}
			ul.f_link li:last-child {border-right:none;}
			div.address {margin:10px 0 0 157px; text-align:left; color:#666; font-size:13px;}
			div.address span {display:block;}
			.footer_txt {margin-top:8px; color:#777; font-size:12px;}
			.footer_txt .noemail {margin:0 10px;}
			.footer_txt .copyright {margin:3px 10px 0 10px; letter-spacing:0;}
			.rss_area {display:block; width:141px; height:36px; position:absolute; left:0; top:56px;}
			
	/* 기본 CSS */
	.back-to-top {bottom: 2em; right: 2em;}
}





/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){
	/* 최상단 기능 */
	.top_section {display:block; height:30px; /* border-top:4px solid #3e6eb2; */}
	.top_section .top_section_area {width:1000px; margin:0 auto; position:relative;}
		.top_section_area .util_area {width:auto; height:30px; float:right;}
			.util_area ul.top_menu {margin:0; padding:0 10px 0 0; width:auto; height:30px; float:left;}
			.util_area ul.top_menu li {list-style:none; margin:0; padding:0 5px 0 5px; float:left; font-size:13px; line-height:14px; }
			/*.util_area ul.top_menu li:first-child {background: url("images/common/h_line.png") right center no-repeat;}*/
			.util_area ul.top_menu li a {display:block; height:30px; line-height:28px; color:#333;}
			.util_area ul.top_menu li a:hover {text-decoration:underline; font-weight:bold;}
			.util_area ul.top_util {margin:0; padding:0; width:63px; height:30px; float:right;}
			.util_area ul.top_util li {list-style:none; margin:0; padding:0; float:left; text-indent:-9999px; width:21px; height:30px;}
			.util_area ul.top_util li a {display:block; width:18px; height:18px; margin-top:7px;}
			.util_area ul.top_util li.top_util_plus a 			{background:url('images/common/top_util1.png') center center no-repeat;}
			.util_area ul.top_util li.top_util_plus a:hover 	{background:url('images/common/top_util1_over.png') center center no-repeat;}
			.util_area ul.top_util li.top_util_minus a 			{background:url('images/common/top_util2.png') center center no-repeat;}
			.util_area ul.top_util li.top_util_minus a:hover 	{background:url('images/common/top_util2_over.png') center center no-repeat;}
			.util_area ul.top_util li.top_util_basic a 			{background:url('images/common/top_util3.png') center center no-repeat;}
			.util_area ul.top_util li.top_util_basic a:hover 	{background:url('images/common/top_util3_over.png') center center no-repeat;}


	/* 헤더 영역 */
	.header {height:94px; border-bottom:2px solid #0080c5; position:relative;}
	.header_area {position:relative; width:1000px; margin:0 auto;}
	.header h1.logo {top:0; left:410px;}
	.header h1.logo img {width:175px; height:40px;}
	.header .flag {display:none; left:570px; top:0;}
	.header .emblem {display:inline-block; position:absolute; width:195px; height:40px; left:0; top:0;}
	.header .emblem2 {display:inline-block; position:absolute; width:102px; height:43px; left:120px; top:0;}
	.header .emblem_basic {display:inline-block; position:absolute; width:172px; height:39px; left:0; top:0;}
	
	.header ul.util_m {display:none;}
	
	.search_layer{position:absolute; width:228px; top:0; right:0; z-index:9999;}
		.search_layerin{height:34px;}
		.search_layerin .search_cont{width:228px; top:0;}
		.search_layerin .search_cont .search_txt_input {width:180px; height:34px;}
		.search_layerin .search_cont .input_img {top:0; width:23px; height:23px; padding:6px 10px;}
	
		/* 검색어 자동완성 화살표 버튼 */
		.search_layerin .search_cont a.autocomplete_btn {right:45px; top:15px;}
	
		/* 검색어 자동완성 결과 영역 */
		.autocomplete_area ul.autocomplete_result li {padding:7px 10px; font-size:12px; border-bottom:none;}
		.autocomplete_area ul.autocomplete_result li:first-child {padding-top:15px;}
		.autocomplete_area ul.autocomplete_result li:last-child {padding-bottom:15px; border-bottom:1px solid #c8c8c8;}
		.autocomplete_area .autocomplete_util {height:30px;}
		.autocomplete_area .autocomplete_util p {line-height:30px;}
		
		.btn_close_area {display:none;}

		
	/* .header #nav {display:block; position:relative; z-index:999; top:42px; width:100%; height:auto; padding:0; overflow:visible;}
		#nav .gnb_close, #nav .gnb_close2 {display:none;}
		#nav .gnb {position:absolute; width:100%; height:auto; overflow:visible; background:#fff url('images/menu/nav_bg.png') left top repeat-y; border-bottom:2px solid #0080c5;
					box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
		#nav .gnb li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
		#nav .gnb li.m_menu_close {display:none;}
		#nav .gnb li.depth_01 {float:left; clear:none; width:20%; height:auto;}
		#nav .gnb li:last-child.depth_01 {float:right;}
		#nav .gnb li.depth_01 a {display:block; width:100%; padding:16px 0; font-size:16px !important; height:auto; color:#333; border-bottom:none; text-indent:0; text-align:center; font-weight:bold; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff;}
		#nav .gnb li.depth_01 a.hover {padding:18px 0; padding:16px 0 12px 0; border-bottom:4px solid #f49308; color:#f49308; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
		#nav .gnb li.depth_01 > a:hover {padding:18px 0; padding:16px 0 12px 0; border-bottom:4px solid #f49308; color:#f49308; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
		#nav .gnb li.depth_01 > ul {display:none; position:relative; width:100%; overflow:hidden; padding:5px 0 15px 0; border-top:2px solid #0080c5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:none;}
		#nav .gnb li.depth_01 ul .depth_02 {float:left; width:100%; padding:0 2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:none; border-right:none;}
		#nav .gnb li.depth_01 ul .depth_02 a { padding:10px 5px 10px 8px; background:none; letter-spacing:-1px; font-size:15px !important; color:#555; font-weight:bold; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; white-space:normal; overflow:visible; text-overflow:clip;}
		#nav .gnb li.depth_01 ul .depth_02 a:hover {background:#f49308; color:#fff;} */
	
	.header #nav {display:block; position:relative; z-index:999; top:42px; width:100%; height:auto; padding:0; overflow:visible;}
		#nav .gnb_close, #nav .gnb_close2 {display:none;}
		#nav .gnb {position:absolute; width:100%; height:auto; overflow:visible; border-bottom:2px solid #0080c5;
					box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
		#nav .gnb li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
		#nav .gnb li.m_menu_close {display:none;}
		#nav .gnb li.depth_01 {float:left; clear:none; height:auto;}
		#nav .gnb li:last-child.depth_01 {float:right;}
		#nav .gnb li.depth_01 a {display:block; width:100%; padding:16px 0; font-size:16px !important; height:auto; color:#333; border-bottom:none; text-indent:0; text-align:center; font-weight:bold; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff;}
		#nav .gnb li.depth_01 a.hover {padding:18px 0; padding:16px 0 12px 0; border-bottom:4px solid #C35500; color:#C35500; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
		#nav .gnb li.depth_01 > a:hover {padding:18px 0; padding:16px 0 12px 0; border-bottom:4px solid #C35500; color:#C35500; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
		#nav .gnb li.depth_01 > ul {display:none; position:relative; width:100%; overflow:hidden; padding:5px 0 15px 0; border-top:2px solid #0080c5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:none;}
		#nav .gnb li.depth_01 ul .depth_02 {float:left; width:100%; padding:0 2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:none; border-right:none;}
		#nav .gnb li.depth_01 ul .depth_02 a { padding:10px 5px 10px 8px; background:none; letter-spacing:-1px; font-size:15px !important; color:#555; font-weight:bold; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; white-space:normal; overflow:visible; text-overflow:clip;}
		#nav .gnb li.depth_01 ul .depth_02 a:hover {background:#C35500; color:#fff;}
		
		#nav .gnb.gnb_4 {background:#fff url('images/menu/nav_bg_4.png') left top repeat-y;}
		#nav .gnb.gnb_4 li.depth_01 {width: 25%;}
		#nav .gnb.gnb_5 {background:#fff url('images/menu/nav_bg_5.png') left top repeat-y;}
		#nav .gnb.gnb_5 li.depth_01 {width: 20%;}
		#nav .gnb.gnb_6 {background:#fff url('images/menu/nav_bg_6.png') left top repeat-y;}
		#nav .gnb.gnb_6 li.depth_01 {width: 16.66666666666667%;}
		/* #nav .gnb.gnb_6 li:last-child.depth_01 {width:166.6px;} */
		#nav .gnb.gnb_7 {background:#fff url('images/menu/nav_bg_7.png') left top repeat-y;}
		#nav .gnb.gnb_7 li.depth_01 {width: 14.28571428571429%;}
		/* #nav .gnb.gnb_7 li:last-child.depth_01 {width:142.6px;} */
		
	

	
	/* Location */
	.location2_section {width:1000px; margin:0 auto;}
		h2.location2_title {left:0;}

	/* ************************************************* Location - 사용 안함 ****************************************************** */
	.location_section_area {width:1000px; margin:0 auto;}
	/* 타이틀 영역 */
	.location_title_area  p {display:block; position:absolute; right:10px; bottom:7px; color:#666;}
	
	/* SNS 공유 */
	.sns_copy_btn {position:absolute; right:10px; bottom:13px;}
	
	/* 긴급공지 */
	.emergency_notice {width:1000px; margin:3px auto; padding:5px 10px 7px 10px;}
	
	/* 콘텐츠 영역 CSS */
	#content_section{width:1000px; margin:30px auto 0 auto;}
	
	.title_area_add ul.publish_info_02 {margin:30px 0 0 0;}
	
	/* 하단배너 CSS */	
		.banner_area {width:1000px;}
		.banner_area .listWrap {width:870px; margin-left:0;}
		.banner_area .listWrap ul.list li {margin:0 12px 0 0;}

	/* 푸터 영역 CSS 여기부터 수정 할것 */
	.footer{margin-top:50px;}
		.footer_area {width:1000px; margin:0 auto; height:140px; position:relative;}
			h1.f_logo {width:175px; height:40px; position:absolute; left:0; top:5px;}
			h1.f_logo img {width:175px; height:40px;}
			ul.f_link {margin:25px 0 0 200px;}
			div.address {margin:10px 0 0 200px;}
			div.address span {display:inline-block;}
			.footer_txt {margin-top:8px; color:#777; font-size:12px;}
			.footer_txt .noemail {margin:0;}
			.footer_txt .copyright {margin:0;}
			.all_visit {display:block; position:absolute; right:0; top:0; border:1px solid #0088cc; border-radius:5px; text-align:center; padding:10px 10px; color:#0088cc; background:#fff;}
			.rss_area {left:870px; top:75px;}
		
	/* 기본 CSS */
	.back-to-top {bottom: 2.5em; right: 3em;}
}












/*============================================================================================================================
													board.css
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/

/* 입력필수사항 */
.required {font-size:14px; color:#333;/*background:url('images/board/required.png') no-repeat left center;*/}

/* 페이지 설명 */
div.mailing_btn {margin:0 0 0 10px; text-align:left;}
.newContent_btn {margin:0 0 5px 9px; text-align:left;}
.newTabContent_btn {margin:0 0 5px 9px; text-align:left;}

.page_info_area {width:96%; margin:0 auto 20px auto; padding:18px 13px 18px 13px; background:#fff9f0; border:1px solid #d9d9d9; border-radius:3px; overflow:hidden;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.page_info_area ul {margin:0; padding:0;}
.page_info_area ul li {list-style:none; padding-left:10px; background:url('images/common/icon/bullet1.png') left 6px no-repeat; margin-bottom:5px;}
.page_info_area ul li:last-child {margin-bottom:0;}
.page_info_area ul li a {color:#0079b6; font-weight:bold;}
.page_info_area ul li a:hover {}
.page_info_area .page_info_btn {margin-top:10px;}

/*  ****************************  페이지 내 서치바  ****************************  */
/* 페이지 내 서치바 기본 */
.uni-serchbox {width:96%; margin:20px auto 0 auto; padding:15px 13px; background:#f8f8f8; border:1px solid #d9d9d9; border-radius:3px;
 	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.uni-serchbox .uni-search .RadioCheckbox {text-align:left; margin-top:6px;}
.uni-serchbox .uni-search select {width:100%; height:36px; line-height:32px; padding-left:5px; margin-bottom:7px;}
.uni-serchbox .uni-search .searchbox_input {width:100%; height:36px;/*  line-height:32px; */ text-indent:5px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    safari only override 
    ::i-block-chrome,
    .uni-serchbox .uni-search .searchbox_input {height:38px;}
}
.uni-serchbox .uni-search .searchbox_btn {margin-top:7px; text-align:right;}

/* 총 게시물 */
.data_number {width:96%; margin:10px auto 5px auto;}
.data_number p {display:inline-block; padding:6px 10px; background:#f8f8f8; border:1px solid #d9d9d9; border-radius:3px;}

/* 총 게시물 및 버튼이 같이 있는 양식 */
.data_number_button {width:96%; margin:10px auto 5px auto; overflow:hidden;}
.data_number_button .data_number {width:50%; margin:5px 0 0 0; float:left;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.data_number_button .button_area {width:50%; float:right; text-align:right;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*  ****************************  리스트  ****************************  */
/* 가로리스트 스타일 */
.uni-list-table-uesr {width:100%; background:#fff;}
.uni-list-table-uesr caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; }
.uni-list-table-uesr thead, .uni-list-table-uesr tbody {font-size:0.875em; text-align:center;}
.uni-list-table-uesr thead {color:#333;}
.uni-list-table-uesr tbody, .board_table tbody a {color:#333;}
.uni-list-table-uesr tr th {height:30px; line-height:18px; padding:5px 3px; background:#fafafa; border-top:2px solid #0080c5; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-list-table-uesr tr td {height:30px; line-height:18px; padding:5px 3px; border-bottom:1px dashed #d9d9d9; vertical-align:middle;}
.uni-list-table-uesr tr:last-child td {padding:5px 3px; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-list-table-uesr tr td.subject {text-align:left; padding:5px 10px; line-height:18px;}
.uni-list-table-uesr tr td a:hover {text-decoration:underline;}
.uni-list-table-uesr tr.recommendation {background:#f9f9f9;}
.uni-list-table-uesr tr.recommendation td.subject {padding-left:42px; background:url('images/common/icon/recommendation2.gif') no-repeat 10px 15px; font-weight:bold;}
.uni-list-table-uesr tr.recommendation td.subject a {color:#257bca;}
.uni-list-table-uesr tr td.subject a:hover {text-decoration:underline;}
.uni-list-table-uesr tr td.subject.txt_lock {padding-left:25px; background:url('images/board/txt_lock.png') no-repeat 10px center;}
.uni-list-table-uesr tr td.subject.txt_lock {padding-left:25px; background:url('images/board/txt_lock.png') no-repeat 10px center;}
.uni-list-table-uesr tr td.subject.new {padding-left:34px; background:url('images/board/new2.png') no-repeat 10px center;}
.uni-list-table-uesr tr td.subject.reply {text-align:left; padding:5px 10px 5px 30px; line-height:18px; background:url('images/board/reply.png') no-repeat 13px center;}
.uni-list-table-uesr tr td.subject .reply {margin-left:15px; color:#00828A; font-weight:bold;}
.uni-list-table-uesr tr td input {height:30px; /* line-height:30px; */ padding:0 5px;}
.uni-list-table-uesr tr td select {height:30px; line-height:30px; padding:0 0 0 3px;}
.uni-list-table-uesr tr td textarea {padding:10px;}

/* 가로리스트 스타일 */
.uni-list-table {width:100%; background:#fff;}
.uni-list-table caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.uni-list-table thead, .uni-list-table tbody {font-size:14px; text-align:center;}
.uni-list-table thead {color:#333;}
.uni-list-table tbody, .board_table tbody a {color:#333;}
.uni-list-table tr th {height:30px; line-height:18px; padding:5px 3px; background:#fafafa; border-top:2px solid #0080c5; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-list-table tr td {height:30px; line-height:18px; padding:5px 3px; border-bottom:1px dashed #d9d9d9; vertical-align:middle;}
.uni-list-table tr:last-child td {padding:5px 3px; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-list-table tr td.subject {text-align:left; padding:5px 10px; line-height:18px;}
.uni-list-table tr td a:hover {text-decoration:underline;}
.uni-list-table tr.recommendation {background:#f9f9f9;}
.uni-list-table tr.recommendation td.subject {padding-left:42px; background:url('images/common/icon/recommendation2.gif') no-repeat 10px 15px; font-weight:bold;}
.uni-list-table tr.recommendation td.subject a {color:#257bca;}
.uni-list-table tr td.subject a:hover {text-decoration:underline;}
.uni-list-table tr td.subject.txt_lock {padding-left:25px; background:url('images/board/txt_lock.png') no-repeat 10px center;}
.uni-list-table tr td.subject.txt_lock {padding-left:25px; background:url('images/board/txt_lock.png') no-repeat 10px center;}
.uni-list-table tr td.subject.new {padding-left:34px; background:url('images/board/new2.png') no-repeat 10px center;}
.uni-list-table tr td.subject.reply {text-align:left; padding:5px 10px 5px 30px; line-height:18px; background:url('images/board/reply.png') no-repeat 13px center;}
.uni-list-table tr td.subject .reply {margin-left:15px; color:#00828A; font-weight:bold;}
.uni-list-table tr td input {height:30px; /* line-height:30px; */ padding:0 5px;}
.uni-list-table tr td select {height:30px; line-height:30px; padding:0 0 0 3px;}
.uni-list-table tr td textarea {padding:10px;}

/*  **************************** 데이터테이블 기본 ****************************  */
.hz_dtable {width:100%; background:#fff;}
.hz_dtable caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.hz_dtable thead, .hz_dtable tbody {font-size:13px; text-align:center;}
.hz_dtable thead {color:#333;}
.hz_dtable tbody, .board_table tbody a {color:#333;}
.hz_dtable thead tr th {height:30px; line-height:18px; padding:5px 3px; background:#fafafa; border-top:2px solid #666; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.hz_dtable thead tr th.in_th {padding:14px 3px; background:#fafafa; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.hz_dtable thead tr th.rnone {border-right:none;}
.hz_dtable tbody tr td {height:30px; line-height:18px; padding:5px 3px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; vertical-align:middle;}
.hz_dtable tbody tr td.subject {text-align:left; padding:5px 10px; line-height:18px;}
.hz_dtable tbody tr td a {}
.hz_dtable tbody tr td.subject a:hover {text-decoration:underline;}
.hz_dtable tbody tr td.rnone {border-right:none;}
.hz_dtable tbody tr td.bg {background:#fafafa;}

/*  **************************** 데이터테이블 기본2 ****************************  */
.hz_dtable2 {width:100%; background:#fff; font-size:13px; text-align:center;}
.hz_dtable2 caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.hz_dtable2 tbody, .board_table tbody a {color:#333;}
.hz_dtable2 tbody {border-top:2px solid #666 !important;}
.hz_dtable2 tr th {height:30px; line-height:18px; padding:5px 3px; background:#fafafa; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.hz_dtable2 tr th.in_th {padding:14px 3px; background:#fafafa; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.hz_dtable2 tr th.rnone {border-right:none;}
.hz_dtable2 tr td {height:30px; line-height:18px; padding:5px 3px; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; vertical-align:middle;}
.hz_dtable2 tr td.subject {text-align:left; padding:5px 10px; line-height:18px;}
.hz_dtable2 tr td a {}
.hz_dtable2 tr td.subject a:hover {text-decoration:underline;}
.hz_dtable2 tr td.rnone {border-right:none;}
.hz_dtable2 tr td.bg {background:#fafafa;}	

/*  ****************************  동영상 리스트  ****************************  
ul.uni-movie-list-ul {width:100%; overflow:hidden; margin:0; padding:0; border-top:2px solid #0080c5;}
ul.uni-movie-list-ul > li {width:100%; padding:10px; float:left; list-style:none; border-bottom:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.uni-movie-list-ul > li > ul {margin:0; padding:0;}
ul.uni-movie-list-ul > li > ul > li {font-size:14px; color:#666; line-height:18px; list-style:none; display:inline-block; margin-right:15px;}
ul.uni-movie-list-ul > li > ul > li.data_list_movie {text-align:center; margin-bottom:10px; display:block; width:100%;}
ul.uni-movie-list-ul > li > ul > li.data_list_movie video {max-width:100%; width:auto; vertical-align:middle;}
ul.uni-movie-list-ul > li > ul > li.data_list_title {font-weight:bold; padding-bottom:10px; display:block; width:100%;}
ul.uni-movie-list-ul > li > ul > li.data_list_title a:hover {text-decoration:underline;}
ul.uni-movie-list-ul > li > ul > li.data_list_button {display:block; width:100%; margin-top:10px;}
ul.uni-movie-list-ul > li > ul > li > span img {line-height:18px; vertical-align:middle; padding-left:3px;}

.movie_view_area {}
*/

/* start:티젠소프트 동영상 관련 */
.video-container{max-width:1280px; height:auto; margin:0 auto;}
.vodWrap {position:relative; width:100%; padding-bottom:56.25%; overflow:hidden;}
.vodWrap iframe {position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}

ul.uni-movie-list-ul {width:100%; overflow:hidden; margin:0; padding:0; border-top:2px solid #0080c5;}
ul.uni-movie-list-ul > li {width:100%; padding:20px; float:left; list-style:none; border-bottom:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.uni-movie-list-ul > li > ul {margin:0; padding:0;}
ul.uni-movie-list-ul > li > ul > li {font-size:14px; color:#666; line-height:18px; list-style:none; display:inline-block; margin-right:15px;}
ul.uni-movie-list-ul > li > ul > li.data_list_movie {text-align:center; margin-bottom:10px; display:block; width:100%;}
ul.uni-movie-list-ul > li > ul > li.data_list_movie video {max-width:100%; width:auto; vertical-align:middle;}
ul.uni-movie-list-ul > li > ul > li.data_list_title {font-weight:bold; padding-bottom:10px; display:block; width:100%;}
ul.uni-movie-list-ul > li > ul > li.data_list_title a:hover {text-decoration:underline;}
ul.uni-movie-list-ul > li > ul > li.data_list_button {display:block; width:100%; margin-top:10px;}
ul.uni-movie-list-ul > li > ul > li > span img {line-height:18px; vertical-align:middle; padding-left:3px;}

.movie_view_area {}

/*  ****************************  갤러리 등 이미지 리스트  ****************************  */
ul.uni-data-list-ul {width:100%; overflow:hidden; margin:0; padding:0; border-top:2px solid #0080c5;}
ul.uni-data-list-ul > li {width:100%; padding:20px; float:left; list-style:none; border-bottom:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.uni-data-list-ul > li > ul {margin:0; padding:0;}
ul.uni-data-list-ul > li > ul > li {font-size:14px; color:#666; line-height:18px; list-style:none;}
ul.uni-data-list-ul > li > ul > li.data_list_img {text-align:center;  margin-bottom:10px;}
ul.uni-data-list-ul > li > ul > li.data_list_img img {max-width:100%; width:auto; vertical-align:middle;}
ul.uni-data-list-ul > li > ul > li.data_list_title {font-weight:bold; padding-bottom:10px;}
ul.uni-data-list-ul > li > ul > li.data_list_title a:hover {text-decoration:underline;}
ul.uni-data-list-ul > li > ul > li > span img {line-height:18px; vertical-align:middle; padding-left:3px;}

/*  **************************** 갤러리 view ****************************  */
.gallery {border-top:2px solid #0080c5; padding-top:5px;}
.gallery-list {display:inline-block; margin-right:-5px;}
.gallery-list .gallery-img {max-width:100%; width:100%; cursor:pointer; padding:3px 4px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.gallery-list .gallery-img:hover {opacity:0.8;}
.gallery-list .gallery-img img {vertical-align:bottom;}
/* 검색결과 없음 화면 */
.gallery-list ul {padding:0; margin:0;}
.gallery-list ul li {list-style:none; }

.gallery-show {text-align:center; position:relative; background:#333; width:98%; margin:0 0 4px 4px; float:left; padding:25px 25px 30px 25px; display:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	box-shadow:inset 0 1px 5px #111; -webkit-box-shadow:inset 0 1px 5px #111; -moz-box-shadow:inset 0 1px 5px #111;}
.gallery-show .gallery-current-img {max-width:100%; box-shadow:0 1px 4px #222; border:1px solid #222;}
.gallery-show .gallery-float {float:left;}
.gallery-show .gallery-close {text-indent:-50000px;line-height:0;font-size:0;opacity:0.7; z-index:10; cursor:pointer; position:absolute; top:25px; right:25px; background:#333 url(images/board/close.png) no-repeat center center !important; width:35px; height:35px;}
.gallery-show .gallery-close:hover {opacity:1;}
.gallery-show .gallery-down {margin-top:20px;}
.gallery-show a.gallery-preview {text-indent:-50000px;line-height:0;font-size:0;position:absolute; z-index:5; display:block; width:40px; height:100%; left:10px; top:0; background:url(images/board/nav.png) no-repeat left center;}
.gallery-show a.gallery-preview:hover {background:url(images/board/nav_over.png) no-repeat left center;}
.gallery-show a.gallery-next {text-indent:-50000px;line-height:0;font-size:0;position:absolute; z-index:5; display:block; width:40px; height:100%; right:10px; top:0; background:url(images/board/nav.png) no-repeat right center;}
.gallery-show a.gallery-next:hover {background:url(images/board/nav_over.png) no-repeat right center;}

.gallery-list {width:50%;}


/*  ****************************  컨텐츠 탭  ****************************  */
ul.content_tab {width:100%; font-size:15px; overflow:hidden; border-left:1px solid #d9d9d9; border-bottom:2px solid #358090; margin:0 0 20px 0; padding:0; background:#fff;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.content_tab li {float:left; width:50%; height:50px; line-height:50px; text-align:center; list-style:none; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.content_tab li a {display:block; height:50px; line-height:50px; color:#333;}
ul.content_tab li a:hover {color:#fff; font-weight:bold; background: #358090 url('images/board/tab_bg.png') right bottom no-repeat;}
ul.content_tab li.on {background: #358090 url('images/board/tab_bg.png') right bottom no-repeat; color:#fff;}
ul.content_tab li.on a {color:#fff; font-weight:bold;}

/* tab */
ul.content_tab.tab2 li {width:50%;}
ul.content_tab.tab3 li {width:50%;}
ul.content_tab.tab4 li {width:50%;}
ul.content_tab.tab5 li {width:50%;}
ul.content_tab.tab6 li {width:50%;}
ul.content_tab.tab7 li {width:50%;}
ul.content_tab.tab8 li {width:50%;}
ul.content_tab.tab9 li {width:50%;}
ul.content_tab.tab10 li {width:50%;}

/*  ****************************  컨텐츠 탭  ****************************  */
ul.content_tab-user {width:100%; font-size:0.938em; overflow:hidden; border-left:1px solid #d9d9d9; border-bottom:2px solid #337e9f; margin:0 0 20px 0; padding:0; background:#fff;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.content_tab-user li {float:left; width:50%; height:50px; line-height:50px; text-align:center; list-style:none; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.content_tab-user li a {display:block; height:50px; line-height:50px; color:#333;}
ul.content_tab-user li a:hover {color:#fff; font-weight:bold; background: #337e9f url('images/board/tab_bg.png') right bottom no-repeat;}
ul.content_tab-user li.on {background: #337e9f url('images/board/tab_bg.png') right bottom no-repeat; color:#fff;}
ul.content_tab-user li.on a {color:#fff; font-weight:bold;}

/* tab */
ul.content_tab-user.tab2 li {width:50%;}
ul.content_tab-user.tab3 li {width:50%;}
ul.content_tab-user.tab4 li {width:50%;}
ul.content_tab-user.tab5 li {width:50%;}
ul.content_tab-user.tab6 li {width:50%;}
ul.content_tab-user.tab7 li {width:50%;}
ul.content_tab-user.tab8 li {width:50%;}
ul.content_tab-user.tab9 li {width:50%;}
ul.content_tab-user.tab10 li {width:50%;}

/*  ****************************  상세보기 화면  ****************************  */
/* 상세보기 화면 */
.viewwrap {margin:0; width:100%; background:#fff;}
.viewwrap > .infobox {padding-top:20px; border-top:3px solid #333; background:#f8f8f8; overflow:hidden;}
.viewwrap > .infobox > .infobox_thumbnail {float:left; position:relative; top:-10px;}
.viewwrap > .infobox > .infobox_thumbnail img {padding:5px; background:#fff; border:1px solid #d9d9d9; margin:0 15px; max-height:80px; width:auto;}
.viewwrap > .infobox > h4 {margin-bottom:19px; padding:0 10px; color:#333; font-size:23px; line-height:27px;}
.viewwrap > .infobox > h4.reply {margin-bottom:19px; padding:0 10px; color:#46900b; font-size:23px; line-height:27px;}
.viewwrap > .infobox > .info {padding:9px 10px 15px 10px; color:#727272; font-size:14px; line-height:20px; border-bottom:1px solid #d9d9d9;}
.viewwrap > .infobox > .info > p {display:inline-block; padding:0 13px 0 0; margin-right:20px; color:#777; font-size:14px; line-height:18px;}
.viewwrap > .infobox > .info > p:last-child{padding-right:0;margin-right:0;}
.viewwrap > .infobox > .info > p > span {color:#333; padding-left:15px;}
.download_file {font-size:14px; color:#333; padding:10px; line-height:20px; clear:both; border-bottom:1px solid #d9d9d9;}
.download_file a {display:inline-block; margin-right:10px; padding:3px 0;}
.download_file a:hover {text-decoration:underline;}
.download_file a img {width:17px; height:20px; margin-right:3px;}
.viewwrap > .infobox > .view_button_area {padding:10px; border-bottom:1px solid #d9d9d9; text-align:center;}

.viewwrap .editor_area {padding:20px 10px; min-height:50px; font-size:15px; letter-spacing:0; line-height:21px; color:#333; border-bottom:1px solid #d9d9d9; overflow:hidden;}
.viewwrap .editor_area img {display:block; max-width:100%; height:auto !important; margin:0 auto;}
.viewwrap .editor_area:after {clear:both;}

/* 이전글 현재글 다음글 */
.uni-view-list {width:100%; margin-top:30px; background:#fff;}
.uni-view-list caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.uni-view-list tbody {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:14px;  color:#333;}
.uni-view-list tbody tr.now_list {background:#f8f8f8; font-weight:bold;}
.uni-view-list tbody tr td {padding:14px 3px; border-bottom:1px dashed #d9d9d9; vertical-align:middle; text-align:center;}
.uni-view-list tbody tr td img {vertical-align:middle;}
.uni-view-list tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px;}
.uni-view-list tbody tr td.subject a:hover {text-decoration:underline;}
.uni-view-list tbody tr td.subject.txt_lock {padding-left:25px; background:url('images/board/txt_lock.png') no-repeat 8px center;}
.uni-view-list tbody tr:last-child td {border-bottom:none;}
.uni-view-list tbody tr td:nth-child(1) {width:20%;}
.uni-view-list tbody tr td:nth-child(2) {width:auto;}
.uni-view-list tbody tr td:nth-child(3) {display:none;}
.uni-view-list tbody tr td:nth-child(4) {display:none;}

/*  ****************************  쓰기 화면  ****************************  */
/* 쓰기 공통 */
.uni-form-table {width:100%; border-collapse:collapse; font-size:14px; position:relative;}
.uni-form-table caption{position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.uni-form-table tbody {border-top:2px solid #0080c5;}
.uni-form-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle;}
.uni-form-table tbody th {padding:5px 10px; background:#fafafa; text-align:center; color:#333; height:30px; line-height:18px; background-color:#fafafa; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-form-table tbody th.emphasis {background:#fff4e3;}
.uni-form-table tbody td {padding:5px 10px; border-bottom:1px solid #d9d9d9; color:#333; height:30px; line-height:18px; text-align:left; background:#fff; vertical-align:middle;}
.uni-form-table tbody td input {height:30px; /* line-height:25px; */ padding:0 5px;}
.uni-form-table tbody td select {height:30px; line-height:25px; padding:0 20px 0 10px;}
.uni-form-table.new tbody td select {padding:0 0 0 5px;}
.uni-form-table tbody td textarea {padding:10px;}
.uni-form-table tbody td span {line-height:28px;}
.uni-form-table input {border-radius:3px;}
.hline_n {line-height:30px !important;}

/* 쓰기 넓이 */
.uni-form-table tbody tr th {width:27%;}
.uni-form-table tbody tr td {width:auto;}
.uni-form-table.newpd tbody tr th {padding:5px 5px}
.uni-form-table.newpd tbody tr td {padding:5px 5px}

/* 쓰기 기본 : 2단 이상용 */
.uni-form-basic-table {width:100%; border-collapse:collapse; font-size:14px; position:relative;}
.uni-form-basic-table caption{position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.uni-form-basic-table tbody {border-top:2px solid #0080c5;}
.uni-form-basic-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle;}
.uni-form-basic-table tbody th {padding:5px 10px; background:#fafafa; text-align:center; color:#333; height:30px; line-height:18px; background-color:#fafafa; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-form-basic-table tbody td {padding:5px 10px; border-bottom:1px solid #d9d9d9; color:#333; height:30px; line-height:18px; text-align:left; background:#fff; vertical-align:middle;}
.uni-form-basic-table tbody td input {height:30px; /* line-height:25px; */ padding:0 5px;}
.uni-form-basic-table tbody td select {height:30px; line-height:25px; padding:0 0 0 5px;}
.uni-form-basic-table tbody td textarea {padding:10px;}
.uni-form-basic-table tbody td span {line-height:28px;}
.uni-form-basic-table input {border-radius:3px;}

.uni-form-basic-table.green tbody {border-top:2px solid #72a030;}

/*  ****************************  설문조사  ****************************  */
ul.research_result {padding:0; margin:0;}
ul.research_result li {list-style:none; padding-left:18px; font-size:16px; line-height:20px; color:#675441; background:url('images/common/icon/ico_circle.png') no-repeat left 4px; border-bottom:1px dashed #d9d9d9; margin-top:15px; padding-bottom:15px;}
ul.research_result li:last-child {border-bottom:none;}
ul.research_result li ul {padding:0 0 0 0; margin:10px 0 0 0;}
ul.research_result li ul li {line-height:20px; padding:0 0 0 10px; margin:0 0 5px 0; font-size:15px; color:#333; background: url('images/common/icon/bullet0.png') left 12px no-repeat; border:none;}
ul.research_result li ul li span {display:inline-block; font-size:16px; font-weight:bold; color:#fc6412;}
ul.research_result li ul li .graph_area {width:100%; height:10px; background-color:#ebebeb; position:relative; margin-top:5px;}
ul.research_result li ul li .graph_area .graph {height:10px; border-right:2px solid #e43e3e; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
background: #ffc600; /* Old browsers */
background: -moz-linear-gradient(left, #ffc600 0%, #f9991b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffc600), color-stop(100%,#f9991b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffc600 0%,#f9991b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffc600 0%,#f9991b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffc600 0%,#f9991b 100%); /* IE10+ */
background: linear-gradient(to right, #ffc600 0%,#f9991b 100%); /* W3C */
}
ul.research_result li ul li input {height:30px; /* line-height:25px; */ padding:0 5px; border-radius:3px;}
ul.research_result li ul li.icon_none {background:none; padding:0;}

/*  ****************************  리스트 페이징  ****************************  */
/* Paging */
.page_select	{margin:30px 0 0 0; text-align:center; padding-bottom: 50px;}
.page_select ol	{display:inline-block; height:32px; padding:0; margin:0;}
.page_select ol:after {clear:none; float:none;}
.page_select ol li {float:left; margin-right:3px; border:1px solid #d9d9d9; border-radius:3px; width:28px; height:28px; vertical-align: top; list-style: none;}
.page_select ol li a{display:block; width:28px; height:28px; line-height:28px; font-size:0.813em; font-size:0.813rem; background:#fff;  text-align:center; border-radius:3px; color:#333; transition:all 0.2s;}
.page_select ol li a:hover{color:#fff; width:28px; height:28px; line-height:28px; font-weight:bold;  background:#f49309; border:none; margin-bottom:2px;}
.page_select ol li.btn_prev_first, .page_select ol li.btn_prev_more, .page_select ol li.btn_prev, .page_select ol li.btn_next, .page_select ol li.btn_next_more, .page_select ol li.btn_next_last {text-indent:-9999px;}
.page_select ol li.btn_prev_first a:hover, .page_select ol li.btn_prev_more a:hover, .page_select ol li.btn_prev a:hover, 
.page_select ol li.btn_next a:hover, .page_select ol li.btn_next_more a:hover, .page_select ol li.btn_next_last a:hover {}
.page_select ol li.pcurrent {width:28px; font-size:0.813em; font-size:0.813rem; line-height:28px; text-align:center; border-radius:3px; color:#fff;  font-weight:bold;  background:#f49309;}
.page_select ol li.btn_prev_first	{background: #fff url('images/board/paging/btn_prev_first.png') center center no-repeat;}
.page_select ol li.btn_prev_more 	{background: #fff url('images/board/paging/btn_prev_more.png') center center no-repeat;}
.page_select ol li.btn_prev			{background: #fff url('images/board/paging/btn_prev.png') center center no-repeat; margin-right:9px;}
.page_select ol li.btn_next			{background: #fff url('images/board/paging/btn_next.png') center center no-repeat; margin-left:9px;}
.page_select ol li.btn_next_more	{background: #fff url('images/board/paging/btn_next_more.png') center center no-repeat;}
.page_select ol li.btn_next_last	{background: #fff url('images/board/paging/btn_next_last.png') center center no-repeat;}

.page_select ol li.btn_prev_first a	{background: #fff url('images/board/paging/btn_prev_first_on.png') center center no-repeat;}
.page_select ol li.btn_prev_more a 	{background: #fff url('images/board/paging/btn_prev_more_on.png') center center no-repeat;}
.page_select ol li.btn_prev a		{background: #fff url('images/board/paging/btn_prev_on.png') center center no-repeat;}
.page_select ol li.btn_next a		{background: #fff url('images/board/paging/btn_next_on.png') center center no-repeat;}
.page_select ol li.btn_next_more a	{background: #fff url('images/board/paging/btn_next_more_on.png') center center no-repeat;}
.page_select ol li.btn_next_last a	{background: #fff url('images/board/paging/btn_next_last_on.png') center center no-repeat;}

.page_select ol li.btn_prev_first a:hover	{background: #f49309 url('images/board/paging/btn_prev_first_over.png') center center no-repeat;}
.page_select ol li.btn_prev_more a:hover 	{background: #f49309 url('images/board/paging/btn_prev_more_over.png') center center no-repeat;}
.page_select ol li.btn_prev a:hover			{background: #f49309 url('images/board/paging/btn_prev_over.png') center center no-repeat;}
.page_select ol li.btn_next a:hover			{background: #f49309 url('images/board/paging/btn_next_over.png') center center no-repeat;}
.page_select ol li.btn_next_more a:hover	{background: #f49309 url('images/board/paging/btn_next_more_over.png') center center no-repeat;}
.page_select ol li.btn_next_last a:hover	{background: #f49309 url('images/board/paging/btn_next_last_over.png') center center no-repeat;}

/* 입력폼 사진영역 */
.uf_request_imgarea {display:none;}
.uf_request_imgarea.newhei {height:145px !important;}


/* 쓰기 공통 */
.uni-form-resize-table {width:100%; border-collapse:collapse; font-size:14px; position:relative;}
.uni-form-resize-table caption{position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.uni-form-resize-table tbody {border-top:2px solid #0080c5;}
.uni-form-resize-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle;}
.uni-form-resize-table tbody th {padding:5px 10px; background:#fafafa; text-align:center; color:#333; height:30px; line-height:18px; background-color:#fafafa; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-form-resize-table tbody th.emphasis {background:#fff4e3;}
.uni-form-resize-table tbody td {padding:5px 10px; border-bottom:1px solid #d9d9d9; color:#333; height:30px; line-height:18px; text-align:left; background:#fff; vertical-align:middle;}
.uni-form-resize-table tbody td input {height:30px; /* line-height:25px; */ padding:0 5px;}
.uni-form-resize-table tbody td select {height:30px; line-height:25px; padding:0 0 0 5px;}
.uni-form-resize-table tbody td textarea {padding:10px;}
.uni-form-resize-table tbody td span {line-height:28px;}
.uni-form-resize-table input {border-radius:3px;}

/* 쓰기 넓이 */
.uni-form-resize-table tbody tr th {width:10%;}
.uni-form-resize-table tbody tr td {width:auto;}

/*======================================
			태블릿 CSS
========================================*/ 
@media all and (min-width:768px){
	
	/* 페이지 설명 */
	div.mailing_btn {margin:0; position:absolute; top:0; right:10px;}
	.newContent_btn {margin:0; position:absolute; top:0; right:10px;}
	.newTabContent_btn {margin:0; position:absolute; top:65px; right:10px;}
    .newTabContentPds_btn {margin:0; position:absolute; right:10px;}
    .newTabContentPolice_btn {margin:0; position:absolute; top:137px; right:10px;}
    .newTabContentBrd_btn {margin:0; position:absolute; top:65px; right:10px;}
    .newTabContentPromote_btn {margin:0; position:absolute; top:80px; right:10px;}
	.page_info_area {padding:18px 15px 18px 75px; background:#fff9f0 url('images/common/icon/icon_info.png') 20px center no-repeat;}
	.page_info_area p {float:left; width:78%; margin-top:7px;}
	.page_info_area .page_info_btn {margin-top:0; float:right; width:143px; text-align:right;}

	/* 페이지 내 서치바 기본 */
	.uni-serchbox {padding:10px 15px; position:relative;}
	.uni-serchbox .uni-search {width:100%; text-align:center;}
	.uni-serchbox .uni-search .search_area .RadioCheckbox {display:inline-block;}
	.uni-serchbox .uni-search select {width:auto; margin-bottom:0;}
	.uni-serchbox .uni-search .search_area {margin-bottom:7px;}
	.uni-serchbox .uni-search .search_area select.area {width:auto;}
	.uni-serchbox .uni-search .search_basic select {width:auto; min-width:100px; display:inline-block;}
	.uni-serchbox .uni-search .search_basic .searchbox_input {margin-top:0; width:300px; display:inline-block;}
	.uni-serchbox .uni-search .search_basic .searchbox_btn {margin-top:0; text-align:left; display:inline-block;}
	
	/*  ****************************  자료마당 이미지 리스트  ****************************  */
	ul.uni-data-list-ul > li {width:50%; height:350px;}
	ul.uni-data-list-ul > li:nth-child(odd) {border-right:1px solid #d9d9d9;}
	ul.uni-data-list-ul > li > ul > li.data_list_title {padding-top:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	ul.uni-data-list-ul > li > ul > li.data_list_img {height:200px; line-height:200px;}
	ul.uni-data-list-ul > li > ul > li.data_list_img img {max-width:100%; width:auto; max-height:200px; vertical-align:middle;}
	
	/* SuperBox - 갤러리 view */
	.gallery-show {width:99%;}
	.gallery-list {width:25%;}
	
	/*  ****************************  동영상 리스트  ****************************  
	ul.uni-movie-list-ul > li {width:100%; padding:15px 10px;}
	ul.uni-movie-list-ul > li > ul {overflow:hidden;}
	ul.uni-movie-list-ul > li > ul > li.data_list_movie {margin-bottom:0; display:block; width:180px; height:135px; background:#000; float:left; line-height:135px; margin-right:20px;}
	ul.uni-movie-list-ul > li > ul > li.data_list_title {font-size:18px; margin-top:10px; line-height:23px;}
	*/
	ul.uni-movie-list-ul > li {width:50%; height:370px;}
	ul.uni-movie-list-ul > li:nth-child(odd) {border-right:1px solid #d9d9d9;}
	ul.uni-movie-list-ul > li > ul {overflow:hidden;}
	ul.uni-movie-list-ul > li > ul > li.data_list_title { }
	ul.uni-movie-list-ul > li > ul > li.data_list_movie {/* height:200px; line-height:200px;  */background:#000;}
	ul.uni-movie-list-ul > li > ul > li.data_list_movie video {max-width:100%; width:auto; max-height:200px; vertical-align:middle;}
	ul.uni-movie-list-ul > li > ul > li.data_list_title {padding-top:0; margin-top:0; line-height:23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	
	/*  ****************************  컨텐츠 탭  ****************************  */
	/* tab */
	ul.content_tab li {width:25%;}
	
	ul.content_tab.tab2 li {width:50%;}
	ul.content_tab.tab3 li {width:33.33%;}
	ul.content_tab.tab4 li {width:25%;}
	ul.content_tab.tab5 li {width:20%;}
	ul.content_tab.tab6 li {width:16.6666666666667%;}
	ul.content_tab.tab7 li {width:14.28571428571429%;}
	ul.content_tab.tab8 li {width:12.5%;}
	ul.content_tab.tab9 li {width:11.11111111111111%;}
	ul.content_tab.tab10 li {width:10%;}
	
	/* tab */
	ul.content_tab-user li {width:25%;}
	
	ul.content_tab-user.tab2 li {width:50%;}
	ul.content_tab-user.tab3 li {width:33.33%;}
	ul.content_tab-user.tab4 li {width:25%;}
	ul.content_tab-user.tab5 li {width:20%;}
	ul.content_tab-user.tab6 li {width:16.6666666666667%;}
	ul.content_tab-user.tab7 li {width:14.28571428571429%;}
	ul.content_tab-user.tab8 li {width:12.5%;}
	ul.content_tab-user.tab9 li {width:11.11111111111111%;}
	ul.content_tab-user.tab10 li {width:10%;}
	
	/*  ****************************  상세보기 화면  ****************************  */
	.viewwrap > .infobox > h4 {padding:0 20px;}
	.viewwrap > .infobox > h4.reply {padding:0 20px;}
	.viewwrap > .infobox > .info {padding:9px 20px 15px 20px; }
	.viewwrap > .infobox > .download_file {padding:10px 20px;}
	
	.viewwrap .editor_area {padding:20px 15px;}
	
	/* 이전글 현재글 다음글 */
	.uni-view-list tbody tr td:nth-child(1) {width:13%;}
	.uni-view-list tbody tr td:nth-child(2) {width:auto;}
	.uni-view-list tbody tr td:nth-child(3) {width:10%; display:table-cell;}
	.uni-view-list tbody tr td:nth-child(4) {width:15%; display:table-cell;}

	/*  ****************************  쓰기 화면  ****************************  */	
	/* 쓰기 넓이 */
	.uni-form-table tbody tr th {width:20%;}
	.uni-form-table tbody tr td {width:auto;}
	
	/*  ****************************  리스트 페이징  ****************************  */
	/* Paging */
	.page_select ol li {width:32px; height:32px;}
	.page_select ol li a{width:32px; height:32px; line-height:32px;}
	.page_select ol li a:hover{width:32px; height:32px; line-height:32px;}
	.page_select ol li.pcurrent {width:32px; line-height:32px;}

	
	/* 입력폼 사진영역 */
	.uf_request_imgarea {display:block; position:absolute; width:126px; height:162px; text-align:center; top:2px; right:0; /*border:1px solid #d9d9d9;*/ background:#f8f8f8; z-index:1;}
	.uf_request_imgarea p {margin-top:50px;}
	.uf_request_imgarea img {width:100%; height:100%; max-width:126px; max-height:162px;}
	.uf_request_imgarea.newhei img {max-height:145px !important;}
}




/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){

	/* 페이지 설명 */
	div.mailing_btn {right:0;}
	.newContent_btn {right:0;}
	.newTabContent_btn {right:0;}

	.page_info_area {width:100%; padding:18px 20px 18px 75px;}
	
	/* 페이지 내 서치바 기본 */
	.uni-serchbox {width:1000px; padding:9px 20px;}
	.uni-serchbox .uni-search .search_area {margin-bottom:0; display:inline-block;}
	.uni-serchbox .uni-search .search_basic {display:inline-block;}
	
	/* 총 게시물 */
	.data_number {width:100%;}
	
	/* 총 게시물 및 버튼이 같이 있는 양식 */
	.data_number_button {width:100%;}
	
	/*  ****************************  컨텐츠 탭  ****************************  */
	/* tab */
	ul.content_tab li {width:20%;}
	
	/* tab */
	ul.content_tab-user li {width:20%;}
	
	/*  ****************************  이미지 리스트  ****************************  */
	ul.uni-data-list-ul > li:nth-child(odd) {border-right:1px solid #f8f8f8;}
	ul.uni-data-list-ul > li {width:33.33%; height:350px; border-right:1px solid #f8f8f8;}
	ul.uni-data-list-ul > li:nth-child(3n) {border-right:none;}
	
	/*  ****************************  동영상 리스트  ****************************  
	ul.uni-movie-list-ul > li {padding:15px 0;}
	*/
	ul.uni-movie-list-ul > li:nth-child(odd) {border-right:1px solid #f8f8f8;}
	ul.uni-movie-list-ul > li {width:33.33%; height:370px; border-right:1px solid #f8f8f8;}
	ul.uni-movie-list-ul > li:nth-child(3n) {border-right:none;}
	
	/* SuperBox - 갤러리 view */
	.gallery-list {width:20%;}
	
	/*  ****************************  상세보기 화면  ****************************  */
	/* .viewwrap .editor_area {padding:20px 0;} */
}




/*============================================================================================================================
											로그인, 폼 등 시스템 화면
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/

/* 완료화면 */
.basic_complete {width:96%; padding:30px 0; border:3px solid #d9d9d9; margin:40px auto 0 auto; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.basic_complete .basic_complete_img {text-align:center; margin-bottom:20px;}
.basic_complete .basic_complete_txt {width:90%; margin:0 auto; text-align:center;}
.basic_complete .basic_complete_txt p {font-size:14px; color:#333; line-height:23px;}
.basic_complete .basic_complete_txt p.big {font-size:20px; font-weight:bold; line-height:32px; margin-bottom:10px;}

/*  ****************************  2단 폼  ****************************  */
.movie_request_area {}
.form_area_no1 {margin-top:30px;}
.form_area_no2 {margin-top:30px;}

.form_area {padding:0; background:#fff; border:1px solid #e9e9e9; border-radius:5px; width:96%; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.form_area .form_title {width:100%; padding:10px; text-align:center; font-size:18px; line-height:23px; color:#fff; background:#4487ef; border-radius:5px 5px 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.form_area_no2 .form_area .form_title {background:#666;}
.form_area_no2.newst {margin-bottom:5px;}
.form_area_no2.newst .form_area {position:relative;}
.form_area_no2.newst .form_area .form_title {background:#fff;color:#4b4b4b !important;padding:14px 45px 0 20px !important;text-align:left !important;}
.form_area_no2.newst .btn_more {display:inline-block;position:absolute;right:25px;top:20px;width:19px;height:19px;text-indent:-5000px;background:url(/res/theme/reunion_new/images/main/btn_more.png) no-repeat 0 0;}

.newst .form_area ul {padding:10px 20px;}
.form_area ul {overflow:hidden; margin:0; padding:15px 15px;}
.form_area ul li {list-style:none; font-size:14px; color:#333; margin-bottom:10px; line-height:30px;}
.form_area ul li label {display:block; padding-left:5px; border-left:4px solid #99cc33; line-height:16px; font-size:14px; font-weight:bold; color:#555; margin:15px 0 8px 0;}
.form_area ul li:first-child label {margin-top:0;}
.form_area ul li input {height:30px; /* line-height:30px; */ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-indent:10px; border:1px solid #b7b7b7;}
.form_area ul li input::-webkit-input-placeholder {color:#999;}
.form_area ul li input:-moz-placeholder {color:#999; opacity:1;}
.form_area ul li input::-moz-placeholder {color:#999; opacity:1;}
.form_area ul li input:-ms-input-placeholder {color:#999;}
.form_area ul li select {height:30px;}
.form_area ul li a {width:100%; margin-top:10px;}
.form_area .form_button_area {background:#f2f2f2; padding:10px 0; text-align:center;}
.form_area_no2.newst .form_area .form_button_area {background:#fff; padding:5px 20px;margin-bottom:10px;text-align:center;}
.form_area_no2.newst .form_area ul li:last-child {margin-bottom:0;}

/* 진행바 */
ul.basic_process {width:96%; margin:0 auto 30px auto; padding:0; border:1px solid #d9d9d9; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff;}
ul.basic_process li {position:relative; float:left; width:100%; list-style:none; text-align:center; font-size:15px; line-height:48px; color:#333; border-bottom:1px solid #d9d9d9; padding:0; height:48px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.basic_process li:last-child {border-bottom:none;}
ul.basic_process li.on {background:#8db838; color:#fff; font-weight:bold;}
ul.basic_process li.on a {color:#fff; font-weight:bold;}
ul.basic_process li a {display:block; color:#333; width:100%; padding:15px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.basic_process li a:hover {background:#8db838; color:#fff; font-weight:bold;}
ul.basic_process li.on, ul.basic_process li:hover {background:#8db838; color:#fff;}

ul.basic_process.progress_5 li {width:100%;}
ul.basic_process.progress_6 li {width:100%;}
ul.basic_process.progress_13 li {width:100%; font-size:13px; letter-spacing:-1px;}

/* 신청인정보 */
.user_info_area {width:96%; background:#fff; margin:0 auto 10px auto; padding:15px; border:1px solid #d9d9d9; overflow:hidden; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.user_info_area ul.user_info {padding:0; margin:15px 0 0 7px;}
.user_info_area ul.user_info li {list-style:none; float:left; border-left:3px solid #99cc33; height:15px; line-height:15px; margin:0 10px 7px 0; padding-left:7px;}
.user_info_area ul.user_info li span {font-size:16px; font-weight:bold; color:#124b9a;}

/* 폼 입력 안내문구 */
.page_alert {width:96%; padding:15px; margin:0 auto; border:1px solid #d9d9d9; background-color:#fcfae9; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* 실명인증 박스 */
.name_confirmation {border:1px solid #d9d9d9; background:#f9f9f9; border-radius:5px; padding:15px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){
	
	
	
	/* 완료화면 */
	.basic_complete {margin:50px auto 0 auto;}
	.basic_complete .basic_complete_img {float:left; width:25%; text-align:right; margin-bottom:0; text-align:center;}
	.basic_complete .basic_complete_txt {width:73%; margin:0 0 0 25%; text-align:left;}
	
	/* 진행바 */
	ul.basic_process li {font-size:16px; border-left:1px solid #d9d9d9;}
	ul.basic_process li.on, ul.basic_process li:hover {border-left:1px solid #fff !important;}
	ul.basic_process li:first-child {border-left:none !important;}
	
	ul.basic_process li span {display:block; width:0; height:0; position:absolute; right:-9px; top:0;
							border-top:24px solid transparent; border-bottom:24px solid transparent; border-left:8px solid #fff; z-index:2;}
	ul.basic_process li.on span {border-left:8px solid #8db838; right:-8px;}
	ul.basic_process li:hover span {border-left:8px solid #8db838; right:-8px;}
	
	ul.basic_process.progress_5 li {width:33.33%;}
	ul.basic_process.progress_5 li:nth-child(4) {border-left:none !important;} 
	ul.basic_process.progress_5 li:nth-child(4), ul.basic_process.progress_5 li:nth-child(5) {border-bottom:none;}
	
	ul.basic_process.progress_6 li {width:33.33%;}
	ul.basic_process.progress_6 li:nth-child(4) {border-left:none !important;} 
	ul.basic_process.progress_6 li:nth-child(4), ul.basic_process.progress_6 li:nth-child(5), ul.basic_process.progress_6 li:nth-child(6) {border-bottom:none;}
	
	ul.basic_process.progress_13 li {width:33.33%;}
	ul.basic_process.progress_13 li:nth-child(3n+1) {border-left:none !important;}
	
	/* 신청인정보 */
	.user_info_area {padding:15px; background: #fff url('images/board/info_bg.png') right top no-repeat;}
	.user_info_area ul.user_info {margin:15px 0 0 10px;}
	.user_info_area ul.user_info li {margin:0 25px 7px 0;}
	
	/* 실명인증 박스 */
	.name_confirmation {padding:15px;}
}


/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){
	
	
	
	/* 완료화면 */
	.basic_complete {width:1000px;}
	
	/*  ****************************  2단 폼  ****************************  */
	.movie_request_area {width:100%; height:346px; background:url('images/common/sub/movie_request_img.png') no-repeat right 30px;}
	.form_area_no1 {width:49%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0;}
	.form_area_no2 {width:49%; float:right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0;}
	
	.form_area {width:100%;}
	.form_area ul {padding:15px 25px;}
	.newst .form_area ul {padding:10px 25px;}
	
	/* 진행바 */
	ul.basic_process {width:100%;}
	
	ul.basic_process.progress_5 li {width:20%;}
	ul.basic_process.progress_5 li:nth-child(1), ul.basic_process.progress_5 li:nth-child(2), ul.basic_process.progress_5 li:nth-child(3) {border-bottom:none;}
	ul.basic_process.progress_5 li:nth-child(4) {border-left:1px solid #d9d9d9 !important;}
	ul.basic_process.progress_5 li.on, ul.basic_process.progress_5 li:hover {border-left:1px solid #fff !important;}
	
	ul.basic_process.progress_6 li {width:16.66666666666667%;}
	ul.basic_process.progress_6 li:nth-child(1), ul.basic_process.progress_6 li:nth-child(2), ul.basic_process.progress_6 li:nth-child(3) {border-bottom:none;}
	ul.basic_process.progress_6 li:nth-child(4) {border-left:1px solid #d9d9d9 !important;}
	ul.basic_process.progress_6 li.on, ul.basic_process.progress_6 li:hover {border-left:1px solid #fff !important;}
	
	ul.basic_process.progress_13 li {width:14.28%;}
	ul.basic_process.progress_13 li:nth-child(8), ul.basic_process.progress_13 li:nth-child(9), ul.basic_process.progress_13 li:nth-child(10),
	ul.basic_process.progress_13 li:nth-child(11), ul.basic_process.progress_13 li:nth-child(12), ul.basic_process.progress_13 li:nth-child(13) {border-bottom:none;}
	ul.basic_process.progress_13 li:nth-child(3n+1) {border-left:1px solid #d9d9d9 !important;}
	ul.basic_process.progress_13 li.on, ul.basic_process.progress_13 li:hover {border-left:1px solid #fff !important;}
	ul.basic_process.progress_13 li:first-child, ul.basic_process.progress_13 li:nth-child(8) {border-left:none !important;}
	
	
	/* 신청인정보 */
	.user_info_area {width:100%; padding:20px;}
	.user_info_area ul.user_info {margin:15px 0 0 10px;}
	.user_info_area ul.user_info li {margin:0 25px 0 0;}

	/* 폼 입력 안내문구 */
	.page_alert {width:100%;}

}





/*============================================================================================================================
											통합검색
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/

.total_top_area {width:100%;}

/* 상단 타이틀 영역 */
.total_search_location {width:100%; background: #fff url('images/common/sub/sub_top_flag.png') right bottom no-repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.total_search_location .location_title {font-size:28px; font-weight:bold; padding:20px 0 20px 10px; line-height:33px;}
.total_search_location  p {display:none;}

/* 통합검색 영역 */
.total_searchbox {width:96%; margin:0 auto; padding:15px 13px; background:#f8f8f8; border:2px solid #40a8dc; border-radius:3px;
 	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.total_searchbox .total_search select {width:100%; height:36px; line-height:32px; padding-left:5px; margin-bottom:7px;}
.total_searchbox .total_search .searchbox_input {width:100%; height:36px; /* line-height:32px; */ text-indent:5px;}
.total_searchbox .total_search .searchbox_btn {margin-top:7px; text-align:right;}

.total_searchbox .total_search .hotkeyword {margin:5px 0;}
.total_searchbox .total_search .hotkeyword a {margin-right:10px;}

.total_top_area .desc_1 {padding:7px 13px 15px 13px; text-align:right;}

/* 검색결과 안내메세지 */
#content_section p.search_result_info {padding:30px 15px 0 15px; text-align:center; font-size:18px; font-weight:bold; line-height:25px;}

/* 카테고리별 상세내용 */
.search_result_area {margin-top:50px;}
h3.search_category_title {margin:0 0 0 10px; padding:0 0 0 18px; font-size:18px; font-weight:bold; background: url('images/common/icon/icon_arrow.png') no-repeat left 3px; float:left;}
ul.search_category_list {padding:0; margin-top:5px; border-top:2px solid #666; overflow:hidden;}
ul.search_category_list li {padding:20px 10px; border-bottom:1px solid #d9d9d9; list-style:none; clear:both;}

ul.search_category_list li .title_area h4 a:hover {text-decoration:underline;}
ul.search_category_list li .title_area h4.search_tit a {font-size:18px; line-height:21px; font-weight:bold;}

ul.search_category_list li .title_area .util {margin-top:10px;}
ul.search_category_list li .title_area .util div {display:inline-block; margin-right:10px; line-height:20px;}
ul.search_category_list li .title_area .util .accuracy_graph_area {position:relative; width:80px; height:15px;}
ul.search_category_list li .title_area .util .accuracy_graph_area .accuracy_graph {position:absolute; z-index:-1; top:1px; left:1px; height:13px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background: #0096e3;}
ul.search_category_list li .title_area .util .accuracy_graph_area ul.accuracy_graph_ul {background:transparent; width:82px; height:15px; border:1px solid #d9d9d9; border-right:none; padding:0; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.search_category_list li .title_area .util .accuracy_graph_area ul.accuracy_graph_ul li {background:transparent; list-style:none; float:left; width:20%; height:13px; padding:0; border:none; clear:none; border-right:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.search_category_list li .title_area .util .search_con {font-size:14px; color:#666;}

ul.search_category_list li .search_txt {font-size:14px; color:#333; line-height:20px; margin-top:15px;}

ul.search_category_list li .search_download_file {margin-top:10px; clear:both;}
ul.search_category_list li .search_download_file a {display:inline-block; padding:3px 6px 3px 0; font-size:14px; line-height:20px; color:#333;}
ul.search_category_list li .search_download_file a:hover {text-decoration:underline;}
ul.search_category_list li .search_download_file a img {width:17px; height:20px; margin-right:3px;}

ul.search_category_list li .search_url {margin-top:10px; font-size:14px; color:#666;}
p.search_more {text-align:right; margin:10px 15px 0 0; padding-right:12px; background: url('images/common/search_more_arrow.png') no-repeat right 5px;}
p.search_more a {font-size:13px; color:#333;}
p.search_more a:hover {text-decoration:underline;}

.graph_bar {width:100%; height:10px; background-color:#ebebeb; position:relative; margin-top:5px;}
.graph_bar .graph {height:10px; border-right:2px solid #e43e3e; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
background: #ffc600; /* Old browsers */
background: -moz-linear-gradient(left, #ffc600 0%, #f9991b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffc600), color-stop(100%,#f9991b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffc600 0%,#f9991b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffc600 0%,#f9991b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffc600 0%,#f9991b 100%); /* IE10+ */
background: linear-gradient(to right, #ffc600 0%,#f9991b 100%); /* W3C */
}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){
	.total_top_area {}
	
	/* 상단 타이틀 영역 */
	.total_search_location {height:72px; position:relative;}
	.total_search_location .location_title {width:100%; padding:0; position:absolute; left:15px; bottom:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.total_search_location  p {display:block; position:absolute; right:10px; bottom:7px; color:#666;}
	
	/* 통합검색 영역 */
	.total_searchbox {padding:15px 13px 15px 160px; height:96px; background:#f8f8f8 url('images/common/sub/search_img.png') no-repeat left top;}
	.total_searchbox .total_search {width:540px; margin:0 auto;}
	.total_searchbox .total_search select {width:80px; margin:0 5px 0 0; float:left;}
	.total_searchbox .total_search .searchbox_input {width:390px; float:left; margin-right:5px;}
	.total_searchbox .total_search .searchbox_btn {margin-top:0; float:left;}
	
	.total_searchbox .total_search .hotkeyword {margin:10px 0 0 0;}
	.total_searchbox .total_search .hotkeyword a {margin-right:10px;}
	
	.hotkeyword, .reckeyword {display:inline-block;}
	
	.total_top_area .desc_1 {padding:7px 13px 15px 13px;}
	
	/* 검색결과 안내메세지 */
	#content_section p.search_result_info {padding:30px 15px 0 15px; text-align:center; font-size:18px; font-weight:bold; line-height:25px;}
	
	/* 카테고리별 상세내용 */
	ul.search_category_list li .title_area {overflow:hidden;}
	ul.search_category_list li .title_area h4 {float:left;}
	
	ul.search_category_list li .title_area .util {float:right; margin-top:0;}

}


/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){
	.total_top_area {width:1000px; margin:0 auto;}
	
	/* 상단 타이틀 영역 */
	.total_search_location .location_title {left:0;}
	.total_search_location  p {display:block; position:absolute; right:10px; bottom:7px; color:#666;}
	
	/* 통합검색 영역 */
	.total_searchbox {width:100%;}

}








/*============================================================================================================================
													자주사용하는 기능 설정
=============================================================================================================================*/

.border-box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* field￿￿￿￿￿ error */
.errorMessage {background:#fff8f8 ; padding:12px; margin:15px 0 15px 0; border:2px dotted #ff0000;}
.errorMessage li {background:url(images/admin/ico_error.gif) no-repeat left center; font-size:1.1em;line-height:22px;text-indent:20px;}

/* action error */
.actErrMessage {background:#fff8f8 ; padding:12px; margin:15px 0 15px 0; border:2px dotted #ff0000;}
.actErrMessage li {background:url(images/admin/ico_error.gif) no-repeat left center; font-size:1.1em;line-height:22px;text-indent:20px;}

/*======================================
			align
========================================*/
.fl{float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fr{float:right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.overflow_h{overflow:hidden;}

/*======================================
			font
========================================*/
.ellipsis{display:inline-block; width:auto; overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis}
.tspace{letter-spacing:-1px}
.hspace{line-height:1.5em}
.fs11{font-size:.917em}
.fs10{font-size:.833em}
.ft_engtype{font-family:verdana}
.basic_font {font-size:14px; color:#333;}

/*======================================
			link
========================================*/
a:link {color:#124b9a; text-decoration:none;}
a:visited {color:#671194; text-decoration:none;}
a:active,a:hover,a:focus{color:#C35500;}
/* 포커스 */	
body a:focus {/*border:1px dashed #999; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;*/}

/*======================================
			skip navigation
========================================*/
.skipNavi {position:absolute; left:0;top:0; z-index:999; width:100%; text-align:center;}
.skipNavi a {position:absolute; top:-999px; left:-999px;}
.skipNavi a:focus, .skipNavi a:active, .skipNavi a:hover {display:block; top:0; left:0; padding:7px 10px 5px; background:#000; color:#fff; font-weight:bold; font-size:14px; text-decoration:none}

/*======================================
				Etc
========================================*/
p {margin:0; padding:0;}
.nbrd {margin-top:-1px; border:0; background:none; }
hr {display:none; float: none; clear: both; height: 0; width:0; font-size: 0 !important; line-height: 0 !important; overflow: hidden; margin: 0 !important; padding: 0 !important; }
.bold {font-weight:bold !important;}
.clear {display:block; float: none; clear: both; height: 0 !important; width:0; font-size: 0 !important; text-indent:-9999px; line-height: 0 !important; overflow: hidden; margin: 0 !important; padding: 0 !important; }
.hide_txt {text-indent:100%; white-space:nowrap; overflow:hidden; display:block;}
.hidden {display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px;}
.blind {display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px;}
.error {color:#d94700; font-size:14px; line-height:16px;}
.errorField { border-color: #d94700; border-width: 1px; }
.bg_none {background: none !important; padding:0 !important; margin:0 !important; line-height: 18px;}
.alert {border:1px solid #edc967; background-color:#f9edb8; width:95%; margin:10px auto; padding:15px;}
.no_padding {padding:0 !important;}
.underline {border-bottom:1px solid #d9d9d9;}
.display_none {display:none;}
.border-right {border-right:1px solid #d9d9d9;}
.border-left {border-left:1px solid #d9d9d9;}
.bdline {border-bottom:1px dashed #d9d9d9;}
.basic_ul {padding:5px 0; margin:0;}
.basic_ul li {list-style:none; padding-left:10px; background: url('images/common/icon/basic_ul_bullet.png') left 8px no-repeat;}
.bk_none {background:none !important;}

/*======================================
				Width
========================================*/
/* input, select */
.input_50 {width:50px;}
.input_60 {width:60px;}
.input_70 {width:70px;}
.input_80 {width:80px;}
.input_90 {width:90px;}
.input_100 {width:100px;}
.input_110 {width:110px;}
.input_120 {width:120px;}
.input_130 {width:130px;}
.input_140 {width:140px;}
.input_150 {width:150px;}
.input_160 {width:160px;}
.input_170 {width:170px;}
.input_180 {width:180px;}
.input_190 {width:190px;}
.input_200 {width:200px;}
.input_210 {width:210px;}
.input_220 {width:220px;}
.input_230 {width:230px;}
.input_240 {width:240px;}
.input_250 {width:250px;}
.input_300 {width:100%;}
.input_400 {width:100%;}
.input_500 {width:100%;}
.input_all {width:100%;}

.input_10p {width:10%;}
.input_20p {width:20%;}
.input_30p {width:30%;}
.input_40p {width:40%;}
.input_50p {width:50%;}
.input_60p {width:60%;}
.input_70p {width:70%;}
.input_80p {width:80%;}
.input_90p {width:90%;}

.select_50 {width:50px;}
.select_55 {width:55px;}
.select_58 {width:58px;}
.select_60 {width:60px;}
.select_60 {width:70px;}
.select_70 {width:80px;}
.select_80 {width:90px;}
.select_100 {width:100px;}
.select_100 {width:100px;}
.select_110 {width:110px;}
.select_120 {width:120px;}
.select_130 {width:130px;}
.select_140 {width:140px;}
.select_150 {width:150px;}
.select_200 {width:200px;}
.select_250 {width:250px;}
.select_300 {width:300px;}
.select_400 {width:400px;}
.select_all {width:100%;}

.w5p {width: 5%; }
.w6p {width: 6%; }
.w7p {width: 7%; }
.w8p {width: 8%; }
.w9p {width: 9%; }
.w10p {width: 10%;}
.w12p {width: 12%;}
.w13p {width: 13%;}
.w15p {width: 15%;}
.w18p {width: 18%;}
.w20p {width: 20%;}
.w23p {width: 23%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w32p {width: 32%;}
.w33p {width: 33%;}
.w35p {width: 35%;}
.w40p {width: 40%;}
.w45p {width: 45%;}
.w46p {width: 46%;}
.w47p {width: 47%;}
.w48p {width: 48%;}
.w49p {width: 49%;}
.half {width: 50%;}
.w55p {width: 55%;}
.w60p {width: 60%;}
.w65p {width: 65%;}
.w70p {width: 70%;}
.w80p {width: 80%;}
.w90p {width: 90%;}
.w100p {width: 100%;}


.w5 {width: 5px;}
.w7 {width: 7px;}
.w8 {width: 8px;}
.w9 {width: 9px;}
.w10 {width: 10px;}
.w12 {width: 12px;}
.w13 {width: 13px;}
.w15 {width: 15px;}
.w18 {width: 18px;}
.w20 {width: 20px;}
.w23 {width: 23px;}
.w25 {width: 25px;}
.w30 {width: 30px;}
.w32 {width: 32px;}
.w33 {width: 33px;}
.w35 {width: 35px;}
.w40 {width: 40px;}
.w45 {width: 45px;}
.w50 {width: 50px;}
.w55 {width: 55px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w230 {width: 230px;}
.w250 {width: 250px;}
.wauto {width: auto;}

/*======================================
				Margin Step
========================================*/
.bm1 {margin-bottom:1px;}
.bm3 {margin-bottom:3px;}
.bm5 {margin-bottom:5px;}
.bm6 {margin-bottom:6px;}
.bm7 {margin-bottom:7px;}
.bm8 {margin-bottom:8px;}
.bm7 {margin-bottom:9px;}
.bm10 {margin-bottom:10px;}
.bm13 {margin-bottom:13px;}
.bm14 {margin-bottom:14px;}
.bm15 {margin-bottom:15px;}
.bm20 {margin-bottom:20px;}
.bm30 {margin-bottom:30px;}
.bm40 {margin-bottom:40px;}
.bm50 {margin-bottom:50px;}
.bm60 {margin-bottom:60px;}
.bm100 {margin-bottom:100px;}

.lm3	{margin-left:3px; }
.lm5	{margin-left:5px; }
.lm10	{margin-left:10px; }
.lm15	{margin-left:15px; }
.lm20	{margin-left:20px; }
.lm25	{margin-left:25px; }
.lm30	{margin-left:30px; }
.lm40	{margin-left:40px; }
.lm45	{margin-left:45px; }
.lm50	{margin-left:50px; }
.lm60	{margin-left:60px; }
.lm70	{margin-left:70px; }
.lm80	{margin-left:80px; }
.lm90	{margin-left:90px; }
.lm100	{margin-left:100px; }
.lm150	{margin-left:150px; }
.lm170	{margin-left:170px; }

.tm0	{margin-top:0 !important; }
.tm1	{margin-top:1px; }
.tm2	{margin-top:2px; }
.tm3	{margin-top:3px; }
.tm5	{margin-top:5px; }
.tm6	{margin-top:6px; }
.tm8	{margin-top:8px; }
.tm10	{margin-top:10px; }
.tm13	{margin-top:13px; }
.tm15	{margin-top:15px; }
.tm20	{margin-top:20px; }
.tm25	{margin-top:25px; }
.tm30	{margin-top:30px; }
.tm40	{margin-top:40px; }
.tm45	{margin-top:45px; }
.tm50	{margin-top:50px; }
.tm55	{margin-top:55px; }
.tm60	{margin-top:60px; }
.tm70	{margin-top:70px; }
.tm80	{margin-top:80px; }
.tm85	{margin-top:85px; }
.tm90	{margin-top:90px; }

.rm0	{margin-right:0; }
.rm3	{margin-right:3px; }
.rm5	{margin-right:5px; }
.rm10	{margin-right:10px; }
.rm15	{margin-right:15px; }
.rm20	{margin-right:20px; }
.rm25	{margin-right:25px; }
.rm30	{margin-right:30px; }

.bp3	{padding-bottom:3px;}
.bp5	{padding-bottom:5px;}
.bp10	{padding-bottom:10px;}
.bp15	{padding-bottom:15px;}
.bp20	{padding-bottom:20px;}
.bp25	{padding-bottom:25px;}

.lp3	{padding-left:3px;}
.lp4	{padding-left:4px;}
.lp5	{padding-left:5px;}
.lp10	{padding-left:10px;}
.lp15	{padding-left:15px;}
.lp20	{padding-left:20px;}
.lp25	{padding-left:25px;}

.tp1	{padding-top:1px;}
.tp2	{padding-top:2px;}
.tp3	{padding-top:3px;}
.tp4	{padding-top:4px;}
.tp5	{padding-top:5px;}
.tp10	{padding-top:10px;}
.tp15	{padding-top:15px;}
.tp20	{padding-top:20px;}
.tp25	{padding-top:25px;}

.rp5	{padding-right:5px;}
.rp10	{padding-right:10px;}
.rp15	{padding-right:15px;}
.rp20	{padding-right:20px;}
.rp25	{padding-right:25px;}

.pd10	{padding: 10px;}
.pd15	{padding: 15px;}
.pd20	{padding: 20px;}


/*======================================
				Font size
========================================*/
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font17 {font-size:17px;}
.font18 {font-size:18px;}
.font19 {font-size:19px;}
.font20 {font-size:20px;}
.font25 {font-size:25px;}
.font30 {font-size:30px;}

.lh10 {line-height:10px;}
.lh11 {line-height:11px;}
.lh12 {line-height:12px;}
.lh13 {line-height:13px;}
.lh14 {line-height:14px;}
.lh15 {line-height:15px;}
.lh16 {line-height:16px;}
.lh17 {line-height:17px;}
.lh18 {line-height:18px;}
.lh19 {line-height:19px;}
.lh20 {line-height:20px;}
.lh25 {line-height:25px;}
.lh30 {line-height:30px;}
.lh40 {line-height:40px;}

/*======================================
				Text Align
========================================*/
.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.vmid{vertical-align:middle;}
.blockcenter {margin:0 auto;}
.vat {vertical-align:top;}
.block {display:block;}
.inline {display:inline;}
.inline-block {display:inline-block;}
.block {display:block;}
.block_pc {display:inline;}

/*======================================
				Color
========================================*/
.accent	{color:#ff3300 !important;}
.lblue {color:#257bca !important;}
.dblue {color:#124b9a !important;}
.wblue {color:#205fb5 !important;}
.important	{color:#ff3300 !important;}
.red {color:#ff3300 !important;}
.wgray {color:#878787 !important;}
.lgray {color:#aaaaaa !important;}
.wgreen {color:#81b501 !important;}
.dgreen {color:#529410 !important;}
.white {color:#fff !important;}
.orange {color:#ff8c05 !important;}
.brown {color:#b78468 !important;}
.skyblue {color:#129dd1 !important;}
/* 테마 기본색상 */
.theme_color {color:#e37000 !important;}

/*======================================
				백그라운드 color
========================================*/
.input_skyblue	{background-color:#dff6fe !important; height:30px; line-height:25px; width:50px; text-align:center;}
.input_pink 	{background-color:#fedfdf !important; height:30px; line-height:25px; width:50px; text-align:center;}


/*======================================
				기능
========================================*/
fieldset.field {margin:5px 10px; border:none; display:inline-block; width:240px; height:25px;}
fieldset.field label {display:inline-block; width:70px; height:25px; line-height:25px; text-align:center;}
fieldset.field input {width:160px; height:25px; line-height: 25px;}
fieldset.field select {height:25px; line-height:25px;}



/*======================================
				Button
========================================*/
.button a, .button button {text-align:center !important; display:inline-block; background:#fff; line-height:14px; font-size:14px; padding:10px 15px 11px 15px; color:#333; border:1px solid #999; transition:all 0.2s;
font-family: "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:3px; color:#333 !important;}
.button a:hover, .button button:hover {background:#e9e9e9;}
.button.bold a, .button.bold button  {font-weight:bold;}

.button_color a, .button_color button {display:inline-block; background:#C35500; color:#fff !important; border:1px solid #A34700;}
.button_color a:hover, .button_color button:hover {background:#A34700;}

.button_orange a, .button_orange button {display:inline-block; background:#C35500; color:#fff !important; border:1px solid #A34700;}
.button_orange a:hover, .button_orange button:hover {background:#A34700;}

.button_green a, .button_green button {display:inline-block; background:#8ca51a; color:#fff !important; border:1px solid #748915;}
.button_green a:hover, .button_green button:hover {background:#748915;}

.button_blue a, .button_blue button {display:inline-block; background:#0078b6; color:#fff !important; border:1px solid #0c6796;}
.button_blue a:hover, .button_blue button:hover {background:#0c6796;}

.button_cian a, .button_cian button {display:inline-block; background:#00828A; color:#fff !important; border:1px solid #00656b;}
.button_cian a:hover, .button_cian button:hover {background:#00656b;}

.button_deepcian a, .button_deepcian button {display:inline-block; background:#007f8b; color:#fff !important; border:1px solid #006b75;}
.button_deepcian a:hover, .button_deepcian button:hover {background:#006b75;}

.button_white a, .button_white button {display:inline-block; background:#fff; color:#333 !important; border:1px solid #999;}
.button_white a:hover, .button_white button:hover {background:#e9e9e9;}

.button_wgray a, .button_wgray button {display:inline-block; background:#e9e9e9; color:#333 !important; border:1px solid #ddd;}
.button_wgray a:hover, .button_wgray button:hover {background:#ddd;}

.button_gray a, .button_gray button {display:inline-block; background:#666; color:#fff !important; border:1px solid #444;}
.button_gray a:hover, .button_gray button:hover {background:#444;}

.button_red a, .button_red button {display:inline-block; background:#b53f3f; color:#fff !important; border:1px solid #8c3030;}
.button_red a:hover, .button_red button:hover {background:#8c3030;}





/*======================================
				Button 20
========================================*/
.button_20 a, .button_20 button {text-align:center !important; display:inline-block; background:#fff; line-height:11px; font-size:11px; padding:3px 7px 4px 6px; color:#333; border:1px solid #999;  transition:all 0.2s;
font-family: "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:3px; color:#333 !important;}
.button_20 a:hover, .button_20 button:hover {background:#e9e9e9;}
.button_20.bold a, .button_20.bold button  {font-weight:bold;}

.button_20_color a, .button_20_color button {display:inline-block; background:#C35500; color:#fff !important; border:1px solid #A34700;}
.button_20_color a:hover, .button_20_color button:hover {background:#A34700;}

.button_20_orange a, .button_20_orange button {display:inline-block; background:#C35500; color:#fff !important; border:1px solid #A34700;}
.button_20_orange a:hover, .button_20_orange button:hover {background:#A34700;}

.button_20_green a, .button_20_green button {display:inline-block; background:#8ca51a; color:#fff !important; border:1px solid #748915;}
.button_20_green a:hover, .button_20_green button:hover {background:#748915;}

.button_20_blue a, .button_20_blue button {display:inline-block; background:#0078b6; color:#fff !important; border:1px solid #0c6796;}
.button_20_blue a:hover, .button_20_blue button:hover {background:#0c6796;}

.button_20_cian a, .button_20_cian button {display:inline-block; background:#00828A; color:#fff !important; border:1px solid #00656b;}
.button_20_cian a:hover, .button_20_cian button:hover {background:#00656b;}

.button_20_deepcian a, .button_20_deepcian button {display:inline-block; background:#007f8b; color:#fff !important; border:1px solid #006b75;}
.button_20_deepcian a:hover, .button_20_deepcian button:hover {background:#006b75;}

.button_20_white a, .button_20_white button {display:inline-block; background:#fff; color:#333 !important; border:1px solid #999;}
.button_20_white a:hover, .button_20_white button:hover {background:#e9e9e9;}

.button_20_wgray a, .button_20_wgray button {display:inline-block; background:#e9e9e9; color:#333 !important; border:1px solid #ddd;}
.button_20_wgray a:hover, .button_20_wgray button:hover {background:#ddd;}

.button_20_gray a, .button_20_gray button {display:inline-block; background:#666; color:#fff !important; border:1px solid #444;}
.button_20_gray a:hover, .button_20_gray button:hover {background:#444;}

.button_20_red a, .button_20_red button {display:inline-block; background:#b53f3f; color:#fff !important; border:1px solid #8c3030;}
.button_20_red a:hover, .button_20_red button:hover {background:#8c3030;}


/*======================================
				Button 30
========================================*/
.button_30 a, .button_30 button {text-align:center !important; display:inline-block; background:#fff; line-height:14px; font-size:14px; padding:7px 7px 8px 7px; color:#333; border:1px solid #999; transition:all 0.2s;
font-family: "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:3px; color:#333 !important;}
.button_30 a:hover, .button_30 button:hover {background:#e9e9e9;}
.button_30.bold a, .button_30.bold button  {font-weight:bold;}

.button_30_color a, .button_30_color button {display:inline-block; background:#C35500; color:#fff !important; border:1px solid #A34700;}
.button_30_color a:hover, .button_30_color button:hover {background:#A34700;}

.button_30_orange a, .button_30_orange button {display:inline-block; background:#C35500; color:#fff !important; border:1px solid #A34700;}
.button_30_orange a:hover, .button_30_orange button:hover {background:#A34700;}

.button_30_green a, .button_30_green button {display:inline-block; background:#8ca51a; color:#fff !important; border:1px solid #748915;}
.button_30_green a:hover, .button_30_green button:hover {background:#748915;}

.button_30_blue a, .button_30_blue button {display:inline-block; background:#0078b6; color:#fff !important; border:1px solid #0c6796;}
.button_30_blue a:hover, .button_30_blue button:hover {background:#0c6796;}

.button_30_cian a, .button_30_cian button {display:inline-block; background:#00828A; color:#fff !important; border:1px solid #00656b;}
.button_30_cian a:hover, .button_30_cian button:hover {background:#00656b;}

.button_30_deepcian a, .button_30_deepcian button {display:inline-block; background:#007f8b; color:#fff !important; border:1px solid #006b75;}
.button_30_deepcian a:hover, .button_30_deepcian button:hover {background:#006b75;}

.button_30_white a, .button_30_white button {display:inline-block; background:#fff; color:#333 !important; border:1px solid #999;}
.button_30_white a:hover, .button_30_white button:hover {background:#e9e9e9;}

.button_30_wgray a, .button_30_wgray button {display:inline-block; background:#e9e9e9; color:#333 !important; border:1px solid #ddd;}
.button_30_wgray a:hover, .button_30_wgray button:hover {background:#ddd;}

.button_30_gray a, .button_30_gray button {display:inline-block; background:#666; color:#fff !important; border:1px solid #444;}
.button_30_gray a:hover, .button_30_gray button:hover {background:#444;}

.button_30_red a, .button_30_red button {display:inline-block; background:#b53f3f; color:#fff !important; border:1px solid #8c3030;}
.button_30_red a:hover, .button_30_red button:hover {background:#8c3030;}


/*======================================
				Button_circle
========================================*/
.button_circle a, .button_circle button {text-align:center !important; display:inline-block; background:#9e9e9e; font-size:14px; font-weight:bold; line-height:16px; padding:9px 12px 9px 12px; color:#fff; border-radius:25px; transition:all 0.2s;}
.button_circle a:hover, .button_circle button:hover {background:#7f7f7f;}

.button_circle_orange a, .button_circle_orange button {background:#e89237;}
.button_circle_orange a:hover, .button_circle_orange button:hover {background:#c47c30;}

.button_circle_pink a, .button_circle_pink button {background:#ee6a6a;}
.button_circle_pink a:hover, .button_circle_pink button:hover {background:#ca5656;}

.button_circle_purple a, .button_circle_purple button {background:#e687c8;}
.button_circle_purple a:hover, .button_circle_purple button:hover {background:#e687c8;}

.button_circle_yellow a, .button_circle_yellow button {background:#eac11c;}
.button_circle_yellow a:hover, .button_circle_yellow button:hover {background:#c7a20f;}

.button_circle_skyblue a, .button_circle_skyblue button {background:#57b7e8;}
.button_circle_skyblue a:hover, .button_circle_skyblue button:hover {background:#4699c4;}

.button_circle_green a, .button_circle_green button {background:#57a659;}
.button_circle_green a:hover, .button_circle_green button:hover {background:#458346;}


/*======================================
				아이콘 버튼
========================================*/
ul.button_icon {overflow:hidden; float:left; padding:8px 0 0 10px;}
ul.button_icon li {list-style:none; display:inline-block; text-indent:-9999px;}
ul.button_icon li a {display:block; width:34px; height:34px; color:#333;}

ul.button_icon li.img 	a 		{background: #e9e9e9 url('images/etc/button_icon_img_off.png') 9px center no-repeat; background-size:15px 15px; transition:all 0.2s;}
ul.button_icon li.img 	a:hover	{color:#fff; background: #e37000 url('images/etc/button_icon_img_on.png') 9px center no-repeat; background-size:15px 15px;}
ul.button_icon li.img.on a 		{color:#fff; background: #e37000 url('images/etc/button_icon_img_on.png') 9px center no-repeat; background-size:15px 15px;}

ul.button_icon li.list 	a 		{background: #e9e9e9 url('images/etc/button_icon_list_off.png') 9px center no-repeat; background-size:15px 15px; transition:all 0.2s;}
ul.button_icon li.list 	a:hover	{color:#fff; background: #e37000 url('images/etc/button_icon_list_on.png') 9px center no-repeat; background-size:15px 15px;}
ul.button_icon li.list.on a 	{color:#fff; background: #e37000 url('images/etc/button_icon_list_on.png') 9px center no-repeat; background-size:15px 15px;}



/*======================================
			form
========================================*/
.input_number {IME-MODE:disabled;}
.disabled {background : #ebebe4 !important}




/*======================================
			Basic Setting
========================================*/

/* Common */
hr{display:none}
.view-mobile	{display:block;}
.view-tablet	{display:none;}
.view-browser	{display:none;}
.view-notbrowser{display:block;}

.col-mobile		{display:table-cell;}
.col-tablet		{display:none;}
.col-browser	{display:none;}

.circle_title {margin-left:5px; padding-left:18px; font-size:16px; line-height:20px; color:#675441; background:url('images/common/icon/ico_circle.png') no-repeat left 4px;  }
.basic_title {margin-left:5px; padding:0 0 0 20px; font-size:18px; line-height:23px; font-weight:bold; background: url('images/common/icon/icon_arrow.png') no-repeat left 6px;}
.basic_title span {color:#257bca}
.board_title {margin-left:5px; margin-top:40px; padding:7px 8px 8px 8px; border:1px solid #d9d9d9; border-radius:5px; font-size:16px; line-height:16px; font-weight:bold; display:inline-block;}
.board_title_big {margin-left:5px; padding:9px 10px 10px 10px; border:1px solid #d9d9d9; border-radius:5px; font-size:22px; line-height:22px; font-weight:bold; display:inline-block;}
.basic_title14 {margin-left:5px; padding:0 0 0 22px; font-size:14px; line-height:18px; font-weight:bold; background: url('images/common/icon/icon_title.png') no-repeat left 3px;}
.basic_title_y {margin-left:5px; padding:0 0 0 20px; font-size:18px; line-height:23px; font-weight:bold; background: url('images/common/icon/icon_arrow_y.png') no-repeat left 6px;}
.basic_title_y span {color:#257bca}
.board_title_y {margin-left:5px; margin-top:40px; padding:7px 8px 8px 8px; border:1px solid #d9d9d9; border-radius:5px; font-size:16px; line-height:16px; font-weight:bold; display:inline-block;}
.font_normal {font-weight:normal !important;}
.check_img {display:none;}
	
	


/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){
	
	.check_img {display:inline-block; padding:5px 0 0 5px;}
	
	
	
	.view-mobile	{display:none;}
	.view-tablet	{display:block;}
	.view-browser	{display:none;}
	.view-notbrowser{display:block;}
	
	.col-mobile		{display:none;}
	.col-tablet		{display:table-cell;}
	.col-browser	{display:none;}
	

	
	/* 아이콘버튼 */
	ul.button_icon li {text-indent:0;}
	ul.button_icon li a {display:block; width:auto; height:34px;  padding:0 10px 0 30px; font-size:14px; line-height:34px;}
	
	.input_300 {width:300px;}
	.input_400 {width:400px;}
	.input_500 {width:500px;}
	
	
}


/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){
	.view-mobile	{display:none;}
	.view-tablet	{display:block;}
	.view-browser	{display:block;}
	.view-notbrowser{display:none;}
	
	.col-mobile		{display:none;}
	.col-tablet		{display:table-cell;}
	.col-browser	{display:table-cell;}


	
	/* 아이콘버튼 */
	ul.button_icon {padding:8px 0 0 0;}
	
	.block_pc {display:block;}
	
}



/*  **************************** Font Awesome ****************************  */
@font-face {
  font-family: "FontAwesome";
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('eot'), 
  url('font/fontawesome-webfont.woff') format('woff'), 
  url('font/fontawesome-webfont.ttf') format('truetype'), 
  url('font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Font Awesome styles */
[class^="icon-"]:before, [class*=" icon-"]:before {font-family:FontAwesome; font-weight:normal; font-style:normal; display:inline-block; text-decoration:inherit;}
a [class^="icon-"], a [class*=" icon-"] {display:inline-block; text-decoration:inherit;}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {vertical-align:top; font-size:1.3333333333333333em;}
.btn [class^="icon-"], .btn [class*=" icon-"] {line-height:.9em;}
li [class^="icon-"], li [class*=" icon-"] {display:inline-block; width:1.25em; text-align:center;}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {width:1.875em;}
li[class^="icon-"], li[class*=" icon-"] {margin-left:0; list-style-type:none;}
li[class^="icon-"]:before, li[class*=" icon-"]:before {text-indent:-2em; text-align:center;}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {text-indent:-1.3333333333333333em;}

.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }

.icon-user-md:before              { content: "\f200"; }




.page_500 {width:97%; margin:50px auto 30px auto; background:#f9f9f9; border:1px solid #dcdcdc; border-radius:10px; font-size:15px; line-height:20px;}
.page_500 p {margin:20px 20px 0 20px;}
.page_500 p.tit {font-weight:bold; padding-left:10px; }
.page_500 ul.txt {margin:20px; padding:0 0 0 15px;}
.page_500 ul.txt li {list-style:none;}

.page_404 {width:97%; margin:50px auto 30px auto; background:#f9f9f9; border:1px solid #dcdcdc; border-radius:10px; font-size:15px; line-height:20px;}
.page_404 p {margin:20px 20px 0 20px;}
.page_404 p.tit {font-weight:bold; padding-left:10px; }
.page_404 ul.txt {margin:20px; padding:0 0 0 15px;}
.page_404 ul.txt li {list-style:none;}

/* 웹접근성 추가 */
.ps_ip {display:inline-block;padding-right:2px;font-size:20px;color:#e1611b;font-weight:600;vertical-align:middle;}
.cms_atch_file_field_div a {display:inline-block;width:auto;height:auto}
/*.cms_atch_file_field_div a img {width:100%;height:100%;}*/
.pdtb20 {padding:20px 0;border-bottom:1px solid #d9d9d9;}
.n_mgtb {padding:20px 0 30px 0 !important;}

/* 신청관리,신청승인 수정 */
.cms_atch_file_field_div ._download_link {word-break:break-all;}
.addimg .cms_atch_file_field_div ._thumbnail_link {text-align:center;display:block;width:100%;}
.addimg .cms_atch_file_field_div ._thumbnail_link img {width:130px;height:auto;}
.addimg .cms_atch_file_field_div ._download_link {text-align:center;word-break:break-all;display:block;}