/* 기본 contents 관련 */
/*
body, td {
	font:12px Dotum, "돋움", Gulim, "굴림",    "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#444444;
	line-height:18px;
	position:relative;
}

A:link { text-decoration:none; color:#4d4d4d}
A:visited { text-decoration:none; color:#4d4d4d}
A:active { text-decoration:none; color:#4d4d4d}
A:hover {text-decoration:underline; color:#000000}
*/

/* 기본 input/textarea/select 관련 */
img 		{border: 0px;}
form		{margin:0}
.btn_board {display:inline-block; vertical-align:top; padding:15px 40px; font-size:14px;}
.btn_board a {color:inherit;}
.btn_board_search {display:inline-block; vertical-align:top; height:60px; width:60px; font-size:0px; text-indent:-9999px; background:url("./images/btn_search.png") center no-repeat; border:1px solid #c7c7c7; border-left:0; margin-left:0px;}
.btn_main {background:#143488; color:#fff;}
.btn_sub {border:1px solid #143488; background:#fff; color:#143488;}
.btn_other {border:1px solid #b9b9b9; background:#fff; color:#424242;}
.btn_del {background:#f34040; color:#fff;}
* {box-sizing:border-box; margin:0; padding:0;}

/*
#boardContent {clear:both; float:left;}
*/

/*
	리스트
*/
#board_list {overflow:hidden; margin:0 0 10px 0; width:100%; }
#board_list * {box-sizing:border-box;}
#board_list .list_gallery .item {margin-bottom:85px;}
#board_list .list_gallery .item .cont {border:0;}
#board_list .board_status {font-size:0;}
#board_list .board_status .fl { float:left; }
#board_list .board_status .fr { float:right;  margin-bottom:3px;}

#board_list .board_status .write_count { color:#ababab; font-weight:bold;}
#board_list .board_status .rss { padding-bottom:11px; }


#board_list .list_table { float:left}
#board_list .list_table { border:0; width:100%; }

#board_list .list_table th { 
	border:0; 
	border-top:1px solid #888;
	border-bottom:1px solid #ccc; 
	background-color:#f8f8f8; 
	color:#333;
	font-size:14px;
	font-weight:normal;
	white-space:nowrap; text-align:center; line-height:normal;
}

#board_list .list_table th, #board_list .list_table td {height:80px; padding:10px 70px; font-size:18px; border-bottom:1px solid #e8e8e8;}


#board_list .list_table th a { }
#board_list .list_table th.title { width:100%; }

#board_list .list_table td { color:#666; white-space:nowrap; text-align:center; line-height:normal; }
#board_list .list_table td { border-color:#e0e0e0; color:#6a6a6a;}
#board_list .list_table td a {color:#6a6a6a; display:inline-block; vertical-align:middle;}
#board_list .list_table td img {max-height:30px !important;}


#board_list .board_status {position:relative; overflow:hidden; margin-bottom:40px;}


#board_list .list_table tr.notice td.title { font-weight:bold; }

#board_list .list_table tr.faq_detail {}

#board_list .list_table tr.faq_detail td.faq_icon { width:500px;}
#board_list .list_table tr.faq_detail td.faq_content { width:100%; white-space:normal; text-align:left; height:40px; }
#board_list .list_table tr.faq_detail td.faq_content { word-break:break-all; overflow: hidden; text-overflow: ellipsis;}
#board_list .list_table tr.faq_detail td.faq_content { padding:10px; line-height:150%;}

#board_list .list_table td.title { width:100%; white-space:normal; text-align:left; }
#board_list .list_table td.title { overflow: hidden; text-overflow: ellipsis; }
#board_list .list_table td.title .icon_reply { padding-right:5px; margin-bottom:-1px; }
#board_list .list_table td.title .reply { padding:0 5px; }
#board_list .list_table td.title .cate { color:#B3B3B3; }
#board_list .list_table td.title .comment { font:10px Tahoma; color:#ff6600; }
#board_list .list_table td.title .comment .bold {  font-weight:bold; }


#board_list .list_table td.num .recommend { color:#FD7511; font-weight:bold;}

#board_list .list_table td.current { font:10px Tahoma; color:#ff3300; letter-spacing:-3px; }

#board_list .list_table .nodata {display:table-cell !important; text-align:center; vertical-align:middle; height:100px; }

#board_list .bottom_area {width:100%; overflow:hidden; position:relative; padding-top:40px;}
#board_list .btn_area {width:100%; text-align:right;}
#board_list .btn_area .fl { float:left; }
#board_list .btn_area .fr { float:right; }


#board_list .board_sw { float:left; margin-top:10px; width:100%; }
#board_list .page_area {overflow:hidden; text-align:center; width:100%; line-height:normal; margin-bottom:40px;}


#board_list .search_area .sel_search { height:22px; padding:1px; margin-bottom:-8px; }
#board_list .search_area .btn_search { margin-bottom:-6px; }


#board_list .cTab{position:relative;margin:0 0 15px 0;padding:0;list-style:none;zoom:1;border-bottom:1px solid #999}
#board_list .cTab:after{content:"";display:block;clear:both}
#board_list .cTab li{border:1px solid #ddd; border-bottom:0; border-left:0;  float:left; height:32px; line-height:32px; font-size:13px; color:#666;}
#board_list .cTab li:first-child {border-left:1px solid #ddd;}
#board_list .cTab li a {display:block; width:100%; height:100%; padding:0 30px;}
#board_list .cTab li.on{background:#34436e; color:#fff; font-weight:bold;}


/*
	페이징
*/
.paginate, .paging {position:relative; width:100%; text-align:center; overflow:hidden; font-size:0;}
.paginate div, .paging div {width:100%; height:12px; _height:11px; overflow:hidden;}
.paginate *, .paging * {margin:0; padding:0;}
.paginate a, .paginate strong, .paging a, .paging strong {font-weight:normal; width:60px; height:60px; line-height:60px; border:1px solid #c7c7c7; border-right:0; display:inline-block; font-size:14px; text-align:center; color:#666; font-weight:bold; }
.paginate strong, .paging strong {border:1px solid #002c81; background:#002c81; color:#fff;}
.paginate a:last-child, .paging a:last-child {border-right:1px solid #c7c7c7;}
.paginate a:hover, .paging a:hover {background:#f7f7f7;}
.paginate a.pre, .paginate a.next, .paging a.pre, .paging a.next {border:1px soid #c7c7c7; color:#7f7f7f;}
.paginate a.pre, .paging a.pre {background:url("./images/btn_pre.png") center no-repeat;}
.paginate a.next, .paging a.next {background:url("./images/btn_next.png") center no-repeat;}



/* 게시물 보기 */
#board_view { }

#board_view .btn_area {width:100%; overflow:hidden; margin-bottom:60px;}
#board_view .btn_area .btn_board {margin-left:5px;}
#board_view .btn_area .fl { float:left; color:#888888; padding-top:3px;}
#board_view .btn_area .fr { float:right; }

#board_view .btn_area_bottom { float:right; margin-bottom:140px;}
#board_view .btn_area_bottom .btn_board {margin-left:5px;}


#board_view .view_area { margin-bottom:60px; overflow:hidden; width:100%;}
#board_view .view_area * {box-sizing:border-box;}
#board_view .title_area { float:left; width:100%; }
#board_view .title_area .title {font-weight:bold; font-size:30px; color:#333; letter-spacing:0; margin-bottom:25px;}
#board_view .title_area .scrap { float:right; margin:5px;}

#board_view .author_area {float:left; width:100%; border-bottom:1px solid #ccc; padding-bottom:40px;}
#board_view .author_area .author { float:left; font-size:14px; color:#666; letter-spacing:0;}
#board_view .author_area .author .cell {line-height:1; font-size:18px; position:relative; vertical-align:middle; display:inline-block; color:#565656; margin-right:12px; padding-right:13px; vertical-align:middle;}
#board_view .author_area .author .cell:last-child {padding-right:0; margin-right:0;}
#board_view .author_area .author .cell:after {position:absolute; content:""; width:1px; height:16px; top:50%; right:0; background:#565656; margin-top:-8px;}
#board_view .author_area .author .cell:last-child:after {display:none;}
#board_view .author_area .author .txt {display:inline-block;}

#board_view .author_area .hit_area { float:right; margin-right:20px; padding: 4px;}
#board_view .author_area .hit_area .tit { font:12px '맑은 고딕',Gulim; letter-spacing:-1px; }
#board_view .author_area .hit_area .num { font:11px Tahoma; color:#ADADAD; margin:0 5px; }

#board_view .attach_area { float:left; width:100%; border-bottom:1px solid #eceaea;}
#board_view .attach_area .attach { float:left; padding: 5px;}

#board_view .content { float:left; width:100%; padding:40px 0px; min-height:500px; line-height:1.6; color:#666; font-size:14px; word-break:break-all; overflow:hidden; border-bottom:1px solid #e0e0e0;}
#board_view .content a { text-decoration:underline; }
#board_view .content img {width:100%; height:auto; max-width:1280px;}
#board_view .ipaddress,
#board_view .recommend { float:right;  width:98%; padding: 5px;}



/* 코멘트 */
#board_comment { }

/* 코멘트 리스트 */
.comment_area { float:left; width:100%; }
.comment_area { border-top:1px solid #e0e0e0; }
.comment_area span.secret { color:#ff6600; }

.comment_list { }
.comment_list .author_area { padding-top:8px; }
.comment_list .author_area .fl { float:left;}
.comment_list .author_area .fr { float:right; }


.comment_list .author_area .fl .author { margin-right:10px; }
.comment_list .author_area .fl .date { font:10px Tahoma; color:#ADADAD; line-height:240%;}

.comment_list .author_area .fr .option_area {}
.comment_list .author_area .fr .ip_area { font:10px Tahoma; color:#ADADAD; margin-right:10px;}


.comment_list .content { float:left; width:100%; }
.comment_list .content { overflow:hidden; }
.comment_list .content { padding:10px 0; }
.comment_list .content { font:12px/20px '맑은 고딕',Gulim; }
.comment_list .content a { text-decoration:underline; }
.comment_list .content { }


/* 코멘트 쓰기 */
#comment_write { float:left; width:100%; }
#comment_write .author_area { float:left; margin:0 0 5px 0; width:100%; }
#comment_write .content_area div.content { float:left; margin-right:-70px; }
#comment_write .content_area div.content div.text { margin-right:70px; }
#comment_write .content_area div.content div.text textarea { height:80px; font:12px/18px '맑은 고딕',Gulim; }
#comment_write .content_area div.button { float:right; width:65px; }
#comment_write .content_area div.button { margin-top:14px; }
#comment_write fieldset { margin:0; padding:0; border:0px; }


/* Input 박스 */
input.box {
	height:60px;
	line-height:60px;
	border:1px solid #c7c7c7;
	padding:0 22px;
	font-size:16px;
	letter-spacing:0;
	vertical-align:bottom;
	width:350px;
}



input.box:focus { 
	outline:none;

}

textarea.box { 
	padding:2px; border:1px solid #dcdde3; background-color:#fbfbfb; letter-spacing:0;
}

input[type="radio"], input[type="checkbox"] {
	 vertical-align:middle;
}

.box.readonly {
	background-color:#e0e0e0;
}

input.box.active {
	ime-mode:active;
}
input.box.inactive {
	ime-mode:inactive;
}
input.box.disabled {
	ime-mode:disabled;
}

select.box {
	height:60px;
	line-height:60px;
	border:1px solid #c7c7c7; 
	background-color:#fff; 
	padding:0 50px 0px 22px;
	font-size:16px;
	letter-spacing:0;
	-webkit-appearance: none; -moz-appearance: none;appearance: none;
	vertical-align:bottom;
	background:url("/images/common/icon_select_arrow.png") calc(100% - 20px) center no-repeat;
	font-family: "Pretendard", sans-serif;
	border-right:0;
	background-size:12px;
}

select.box::-ms-expand { display: none; -webkit-appearance: none; -moz-appearance: none;appearance: none;}


.none {border:0px solid;}






/* Table List */
.tbhead   {padding:12px 0; font-size:13px; font-weight:bold; background:#f4f4f4; text-align:center; color:dimgray;}
.tbcontents   {padding:6px 0; font-weight:normal; color:dimgray; background:#ffffff;text-align:left;}
.tbtail   {padding:9px 0; font-size:13px; background:#FAFAFA; color:dimgray;text-align:left;}
.tbarticle {padding-left:35px; font-size:14px; vertical-align:top;}
.article_title {height:35px; font-weight:bold; color:#34436e; font-size:16px;}
.article_cont {font-size:14px; height:92px; vertical-align:top; line-height:22px; padding-top:6px; word-break:keep-all;}
.article_bottom {font-size:14px; color:#666;}
.article_bottom span {display:inline-block; margin-right:20px;}


.tbnotcontents   {padding:12px 0; font-size:13px; color:dimgray; background:#ffffff;}

/* Table Content */
.tbtitle   {padding:8px; font-weight: bold;color:dimgray;background:#f4f4f4;text-align:left;}
.tbleft   {padding:5px; color:dimgray; text-align:left; background:#ffffff;}
.tbright   {padding:5px; font-weight:normal;color:dimgray; background:#ffffff;text-align:left;}

.tbline {background:#eceaea; height:1px; padding:0;}


/* 갤러리 */
.gallery_type {table-layout:fixed;}
.gallery_type th, .gallery_type td {table-layout:fixed;}
.gallery_type td .thumb {width:274px; height:205px; margin-bottom:17px; border:1px solid #ddd;}
.gallery_type td .title {font-weight:bold; font-size:16px; color:#34436e; display:block; margin-bottom:15px;}



.list_webzine {position:relative; width:100%; font-size:0;}
.list_webzine .item {position:relative; width:calc(33.3% - 38px); overflow:hidden; display:inline-block; vertical-align:top; margin-right:57px; margin-bottom:50px; background:#f8f8f8;}
.list_webzine .item a {display:table; width:100%; height:100%;}
.list_webzine .item:nth-child(3n) {margin-right:0;}




.list_webzine .item:hover .overlay {display:block;}
.list_webzine .item .thumb.noimage {display:table; background:#f3f3f3; text-align:center;}
.list_webzine .item .thumb.noimage img {width:auto; height:auto;} 
.list_webzine .item .thumb.noimage div {display:table-cell; vertical-align:middle; width:100%;}


.area_search {position:relative; width:100%;}
.area_search .result {position:relative; width:100%; margin-bottom:45px; font-size:36px; font-weight:900;}
.area_search .result b {color:#143488; font-weight:900;}
.area_search .list_search {position:relative; display:block; border-top:1px solid #666; margin-bottom:30px;}
.area_search .list_search .item {display:block; width:100%; border-bottom:1px solid #c7c7c7;}
.area_search .list_search .item a {display:block; width:100%; height:100%; padding:50px 0 43px;}
.area_search .list_search .item p {display:block;}
.area_search .list_search .item .menu {color:#767676; line-height:1; margin-bottom:20px;}
.area_search .list_search .item .title {font-weight:900; font-size:24px; margin-bottom:35px;}
.area_search .list_search .item .txt {font-size:16px; color:#767676; line-height:24px;}
.area_search .list_search .item .blank {text-align:center; padding:200px 0; color:#999; background:#fcfcfc;}
/*
.area_search .paging {position:relative; width:100%; text-align:center; }
.area_search .paging strong {width:60px; height:60px; border:1px solid #c7c7c7;}
*/


/* 버튼 */
.button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: .5em 1em .5em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover { text-decoration: none; }
.button:active { position: relative; }




/* color styles  */
 
.colors {
  font-weight:bold;
  color: #8b8b8b !important;
  font-size:11px; 
  font-family:돋움;
  border: solid 1px #c3c3c3;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.colors:hover {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.colors:active {
  color: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  background: -moz-linear-gradient(top,  #ededed,  #fff);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}





@media screen and (max-width: 1680px) {
	.list_webzine .item img {width:100%;}

}


@media screen and (max-width: 1600px) {
	input.box {height:50px; line-height:50px;}
	.btn_board_search {width:50px; height:50px;}
	select.box {height:50px; line-height:50px;}
	.paginate a, .paginate strong, .paging a, .paging strong {width:50px; height:50px; line-height:50px;}
	.list_webzine .item {margin-right:47px; width:calc(33.3% - 31px); height:auto;}

	#board_view .title_area .title { font-size:28px; margin-bottom:25px;}
	#board_view .author_area .author .cell {font-size:16px;}
	#board_list .list_table th, #board_list .list_table td {height:65px; padding:10px 50px; font-size:16px;}
	#board_view .btn_area_bottom {margin-bottom:120px;}
	.area_search .result {font-size:32px; margin-bottom:40px;}
	.area_search .list_search .item a {padding:45px 0px 40px;}
	.area_search .list_search .item .title {font-size:22px; margin-bottom:30px;}
	.area_search .list_search .item .menu {margin-bottom:15px;}
}


@media screen and (max-width: 1440px) {
	input.box {width:220px; height:45px; line-height:45px;}
	.btn_board_search {width:45px; height:45px;}
	select.box {height:45px; line-height:45px;}
	.paginate a, .paginate strong, .paging a, .paging strong {width:44px; height:44px; line-height:44px;}
	.list_webzine .item {margin-right:37px; width:calc(33.3% - 25px);}

	
	#board_list .list_table th, #board_list .list_table td {height:55px; padding:10px 30px; font-size:14px;}
	#board_list .list_gallery .item {margin-bottom:60px;}
	#board_view .btn_area {margin-bottom:40px;}
	#board_view .title_area .title {font-size:26px; margin-bottom:20px;}
	.list_gallery .item .cont {padding:25px 20px;}
	#board_view .btn_area_bottom {margin-bottom:100px;}
	.area_search .result {font-size:28px; margin-bottom:30px;}
	.area_search .list_search .item a {padding:40px 0px 35px;}
	.area_search .list_search .item .title {font-size:20px; margin-bottom:20px;}
	.area_search .list_search .item .menu {margin-bottom:15px;}
}



@media screen and (max-width: 1025px) {
	#board_list .board_status {margin-bottom:20px;}
	#board_list .board_status .fl, #board_list .board_status .fr {float:none;}
	select.box {padding-left:12px; padding-right:30px;}
	input.box {padding:0 12px;}
	select.box, input.box {height:40px; line-height:40px; font-size:14px;}
	
	.btn_board_search {width:40px; height:40px; background-size:14px;}
	
	.list_webzine .item {width:calc(33.3% - 20px); margin-bottom:30px; margin-right:30px; height:auto; aspect-ratio:1/1; display:inline-block; vertical-align:top;}
	.list_webzine .item:nth-child(3n) {margin-right:0px;}
	
	
	#board_list .list_table th, #board_list .list_table td {padding:10px 20px;}
	#board_list .list_gallery .item {margin-bottom:50px;}
	.paginate a, .paginate strong, .paging a, .paging strong {width:40px; height:40px; line-height:40px;}
	.btn_board {padding:12px 30px;}
	#board_view .view_area {margin-bottom:40px;}
	#board_view .btn_area {margin-bottom:30px;}
	#board_view .title_area .title {font-size:24px;  margin-bottom:15px;}
	#board_view .author_area .author .cell {font-size:14px; margin-right:10px; padding-right:11px;}
	#board_view .author_area .author .cell:after {height:12px; margin-top:-6px;}
	.list_gallery .item .cont {padding:20px 15px;}
	#board_view .btn_area_bottom {margin-bottom:80px;}
	.area_search .result {font-size:24px; margin-bottom:20px;}
	.area_search .list_search .item .title {font-size:18px; margin-bottom:15px;}
	.area_search .list_search .item .txt {font-size:14px;}
	.area_search .list_search .item a {padding:35px 0px 30px;}
}


@media screen and (max-width: 768px) {
	#board_list .list_table th, #board_list .list_table td {padding:10px 10px;}
	#board_list .list_table th:last-child, #board_list .list_table td:last-child {display:none;}
	#board_list .board_status .fr select.box {width:105px;}
	#board_list .board_status .fr input.box {width:calc(100% - 145px);}
	.list_webzine .item {width:calc(33.3% - 10px); margin-bottom:15px; margin-right:15px; }
	.list_webzine .item:hover .overlay {display:none;}
	.list_webzine .item .thumb.noimage img {display:none; max-width:120px;}
	
	#board_list .list_gallery .item {width:calc(50% - 8px); margin-right:16px; margin-bottom:40px;}
	#board_list .list_gallery .item:nth-child(even) {margin-right:0;}		   
	#board_list .list_gallery .item:nth-child(3n) {margin-right:10px;}
	#board_list .list_gallery .item .cont {padding:20px 0 5px;}
	.paginate a, .paginate strong, .paging a, .paging strong {width:36px; height:36px; line-height:36px; font-size:12px;}
	.btn_board {padding:10px 25px; font-size:12px;}
	#board_view .view_area {margin-bottom:30px;}
	#board_view .title_area .title {font-size:22px; margin-bottom:11px;}
	#board_view .author_area {padding-bottom:30px;}
	#board_view .author_area .author .cell {display:block; margin-bottom:5px;}
	#board_view .author_area .author .cell:after {display:none;}
	#board_view .author_area .author .cell:last-child {margin-bottom:0;}
	#board_view .content {padding:30px 0;}
	#board_view .btn_area_bottom {margin-bottom:60px;}
	.area_search .result {font-size:21px;}
	.area_search .list_search .item a {padding:25px 0px 20px;}
	.area_search .list_search .item .title {margin-bottom:10px;}
	.area_search .list_search .item .menu {FONT-SIZE:14PX; margin-bottom:10px;}
}


@media screen and (max-width: 480px) {
	#board_list .list_gallery .item {width:calc(50% - 5px); margin-right:10px;}
	
	.list_webzine .item .overlay {padding-top:15px; top:auto; bottom:0; height:60px; background:rgba(0,0,0,0.6);}
	.list_webzine .item .overlay h5 {font-size:16px; margin-bottom:5px;}
	.list_webzine .item .overlay p {font-size:12px;} 
	
	.paginate a, .paginate strong, .paging a, .paging strong {width:32px; height:32px; line-height:32px;}
	#board_view .title_area .title {font-size:22px;}

}




.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}