@charset "utf-8";
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}
/* css 초기화 */
body {background:#fff;}
html{-webkit-text-size-adjust:antialiased;
-moz-osx-font-sommthing:grayscale;}

body,div,p,dl,dd,dt,footer,ol,ul,li,select,input,textarea{margin:0; padding:0; font-family:"LatoWeb", 'NanumBarunGothic', '나눔바른고딕'; font-size:12px; line-height:160%;}
a {text-decoration:none; color:#333;}
a:focus {outline:none;}
li{}
table{border-collapse:collapse;}
h1, h2, h3, h4, h5, h6{margin: 0; color: #333; line-height: 160%; font-weight: 400}
img{vertical-align: middle;}
input, textarea, select {appearance: none; -webkit-appearance: none;}
input:focus,select:focus,textarea:focus{outline: none;}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17px;
  border-left: 5px solid #eee;
}

::selection {background:#333; color:#fff; text-shadow: none;}
.row{overflow: hidden;}
.middle{vertical-align: middle;}
.v_top{vertical-align: top;}

/* 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}
a .link_0{color:#000;}
a .link_6{color:#666;}

/* layout */
.mt5{margin-top: 5px}
.mt8{margin-top: 8px}
.mt10{margin-top: 10px}
.mt20{margin-top: 20px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}
.mt60{margin-top: 60px}
.mt70{margin-top: 70px}
.mt80{margin-top: 80px}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom: 20px}

.f_left{float:left;}
.f_right{float:right;}
.text_left{text-align:left;}
.text_center{text-align:center;}
.text_right{text-align:right;}
.w_100{width: 100%}
.w_537{width: 537px;}
.w_490{width: 490px;}

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}
.clear{clear: both;}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* font */
.font_org{color: #FF8425}
.font_red{color: #E30000}
.font_sub{color: #f58b39}
.font_white{color: #fff}
.fc_gray_1{color:#BDBDBD}
.font_gray_6{color:#666}
.font_gray_9{color:#999}
.fs_11{font-size:11px;}
.fs_12{font-size:12px;}
.fs_14{font-size:14px;}
.fs_16{font-size:16px;}
.fs_18{font-size:18px;}
.fs_20{font-size:20px;}
.fs_24{font-size:24px;}
.strong{font-weight: 700;}
.txt_line{color: #999; font-size: 10px; margin: 0 5px;}

/* form */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-internal-autofill-selected {background: #fff !important; -webkit-box-shadow: 0 0 0 1000px white inset;}


input{vertical-align:middle; border:1px solid #D4D4D4; width: 100%; height:40px; box-sizing: border-box; text-indent: 10px; background: #fff !important;}
textarea{border: 1px solid #D4D4D4; resize: none; width:calc(100% - 20px); padding: 10px;}
select{vertical-align:middle; width: 100%; height:40px; padding-left: 14px; box-sizing: border-box; border:1px solid #D4D4D4; color:#333; background: #fff url('../images/i_select_arrow.png') no-repeat calc(100% - 14px) center;}
select.sm{vertical-align:middle; width: 100%; height:28px; padding-left:10px; box-sizing: border-box; border:1px solid #D4D4D4; color:#333; background: #fff url('../images/i_select_arrow.png') no-repeat calc(100% - 14px) center;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {display:inline-block; color: #000;}
input[type="checkbox"] + label span {display:inline-block; width:16px; height:16px; margin:0px 15px 0 0; vertical-align:middle; background:url('../images/btn_check_off.png') right center no-repeat; cursor:pointer; background-size:16px;}
input[type="checkbox"]:checked + label span {width:16px; height:16px; background:url('../images/btn_check_on.png') right center no-repeat; background-size:16px;}
input[type="checkbox"]:checked + label{color:#000;}
input[type="radio"] {display:none;}
input[type="radio"] + label {display:inline-block;}
input[type="radio"] + label span {display:inline-block; width:13px; height:13px; margin:-3px 11px 0 0; vertical-align:middle; background:url('../images/radio_off.png') no-repeat; cursor:pointer; background-size: 13px;}
input[type="radio"]:checked + label{color: #333;}
input[type="radio"]:checked + label span {width:13px; height:13px; background:url('../images/radio_on.png') no-repeat; background-size:13px;}

input.green_check[type="checkbox"] {display:none;}
input.green_check[type="checkbox"] + label {display:inline-block; color:#333;}
input.green_check[type="checkbox"] + label span {display:inline-block; width:12px; height:12px; margin:-3px 8px 0 0; vertical-align:middle; background:url('../images/green_check_off.png') right center no-repeat; cursor:pointer; background-size:12px;}
input.green_check[type="checkbox"]:checked + label span {width:12px; height:12px; background:url('../images/green_check_on.png') right center no-repeat; background-size:12px;}
input.green_check[type="checkbox"]:checked + label{color:#333;}

input.green_radio[type="radio"] {display:none;}
input.green_radio[type="radio"] + label {display:inline-block;}
input.green_radio[type="radio"] + label span {display:inline-block; width:13px; height:13px; margin:-3px 11px 0 0; vertical-align:middle; background:url('../images/radio_off.png') no-repeat; cursor:pointer; background-size: 13px;}
input.green_radio[type="radio"]:checked + label{color: #333;}
input.green_radio[type="radio"]:checked + label span {width:13px; height:13px; background:url('../images/green_radio_on.png') no-repeat; background-size:13px;}

input.input_error{border:1px solid #E30000;}
input.input_calendar{background:url('../images/i_calendar.png') 12px center no-repeat; text-align: center;}

::-webkit-input-placeholder {color:#D4D4D4; font-size: 12px}/* WebKit, Blink, Edge */
:-moz-placeholder {color:#D4D4D4; font-size: 12px} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#D4D4D4; font-size: 12px} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#D4D4D4; font-size: 12px} /* Internet Explorer 10-11 */

/* 파일 업로드 공통 */
.filebox input[type="file"] {position:absolute; width: 1px; height: 1px; padding:0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; right: 0;}
.filebox label{display:inline-block !important; vertical-align:middle; background: #fff; color: #666; cursor: pointer; border:1px solid #666; text-align: center; line-height: 12px; padding:8px 20px;}
.filebox label:hover{background:#fff; }

.file_area .filebox {position: relative;}
.file_area .upload_name{}
/* named upload */
.file_area .upload_name {display:block; background: #fff000;
  padding:5px 25px; /* label의 패딩값과 일치 */
  border: 0; color: #666; right:0px; text-align:right; top:30px; height:30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;}

/* button */
.btn a:hover{transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;}
.btn_s a{display: inline-block; width: 70px; height: 30px; line-height: 30px; text-align: center; box-sizing: border-box; font-size: 12px}
.btn_m a{display: inline-block; height:36px; font-size:12px; line-height:36px; text-align: center; box-sizing: border-box; background: #000; color:#fff; padding: 0 30px; border:1px solid #000;}
.btn_m a:hover{background: #333; border:1px solid #000;}
.btn_m_line a{display: inline-block; font-size:12px; height:36px; line-height:36px; border:1px solid #666; color:#666; box-sizing: border-box; padding: 0 20px;}
.btn_m_line a:hover{ border: 1px solid #f6f6f6; background: #f6f6f6;}
.btn_b a{display: inline-block; width:200px; height:36px; line-height:36px; text-align: center; background: #000; color:#fff; font-size:12px;}
.btn_b a:hover{background: #333;}
.btn_s_line a{font-size:11px; padding:0 20px; height:28px; line-height:28px; display:inline-block;; border:1px solid #d4d4d4; color:#333; }
.btn_s_line a:hover{ border: 1px solid #f6f6f6; background: #f6f6f6;}

.btn_solid a{border: 1px solid #000; background: #000; color:#fff;}
.btn_solid a:hover{border: 1px solid #333; background: #333;}
.btn_line a{border: 1px solid #D4D4D4; background: #fff; color:#333;}
.btn_middle a{display:inline-block; width: 120px; height:28px; line-height:28px; text-align: center;}
/* .btn_line a:hover{border: 1px solid #666;} */
.btn_135 a{display:inline-block; width: 135px; height: 36px; line-height: 36px; text-align: center;}
.btn_150 a{display:inline-block; width: 150px; height: 36px; line-height: 36px; text-align: center;}
.btn_160 a{display:inline-block; width: 160px; height: 36px; line-height: 36px; text-align: center;}
.btn_200 a{display:inline-block; width: 200px; height: 36px; line-height: 36px; text-align: center;}
.btn_350 a{display:inline-block; width: 350px; height: 50px; line-height: 50px; text-align: center; font-size: 13px;}
.btn_350 a:hover{background: #000; color:#fff; border: 1px solid #000;}

a.input_btn{width:90px; height:38px; line-height:38px; text-align: center; border: 1px solid #D4D4D4; background: #fff; color:#333; display: inline-block; vertical-align: middle;}
a.input_soid_btn{width:100px; height:38px; line-height:38px; text-align: center; border: 1px solid #000; background: #000; color:#fff; display: inline-block; vertical-align: middle;}

/* box */
.line_top_box{padding-top: 20px; border-top:1px solid #D4D4D4;}
.line_box{padding: 20px; border:1px solid #D4D4D4;}
.line_box_table{padding:10px 20px; border:1px solid #D4D4D4;}


/* table */
.board_table{width: 100%; border-bottom: 1px solid #d4d4d4; margin-bottom: 10px}
.board_table th,
.board_table td{padding: 0 20px; color: #666; text-align: center; }
.board_table th{border-bottom: 1px solid #666; height: 34px; font-weight: 400; color:#000; }
.board_table th.txt_left,
.board_table td.txt_left{text-align:left}
.board_table td{height: 45px}
.board_table td a{color: #666}
.border_detail{border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.board_detail_head{border-bottom:1px solid #d4d4d4; margin-top: 30px; padding:40px 0 25px 0;}
.board_detail_head p{font-size:20px; color:#000;}
.board_detail_head span{color: #666; font-size: 12px;}
.border_detail_img img{margin-bottom:20px; max-width:100%;}
.border_detail_con{text-align: left; font-size: 12px; color:#666;}
.border_editor_con{text-align: left; font-size: 12px;}


.board_list{width: 100%; border-bottom: 1px solid #d4d4d4; border-top:1px solid #999;}
.board_list th,
.board_list td{padding: 0 20px; color: #666; text-align: center;}
.board_list th{border-bottom: 1px solid #ddd; height: 34px; font-weight: 400;}
.board_list th.txt_left,
.board_list td.txt_left{text-align:left; }
.board_list td{padding:10px 5px; border-bottom: 1px solid #ddd;}
.board_list td.group_line{border-bottom: 1px solid #999;}
/* .board_list td a{color: #666} */

.table_title{font-size: 14px; color:#000; margin-bottom:8px; font-weight: bold;}
.table_view{width:100%; border-top:1px solid #d4d4d4;}
.table_view.point_line{border-top:1px solid #666;}
.table_view th{border-bottom: 1px solid #d4d4d4; font-size: 12px; color:#333; font-weight: normal; text-align:left; background:#FBFBFB; padding: 6px 10px;}
.table_view td{border-bottom: 1px solid #d4d4d4; font-size: 12px; color:#333; padding: 6px 10px;}

.no_contents{height:50px; line-height:50px; text-align:center;}

/* 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: #000; list-style:none;}
.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,
.paging ul li a.on {background: #f6f6f6; color: #000;}
.paging ul li a img{vertical-align: text-top;}
.paging ul .prev {margin-right:8px;}
.paging ul .next {margin-left:8px;}
.paging ul .prev a:hover,
.paging ul .next a:hover{background: #fff; color: #000}

.card_list li{float: left; width:calc(33.3% - 20px); margin-right: 30px; margin-bottom:40px; list-style:none;}
.card_list li:nth-child(3n){margin-right:0;}
.card_list li .img_wrap{overflow: hidden; margin-bottom: 20px}
.card_list li .img_wrap img{transition: all .3s}
.card_list li a:hover .img_wrap img{transform: scale(1.1);}
.card_list li a .card_list_info p{font-size: 16px; color:#000; margin-top: 10px;}
.card_list li a .card_list_info span{font-size: 12px; color:#666;}
.card_list li a .card_list_info div{font-size: 12px; color:#999; margin-top: 10px; white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 1.6; height: 3.2em; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


.news_list li{float: left; margin-bottom:30px; list-style:none;}
.news_list li .news_img{position:relative; overflow: hidden; height:300px; width:1000px;}
.news_list li .news_img .img_wrap{pposition:absolute; top:0; left:0; right:0; bottom:0; -webkit-transform:translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
.news_list li .news_img .img_wrap img{top:0; left:0; position:absolute; max-width: 100%; height:auto; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%);}
/* .news_list li .img_wrap img{transition: all .3s} */
/* .news_list li a:hover .img_wrap img{transform: scale(1.1);} */
.news_list li a .news_list_info p{font-size:20px; color:#000; margin-top:20px;}
.news_list li a .news_list_info p span{font-size:12px; color:#666;}
.news_list li a .news_list_info div{font-size: 12px; color:#333; margin-top:15px; white-space:normal; overflow:hidden; text-overflow:ellipsis; line-height:20px; height: 3.2em; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.top_wrap{position:fixed; width:100%; text-align:right; z-index:9; bottom:150px; height: 1px;}
.top_wrap div{width:1350px; margin: 0 auto;}
.top_wrap div span{padding:20px 10px; border:1px solid #ddd; background:#fff; cursor:pointer;}

.main_top_wrap{position:fixed; width:100%; text-align:right; z-index:9; bottom:150px; height:1px;}
.main_top_wrap div{margin-right: 30px;}
.main_top_wrap div span{padding:20px 10px; border:1px solid #ddd; background:#fff; cursor:pointer;}

/* box style */
.box_01{border:1px solid #ddd;}
.box_02{border:1px solid #999;}

/* modal popup */
.modal{position: fixed; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.6); z-index: 200; box-sizing: border-box; padding: 100px 0; overflow-y: auto; opacity: 0; visibility: hidden;}
.modal.v_center{display: flex; align-items: center}
.modal .md_content{width:600px; margin: 0 auto; box-sizing: border-box; padding:40px; background: #fff; position: relative; border-radius: 3px;}
.modal .md_content .btn_close{position: absolute; right:20px; top:20px}
.modal .md_edit_img{}

/* swiper */
.swiper-pagination{bottom:30px; width: 100%;}
.swiper-pagination-bullet{width: 8px; height: 8px; margin-left: 10px; background:#BDBDBD; opacity: 1}
.swiper-pagination-bullet-active{background:#424242; opacity: 1}