@charset "utf-8";

/*보드상단 - 전체글수, 검색*/
#bd_top{position:relative;}
#bd_top p{position:absolute;top:7px;left:0;font-size:14px;color:#777;}
#bd_top p span{font-weight:500;}
#bd_top .board_search {position:relative;padding-bottom:15px; text-align:right;font-size:0;}
#bd_top .bd_list_box{font-family:"Malgun Gothic", Dotum,"돋움";font-size:15px;height:40px;color:#888;background-color:#fff;border:solid 1px #e2e2e2;padding:4px;width:100px;}
#bd_top .bd_input_box{font-family:"Malgun Gothic", Dotum,"돋움";font-size:15px;color:#777;background-color:#fdfdfd;border:solid 1px #e2e2e2;border-left:none;border-right:none;height:40px;text-indent:5px;width:250px;}
#bd_top .board_search a.btn_bd_search{display:inline-block;font-size:15px;line-height:40px;background-color:#666;color:#fff;width:80px;text-align:center;vertical-align:middle;}
#bd_top .board_search a.btn_bd_search:hover{background-color:#0D5EA7;}

@media screen and (max-width:768px){
	#bd_top p{display:none;}
	#bd_top .board_search {margin-top:0px;}
}

@media screen and (max-width:480px){
	#bd_top .board_search {text-align:left;}
	#bd_top .bd_list_box{width:25%;}
	#bd_top .bd_input_box{width:53%;}
	#bd_top .board_search a.btn_bd_search{width:22%;}
}

/*페이징*/
.paging {text-align:center;margin-top:40px;font-size:0;}
.paging a {display:inline-block;margin:2px;height:34px;line-height:32px;min-width:34px;padding:0 4px;color:#444;font-size:15px;font-weight:400;border:1px solid #ccc;background-color:#fff; vertical-align:middle;}
.paging span {display:inline-block;margin:2px;height:34px;line-height:32px;min-width:34px;padding:0 4px;color:#ff6600;font-size:15px;font-weight:400;border:1px solid #ddd;background-color:#fff;vertical-align:middle;}
.paging a.pre {background:url(../img/board/arrow_prev.gif) no-repeat center center;background-color:#fff;overflow:hidden;text-indent:-9999px;}
.paging a.next {background:url(../img/board/arrow_next.gif) no-repeat center center;background-color:#fff;overflow:hidden; text-indent:-9999px;}
.paging a.first {background:url(../img/board/arrow_first.gif) no-repeat center center;background-color:#fff;overflow:hidden;text-indent:-9999px;}
.paging a.last {background:url(../img/board/arrow_last.gif) no-repeat center center;background-color:#fff;overflow:hidden; text-indent:-9999px;}
.paging a:hover {border:1px solid #444; text-decoration:none;}

@media screen and (max-width:480px){
	.paging {margin-top:30px;}
}


/*상세보기*/
#board_view {}
#board_view .top_info{}
#board_view .subject {padding:20px 15px;border:1px solid #ddd;background-color:#fcfcfc; color:#444;font-size:19.4px;font-weight:500;text-align:center;}
#board_view .subject .category {display:block;margin-bottom:7px;padding:4px 0;color:#0d5ea7;font-size:16px;background:#fff}
#board_view .etcInfo{padding:13px 0 13px 15px;font-size:14px;letter-spacing:0;line-height:20px;border-bottom:1px solid #ddd;}
#board_view .etcInfo > a {display:inline-block;margin-right:13px}
#board_view .etcInfo span{font-weight:500;color:#444;}
#board_view .view_content {padding:60px 15px 60px;font-size:16px;line-height:28px;color:#555;}
#board_view .btn_bd_view {position:relative;border-top:solid 1px #ddd;padding-top:30px;height:80px;text-align:right;}
#board_view .btn_bd_view span{position:absolute;top:30px;left:0;}
#board_view a.btn_apply{display:block;margin:20px auto 40px;width:170px;font-size:15.4px;line-height:48px;font-weight:500;text-align:center;letter-spacing:0;color:#fff;border-radius:60px;background-color:#2d89f0;}
#board_view a.btn_apply:hover{opacity:0.5;}

table.tb_prev_next{width:100%;font-size:16px;margin-top:45px;}
table.tb_prev_next th{border-bottom:1px solid #ddd;padding:13px 0;line-height:17px;color:#444;font-weight:500;vertical-align:top;}
table.tb_prev_next td{border-bottom:1px solid #ddd;padding:13px 0;line-height:17px;color:#444;}
table.tb_prev_next th.first, 
table.tb_prev_next td.first{border-top:1px solid #ddd;}
table.tb_prev_next td .category {display:inline-block;margin-right:11px;padding-right:12px;font-weight:400;font-size:13px;line-height:13px;color:#0D5EA7;border-right:1px solid #555;vertical-align:middle}

@media screen and (max-width:768px){
	#board_view .subject {padding:17px 15px;font-size:17.4px;line-height:21px;}
	#board_view .subject .category {font-size:14px}
	#board_view .etcInfo{padding:13px 0 13px 4px;font-size:14px;letter-spacing:0;line-height:20px;border-bottom:1px solid #ddd;}
	#board_view .view_content {padding:30px 0 30px;font-size:15.4px;line-height:25px;}

	table.tb_prev_next{font-size:15px;margin-top:30px;}
}
@media screen and (max-width:480px){
	table.tb_prev_next td .category {margin-right:8px;padding-right:9px}
}

/*글쓰기*/
#board_write{width:100%;}
#board_write .write_exp{background-color:#0D5EA7;font-size:14.6px;color:#c9daec;font-weight:400;line-height:50px;padding:0 0 0 15px;margin-bottom:15px;}
#board_write select{font-size:15px;height:40px;color:#666;background-color:#fff;border:solid 1px #e1e1e1;padding:6px;vertical-align:middle;}
#board_write input[type='text'],
#board_write input[type='password'],
#board_write input[type='file']{font-size:15px;color:#666;background-color:#fff;border:solid 1px #e1e1e1;height:40px;text-indent:10px;vertical-align:middle;
box-sizing: border-box; /* W3C */-o-box-sizing: border-box; /* Opera */-ms-box-sizing: border-box; /* Internet Explorer */-moz-box-sizing: border-box; /* Firefox */-webkit-box-sizing: border-box; /* Safari & Chrome */}
#board_write textarea{font-size:15px;color:#666;background-color:#fff;border:solid 1px #e1e1e1;padding:10px;vertical-align:middle; overflow:auto;width:100%;
box-sizing: border-box; /* W3C */-o-box-sizing: border-box; /* Opera */-ms-box-sizing: border-box; /* Internet Explorer */-moz-box-sizing: border-box; /* Firefox */-webkit-box-sizing: border-box; /* Safari & Chrome */}

table.board_form{width:100%;}
table.board_form th{border:1px solid #e5e5e5;background-color:#fbfbfb;padding:7px 5px 7px 25px; color:#555; font-weight:500; text-align:left;font-size:15.4px;line-height:18px;}
table.board_form td{border:1px solid #e5e5e5;background-color:#fff;padding:5px;font-size:13.4px;letter-spacing:-0.4px;font-weight:400;color:#888;}
table.board_form td span{font-size:13.4px;letter-spacing:-0.4px;font-weight:400;color:#888;}

#board_write .div_textarea{padding:15px 0 0;font-size:13.4px;letter-spacing:-0.4px;font-weight:400;color:#888;}

#policy{padding-top:25px;}
#policy h4{font-size:16.4px;font-weight:500;padding:0 0 10px 0;letter-spacing:-1px;}
#policy h4 i{padding-right:2px;}
.policy_box{border:1px solid #e2e2e2;background-color:#fff;padding:25px;height:120px;overflow:auto;}
.policy_text{font-size:13px;letter-spacing:-1px;line-height:23px;font-weight:400;color:#888;}
.policy_text strong{font-weight:500;color:#555;}

#btn_bd_attach_file{display:block;font-size:14.2px;line-height:38px;border:1px solid #ddd;width:110px;text-align:center;background-color:#fdfdfd;cursor:pointer;}

@media screen and (max-width:768px) {
	table.board_form input[type='text'],
	table.board_form input[type='password'],
	table.board_form select {width:100%;}
	table.board_form input[type='file']{width:290px;}
	table.board_form, 
	table.board_form tbody, 
	table.board_form tr, 
	table.board_form td, 
	table.board_form th {display:block;float:left;clear:both;width:100%}
	table.board_form th{border:none;padding:15px 0 8px;text-align:left;background:none;}
	table.board_form td{border:none;padding:0;background:none;}
	
	#board_write .div_textarea{clear:both;padding:15px 0 0;}
	
	#policy{padding-top:15px;}
	#policy h4{font-size:15px;}
	.policy_box{padding:15px;height:100px;}
	
	table.first{border-top:1px solid #aaa;}
}


/*게시판버튼*/
a.bd_btn_color{display:inline-block;background-color:#0D5EA7;border:1px solid #0D5EA7;color:#fff;font-size:15.6px;font-weight:500;line-height:44px;padding:0 24px;margin:0 3px;}
a.bd_btn_color:hover{background-color:#333;border:1px solid #333;}
a.bd_btn_gray{display:inline-block;background-color:#fbfbfb;border:1px solid #d5d5d5;color:#555;font-size:15.6px;font-weight:500;line-height:44px;padding:0 20px;margin:0 3px;}
a.bd_btn_gray:hover{background-color:#555;border:1px solid #555;color:#fff;}
a.bd_btn_download{display:inline-block;background-color:#fff;border:1px solid #0D5EA7;color:#0D5EA7;font-size:15.6px;font-weight:400;line-height:44px;padding:0 24px;margin:0 3px;border-radius:60px;}
a.bd_btn_download:hover{background-color:#0D5EA7;color:#fff;}


/*댓글*/
#comment {margin-top:50px;}
#comment  h4.title{font-size:19.4px;font-weight:600;margin-bottom:15px;color:#444;}
#comment  h4.title i{color:#0D5EA7;}
#comment .write_memo{font-size:0;}
#comment .write_memo input{font-size:15px;color:#777;background-color:#fdfdfd;border:solid 1px #e2e2e2;height:50px;text-indent:12px;width:49.5%;margin:0 1% 1% 0;}
#comment .write_memo input.pwd{margin-right:0;}
#comment .write_memo .comment_textarea{display:block;margin-bottom:1%;width:100%;height:100px;font-size:15px;color:#444;background-color:#fff;border:solid 1px #e1e1e1;padding:12px;overflow:auto;}
#comment .write_memo a.btn_comment{display:block;width:100%;font-size:15px;line-height:46px;font-weight:500;color:#444;background-color:#fafafa;border:1px solid #ccc;text-align:center;;}
#comment .write_memo a.btn_comment:hover{background-color:#444;border:1px solid #444;color:#fff;}
#comment ul{margin-top:10px;}
#comment ul li{border-bottom:1px solid #ddd;padding:22px 0px;}
#comment ul li .name{position:relative;font-size:16.4px;font-weight:500;}
#comment ul li .name span{ font-size:11px; font-weight:normal;color:#888;padding-left:5px;}
#comment ul li .name .memo_btn_func{position:absolute;top:2px;right:0;font-size:0;}
#comment ul li .name .memo_btn_func a{display:inline-block;border:solid 1px #e1e1e1;background-color:#fff;overflow:hidden;text-align:center;border-radius:3px;margin-left:4px;}
#comment ul li .name a.memo_reply{font-size:11px;line-height:18px;width:32px;}
#comment ul li .name a.del{font-size:9px;line-height:18px;width:20px;}
#comment ul li .memo{font-size:14.6px;padding:10px 0 0 20px;color:#555; line-height:23px;letter-spacing:0px;}

@media screen and (max-width:768px) {
	#comment  h4.title{font-size:17.4px;margin-bottom:12px;}
	#comment ul{margin-top:0px;}
	#comment {margin-top:25px;}
	#comment ul li{padding:15px 0px;}
	#comment ul li .memo{padding:6px 0 0 0px;}
}


/* 목록 : board*/
#board table{width:100%;letter-spacing:0;}
#board table th{border-top:2px solid #666;border-bottom:1px solid #ddd;background-color:#fafafa;font-size:16px;line-height:52px;color:#444;font-weight:400;letter-spacing:-1px;}
#board table th.col1{border-left:none;}
#board table .col1{width:10%;}
#board table .col2{width:54%;}
#board table .col3{width:12%;}
#board table .col4{width:14%;}
#board table .col5{width:10%;}
#board table td{border-bottom:1px solid #ededed;background-color:#fff;padding:0 4px;text-align:center; font-size:16px;color:#777;font-weight:300;}
#board table tr:last-child td{border-bottom:1px solid #aaa;}
#board table td.col1{border-left:none;}
#board table td.col2{text-align:left;font-weight:300;}
#board table td.col2 a{display:block;padding:17px 0; line-height:20px;}
#board table td.col2 a .comment{font-size:13px;}
#board table td.col2 a:hover{color:#0e83ea;}

#board table td .ing {display:inline-block;width:60px;margin-left:5px;text-align:center;font-size:15px;color:#fff;border:1px solid #005099;background:#0d5ea7}
#board table td .end {display:inline-block;width:60px;margin-left:5px;text-align:center;font-size:15px;color:#888;border:1px solid #ddd;background:#eee}

#board table td .mobile_write_info{display:none;text-align:left;font-size:13.2px;color:#777;line-height:15px;padding-top:6px;}
#board table td .mobile_write_info span.tit{color:#222;}
#board table td .mobile_write_info span.div_line{display:inline-block;color:#bbb;font-size:10px;line-height:13px;padding-top:1px;vertical-align:top;padding:0 1px;}

#board table .board_no_content td {padding:80px 0}

.bd_btn_write{padding-top:15px;text-align:right;}


@media screen and (max-width:1100px) {
	#board table .col1{width:12%;}
	#board table .col2{width:53%;}
	#board table .col3{width:12%;}
	#board table .col4{width:12%;}
	#board table .col5{width:11%;}
}

@media screen and (max-width:768px) {
	#board table .col1{width:20%;}
	#board table .col2{width:80%;}
	#board table .col3{display:none;}
	#board table .col4{display:none;}
	#board table .col5{display:none;}
	#board table td.col2 a .comment{display:none;}
	#board table td.col1{font-size:15px;color:#666;font-weight:600;}
	#board table td .mobile_write_info{display:block;}

	#board table td .ing, 
	#board table td .end {width:52px;margin-left:10px;padding:1px 0 1.5px 0;font-size:13.2px}

	#board table .board_no_content td {padding:55px 0}
}

@media screen and (max-width:380px) {
	#board table td .ing, 
	#board table td .end {display:block;margin-left:auto;margin-top:5px}
}

/* 목록 : webzine*/
#webzine {border-top:1px solid #aaa;padding-top:5px;}
#webzine ul {}
#webzine li {padding:35px 0;border-bottom:1px dotted #ccc;}
#webzine li a{position:relative;display:block;width:100%;height:100%;padding-left:340px;}
#webzine li a:hover{opacity:0.6;}
#webzine li a .img{position:absolute;top:0;left:0;width:300px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#webzine li a .img .outline{}
#webzine li a .text{position:relative;min-height:200px;}
#webzine li a .text .subject{font-size:19.4px;line-height:23px;font-weight:500;color:#333;padding-bottom:14px;overflow:hidden;text-overflow:ellipsis;}
#webzine li a .text .comment{line-height:23px;font-size:15px;color:#444;font-weight:300;}
#webzine li a .text .info{position:absolute;bottom:0;left:0;color:#555;font-size:13.6px;font-weight:300;}
#webzine li a .text .info span{padding-left:3px;}

@media screen and (max-width:768px) {
	#webzine li {padding:25px 0;}
	#webzine li a{padding-left:200px;}
	#webzine li a .img{width:180px;}
	#webzine li a .text{min-height:120px;}
	#webzine li a .text .subject{font-size:17.4px;line-height:20px;letter-spacing:-0.6px;padding-bottom:10px;}
	#webzine li a .text .comment{line-height:23px;font-size:14.2px;height:46px;overflow:hidden;}
	#webzine li a .text .info{position:relative;;bottom:auto;left:auto;color:#555;font-size:13.6px;padding-top:22px;}
}
@media screen and (max-width:480px) {
	#webzine li {padding:18px 0;}
	#webzine li a{padding-left:102px;}
	#webzine li a .img{width:90px;top:3px;}
	#webzine li a .text{min-height:60px;}
	#webzine li a .text .subject{font-size:14.8px;line-height:18px;letter-spacing:-1px;padding-bottom:3px;}
	#webzine li a .text .comment{line-height:23px;font-size:13.4px;height:23px;letter-spacing:-0.6px;overflow:hidden;}
	#webzine li a .text .info{position:relative;;bottom:auto;left:auto;color:#555;font-size:12px;line-height:16px;padding-top:2px;}
}


/* 목록 : movie*/
#movie ul{font-size:0;margin-top:20px;}
#movie ul li{display:inline-block;width:31.333333333333%;margin:0 3% 3% 0;vertical-align:top;box-shadow:3px 3px 7px rgba(0,0,0,0.10);}
#movie ul li:nth-child(3n){margin-right:0;}
#movie ul li a{display:block;position:relative;}
#movie ul li a:hover{opacity:0.5;}
#movie ul li a .img{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#movie ul li a .img .btn_play{position:absolute;top:50%;left:50%;display:block;width:50px;margin-top:-50px;margin-left:-25px;opacity:0.7;}
#movie ul li a .text{position:absolute;bottom:0;left:0;width:100%;color:#fff;padding:20px;}
#movie ul li a .text .date{font-size:13.2px;font-weight:400;opacity:0.7;}
#movie ul li a .text .subject{font-size:16.2px;font-weight:500;line-height:20px;height:40px;overflow:hidden;}

@media screen and (max-width:768px) {
	#movie ul{margin-top:15px;}
	#movie ul li{width:48.5%;margin:0 3% 3% 0;}
	#movie ul li:nth-child(3n){margin-right:3%;}
	#movie ul li:nth-child(2n){margin-right:0;}
	#movie ul li a .img .btn_play{width:30px;margin-top:-30px;margin-left:-15px;}
	#movie ul li a .text{padding:15px;}
	#movie ul li a .text .date{font-size:12.4px;}
	#movie ul li a .text .subject{font-size:15.4px;line-height:18px;height:36px;}
}

@media screen and (max-width:480px) {
	#movie ul{margin-top:5px;}
	#movie ul li a .img .btn_play{width:25px;margin-top:-35px;margin-left:-13px;}
	#movie ul li a .text{padding:12px 10px 10px 12px;}
	#movie ul li a .text .date{font-size:11.4px;line-height:17px;}
	#movie ul li a .text .subject{font-size:14.2px;line-height:17px;height:34px;}
}

/* 목록 : gallery*/
#gallery{border-top:1px solid #777;}
#gallery ul {font-size:0;margin-top:50px;}
#gallery li {display:inline-block;width:22.75%;margin:0 3% 3% 0;vertical-align:top;}
#gallery li:nth-child(4n){margin-right:0;}
#gallery li a{display:block;width:100%;height:100%;}
#gallery li a:hover{opacity:0.6;}

#gallery li .img_area{position:relative;}
#gallery li .img_area .outline{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.06);z-index:1;}
#gallery li .category {margin-bottom:7px;font-size:12.4px;font-weight:400;line-height:16px;color:#0d5ea7}
#gallery li .subject_wrap{padding:18px 20px;background-color:#fdfdfd;border:1px solid #eaeaea;border-top:none;}
#gallery li .subject{font-size:16.2px;color:#444;line-height:20px;font-weight:400;min-height:40px;}
#gallery li .date{font-size:12.4px;font-weight:400;line-height:16px;color:#888;text-align:right;padding-top:8px;}

#gallery li.board_no_content {display:block;width:auto;margin:0;padding:40px 0;font-size:15px;text-align:center}

@media screen and (max-width:1024px){
	#gallery li {width:31.66666666666667%;margin:0 2.5% 2.5% 0;}
	#gallery li:nth-child(4n){margin-right:2.5%;}
	#gallery li:nth-child(3n){margin-right:0%;}
}

@media screen and (max-width:768px){
	#gallery ul {margin-top:40px;}
	#gallery li {width:48.5%;margin:0 3% 3% 0;}
	#gallery li:nth-child(4n){margin-right:3%;}
	#gallery li:nth-child(3n){margin-right:3%;}
	#gallery li:nth-child(2n){margin-right:0%;}
	#gallery li .subject_wrap{padding:12px 14px;}

	#gallery li.board_no_content {padding:20px 0}
}

@media screen and (max-width:480px){
	#gallery ul {margin-top:30px;}
	#gallery li {width:100%;margin:0 0 4% 0;}
	#gallery li:nth-child(4n){margin-right:0%;}
	#gallery li:nth-child(3n){margin-right:0%;}
	#gallery li:nth-child(2n){margin-right:0%;}
	#gallery li .subject{font-size:15px;line-height:18px;min-height:auto;}
	#gallery li .subject_wrap{padding:18px 19px;}
}



/* 목록 : gallery2 - 후원기업, 후원쇼핑*/
#gallery2 ul{font-size:0;margin-top:20px;}
#gallery2 ul li{display:inline-block;width:22.75%;margin:0 3% 3% 0;vertical-align:top;}
#gallery2 ul li:nth-child(4n){margin-right:0;}
#gallery2 ul li a{display:block;position:relative;}
#gallery2 ul li a:hover{opacity:0.5;}
#gallery2 ul li .img{position:relative;border:1px solid #ededed;background-repeat:no-repeat;background-position:center center;background-size:cover;box-shadow:3px 3px 7px rgba(0,0,0,0.05);}
#gallery2 ul li .subject{font-size:16.4px;color:#444;font-weight:500;line-height:21px;letter-spacing:-0.4px;text-align:center;padding-top:18px;}

@media screen and (max-width:980px) {
	#gallery2 ul li{width:31.33333%;margin:0 3% 3% 0;}
	#gallery2 ul li:nth-child(4n){margin-right:3%;}
	#gallery2 ul li:nth-child(3n){margin-right:0;}
	#gallery2 ul li:nth-child(7), #gallery2 ul li:nth-child(8){display:none;}
}

@media screen and (max-width:768px) {
	#gallery2 ul{margin-top:15px;}
	#gallery2 ul li a .text{padding:12px 14px 10px;}
	#gallery2 ul li .subject{font-size:15.2px;line-height:18px;padding-top:14px;}
}

@media screen and (max-width:550px) {
	#gallery2 ul{margin-top:5px;}
	#gallery2 ul li{width:48.5%;margin:0 3% 3% 0;}
	#gallery2 ul li:nth-child(4n){margin-right:3%;}
	#gallery2 ul li:nth-child(3n){margin-right:3%;}
	#gallery2 ul li:nth-child(2n){margin-right:0%;}
	#gallery2 ul li .subject{font-size:14.6px;padding:11px 0 7px;}
}