@charset "utf-8";

body{background-image:none;}

/* 목록/보기 */
.board_area{overflow:hidden;zoom:1;padding:10px 0 0 0;}
.post_area{overflow:hidden;zoom:1;padding:10px 0 0 0;}
.post_lst{overflow:hidden;zoom:1}
.post_lst ul{overflow:hidden;zoom:1;margin-bottom:0}
.post_lst li{position:relative;margin-bottom:20px;padding-bottom:38px;border-bottom:1px solid #dbdbdb;vertical-align:top}
.post_lst .post_thmb{position:relative;float:left;width:200px;margin-right:40px}
.post_lst .post_thmb a{display:block}
.post_lst .post_thmb img{width:216px;height:135px}
.post_lst .post_thmb a .cm_ic{position:absolute;right:10px;bottom:10px}
.post_lst dl{overflow:hidden;position:relative;height:100%}
.post_lst dt a{display:inline-block;font-size:20px;font-weight:bold;color:#444;letter-spacing:-1px;line-height:28px}
.post_lst dd.post_tx1{padding-top:5px;font-size:13px;color:#666;letter-spacing:-1px;line-height:21px;word-break:break-all;word-wrap:break-word;}
.post_lst dd.post_tx1 a{color:#666;}
.post_lst dd.post_media{position:absolute;right:110px;bottom:0;font-size:14px;color:#888;text-align:right;}
.post_lst dd.post_date{font-size:14px;color:#888}
.post_view{zoom:1}
.post_view_top{overflow:hidden;min-height:64px;border-bottom:1px solid #b8b8b8;zoom:1}
.post_view_top .post_tit{padding-top:5px;color:#2890d8;font-size:24px;letter-spacing:-1px;line-height:30px;}
.post_view_top .post_tit h1{padding-top:5px;color:#2890d8;font-size:24px;letter-spacing:-1px;line-height:34px;}
.post_view_top .post_date{font-size:14px;color:#888;padding:8px 0;}
.post_view_top .post_date .post_media{font-size:14px;color:#888;padding:8px 20px 8px 0;}
.post_view_cont{padding:25px 0 25px;color:#666;font-size:13px;line-height:24px;}
.post_view_cont .post_thmb{padding-bottom:40px;text-align:center}
.post_view_cont .post_mov {padding-bottom:40px;}
.post_view_cont .post_mov iframe{display:block;width:590px;height:320px;margin:0 auto;border:1px solid #37312b}
.post_view_cont .post_hit{margin-bottom:40px;font-weight:bold;font-size:20px;color:#444;letter-spacing:-1px}
.post_view_cont .post_tx{margin-bottom:20px;font-size:15px;color:#666;line-height:24px;letter-spacing:-1px}
.post_view_btm{overflow:hidden;padding-top:30px;border-top:1px solid #b8b8b8;zoom:1;text-align:right}

.btn_site a{overflow:hidden;display:inline-block;width:50px;height:50px;background:url(../img/sp_ic.png) no-repeat;line-height:999px;vertical-align:top}
.btn_site a.bt_home{background-position:0 -370px}
.btn_site a.bt_game{background-position:-60px -370px}

.contents_terms {clear: both;overflow: hidden;}
.contents_terms .box_terms {clear: both;font-size: 13px;overflow: hidden;line-height:20px;}
.box_terms h4 {margin: 15px 0 10px  0;font-size: 15px;}
.box_terms ul {margin: 0 0 0 12px;}

.field01,.field02,.select01{margin:0;padding:5px;border:1px solid #ccc;background:#efefef;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.field01:hover,.field02:hover,.select01:hover{border:1px solid #ccc;}
.field01:focus,.field02:focus,.select01:focus{background:#f1f1f1;border:1px solid #aaa;}
.field01{width:100%}
.field02{width:100%}
.select01{width:100%}

@media only screen and (max-width: 799px) {

	.post_lst li{position:relative;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #dbdbdb;vertical-align:top}
	.post_lst .post_thmb{position:relative;float:left;width:140px;margin-right:40px}
	.post_lst .post_thmb a{display:block}
	.post_lst .post_thmb img{width:160px;height:100px}
	.post_lst .post_thmb a .cm_ic{position:absolute;right:10px;bottom:10px}
	.post_lst dl{overflow:hidden;position:relative;height:auto}
	.post_lst dt a{display:inline-block;font-size:15px;font-weight:bold;color:#444;letter-spacing:0;line-height:20px}
	.post_lst dd.post_tx1{padding-top:5px;font-size:13px;color:#666;letter-spacing:0;line-height:20px;word-break:break-all;word-wrap:break-word;}
	.post_lst dd.post_media{position:absolute;right:110px;bottom:0;font-size:12px;color:#888;text-align:right;}
	.post_lst dd.post_date{font-size:11px;color:#888;width:100%;text-align:right;margin-top:-5px;}
	.post_view_top{overflow:hidden;min-height:54px;border-bottom:1px solid #b8b8b8;zoom:1}
	.post_view_top .post_tit{padding-top:0;color:#2890d8;font-size:16px;letter-spacing:0;line-height:22px;font-weight:bold;}
	.post_view_top .post_tit h1{padding-top:0;color:#2890d8;font-size:15px;letter-spacing:0;line-height:22px;}
	.post_view_top .post_date{font-size:11px;color:#888;padding:2px 0 8px;}
	.post_view_top .post_date .post_media{font-size:13px;color:#888;padding:8px 20px 8px 0;}
	.post_view_cont{padding:15px 0 15px;color:#666;font-size:14px;line-height:20px;}
	.post_view_btm{overflow:hidden;padding-top:15px;padding-bottom:20px;border-top:1px solid #b8b8b8;zoom:1;text-align:right}
	.board_area{overflow:hidden;zoom:1;padding:0 0 0 0;}
	.post_area{overflow:hidden;zoom:1;padding:10px 0 0 0;}
	.section .lst{width:100%}
	ul.lst li.buintro{width:48%;margin:0 4px; text-align:center;}

	.field01,.field02,.select01{margin:0;padding:5px;border:1px solid #ccc;background:#efefef;outline:none;}
	.field01:hover,.field02:hover,.select01:hover{border:1px solid #ccc;}
	.field01:focus,.field02:focus,.select01:focus{background:#f1f1f1;border:1px solid #aaa;}
	.field01{width:100%}
	.field02{width:100%}
	.select01{width:100%;height:32px;}
}

@media only screen and (max-width: 599px) {
	.post_lst .post_thmb{display:none;}
}

@media only screen and (max-width: 499px) {
	ul.lst li.buintro{width:100%;margin:0; text-align:center;}
}