@import url(/common/css/frame.min.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@font-face { font-family:"Nanum Gothic"; src:url('../fonts/NanumGothic.woff') format('woff'); }*/

body { font-family:"Nanum Gothic","굴림","Helvetica Neue",Helvetica,Arial,sans-serif; }

.font-ng2 { font-family:"NanumGothic","굴림","Helvetica Neue",Helvetica,Arial,sans-serif; }
.font-ng3 { font-family:"굴림","Helvetica Neue",Helvetica,Arial,sans-serif; }
.font-ng { font-family:"NanumGothic"; }

.glyphicon-group:before { content: "\e044"; }


.container-width { width:1366px; }
.menu_line { border-top:3px solid #3a3e49; } 

.bd_none { border:none; }
.bd_bottom { border-bottom-width:1px; }

/* background */
.bg1 { background:#f3f3f3; }
.bg_gray { background-color:#f2f2f2; }
.bg_gray2 { background-color:#e9e9e9; }
.bg_darkblue { background-color:#3a3e49; }

/* color*/
.dark1 { color:#353535;}
.gray1 { color:#7e7e7e;}
.gray2 { color:#5d5c5c;}
.gray3 { color:#999999;}
.green1 { color:#2db515;}
.blue1 { color:#3da6e9; }

.black1 { color:#1f1f1f; }
.black2 { color:#cccccc; }
.gray1 { color:#8e8e8e; }
.red1 { color:#ff3333; }
.green1 { color:#769b1d; }

/* font */
.bold { font-weight:bold; }
.ft10 { font-size:10px; }
.ft11 { font-size:11px; }
.ft12 { font-size:12px; }
.ft13 { font-size:13px; }
.ft14 { font-size:14px; }
.ft15 { font-size:15px; }
.ft16 { font-size:16px; }
.ft17 { font-size:17px; }
.ft18 { font-size:18px; }
.ft20 { font-size:20px; }


/* padding */
.padding0{ padding:0; }

/* margin */
.margin10t { margin-top:10px; }
.margin20t { margin-top:20px; }
.margin30t { margin-top:30px; }
.margin50t { margin-top:50px; }
.margin100t { margin-top:100px; }




.mColor { color:#961d15; }
.sColor { color:#ccc7b1; }

/* common */

.read_only { display:none; }

/* popup */
.pop_win { position:absolute; border:1px solid #999999; overflow:hidden; background-color:#ffffff; z-index:999; }
.pop_win table { margin:0; padding:0; border-spacing:0; }
.pop_win td { margin:0; padding:0; color:#ffffff;  font-size:13px; }
.pop_win .pop_title { padding:10px; background-color:#2f3541; color:#ffffff; font-weight:bold; cursor:default; font-size:1.1em; }
.pop_win .pop_conts { margin:1px; padding:5px; border:1px solid #dddddd; font-size:1.1em; }
.pop_win .pop_today { padding:7px; text-align:right; font-size:11px; }

.table-blue1 > caption + thead > tr:first-child > td, .table-blue1 > caption + thead > tr:first-child > th, .table-blue1 > colgroup + thead > tr:first-child > td, .table-blue1 > colgroup + thead > tr:first-child > th, .table-blue1 > thead:first-child > tr:first-child > td, .table-blue1 > thead:first-child > tr:first-child > th {
    border: 0; background-color:#2980b9; color:#fff;
}



/* header */
#top_bar { color:#fff; background-color:#214561; padding:5px 0; }
	#top_bar .bar { padding:0 10px; }
	#top_bar a { color:#fff; font-size:12px; }
	#top_bar a:hovor { color:#fff; }
	#top_bar .text-right { padding:5px 0; }
	#top_bar a.on { color:red; }

#comm_menu { margin-bottom:0; border:none; background-color:#fff; border-radius:0; }
	#comm_menu .nav li a { color:#000; font-size:17px; }
	#comm_menu .navbar-brand { float:none; }

	#comm_menu .navbar-nav {  margin-top:15px; }
	#comm_menu .navbar-nav .bar{ position:relative; display:block; padding:15px; color:#999; }


.dropdown-menu .divider { margin:0; }
.dropdown-menu > li > a { padding:8px 20px; font-size:0.95em; }
#comm_menu .nav .dropdown-menu > li > a {}

/* main page */
#main_slide > .row { background-color:#406785; }

#main_noti { color:#333; font-size:15px; font-weight:bold; border-bottom:1px solid #d6d6d6; }
	#main_noti .col-sm-6 { padding:15px 0; }
	#main_noti .icon { margin-right:10px; }
	#main_noti .pull-right { margin-right:30px; }
	#main_noti .text { color:#555; font-weight:normal; padding-left:20px; }

#main_link img { width:100%; }

#pds_img .col-sm-1 img { vertical-align:middle; padding-top:110px; }
#pds_img .col-sm-2 img { width:100%; }
	#pds_img .pds_text { padding:20px; color:#797979; border:1px solid #e2e2e2; }

/* sub page */
#sub_visual { background-color:#406785; }

#sub_title { border-bottom:1px solid #ddd; color:#555; }
	#sub_title .icon_box, #sub_title .depth1, #sub_title .depth2 { display:inline-block; padding:10px 20px; }
	#sub_title .icon_box { padding:10px; border-left:1px solid #ddd; border-right:1px solid #ddd; }
	#sub_title .depth2 { color:#333; }

#left_menu {}
	#left_menu .title_bg { background:url(/theme/home/images/sub_title_bg.png) left top no-repeat; width:200px; height:160px; }
	#left_menu .title_tx { padding-top:60px; text-align:center; color:#fff; }
	
	#left_menu .lmenu_list { margin:0; padding:0; margin-top:10px; width:200px; color:#fff; border:1px solid #ddd; }
	#left_menu .lmenu_list li { list-style:none; padding:8px 15px; color:#000; border-bottom:1px dotted #eee; }
	#left_menu .lmenu_list li a { color:#000; }
	#left_menu .lmenu_list li a:hover { color:#fff; text-decoration:none; }
	#left_menu .lmenu_list li.on a { color:#fff; }
	#left_menu .lmenu_list li:hover, #left_menu .lmenu_list .on { background-color:#406785; color:#fff; }
	#left_menu .lmenu_list li .arrow { }


#sub_contents { font-family:"Nanum Gothic"; }
	#sub_contents > h1 { margin:30px 0; }
	#sub_contents > h3 { margin-top:60px; padding:20px 0; font-size:26px; border-top:2px solid #ccc; border-bottom:1px dotted #ccc; }

	#sub_contents #img_box {}

	#sub_contents #txt_box { border-top:2px solid #ccc; }
		#sub_contents #txt_box > h3 { padding-bottom:20px; border-bottom:1px dotted #ccc; font-size:26px; color:#555; }
		#sub_contents #txt_box ul { padding:0; margin:0; }
		#sub_contents #txt_box li { list-style:none; padding:15px 0; border-bottom:1px solid #eee; }
		#sub_contents #txt_box li span { display:inline-block; }
		#sub_contents #txt_box li .dtitle { width: 120px; color:#555; vertical-align:top; }
		#sub_contents #txt_box li .dvalue { color:#; color:#888; width:280px; }


	#sub_contents .view_detail { margin-top:30px; line-height:160%; font-size:16px;}


#sub_contents .text { margin:15px 0; }
#sub_contents .tt1 { font-size:18px; font-weight:bold; }
#sub_contents .tt2 { font-size:16px; font-weight:bold; }
#sub_contents .cc1 { color:#406785; }
#sub_contents .cc2 { color:#de5348; }

#sub_contents .dv1 { width:100%; }
#sub_contents .sp1 { display:block; }
#sub_contents .sp2 { display:block; }



#sub_contents2 { font-family:"Nanum Gothic"; }
	#sub_contents2 > h3 { padding:20px 0; font-size:26px; border-bottom:1px solid #ccc; }
	#sub_contents2 .view_contents { margin:30px auto; height:300px; }






/* footer */
#footer_bar { background-color:#313131; color:#fff; font-weight:bold; padding:10px 0; }
#footer_bar .space { padding:0 15px; color:#d2d6d9; }

#footer { background-color:#2a2a2a; color:#888; padding:10px 0; }
	#footer .copy { display:inline-block; font-size:0.8em; }
	#footer .copyx { font-size:12px; color:#a1a5a8; line-height:180%; }
	


@media screen and (min-width:1200px) {
	
	#comm_menu .navbar-nav { margin-left:200px; }

}

@media screen and (min-width:768px) {

}

@media screen and (max-width:768px) {
	
	#comm_menu .navbar-brand { float:left; height:70px;}
	#comm_menu .navbar-toggle { margin-top:18px; }
	
	.dropdown-menu li { padding:5px 0; }
	.dropdown-menu li.divider { padding:0; }
	
	#sub_visual .col-sm-12 img { width:100%; }
	.page_img { width:100%; }

	#sub_contents #txt_box { margin-top:30px; }
	#sub_contents .view_detail { word-break:break-all; }

	#board_d .vcontents img { width:100%; }

	#footer .space { display:block; }



	.container-fluidx .container { margin:0; padding:0; width:100%; }
}