@charset "utf-8";

@media screen and (max-width:768px){
	.m_none								{ display:none }
}

/*------------------------- Common ----------------------------*/
.board_inner						{ position:relative; min-height:500px; }
.board_inner .total				{ float:left; color:#666; font-size:1.03em; line-height:40px;}
.board_inner .left					{ text-align:left; }
.board_inner .txt_right			{ text-align:right; }
.board_inner .center				{ text-align:center;}
.board_inner .sub_tab +.after	{ margin-top:3em}

.btn_area                   { margin-top:2em}
.btn_area>li				{ display:inline-block; *display:inline;  }
.btn_area a                 { display:inline-block; padding:.5em 2.5em}

@media screen and (max-width:500px){
	.board_inner				{ margin:3em auto 4em}
	.board_inner .total		{ float:none;}
}



/* 상단검색 */
.search_area						{ float:right; position:relative; overflow:hidden; margin:0 0 25px; text-align:right; font-size:0;}
.search_area select					{ width:100px; height:40px; padding: 0 0 0 10px; color:#666; background-size:8px; border:1px solid #dbdee1; }
.search_area select+select			{ margin-left:5px;}
.search_area .textarea				{ position:relative; display:inline-block; width:250px; height:40px; margin-left:5px; padding-right:39px; background:#fff; }
.search_area .textarea input		{ width:100%; height:40px; padding:0 5px; color:#666; line-height:38px; -webkit-appearance:none; appearance:none; border:1px solid #dbdee1; border-radius:0}
.search_area .textarea button		{ position:absolute; display:inline-block; right:0; top:0; width:40px; height:40px; overflow:hidden; font-size:18px; color:#fff; background:#192125; border:0; cursor:pointer;
									border-radius:0}

.search_area .input_check			{ font-size:17px; display:inline-block; width:auto; margin-right:10px }
.search_area .input_check label		{ margin-left:5px; }
.search_area .input_check input[type="checkbox"] + label:after	{ top:1px; }


@media screen and (max-width:600px){
	.search_area					{ float:none; padding:6% 0; text-align:center; background:#f9f9f9; }
	.search_area select				{ width:auto; height:35px; margin-bottom:.2em; padding-right:30px; margin-right:3px;}
	.search_area .textarea			{ width:49%; height:35px; padding-right:35px; margin-left:0}
	.search_area .textarea input	{ height:35px; line-height:33px; }
	.search_area .textarea button	{ width:35px; height:35px; }
	.search_area .input_check		{ display:block; margin-right:0; margin-bottom:.25em}
}


/* 게시판 카테고리 */
.board_cate				{ margin-bottom:2em; border-top:1px solid #ddd; border-left:1px solid #ddd }
.board_cate li			{ float:left; width:20%;}
.board_cate li a		{ display:block; padding:.5em 0; font-family:'Spoqa Han Sans', sans-serif; font-weight:300; text-align:center; color:#888; border-right:1px solid #ddd; border-bottom:1px solid #ddd }
.board_cate li a.on,
.board_cate li a:hover,
.board_cate li a:focus	{ margin:-1px 0 0 -1px; font-weight:400; color:#181818; border:1px solid #181818;}
.board_cate li a span	{ font-size:.9em; color:#757575}


/* 글 상세보기 */
.bbs_view							{ width:100%; margin-bottom:3em; border-collapse:collapse; }
.bbs_view .title					{ padding:15px 10px; font-size:1.3em; color:#2e3235; line-height:1.5; font-weight:700; text-align:center; border:0; border-top:solid 2px #192125; border-bottom:solid 1px #ccd0d7;}
.bbs_view>tbody>tr>th,
.bbs_view>tbody>tr>td				{ font-size:1em; line-height:1.3; padding:15px 10px; text-align:center; border:0; border-bottom:solid 1px #d2d2d2;}
.bbs_view>tbody>tr>th				{ background:#f5f5f5; color:#2e3235;}
.bbs_view .contxt					{ padding:20px 0; line-height:1.5; text-align:inherit}
.bbs_view .file a					{ display:block; padding:.2em 0 .2em 23px; background:url(/assets/site/LET/img/board/icon_file.gif) no-repeat 0 70%}
.bbs_view .img_area					{ text-align:center;}
.bbs_view .img_area img				{ display:block; margin:.3em auto}
.bbs_view tbody td img				{ max-width:100%}
.bbs_view tbody td #writeContents	{ margin:1em 0; padding:0 4.5%}

@media screen and (max-width:767px){
	.bbs_view .title			{ font-size:1.2em; }
	.bbs_view tbody td #writeContents	{ padding:0}
}

@media screen and (max-width:600px){
	.bbs_view .title			{ font-size:1.1em; }
	.bbs_view .title,
	.bbs_view tbody th,
	.bbs_view tbody td		{ padding:10px; }
}

@media screen and (max-width:420px){
	.bbs_view tbody th,
	.bbs_view tbody td		{ padding:8px 3px; }
}




/* 글 쓰기 */
.bbs_write				{ width:100%; margin-bottom:3em; border-collapse:collapse; }
.bbs_write tbody			{ border-top:solid 2px #192125; }
.bbs_write tbody th,
.bbs_write tbody td		{ font-size:1em; line-height:1.5; padding:15px 10px; border:0; border-bottom:solid 1px #d2d2d2;}
.bbs_write tbody th		{ background:#f5f5f5; color:#2e3235; text-align:center; }
.bbs_write input[type="text"],
.bbs_write select			{ padding:.3em;}
.bbs_write input[type="file"]	{ display:block; padding:.3em 0; width:100%}
.bbs_write .input_full				{ width:100%}
.bbs_write label+label			{ margin-left:1em}
.bbs_write select				{ height:40px; padding: 0 2em 0 10px; color:#666; background-size:8px; border:1px solid #dbdee1; border-radius:5px; }
.bbs_write .no_input							{ height:40px; padding:0 .9em; font-weight:500; font-size:1.1em;  line-height:40px;}
.bbs_write .chk_list li							{ display:inline-block; font-size:.95em; font-weight:400;}
.bbs_write .chk_list li + li					{ margin-left:1em}

@media screen and (max-width:800px){
	.bbs_write input[type="text"],
	.bbs_write select			{ width:100%;}
}
@media screen and (max-width:600px){
	.bbs_write tbody th,
	.bbs_write tbody td		{ padding:10px; }
}

@media screen and (max-width:420px){
	.bbs_write tbody th,
	.bbs_write tbody td		{ padding:8px 3px; }
}



/* 댓글 */
#commentContents										{ }
#commentContents fieldset								{ width:100%; margin:3% 0 0 0; padding:1em; background:rgba(0,0,0,0.02); border-top:1px solid rgba(0,0,0,.1); }
#commentContents legend									{ visibility:hidden; font-size:0; }
.bd_com													{ display:block; }
.bd_com>ul												{ width:100%; display:block; }
.bd_com>ul>li											{ display:block; margin:0; position:relative }
.bd_com>ul>li.secret									{ font-size:1.1em; padding:0; background:none; margin-bottom:1em }
.bd_com>ul>li .tx										{ width:90%; height:6em; border:1px solid rgba(0,0,0,0.1); background:#fff; }
.bd_com>ul>li .btn.c_dark								{ position:absolute; right:0; top:0; width:9%; text-align:center; height:98%; font-weight:300; padding:0; }
.comment_list											{ margin-bottom:1em; padding:1em; background:rgba(0,0,0,0.02);  border-bottom:1px solid rgba(0,0,0,.1); border-top:1px solid rgba(0,0,0,1);}
.comment_list>li										{ display:block; border-bottom:1px dashed rgba(0,0,0,0.2); padding:1em .1em; position:relative }
.comment_list>li .comment_left							{ display:block; margin-bottom:1em; font-size:1em; font-weight:300; color:rgba(0,0,0,0.54); }
.comment_list>li .comment_left strong					{ font-weight:300;  }
.comment_list>li .comment_left strong .icon-login		{ display:inline-block; margin-right:.45em; vertical-align:baseline; color:grey }
.comment_list>li .comment_left .member					{ font-weight:500; color:#000; }
.comment_list>li .comment_left strong,
.comment_list>li .comment_left .date,
.comment_list>li .comment_left .ip						{ display:inline-block; margin-right:1em }
.comment_list>li .comment_right							{ position:absolute; right:0; top:1em; }
.comment_list>li .comment_right .btn_bkLine				{ padding:.2em 1em; background:#fff; font-weight:300 }
.comment_list>li .comment_content						{ display:block; background:#fff; padding:1em }

@media all and (max-width:1367px){
	/* 댓글 */
	.bd_com>ul>li .tx								{ width:85%; }
	.bd_com>ul>li .btn.c_dark						{ width:14%; }
}
@media all and (max-width:1167px){
	/* 댓글 */
	.bd_com>ul>li .tx								{ width:85%; }
	.bd_com>ul>li .btn.c_dark						{ width:14%; }
}
@media all and (max-width:867px){
	/* 댓글 */
	.bd_com>ul>li .tx								{ width:80%; }
	.bd_com>ul>li .btn.c_dark						{ width:19%; }
}
@media all and (max-width:667px){
	/* 댓글 */
	.bd_com>ul>li .tx								{ width:75%; }
	.bd_com>ul>li .btn.c_dark						{ width:24%; }
	.comment_list>li .comment_right					{ position:inherit; right:inherit; top:inherit; margin-bottom:1em }
}

@media all and (max-width:367px){
	/* 댓글 */
	.bd_com>ul>li .tx								{ width:70%; }
	.bd_com>ul>li .btn.c_dark						{ width:29%; }
}


/*------------------------- 보드별 ----------------------------*/
/* 일반게시판 */
.bbs_list				{ width:100%; border-collapse:collapse; }
.bbs_list thead th		{ padding:15px 5px; font-size:1em; color:#2e3235; line-height:1.4; font-weight:700; text-align:center; border:0; border-top:solid 2px #192125; border-bottom:solid 1px #ccd0d7;}
.bbs_list tbody th,
.bbs_list tbody td		{ font-size:1em; line-height:1.5; padding:15px 10px; text-align:center; border:0; border-bottom:solid 1px #d2d2d2;}
.bbs_list tbody td      { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bbs_list tbody th		{ color:#2e3235;}
.bbs_list tbody tr:hover	{ background:#f5f5f5;}
.bbs_list tbody td.title	{ text-align:left}
.bbs_list tbody td.title a  { display:inline-block; max-width:-webkit-calc(100% - 3em); max-width:-moz-calc(100% - 3em); max-width:calc(100% - 3em); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bbs_list tbody td.title *	{ vertical-align:middle}
.bbs_list td span.notice	{ display:inline-block; padding:0 .6em; font-size:.9em; color:#fff; line-height:1.8; letter-spacing:-.05em; background:#ff8155; border-radius:40px; }
.bbs_list td span.icon_new	{ display:inline-block; width:1.5em; height:1.5em; line-height:1.5em; font-size:.8em; color:#fff; text-align:center; font-weight:700; vertical-align:middle; background:#f45e12; border-radius:50%; }


@media screen and (max-width:1023px){
	.bbs_list tbody th,
	.bbs_list tbody td		{ font-size: 1em;}
}
@media screen and (max-width:767px){
	.bbs_list				{ border-top:solid 2px #2e3235;}
	.bbs_list thead,
	.bbs_list colgroup      { display:none;}
	.bbs_list tbody,
	.bbs_list tr,
	.bbs_list th,
	.bbs_list td			{ display:block; float:left; clear:both; width:100%;}
	.bbs_list tbody th,
	.bbs_list tbody td		{ border-bottom:none; text-align:left; padding:0;}
	.bbs_list tbody tr		{ padding:10px 5px; border-bottom:solid 1px #ccd0d7;}
	.bbs_list tbody td.title	{ margin:2px 0; font-size:1.2em; font-weight:500; line-height:1.3;}
	.bbs_list tbody td:nth-child(5){ color:#909090}
}


/* 포토게시판 */
.photo_bbs					{ padding:1.5em 0; border-top:solid 2px #192125; border-bottom:solid 1px #ccd0d7; zoom:1; margin-bottom:1em}
.photo_bbs:after			{ display:block; clear:both; content:""}
.photo_bbs dl				{ float:left; margin:1em 0 1em 2.26%}
.photo_bbs dl dt a		{ display:block; position:relative; height:0; padding-top:63%; overflow:hidden; text-align:center; border:1px solid #eee}
.photo_bbs dl dt img		{ position:absolute; top:0; left:0; width:100%; height:100%}
.photo_bbs dl dd			{ margin-top:.5em; line-height:1.6; letter-spacing:-.075em; }
.photo_bbs dl dd a		{ display:block; width:100%; overflow:hidden; font-size:1.1em; text-overflow:ellipsis; white-space:nowrap;}
.photo_bbs dl dd span	{ display:block; color:#888; letter-spacing:0; font-size:.95em;}
dl dt .img_none			{ background:#fafafa url(/assets/site/LET/img/board/img_none.png) no-repeat 50% 50%; background-size:60%}
dl dt .img_none img		{ width:45%; min-height:auto; padding-top:40%}


@media screen and (min-width:1025px){
	.photo_bbs dl			{ width:23.3%;}
	.photo_bbs dl:nth-child(4n+1)	{ margin-left:0}
}

@media screen and (max-width:1024px) {
	.photo_bbs dl			{ width:31%;}
	.photo_bbs dl:nth-child(3n+1)	{ margin-left:0}
}

@media screen and (max-width:767px) {
	.photo_bbs dl			{ width:48.8%;}
	.photo_bbs dl:nth-child(3n+1)	{ margin-left:2.26%}
	.photo_bbs dl:nth-child(2n+1)	{ margin-left:0}
}


/* FAQ */
.bbs_list.faq               { border-top:solid 2px #192125}
.bbs_list.faq .answer       { text-align:left}



/* 영상게시판 */
.movie_bbs				{ padding:1.5em 0; border-top:solid 2px #192125; border-bottom:solid 1px #ccd0d7; zoom:1}
.movie_bbs:after			{ display:block; clear:both; content:""}
.movie_bbs dl			{ float:left; width:23.3%; margin:1em 0 1em 2.26%}
.movie_bbs dl:nth-child(4n+1)	{ margin-left:0}
.movie_bbs dl dt a		{ position:relative; display:block; height:0; overflow:hidden; padding-top:56.25%;}
.movie_bbs dl dt a:after	{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4) url(/assets/site/LET/img/board/btn_play.png) no-repeat 50% 50%; cursor:pointer; content: "";}
.movie_bbs dl dt img		{ position:absolute; top:-16%; width:100%; height:132%}
.movie_bbs dl dd			{ overflow:hidden; width:100%; margin-top:.4em; font-size:1.1em; line-height:1.4; letter-spacing:-.075em; text-overflow:ellipsis; white-space:nowrap;}
.movie_bbs dl dd a		{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.movie_bbs dl dd>span	{ display:block; color:#888; letter-spacing:0; font-size:.95em}
.video-popup.reveal				{ display:flex; position:fixed; top:0; left:0; right:0; bottom:0; justify-content:center; align-items:center; z-index:1000}
.video-popup .video-wrapper			{ position:relative; width:58%; padding-bottom:33%; z-index:1000}
.video-popup .video-wrapper iframe		{ position:absolute; width:100%; height:100%;}
.video-popup.reveal .video-popup-closer	{ position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:999}

@media screen and (min-width:768px){
	.movie_bbs dl			{ width:23.3%;}
	.movie_bbs dl:nth-child(4n+1)	{ margin-left:0}
}
@media screen and (max-width:767px) and  (min-width:501px){
	.movie_bbs dl			{ width:31.8%;}
	.movie_bbs dl:nth-child(3n+1)	{ margin-left:0}
}
@media screen and (max-width:500px){
	.movie_bbs dl			{ width:48.8%;}
	.movie_bbs dl:nth-child(2n+1)	{ margin-left:0}
}