@charset "utf-8";

@import url('reset.css');
@import url('fonts.css');

html, body {height:100%;}
.index {overflow-y:auto; background:url('../../images/front/main/bg_basic.jpg') center no-repeat; background-size:cover;}

#main_wrap {position:absolute; top:50%; margin-top:-290px; width:100%;}

.tit {margin-bottom:25px;}
.tit>span,
.tit>strong {display:block; text-align:center; color:#000;}
.tit>span {margin-bottom:8px; font-size:24px; font-family:'NSB'; color:#333;}
.tit>strong {font-size:42px; font-family:'NSEB'; letter-spacing:-0.06em;}

.bx_login {position:relative; width:370px; padding:53px 60px; background:rgba(235,60,74,.8); box-sizing:border-box; margin:0 auto; text-align:center;}
.bx_login .mlogo {padding-bottom:30px; margin:0 auto; text-align:center;}

.bx_login .placeholder_box {position:relative; margin-bottom:18px;}
.bx_login .placeholder_box label {position:absolute; top:13px; left:15px; color:#fff; font-size:15px; opacity:.4;}
.bx_login .placeholder_box .ipt_lgn {width:100%; height:40px; padding: 13px 15px; font-size:17px; color:#fff; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.2); background:none;}

.bx_login .btn_login {position:relative; z-index:2; display:block; border:6px solid rgba(255,255,255,.2); transition: all .5s ease;}
.bx_login .btn_login>em {position:relative; z-index:2; display:block; padding:10px 0; text-align:center; color:#fff; font-size:21px;}
.bx_login .btn_login:before {content: ""; z-index:1; width: 100%; height: 100%; background: #b93b46; position: absolute; top:0; left:0; opacity:0; transition: all .5s ease;}
.bx_login .btn_login:hover:before {opacity:1;}

.changePW {display:inline-block; color:#fff; font-size:14px; margin:20px auto 0; padding:0 12px;}/*201125*/

.footer {text-align:center; margin:15px auto; color:#333; font-family:'NSR'; font-size:11px;}

/*모바일 사이즈 조정 201125*/
@media only screen and (max-width: 480px){			
	#main_wrap {margin-top:-220px;}
	
	.tit {margin-bottom:10px;}
	.tit>span {font-size:20px;}
	.tit>strong {font-size:35px;}
	
	.bx_login .placeholder_box .ipt_lgn {padding: 10px 15px; font-size:15px;}
	
	.bx_login {width:84%; padding:30px 10% 33px;}	
	.bx_login .mlogo {padding-bottom:10px;}
	.bx_login .mlogo h1>img { height:60px;}
	.bx_login .btn_login>em {padding:5px 0; font-size:18px;}
	
	.changePW {font-size:13px; margin:15px auto 0;}
}
/*모바일 사이즈 조정 201125*/

#wrap {position:relative; width:100%;}

#gnb {position:relative; height:68px; width:100%; background:#ff6666;}
#gnb:after{content:''; display:block; clear:both;}
#gnb>ul {margin:0 auto; text-align:center;}
#gnb>ul li {position:relative; display:inline-block; width:100px; height:68px; margin-left:-5px; text-align:center; border-right:1px solid #ff8888;}
#gnb>ul li:first-child img {height:50px; width:auto; padding:7px 20px;}
#gnb>ul li>a {overflow:hidden; z-index:9; position:relative; display:block; height:100%; line-height:5.1; font-size:14px; color:#fff;}
#gnb>ul li.active>a {color:#fff; background:#333; border-right:1px solid #333;}
#gnb>ul li:after {content:''; z-index:8; position:absolute; top:0; left:0; bottom:0; width:1px; transition:all .3s ease; }
#gnb>ul li:hover:after {left:0; width:100%; background:rgba(0,0,0,.2); transition:all .3s ease;}

@media only screen and (max-width: 768px){		
	#gnb {height:52px;}
	#gnb>ul li {width:20%; height:52px;}/*201125*/
	#gnb>ul li:first-child img {height:38px; width:auto; padding:7px 0;}
	#gnb>ul li>a {line-height:4.1; font-size:13px;}	
}

#container .content {max-width:1180px; margin:25px auto 0; padding-bottom:100px;}
#container .content h4 {margin-bottom:10px;	font-size:32px;	color:#333237; font-family:'NSR'; font-weight:normal; text-align:center;}
#container .content .title_line {padding-top:30px; margin-bottom:10px; text-align:left; border-bottom:1px solid #aeaeae;}
#container .content .title_line>h4 {z-index:10; position:relative; display:inline-block; padding-bottom:10px; margin-bottom:0; text-align:left;}
#container .content .title_line>h4:after {z-index:10; content:''; position:absolute; bottom:-1px; left:0; right:0; border-bottom:2px solid #ff6666;}

@media only screen and (max-width: 1240px){
	#container .content {width:94%;}
	#container .content h4,
	#container.search-result .content h4 {font-size:28px;}
}

/*info - search*/
.bbs_wrap {padding:40px 0 20px 0; display:block;}
.bbs_wrap>.info {position:relative; margin:20px 0 10px; font-size:14px; color:#474747; line-height:20px;}
.bbs_wrap>.info .search {position:absolute; right:0; bottom:0; overflow:hidden; padding:2px 10px; border:1px solid #e0e0e0; background:#fff;}
.bbs_wrap>.info .search select {margin-right:5px; border:0; vertical-align:middle; font-size:14px;}
.bbs_wrap>.info .search input.text {height:30px; width:230px; border:0; vertical-align:middle;}
.bbs_wrap>.info .search input.btn-search {width:20px; vertical-align:middle;}

/*게시판 목록*/
.bbs_list {width:100%; table-layout:fixed; margin-bottom:20px; text-align:center; font-weight:400; color:#383838; border-top:1px solid #aeaeae;}
.bbs_list th, .bbs_list td {padding:18px 10px; border-bottom:1px solid #e1e1e1;}
.bbs_list thead th {font-size:13px; color:#6a6a6a;}
.bbs_list .sbj {text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.bbs_list .sbj>a {color:#383838; font-size:15px;}
.bbs_list .sbj>a:hover {text-decoration:underline;}
.bbs_list .date, .bbs_list .write, .bbs_list .hit, .bbs_list .num {font-size:14px;}
.bbs_list .num {color:gray;}
.bbs_list .imp td {background:#f7f7f7;}
.bbs_list .imp>.num {color:#cc6600;}

@media only screen and (max-width: 767px){
	.bbs_wrap .info>.search {display:none;}
	.bbs_list, .bbs_list thead, .bbs_list tbody, .bbs_list tr, .bbs_list th, .bbs_list td {display:block;}
	.bbs_list thead, .bbs_list .num, .bbs_list .att, .bbs_list .hit {display:none;}
	.bbs_list .sbj {width:100%; display:block; padding-bottom:0; padding-right:10px; border-bottom:none;}
	.bbs_list .sbj>a {font-size:14px;}
	.bbs_list .date, .bbs_list .write {width:100%; float:left; display:block; padding-top:10px; text-align:left; color:#999; font-size:12px;}
}

/*게시판 뷰 */
.bbs_view {width:100%; table-layout:fixed; margin-bottom:20px; margin-top:40px;}
.bbs_view th, .bbs_view td {padding:18px 10px; vertical-align:top; border-bottom:1px solid #e1e1e1;}
.bbs_view th {color:#797979;}
.bbs_view td {color:#383838;}
.bbs_view .sbj {text-align:left; color:#383838; font-size:19px;}
.bbs_view .bsv_info dl {font-size:0; word-spacing:0; letter-spacing:0;}
.bbs_view .bsv_info dt, .bbs_view .bsv_info dd {display:inline-block; vertical-align:top; font-size:13px;}
.bbs_view .bsv_info dt {padding-right:18px; color:#797979;}
.bbs_view .bsv_info dd {padding-right:70px; color:#383838;}
.bbs_view .photo {margin-bottom:25px; text-align:center;}
.bbs_view .ctx {margin-bottom:35px; color:#333; font-size:15px; line-height:1.6; word-break:keep-all;}
.bbs_view .att {position:relative; padding:20px 0; background:#f9f9f9;}
.bbs_view .att>em {display:block; position:absolute; top:25px; left:20px; font-size:14px;}
.bbs_view .att>.list_att {margin-left:100px;}
.bbs_view .att>.list_att>li>a {display:block; font-size:14px; padding:5px 15px 8px 30px; word-wrap:break-word; word-break:keep-all; background:url('../../images/front/icon/icon_down_gr.png') no-repeat 0 2px; background-size:18px auto;}

.bbs_btn {position:relative; padding:13px 0 30px; min-height:44px; text-align:center; font-size:0; word-spacing:0; letter-spacing:0;}
.bbs_btn a {display:inline-block; vertical-align:top; padding:0 27px; margin:0 3px; height:45px; line-height:45px; color:#fff; font-size:15px; background:#ff6666;}
.bbs_btn a.gray {background:#767676;}
.bbs_btn .par {position:absolute; top:13px; right:13px;}
.bbs_btn.mobile {display:none;}

.bs_pn_list {position:relative; border-top:1px solid #e3e3e3;}
.bs_pn_list li {padding:18px 0; border-bottom:1px solid #e3e3e3;}
.bs_pn_list li>span {display:inline-block; vertical-align:middle; padding:0 35px 0 4px; color:#6b6b6b; font-size:13px;}
.bs_pn_list li>a {display:inline-block; vertical-align:middle; color:#383838; font-size:14px;}
.bs_pn_list li>a:hover {text-decoration:underline;}

@media only screen and (max-width: 767px){
	.bbs_view {font-size:14px;}
	.bbs_view th, .bbs_view td {padding:18px 0; vertical-align:top; border-bottom:1px solid #e1e1e1;}
	.bbs_view .sbj {padding-bottom:0; font-size:16px; border:none;}
	.bbs_view .ctx {font-size:14px; word-break:break-all;}
	.bbs_view .bsv_info dt{display:none;}
	.bbs_view .bsv_info dd {position:relative; padding-right:20px;}
	.bbs_view .bsv_info dd:after {content:''; position:absolute; top:2px; right:10px; height:10px; border-left:1px solid #ccc;}
	.bbs_view .att>em {top:25px; left:0; font-size:13px;}
	.bbs_view .att>.list_att {margin-left:60px;}
	.bbs_view .att>.list_att>li>a {padding:5px 15px 8px 20px; background:url('../../images/front/icon/icon_down_gr.png') no-repeat 0 4px; background-size:15px auto;}

	.bbs_btn {padding:10px 0 30px; text-align:left;}
	.bbs_btn a {padding:0 10px; margin:0 3px; height:28px; line-height:28px; font-size:13px;}	
	.bbs_btn .par {top:10px; right:0;}
	.bbs_btn.mobile {display:block; padding:0; text-align:right;}
	.bbs_btn.mobile a {padding:0 10px; font-size:13px;}
}

/*게시판 입력폼*/
.bbs_write table {width:100%; table-layout:fixed; margin-bottom:20px; text-align:left; font-size:14px;}
.bbs_write th, .bbs_write td {padding:4px 0; text-align:left;}
.bbs_write th {font-size:14px; font-weight:400; color:#000; vertical-align:middle;}
.bbs_write .input {width:98%; height:36px; padding:0 1%; font-size:14px; border:1px solid #ced4da; border-radius:4px; box-sizing:border-box;}
.bbs_write span.iqtit {display:block; margin-bottom:12px;}
.bbs_write textarea.iqinput {width:100%; height:406px; padding:10px; font-size:15px; border:1px solid #ced4da; border-radius:4px; box-sizing:border-box; resize:none;}

.bbs_write .bx_upload {display:inline-block; width:50%; height:36px; padding:3px; border:1px solid #ced4da; border-radius:4px; box-sizing:border-box;}
.bbs_write input.upload_text {float:left; width:calc(100% - 108px);/* 버튼 포함 전체 가로 길이*/ height:28px; line-height:28px; padding:0 3px; font-size:15px; border:none; box-sizing:border-box;
}/*읽기전용 인풋텍스트*/
.bbs_write div.upload-btn_wrap input.input_file {position:absolute; top:0; right:0; bottom:0; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -moz-opacity:0;
}/*파일찾기 폼 투명하게*/
.bbs_write div.upload-btn_wrap {overflow:hidden; position:relative; float:left; margin-left:4px; width:104px; height:28px; border-radius:4px; box-sizing:border-box; 
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );	
}/*버튼테두리 감싼 div width, height 값은 button(찾아보기)값과 같아야함 */
.bbs_write div.upload-btn_wrap button {width:104px; height:28px; padding-left:34px; padding-right:16px; border:1px solid #d4d4d4; font-size:13px; font-weight:400; color:#000; background:url('../../images/front/icon/icon_file.png') no-repeat 12px 6px; border-radius:4px; box-sizing:border-box;
}/*버튼 div*/

@media only screen and (max-width: 767px){
	.bbs_write table, .bbs_write tr, .bbs_write th, .bbs_write td {display:block;}
	.bbs_write th {padding-bottom:0; font-size:13px;}
	.bbs_write textarea.iqinput {height:150px;}
	.bbs_write .bx_upload {width:100%;}
	.bbs_write>.btns>a {width:82px; height:35px; line-height:35px; font-size:15px;}
}

/* paging */
#paging {text-align:center; padding:10px 0 20px 0; font-size:14px; color:#888;}
#paging select {height:33px;margin:0 10px;line-height:33px;border:1px solid #d3d4d7;border-radius:3px;}
#paging a {display:inline-block; width:35px; height:33px;padding:0 5px; color:#8f8f8f; line-height:33px;font-size:13px; text-align:center;border:1px solid #dbdcdf;box-sizing:border-box;vertical-align:middle;}
#paging a.now {color:#606060;border-color:#9fa0a2;}
#paging a.first {background:url('../../images/front/icon/arrow_first.gif') no-repeat center top;}
#paging a.prev {margin-right:3px;background:url('../../images/front/icon/arrow_prev.gif') no-repeat center top;}
#paging a.next {margin-left:3px;background:url('../../images/front/icon/arrow_next.gif') no-repeat center top;}
#paging a.last {background:url('../../images/front/icon/arrow_last.gif') no-repeat center top;}

@media only screen and (max-width : 767px){
	/* paging */
	#paging select {display:none;}
	#paging span,
	#paging a {display:none;}
	#paging a.now {width:auto;margin:0 5px;font-size:13px;color:#5e5e5e;border:0;}
	#paging a.now,
	#paging a.first,
	#paging a.prev,
	#paging a.next,
	#paging a.last {display:inline-block;}
}