@charset "utf-8";

.board_top {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom:50px; color:#222222;}
.board_top .count {overflow:hidden; margin:0 -10px; font-size:16px;}
.board_top .count > span {float:left; position:relative; padding:0 10px;}
.board_top .count > span+span::before {position:absolute; top:50%; left:0; width:1px; height:11px; margin-top:-5px; background:#eaeaea; content:'';}
.board_top .count strong {font-weight:400;}
.board_search {margin-left:auto; width:568px;}
.board_search .fbox {display: -ms-flexbox; display: flex;}
.board_search select,
.board_search input[type="text"] {width:100%;height:55px; padding-left:20px; border:1px solid #eeeeee; border-radius:28px; font-size:16px; color:#222222;}
.board_search select {width:153px; padding-right:45px; background:url('../images/board/icon_sel_arr.png') no-repeat right 15px center !important;}
.board_search .fbox > div {-ms-flex: 1; flex: 1; margin-left:6px; margin-right:10px;}
.board_search .btn_submit {overflow:hidden; width:55px; height:55px; text-indent:-999px; background:url('../images/board/icon_search.png') no-repeat center; background-size:contain;}


@media all and (max-width:991.9px){
	.board_top {margin-bottom:28px;}
	.board_top .count {display:none;}
	.board_search select,
	.board_search input[type="text"] {height:40px; padding-left:12px; border-radius:20px; font-size:13px;}
	.board_search select {width:110px; padding-right:33px; background-position: right 11px center !important; background-size:22px auto !important;}
	.board_search .fbox > div {margin:0 5px;}
	.board_search .btn_submit {width:40px; height:40px;}
}

.table_list {table-layout:fixed; width:100%; border-top:1px solid #333333; font-size:16px;}
.table_list thead th {padding:25px 20px; border-bottom:1px solid #333333; font-weight:400; color:#333333;}
.table_list td {height:70px; padding:12px 10px; border-bottom:1px solid #eaeaea; text-align:center;}
.table_list tr:nth-child(even) {background:#f8f8f8;}
.table_list .td_tit {text-align:left;}
.table_list .td_tit a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.info_m {display:none;}

.state {display:inline-block; width:75px; border-radius:23px; line-height:45px; color:#144896; text-align:center; background:#e7ecf4;}
.state.end {color:#f92626; background:#ffe7e7;}
@media all and (max-width:991.9px){
	.table_list {font-size:15px;}
	.table_list td {height:55px; padding:18px 10px;}
	.table_list .td_state {width:70px; padding:0;}
	.table_list .td_date {width:110px;}

	.state {width:55px; border-radius:25px; line-height:35px;}

	.info_m {display:block; overflow:hidden; margin-top:7px; font-size:13px; color:#888888;}
	.info_m span {float:left; margin-right:15px;}
	
}



.board_bottom {position:relative; margin-top:60px;}
.board_bottom .ubtn {position:absolute; top:-10px; right:0;}
.paginate {text-align:center; font-size:0;}
.paginate * {vertical-align:top;}
.paginate a {display:inline-block; width:40px; height:40px; line-height:40px; font-size:15px; border-radius:100%; color:#000000;}
.paginate .first,
.paginate .end {background:url('../images/board/icon_page_arr02.png') no-repeat center; background-size:auto 100%;}
.paginate .end {transform:rotate(180deg);}
.paginate .prev,
.paginate .next {background:url('../images/board/icon_page_arr01.png') no-repeat center; background-size:auto 100%;}
.paginate .next {transform:rotate(180deg);}
.paginate p {display:inline-block; margin:0 10px;}
.paginate p a+a {margin-left:6px;}
.paginate p a.cur {color:#fff; font-weight:700; background:#144896;}
.paginate p a.cur::before {opacity:1;}

.btn_area {margin-top:50px; vertical-align:top; text-align:center;}
.btn_area p {display:inline-block;}
.btn_area p .ubtn {float:left;}
.ubtn {display:inline-block; width:155px; margin:5px; line-height:55px; border-radius:28px; font-size:15px; color:#fff; text-align:center; background:#144896;}
.ubtn.gray {background:#b0b0b0;}
.sbtn {display:inline-block; height:45px; padding:0 15px; border-radius:5px; font-size:15px; color:#fff; line-height:45px; background:#666666;}
@media all and (max-width:991.9px){
	.board_bottom {margin-top:25px;}
	.paginate a {width:30px; height:30px; line-height:30px; font-size:13px;}
	.paginate p {margin:0 5px;}
	.paginate p a+a {margin-left:3px;}
	.paginate > a {width:25px;}

	.board_bottom .ubtn {display:block; position:relative; top:0; margin:35px auto 0;}

	.btn_area {margin-top:25px;}
	.ubtn {width:130px; height:48px; margin:3px; border-radius:24px; line-height:48px;}
}

.board_table {border-top:1px solid #333333; color:#333333; word-break:break-all; font-size:16px; line-height:1.4;}
.board_table .row {display: -ms-flexbox; display: flex;}
.board_table .col {display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; min-height:70px; border-bottom:1px solid #eaeaea;}
.board_table .col .th {height:100%; min-width:200px; padding-left:35px; line-height:70px; background:#f8f8f8;}
.board_table .col .td {-ms-flex-item-align: center; align-self: center; -ms-flex: 1; flex: 1; padding:12px 20px;}
.board_table .col.half {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.board_table .th .fc_red {display:inline-block; position:relative; top:5px; margin-left:3px;}
.board_table .finput input[type="file"],
.board_table .finput input[type="password"],
.board_table .finput input[type="text"],
.board_table .finput input[type="email"],
.board_table .finput select {width:100%;}
.board_table .finput textarea {width:100%; height:300px;}

.fwrap {display: -ms-flexbox; display: flex; margin-left:-10px;}
.fwrap > div {flex:1; padding-left:10px;}
.addr_search .addr1 {-ms-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px;}
.addr_search .sbtn {margin-left:10px;}

.btn_submit.disabled {opacity:0; pointer-events: none;}

.loading {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:url('../images/board/loading.gif') no-repeat center rgba(255,255,255,0.5);; background-size:60px;}


.agree_box {padding:30px 0 20px; border-bottom:1px solid #333333;}
.agree_box .scroll_cont {overflow-y:auto; height:220px; margin-bottom:20px; padding:20px; border:1px solid #eaeaea;}

@media all and (max-width:991.9px){
	.board_table {font-size:15px;}
	.board_table .row {-ms-flex-wrap: wrap; flex-wrap: wrap;}
	.board_table .col {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; min-height:50px;}
	.board_table .col .th {min-width:100px; padding-left:10px; line-height:50px;}
	.board_table .col .td {padding:10px;}
	
	
	.board_table.board_write .col {-ms-flex-wrap: wrap; flex-wrap: wrap; border:0; padding:0 10px;}
	.board_table.board_write .col .th,
	.board_table.board_write .col .td {padding:0;}
	.board_table.board_write .col .th {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; min-width:auto; height:auto; padding-top:15px; line-height:40px; background:#fff;}
	.board_table.board_write .col.half {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

	.fwrap {margin-left:-5px;}
	.fwrap > div {padding-left:5px;}
	.addr_search {-ms-flex-wrap: wrap; flex-wrap: wrap;}
	.addr_search .addr1 {-ms-flex: 1; flex: 1; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.addr_search .sbtn {margin-left:5px;}
	.addr_search .addr2,
	.addr_search .addr3 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-top:5px;}

	.agree_box {padding:20px 10px;}
	.agree_box .scroll_cont {margin-bottom:10px; padding:10px;}

}



.board_view .top {position:relative; padding:13px 35px; border-bottom:1px solid #eaeaea;}
.board_view .top .state {margin-right:20px;}
.board_view .top h2 {display:inline-block; font-size:22px; font-weight:500; line-height:1.333;}
.board_view .contents {min-height:300px; padding:30px 35px; border-bottom:1px solid #eaeaea; line-height:1.875;}
.board_view .re_contents {background:#f8f8f8;}
.board_view .re_contents .tit {padding-left:40px;}
.board_view .re_contents .tit strong {display:block; padding-left:34px; font-size:18px; color:#144896; line-height:60px; background:url('../images/board/icon_re.png') no-repeat 0 center; background-size:25px auto;}
.board_view .re_contents .contents {padding:30px 40px; border-top:1px solid #eaeaea;}
.post_navi dl {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-bottom:1px solid #eaeaea; line-height:70px;}
.post_navi dt {min-width:160px;}
.post_navi dt a {display:block; position:relative; padding-left:40px}
.post_navi dt a::after {position:absolute; top:0; right:50px; height:100%; width:13px; background:url('../images/board/icon_post_navi_arr.png') no-repeat center; content:'';}
.post_navi dl+dl dt a::after {transform:rotate(180deg);}
.post_navi dd {-ms-flex: 1; flex: 1; min-width:0;}
.post_navi dd a {display:block; padding-right:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.board_view.notice .top {min-height:70px; padding:20px 30px; padding-right:300px; border-bottom:1px solid #333333;}
.board_view.notice .date {position:absolute; top:15px; right:150px; line-height:40px;}
.board_view.notice .r_info {position:absolute; top:15px; right:30px; display: -ms-flexbox; display: flex;}
.board_view.notice .r_info img {width:40px; margin-left:10px;}
@media all and (max-width:1300px){
	.board_view .col .th {min-width:160px;}
}
@media all and (max-width:991.9px){
	

	.board_view .top {min-height:56px; position:relative; padding:15px 80px 15px 10px;}
	.board_view .top .state {position:absolute; top:50%; right:10px; margin:0; transform:translateY(-50%);}
	.board_view .top h2 {margin:0; font-size:18px;}
	
	.board_view.notice .top {min-height:56px; padding:15px 10px; padding-right:80px; border-bottom:1px solid #333333;}
	.board_view.notice .r_info {top:12px; right:10px;}
	.board_view.notice .date {display:block; position:relative; top:0; right:0; margin-top:10px; line-height:20px;}
	.board_view.notice .r_info img {width:27px; margin-left:5px;}
	
	
	.board_view .col .th {min-width:90px;}
	.board_view .contents {padding:15px 10px;}
	.board_view .re_contents .tit {padding-left:10px;}
	.board_view .re_contents .tit strong {padding-left:25px; font-size:17px; line-height:48px; background-size:20px auto;}
	.board_view .re_contents .contents {padding:15px 10px;}
	.post_navi dl {line-height:50px;}
	.post_navi dt {min-width:90px;}
	.post_navi dt a {padding-left:10px}
	.post_navi dt a::after {right:17px; background-size:10px auto;}
	.post_navi dd a  {padding-right:10px;}
}



.alert_pop {display:none;}
.alert_pop::before {position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000; background:rgba(0,0,0,0.6); content:'';}
.alert_pop .pbox {position:fixed; top:50%; left:50%; z-index:10001; width:640px; margin:-200px -320px; padding:50px; background:#fff;}
.alert_pop .msg {color:#222222; font-size:32px; font-weight:700; text-align:center;}
.alert_pop .btn_area {margin-top:30px;}
.password_form {margin-top:35px; padding:40px 30px; background:#f8f8f8;}
.password_form input {width:100%;height:55px; padding-left:20px; border:1px solid #eeeeee; border-radius:28px; font-size:16px; color:#222222;}
@media all and (max-width:991.9px){
	.alert_pop .pbox {width:320px; margin:0; padding:30px 20px; transform:translate(-50%,-50%);}
	.alert_pop .msg {font-size:20px;}
	.alert_pop .btn_area {margin-top:20px;}
	.password_form {margin-top:20px; padding:20px 15px;}
}


.board_category {margin:0 auto 60px; text-align:center;}
.board_category ul {display:inline-block; font-size:0;}
.board_category li {display:inline-block; margin:0 5px;}
.board_category a {display:block; padding:0 50px; border:1px solid #144896; color:#144896; font-weight:700; white-space:nowrap; font-size:18px; line-height:53px; transition:all 0.4s;}
.board_category li a:hover,
.board_category li.on a {color:#fff; background:#144896;}

.portfolio_list {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:-60px -20px;}
.portfolio_list li {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding:60px 20px;}
@media all and (max-width:1400px){
	.board_category {margin-bottom:50px;}

	.portfolio_list {margin:-50px -15px;}
	.portfolio_list li {padding:50px 15px;}
}
@media all and (max-width:1200px){
	.portfolio_list li {-ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%;}
}
@media all and (max-width:991.9px){
	.board_category {margin-bottom:30px;}
	.board_category ul {display: table; width:100%;}
	.board_category li {display:table-cell; margin:0;}
	.board_category li+li {padding-left:4px;}
	.board_category a {padding:0 10px; font-size:15px; line-height:45px;}

	.portfolio_list {margin:-25px -10px;}
	.portfolio_list li {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding:25px 10px;}
}
/*

26 - 14

-ms-flex-pack: end!important; justify-content: flex-end!important;

display: -ms-flexbox; display: flex;
-ms-flex-wrap: wrap; flex-wrap: wrap;
-ms-flex-align: stretch; align-items: stretch;
-ms-flex-align: center; align-items: center;

-ms-flex-item-align: center; align-self: center;
-ms-flex-item-align: stretch; align-self: stretch;

-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;
-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;
font-family: 'Nanum Myeongjo', serif,'Apple SD Gothic Neo';
font-family: 'Noto Sans KR', sans-serif,'Apple SD Gothic Neo';
font-family: 'S-Core Dream', sans-serif,'Apple SD Gothic Neo';


-ms-flex: 1; flex: 1;

30 - 16
26 - 14
24 - 13
*/