@charset "utf-8";

/* @import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); */



/* font */
@font-face {
  font-family: "NanumSquare"; src:local("NanumSquare");
  font-style: normal;
  src: local("NanumSquareRegular"), /* computer */
    url("../fonts/NanumSquareRegular.eot"), /* IE9 Compat Modes */
    url("../fonts/NanumSquareRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    /*url("../fonts/NanumSquareRegular.woff2") format("woff2"),  Modern Browsers */
    url("../fonts/NanumSquareRegular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumSquareRegular.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NanumBarunGothic.eot");
  src: local("Nanum Barun Gothic"),
	   local("Nanum Barun Gothic"),
       url("../fonts/NanumBarunGothic.eot?#iefix") format('embedded-opentype'),
       url("../fonts/NanumBarunGothic.woff2") format('woff2'),
       url("../fonts/NanumBarunGothic.woff") format('woff'),
       url("../fonts/NanumBarunGothic.ttf") format('truetype');
}

/* css 초기화 */
body {background:#fff;}
body,div,p,dl,dd,dt,footer,ol,ul,li,select,input,textarea{margin:0; padding:0; font-family: 'Nanum Barun Gothic',dotum,sans-serif; font-size:14px; color:#000; line-height:160%;}
a {text-decoration:none; color:#333;}
a:focus {outline:none;}
li{list-style:none;}
table{border-collapse:collapse;}
h1, h2, h3, h4, h5, h6{margin: 0; color: #333; line-height: 160%; font-weight: 400}
img{vertical-align: middle; border:none;}
input, textarea, select {appearance: none; -webkit-appearance: none;}
input:focus,
select:focus,
textarea:focus{outline: none;}
h2{font-weight:bold; font-size: 20px;}

/* link */
a {text-decoration:none; color:#333; cursor: pointer;}
a link,
a:visited{font-size:inherit;; color:#333; text-decoration:none;}
a:hover,
a:active {font-size:inherit; color:#333; text-decoration:none;}
*:focus {outline:none}

/* layout */
.mt5{margin-top: 5px}
.mt8{margin-top: 8px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px}
.mt50{margin-top: 50px !important;}
.mt70{margin-top: 70px !important;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px !important;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml5{margin-left:5px;}
.mb20{margin-bottom:20px;}
.mb80{margin-bottom:80px !important;}
.mb50{margin-bottom:50px !important;}

.f_left{float:left;}
.f_right{float:right;}
.text_center{text-align:center !important;}
.text_right{text-align:right;}
.w_100{width:100%}
.w_join{width:440px;}


hr {width: 100%; border-top:1px solid #ddd; border-left:none; border-bottom:none; margin:0px 0px 0px 0px; display: inline-block; margin: 10px 0}
.row{overflow: hidden;}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* font */
.font_point{color: #213857}
.font_main{color: #436FBB}
.font_sub{color: #f58b39}
.font_white{color: #fff}
.fc_0{color:#000;}
.fc_3{color:#333;}
.fc_6{color:#666}
.fc_9{color:#999}
.fs_12{font-size:12px;}
.fs_16{font-size:16px;}
.fs_18{font-size:18px;}
.fs_20{font-size:20px;}
.fs_24{font-size:20px;}

.state_1{background: #666; color:#fff; padding: 5px 10px; font-size: 12px; border-radius: 3px;}
.state_2{background: #fff; color:#999; padding: 5px 10px; font-size: 12px; border-radius: 3px;}

/* form */
select{-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    background:#fff url('../images/i_select_arrow.png') no-repeat  right;
vertical-align:middle; font-size:14px; border:1px solid #ddd; border-radius:2px; width: 100%; height:40px; padding-left:14px; box-sizing: border-box;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}

.calendar_input{background:url('../images/i_calendar.png') 10px no-repeat; text-align: center; border: 1px solid #ccc; height: 38px;width:152px;}
input{vertical-align:middle; height:50px; box-sizing: border-box; border:1px solid #ddd; text-indent: 10px; border-radius:2px; text-indent: 10px; color:#333; font-family:'Nanum Barun Gothic',dotum, sans-serif;}
textarea{border: 1px solid #ddd; resize:none; width:calc(100% - 20px); padding: 10px;}

input[type="password"] {display: block; font-family: caption;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {display:inline-block; color: #666;}
input[type="checkbox"] + label span {display:inline-block; width:20px; height:20px; margin:-3px 8px 0 0; vertical-align:middle; background:url('../images/check_off.png') right center no-repeat; cursor:pointer; background-size:20px;}
input[type="checkbox"]:checked + label span {width:20px; height:20px; background:url('../images/check_on.png') right center no-repeat; background-size:20px;}
input[type="radio"] {display:none;}
input[type="radio"] + label {display:inline-block; color: #666;}
input[type="radio"] + label span {display:inline-block; width:20px; height:20px; margin:-3px 11px 0 0; vertical-align:middle; background:url('../images/radio_off.png') no-repeat; cursor:pointer; background-size:20px;}
input[type="radio"]:checked + label{color: #333;}
input[type="radio"]:checked + label span {width:20px; height:20px; background:url('../images/radio_on.png') no-repeat; background-size:20px;}

.filebox input[type="file"] {position: absolute;width: 1px;	height: 1px;	padding: 0;	margin:-1px;	overflow: hidden;	clip:rect(0,0,0,0);	border: 0;}

.filebox label {
	display: inline-block;
	color: #999;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: 2px;
  font-family:'Nanum Barun Gothic',dotum,sans-serif;
}

/* named upload */
.filebox .upload-name {
  font-family:'Nanum Barun Gothic',dotum,sans-serif !important;
	display: inline-block;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fff;
  border: 1px solid #ddd;
  border-radius:2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width:350px;
  margin-right: 5px;
}

.filebox.bs3-primary label {color:#fff; background:#fff; color:#436FBB; border:1px solid #436FBB; height:48px; line-height:48px; width:100px; text-align:center; font-family:'Nanum Barun Gothic',dotum,sans-serif;}


::-webkit-input-placeholder {color:#999; font-family:'Nanum Barun Gothic',dotum,sans-serif; font-size: 12px}/* WebKit, Blink, Edge */
:-moz-placeholder {color:#999; font-family:'Nanum Barun Gothic',dotum,sans-serif; font-size: 12px} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#999; font-family:'Nanum Barun Gothic',dotum,sans-serif; font-size: 12px} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#999; font-family:'Nanum Barun Gothic',dotum,sans-serif; font-size: 12px} /* Internet Explorer 10-11 */


/* button */
.hover, .hover:after{transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.btn_search a{padding: 0 30px; line-height: 36px; background: #436FBB; color:#fff; font-size: 14px; display: inline-block; height:36px; border-radius: 2px; border: 1px solid #436FBB;}
.btn_line a{padding: 0 30px; line-height: 36px; background: #fff; color:#436FBB; font-size: 14px; display: inline-block; height:36px; border-radius: 2px; border: 1px solid #436FBB;}
.btn_mint a{padding: 0 20px; line-height: 30px; background: #17B0C8; color:#fff; font-size: 14px; display: inline-block; height:30px; border-radius: 2px;}
.btn_basic a{padding: 0 40px; line-height: 40px; background: #436FBB; color:#fff; font-size: 14px; display: inline-block; height:40px; border-radius: 2px;}
.btn_basic a:hover{background: #2A59AA;}
.btn_big a{width:400px; line-height: 50px; background: #436FBB; color:#fff; font-size: 16px; display: inline-block; height:50px; border-radius: 2px; text-align: center;}
.btn_big a:hover{background: #2A59AA;}
.btn_input_line a{width:100px; line-height:48px; color:#436FBB; border:1px solid #436FBB; font-size:14px; display:inline-block; height:48px; border-radius:2px; text-align: center; font-family:'Nanum Barun Gothic', dotum, sans-serif; }
.btn_disabled a{padding: 0 20px; line-height: 40px; background: #666; color:#ccc; font-size: 14px; display: inline-block; height:40px; border-radius: 2px;}

/* table */
.scroll_wrap{overflow-y:scroll; border:1px solid #ddd; border-top:none;}
.table_wrap_blue{border:1px solid #436FBB; }
.table_list_head{width: 100%; background: #FCFCFC; table-layout: fixed;}
.table_list_head td{padding:10px 10px; text-align: center; color:#436FBB; font-size: 13px;}
.table_list_head td:last-child{border-right:none;}
.table_list_head td.txt_point{color:#17B0C8;}
.table_list{width: 100%; table-layout: fixed;}
.table_list td{border-right: 1px solid #ddd; text-align: center; border-bottom:1px solid #ddd; padding:10px 10px; font-size: 13px; color: #333;font-family: 'Nanum Barun Gothic',dotum, sans-serif;}
.table_list td.txt_left{text-align: left;}
.table_list td.txt_right{text-align: right;}

.table_view{border-top:2px solid #436FBB; width:100%; table-layout: fixed;}
.table_view th{text-align: left; font-weight: normal; padding:10px 10px; background: #FBFBFB; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.table_view th:first-child{border-left:none;}
.table_view td{padding:10px 10px; border-bottom: 1px solid #ddd; color: #333;font-family: 'Nanum Barun Gothic',dotum, sans-serif;}
.table_view td input{height: 40px;width:100%;}
.table_view th span{color:#17B0C8; font-weight: bold;}

.list_table{width: 100%; table-layout: fixed;}
.list_table th{border-bottom:1px solid #666; padding:10px 10px; color:#000; font-weight: normal;}
.list_table td{border-bottom:1px solid #ddd; text-align: center; padding:10px 10px; color:#333;}
.list_table td.txt_left{text-align: left;}

/* board */
.board_list{border-top:2px solid #436FBB; width:100%;}
.board_list td{padding:18px; border-bottom: 1px solid #ddd;}
.board_list td a{font-size: 16px;}
.board_list td img{margin-left: 5px;}

.board_view{border-top:2px solid #436FBB; width:100%;}
.board_view th{padding:18px; border-bottom: 1px solid #ddd; text-align: left; font-weight: normal;}
.board_view th .view_title{font-size: 20px; color:#000;}
.board_view th .txt_date{font-size: 14px; color:#666;}
.board_view td{padding:18px; border-bottom: 1px solid #ddd; color: #666;}

/* paging */
.paging{padding:10px 0 55px 0;}
.paging ul {text-align:center;}
.paging ul li {display:inline-block; width:24px; height: 24px; text-align:center; margin: 0 4px; color: #436FBB;}
.paging ul li a {display:block; width:24px; height:24px; font-size:12px; line-height:24px; box-sizing: border-box; color: #999; }
.paging ul li a:hover{color:#436FBB; font-weight: bold;}
.paging ul li a.on{color:#436FBB; text-decoration: underline; font-weight: bold;}
.paging ul li a img{vertical-align:middle;}
.paging ul .prev {margin-right:0px; border:1px solid #ddd;}
.paging ul .next {margin-left:0px; border:1px solid #ddd;}
.paging ul .prev a:hover,
.paging ul .next a:hover{background: #f6f6f6; color: #000;}