@charset "utf-8";

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

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

*{font-family:NanumBarunGothic, sans-serif; font-weight:400}
header, section, article, aside, nav, figure, figcaption, footer, video, audio{display:block;margin:0;padding:0;border:0;-webkit-text-size-adjust:none;}
html, body{overflow-x:hidden; overflow-y:auto; -webkit-text-size-adjust:none; text-size-adjust:none; word-break: keep-all;  line-height: 1.6em; color:#555;font-weight: normal; font-size: 15px;}
body, div, p, table, thead, tfoot, tbody, tr, th, td, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, address, span, img, strong, b, em, i{margin:0;padding:0;border:0;-webkit-text-size-adjust:none;}
div, table, th, td{border-collapse:separate;border-spacing:0;}
table {width:100%}
caption, legend{display:block;overflow:hidden;position:absolute;top:0;left:0;visibility:hidden;width:1px;height:1px;font-size:1px;}
ul, ol, li{list-style:none;}
h1,h2,h3,h4 {font-weight: normal;}
a, span, button, input, img, strong, b, em, i{border-radius:0;vertical-align:top;}
i {font-style: normal}
a{text-decoration:none;}
button{overflow:visible;display:inline-block;margin:0;padding:0;border:0;background:none;cursor:pointer;}
input ,select, textarea {border-radius:3px; vertical-align:middle;  box-sizing:border-box; border:1px solid #cdcdcd }
input[type="text"] {height:30px; padding:1px 4px;}
select {height:30px;}
textarea {line-height:1.8em; padding:5px; text-align:left;}
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner{margin:0;padding:0;border:0;-webkit-appearance:none;border-radius:0;appearance:none;}
button span{display:block;overflow:hidden;visibility:hidden;font-size:1px;white-space:nowrap;}
button:focus{border:1px dotted #000;}
address{font-style:normal;}
hr{display:none;}

.hid{overflow:hidden;display:block;position:absolute;visibility:hidden;width:1px;height:1px;font-size:1px;white-space:nowrap;}
.hid2 {text-indent:-9999%;}
.oh:after{display:block;clear:both;content:"";}
.fl{float:left !important;}
.fr{float:right !important;}
.cl{clear:both;}
.info_ml{margin-left:16px !important;}
.ac{text-align:center !important;}
/* 글자 속성 */
/* a:link, a:visited, a:hover, a:active순서로 작성 */
a:link {color: #444; text-decoration:none;} 
a:visited   {color: #444; text-decoration:none;} 
a:hover {color: #000; text-decoration:none;} 
a:active {color: #444; text-decoration:none;} 
a:focus {text-decoration:none;}
/*기본 텍스트 포인트 칼라*/
.pit01{color:#2467f3;}
.bgnone {background:none !important}
.bdt0 {border-top:0!important;}
.bd0{border:0!important;}
.mr0{margin-right:0!important;}
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.pt30{padding-top:30px}
.pt10{padding-top:10px}
.pl0{padding-left:0}
.pr0{padding-right:0}
.pl20 {padding-left:20px}
.ml4 {margin-left:4px}
.ml7 {margin-left:7px}
.ml5 {margin-left:5px}
.mtm15 {margin-top:-18px}
.mtm40{margin-top:-47px!important}
.egfont {font-family:Arial}
/* 테이블 가로값 */
.w25{width:25%}
.w75{width:75%}
/* 글꼴 사이즈 */
.fwb {font-weight:bold!important}
.ft15{font-size:1.2em;}
.left {text-align:left!important}
.hits {color:#f37200; font-size:12px; display:inline-block; margin-left:10px}
.hits b{font-weight:bold}

/* 탑비주얼 */
.container {position:relative; overflow:hidden;}
.visual_wrap {background-image:url(/skin/images/common/gnb_bg.png),url(/skin/images/common/top_visual.png); background-repeat:repeat-x, no-repeat ; background-position:0 0, 50% 0  ;  background-size:7px 7px,cover; height:320px}
.visual_in, .main_banner_in {width:1100px ; margin:0 auto; overflow:hidden;} 
.visual_in p {padding:8.6% 0 0 42.63%; font-size:30px;  letter-spacing:-.01em; line-height:1.3em}
.visual_in p span {display:block}


/* 인풋 스타일 */
td input {vertical-align:middle; margin:0;}
td input[type="radio"]{ width:18px; height:18px;}
td input[type="checkbox"]{ border:1px solid #cdcdcd; width:20px; height:20px; margin-right:-2px}
td input[type="text"], td input[type="password"]{height:30px; background:#fff; vertical-align:middle;}
td input.w50 {width:50px}
td input.w100 {width:100px}
td input.w216 {width:216px}
td .wfull {width:97%}
td .w70 {width:70px}
td input[type="file"]{ opacity:0; width:100%; height:100%;}
td .basic_btn {border-radius:3px; border:1px solid #d9d9d9; display:inline-block; background:#f3f3f3 }
td .basic_btn:hover,.board1 td a.file_add:hover { border-color:#7286f4;}
td .basic_btn a{ padding:0 10px; height:28px; line-height:27px; font-size:13px; color:#444}
td .select{background:#fff; border:1px solid #cdcdcd; font-size:13px; color:#666; padding-left:10px; box-sizing:border-box; padding:5px 0; vertical-align:middle; height:30px;}

/* board1  */
.board1{border-top:1px solid #303030;}
.board1 th,.board1 td {padding:0 4px;}
.board1 th {padding:12px 0; border-bottom:1px solid #e2e2e2; color:#000; background:#f5f5f5}
.board1 td {border-bottom:1px solid #e2e2e2; text-align:center; vertical-align:middle; line-height:1.3em}
.board1 td a:hover{color:#256afa}
/* board1_view */
.board1 th.view_tit2 {background:#f5f5f5}
.board1 th.view_tit3
.board1 tr:hover td.view,.board1 tr:hover td.tal {background-color:none; }
.board1 td.tal{text-align:left;padding:12px 0 13px 20px; }
.board1 td img.file {margin:2px 0 0 10px}
.board1 td.view {padding:30px 50px; line-height:2em; text-align:left; border-color:#ccc;}
.board1 td.view img {display:block; padding-bottom:20px; margin:0 auto; width:100%!important}
.board1 td .file{width:77px; height:30px; background-size:77px 30px; background:url(/skin/images/common/btn_file.gif) no-repeat 0 0; display:inline-block; overflow:hidden; vertical-align:middle; text-align:left}
.board1 td a.file_add{width:75px; padding:0; height:28px; background:#f3f3f3; display:inline-block; font-size:13px; border-radius:3px; margin:0; line-height:30px; text-align:center; border:1px solid #d9d9d9; color:#444; text-decoration:none}
.board1 td a {display:block; padding:12px 0 12px 0; }
.board1 .tit {text-align:left; padding-left:30px}
.board1 .date {text-align:right; padding-right:30px}

#form_search {display:block; height:40px; margin-top:-37px}
.board_sch { float:right;  }
.bd_slct {width:57px; border:1px solid #dfe0e0; height:28px; float:left;}
input.bd_ipt {width:162px; border:1px solid #dfe0e0; height:28px; float:left; margin-left:5px}
.bd_btn {background:url(/skin/images/common/ico_srch.png)50% 50% no-repeat; background-size:16px; height:28px;  border:1px solid #dfe0e0; width:50px; float:left;margin-left:5px; text-indent:-9999%}
.bd_btn:hover {background:url(/skin/images/common/ico_srch2.png)50% 50% no-repeat; background-size:16px; }
.required_wrap .required strong,.board1 th strong{color:#fd3c00; padding-right:3px;}
/* board2_검색테이블 */
.board2 {border-top: 1px solid #dbe0e8; border-right: 1px solid #dbe0e8;}
.board2 th {background:#e8edf5; color:#505b6c}
.board2 th, .board2 td{border-bottom: 1px solid #dbe0e8; border-left: 1px solid #dbe0e8;  padding:4px 0}
.board2 td input,.board2 td select {border-color:#a3b0c7; height:30px }
.board2 td {padding:4px 7px}
/* 게시판 필수 입력사항 */
.required_wrap{width:100%; overflow:hidden; margin-bottom:8px; margin-top:-25px}
.required_wrap .required{float:right; font-size:13px; color:#666; line-height:1.5;}
/* 덧글입력 */
.comm_cont {background:#f9f9f9; padding:20px 40px; overflow:hidden; text-align:left; font-size:14px}
.comm_cont .re{  padding:0 40px; background:url(/skin/images/common/ico_re.gif)23px 1px no-repeat; }
.writer {font-size:12px; margin-bottom:7px; overflow:hidden; clear:both}
.writer span{display:inline-block;}
.writer .nm{font-weight:bold; color:#122854; font-size:13px; margin-right:7px}
.writer .dt, .con .call  {color:#999; margin-right:7px}
.writer .edit a {padding:0!important; display:inline-block!important; color:#777}
.writer .edit {float:right;}
.writer .edit i {display:inline-block;  width:10px; height:22px; background:url(/skin/images/common/ico_div3.gif)50% 50% no-repeat;}
.writer .btn_cmnt {background:url(/skin/images/common/ico_cmnt.gif)0 8px no-repeat ; padding-right:4px; display:inline-block; padding:0 0 0 10px; color:#000} 
.comm_cont .con {width:100%; line-height:1.5em;}
.con .btn_rgst {width:10%; height:58px; padding:0; line-height:60px; margin-left:5px; border:1px solid #babec7; color:#474e5b; display:inline-block; text-align:center; float:left; border-radius:3px;}

.con textarea {width:88%; float:left; height:60px}
.comm_cont a.like {background:url(/skin/images/common/ico_like.png)2px 1px no-repeat; font-size:12px; padding:0 0 0 24px!important; display:inline-block; margin-top:8px; color:#999}
.comm_cont a.like:hover {background:url(/skin/images/common/ico_like_ac.png)2px 1px no-repeat; color:#000}

/* 게시판 하단 버튼 */
.btn_wrap {text-align:center; margin-top:20px; position:relative}
.btn_wrap_fl {float:right; width:10%}
.btn_wrap_fr {float:right; width:10%}
.btn_wrap a { margin:0 auto; text-align:center; border-radius:4px; display:inline-block; width:100px; color:#fff; }
.btn_wrap a.w160 { width:160px; }
.btn_wrap a.atv {background:#3c67f8;  padding:10px 0; margin:0 0 0 2px}
.btn_wrap a.atv:hover {background:#3979fe}
.btn_wrap a.cncl { background:#ededed; border:1px solid #d4d4d4; padding:9px 0; color:#333 ; margin:0 1px }
.btn_wrap a.cncl:hover {background:#f5f5f5; border:1px solid #d4d4d4;}

/* paging */
.paging_fl { width: 90%; float: left; }
.paging_fr { width: 10%; float: right; }
.paging {text-align:center; padding-top:30px;}
.paging .prev,.paging .next, .paging .prev2, .paging .next2 {background-repeat:no-repeat; background-position:50% 50%; text-indent:-9999%}
.paging .prev {margin-right:20px;background:url(/skin/images/common/btn_prev.gif)}
.paging .next {margin-left:20px;background:url(/skin/images/common/btn_next.gif)}
.paging .prev2{background:url(/skin/images/common/btn_prev2.gif)}
.paging .next2{background:url(/skin/images/common/btn_next2.gif)}
.paging .prev:hover {background:url(/skin/images/common/btn_prev_ac.gif)}
.paging .prev2:hover{background:url(/skin/images/common/btn_prev2_ac.gif)}
.paging .next:hover {background:url(/skin/images/common/btn_next_ac.gif)}
.paging .next2:hover{background:url(/skin/images/common/btn_next2_ac.gif)}
.paging a{display:inline-block; margin-left:2px;width:28px; height:29px; line-height:29px; font-size:13px; text-align:center; vertical-align:middle; border:1px solid #dddddd; text-decoration:none}
.paging a:hover {font-weight:700; color:#2467f3; border-color:#2467f3}
.paging .on{background:#2467f3; color:#fff; font-weight:700; border-color:#e81126; display:inline-block;width:30px; height:31px; line-height:31px; font-size:13px;}
.paging .frt { margin-left:0;}

/*★★★★★★★★★★★★★★★★★★★★★★★★ 미디어쿼리 가로너비 최대1024px★★★★★★★★★★★★★★★★★★★★★★★★ */	
@media screen and (max-width:1024px) {
	.visual_in p {padding:6.25% 5% 0 42.63%}
	/* 메인_하단배너  */
	.main_bt_banner {margin-top:13%;}
	.main_bt_banner img {width:100%}
	.main_bt_banner p + p {margin-top:4.5%}

}

/*★★★★★★★★★★★★★★★★★★★★★★★★ 미디어쿼리 가로너비 최대640px★★★★★★★★★★★★★★★★★★★★★★★★ */	
	@media screen and (max-width:640px) {
	.board1{width:100%; font-size:12px}
	.board1 th{padding :10px 2px;}
	.board1 td.tal {padding:10px 0 10px 10px}
	.board1 td.view {padding:10px}
	.board1 td.view img {width:100%!important; height:auto!important;}
	.board2 {font-size:12px}
	.board2 td img[src*="btn_sch"] {width:70px}
	.board2 input{font-size:12px}
	.board2 colgroup col{width:12.5%}
	.board2 colgroup col+col{width:25%}
	.board2 colgroup col+col+col{width:12.5%}
	.board2 colgroup col+col+col+col{width:25%}
	.board2 colgroup col+col+col+col+col {width:20%}
	.board2 td .wfull {width:100%}
	.board2 td select {width:27%}
	td input.w216 {width:70%}
	td .w70 {width:27%}
	/* td .wfull {width:70%}
	td input.w216 {width:50%}
	 */
	 /* 페이지네이션 */
	 .paging {padding-top:15px}
	 /* 버튼 */
	.btn_wrap a {width:50px; font-size:12px}
	.btn_wrap a.atv {padding:5px 7px}
	.btn_wrap a.cncl {padding:4px 7px}

}