@charset "utf-8";

main { float:none;}
.container { max-width:100% !important; width:100%; margin:0;}
.area { width:1100px; margin:0 auto;}

/* 게시판 목록 */
.nav_box { width:100%; padding:30px 0; background:#333;}
.nav_box .category_name { margin-bottom:10px;}
.nav_box .category_name p { color:#fff; text-align:center; font-size:14px; line-height:18px;}

#bo_list { width:1100px; margin:20px auto 0;}
#bo_list:after { display:block; clear:both; content:'';} 
#bo_list .list_main { float:left; width:100%; margin-right:-355px;}
#bo_list .list_main > div { margin-right:355px;}
#bo_list .icon.rss { float:none; display:inline-block;}
#bo_list nav.category { margin-bottom:20px;}
#bo_list nav h3 { display:none}
#bo_list nav.tab li a { background:#fff;}
#bo_list nav.tab li a.active { background:#f3f3f3;}

#bo_list .control { margin:15px 5px;}
#bo_list .control:after { display:block; clear:both; content:'';}
#bo_list .paging { float:left; margin:0 0 10px 0;}
#bo_list .paging ul { vertical-align:top}
#bo_list .btnset { float:right;}
#bo_list .btnset button { float:left;}
#bo_list .btnset a.button { margin-left:3px;}
#bo_list header .search { position:absolute; top:5px; right:0; font-size:0} 
#bo_list header .search legend { display:none}
#bo_list header .search .required { margin-right:-1px; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#bo_list header .search input[type="submit"] { border-top-left-radius:0; border-bottom-left-radius:0;}
#bo_list header .search select { margin-right:1px; border-radius:3px;}

#bo_list .mttegory legend { display:none;}
#bo_list .mcategory p { padding-bottom:5px;}
#bo_list .mcategory span { padding-right:10px;}
#bo_list .mcategory .btnset.left { display:inline-block; position:relative; float:none; text-align:left;}

aside.list_right { float:right; width:330px; margin:0 0 0 25px;}
.review_tab { width:330px; height:397px; border:1px solid #cdcdcd; border-bottom:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.content_box { border-top:1px solid #cdcdcd;}
.review_tab .tab { width:100%; margin-bottom:-1px; background:#f2f2f2;}

.review_tab .tab li:first-child { width:32%;}
.review_tab .tab li:nth-child(2) { width:28%;}
.review_tab .tab li:last-child { width:40%;}
.review_tab .tab li:last-child a { border-right:0 !important;}

.review_tab .tab li a { display:block; padding:15px 0px; border:1px solid #cdcdcd; border-top:0; background:#f2f2f2; font-size:14px; color:#333; text-align:center;} 
.review_tab .tab li a.active { padding:15px 0 16px; border:1px solid #cdcdcd; border-bottom:0; border-top:0; background:#fff;}
.review_tab .tab_content { padding: 20px 15px;}
.rank_weekly { width:328px; height:345px;}
.review { width:330px; margin-top:-1px; background:#f2f2f2; border:1px solid #cdcdcd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.latest_basic { position:relative; width:330px; margin-top:-1px; padding:20px 15px; clear:both; overflow:hidden; background:#f2f2f2; border:1px solid #cdcdcd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.thumbnail_list { width:330px; margin-top:-1px; padding:20px 15px 2px; overflow:hidden; background:#f2f2f2; border:1px solid #cdcdcd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.thumbnail_gallery { width:330px; margin-top:-1px; padding:20px 15px 10px; overflow:hidden; background:#f2f2f2; border:1px solid #cdcdcd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.review_list { width:330px; margin-top:-1px; background:#f2f2f2; border:1px solid #cdcdcd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#bo_list .newslist li { position:relative; overflow:hidden; display:block; padding:18px 5px; vertical-align:top; border-bottom: 1px solid #ccc;}

#bo_list .newslist li:hover { border-color:#ddd; background:#f9f9f9;}
#bo_list .newslist li:hover a { color:#000;}

#bo_list .newslist li.br { margin-right:0px;}
#bo_list .newslist li .title { padding:0;}
#bo_list .newslist li .title a { font-size:18px; font-weight:bold; color:#333; line-height:24px;}
#bo_list .newslist li .time { display:block; padding-top:2px; font-size:12px; font-weight:normal; color:#bbb;}
#bo_list .newslist li .content { display:block; overflow:hidden;padding-top:3px; line-height:20px;}
#bo_list .newslist li .content a { font-size:13px; color:#333;}
#bo_list .newslist li .content:hover { color:#333;}
#bo_list .newslist li .comment { font-size:14px; color:#960000; font-weight:normal;}
#bo_list .newslist li .cover { float:left; margin-right:15px; font-size:0;}

/* 게시판 목록 - 뉴스관리 */
#bo_list.admin .check_area { width:100%; height:40px; margin-top:5px; padding:6px 12px; background:#e4e4e4; color:#666; font-size:14px;}
#bo_list.admin .check_area .checkbox { margin:0 4px 2px 0; vertical-align:middle;}

#bo_list.admin .newslist { margin-top:0; border-top:0; background:#fff;}
#bo_list.admin .newslist li:after { display:block; clear:both; content:'';}
#bo_list.admin .newslist li .cover { margin-right:13px;}

#bo_list.admin .btn_send { position:absolute; top:12px; right:10px;}
#bo_list.admin .btn_send li { display:inline-block; width:30px; height:31px; padding:0; border: 1px solid #9b9b9b; border-right:0; background:#f7f7f7;}
#bo_list.admin .btn_send li a { display:block; height:31px;}
#bo_list.admin .btn_send li:first-child { width:117px; background:#f7f7f7;}
#bo_list.admin .btn_send li:first-child a { display:block; padding:4px 4px 4px 7px; font-size:16px;}
#bo_list.admin .btn_send li i.rss { margin:3px 8px 0 0;}
#bo_list.admin .btn_send li:last-child { width:31px; border-right: 1px solid #9b9b9b;}

#bo_list.admin .btn_send li span { display:inline-block; overflow:hidden; width:16px; height:16px; margin: 7px 0 0 7px; background: url("./img/icon_sns.png") no-repeat; line-height:99em; font-size:0;}

#bo_list.admin .btn_send li .naver { background-position:0px -16px;}
#bo_list.admin .btn_send li .danawa { background-position:-16px -16px;}
#bo_list.admin .btn_send li .enuri { background-position:-32px -16px;}
#bo_list.admin .btn_send li .daum { background-position:-48px -16px;} 
#bo_list.admin .btn_send li .compuzone { background-position:-64px -16px;}
#bo_list.admin .btn_send li .gamemeca { background-position:-80px -16px;} 
#bo_list.admin .btn_send li .zum { background-position:-96px -16px;}
#bo_list.admin .btn_send li .dreamx { background-position:-112px -16px;}
#bo_list.admin .btn_send li .shops { background-position:-128px -16px;}  

#bo_list.admin .btn_send li .naver.send { background-position:0px 0px;}
#bo_list.admin .btn_send li .danawa.send { background-position:-16px 0px;}
#bo_list.admin .btn_send li .enuri.send { background-position:-32px 0px;}
#bo_list.admin .btn_send li .daum.send { background-position:-48px 0px;} 
#bo_list.admin .btn_send li .compuzone.send { background-position:-64px 0px;}
#bo_list.admin .btn_send li .gamemeca.send { background-position:-80px 0px;} 
#bo_list.admin .btn_send li .zum.send { background-position:-96px 0px;}
#bo_list.admin .btn_send li .dreamx.send { background-position:-112px 0px;}
#bo_list.admin .btn_send li .shops.send { background-position:-128px 0px;}  

#bo_list.admin .newslist li .checkbox { margin-bottom:4px; vertical-align:middle; }
#bo_list.admin .newslist li .title { margin-left:0}
#bo_list.admin .newslist li .title a { color:#000; font-size:16px; font-weight:normal;}
#bo_list.admin .newslist li div { font-size:12px; color:#a0a0a0;}
#bo_list.admin .newslist li div strong { color:#333;}
#bo_list.admin .newslist li div span { margin-right:8px;}
#bo_list.admin .newslist li time { position:relative; bottom:0; left:0; display:inline-block; margin-left:0;}

/* 게시판 쓰기 */
#bo_write { width:1100px; margin:0 auto;}
#bo_write .wr_content label { display:none;}
#bo_write h2 { padding:20px 0; font-size:24px;}
#char_count { font-weight:bold;}

#autosave { position:relative;}
#autosave_pop { display:none; height:auto !important; z-index:10; padding:8px; max-height:180px; border:1px solid #ccc; background:#fff; overflow-y:scroll}
html.no-overflowscrolling #autosave_pop { height:auto; max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong { position:absolute; font-size:0; line-height:0; overflow:hidden;}
#autosave_pop ul { margin:0; padding:0; border-top:1px solid #e9e9e9; list-style:none;}
#autosave_pop li { padding:8px 5px; border-bottom:1px solid #e9e9e9;}
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:""}
#autosave_pop li:hover { background-color:#f7f7f7;}
#autosave_pop a { display:block; float:left;}
#autosave_pop span { display:block; float:right;}
.autosave_content { display:none;}
.button.autosave_close { width:100%;}
#bo_write p.info { font-size:13px; line-height:18px; color:#aaa;}
#bo_write .btn_confirm { width:100%; text-align:center; padding-top:20px; border-top:2px solid #4d4f53;}

/* 리뷰 전송 페이지*/
#bo_write.send h2 { display:inline-block; float:left; margin-right:15px; padding:0; font-size:24px; line-height:30px; vertical-align:middle;}
#bo_write.send p.title { overflow:hidden; padding-top:6px; font-size:14px; vertical-align:bottom; line-height:20px;}
#bo_write.send p.total { display:block; margin-top:10px;font-size:14px;}
#bo_write.send table { margin-top:10px; background:#fff;}
#bo_write.send table table { margin-top:0;}
#bo_write.send table td { font-size:14px; line-height:22px; vertical-align:middle;}
#bo_write.send table .td_site label { margin-right:5px; vertical-align:middle;}
#bo_write.send table td input[type="radio"]{ margin-left:5px; margin-right:2px; vertical-align:middle;}
#bo_write.send table td input[type="checkbox"] { margin-left:5px; vertical-align:middle;}

#bo_write.send table.write tbody td.wr_content { padding:0;}

#bo_write.send .btn_confirm { margin-bottom:20px;} 

/* 뷰페이지 */
.smarter-image { position:relative; width:100%; height:368px; background-position:50% 50%; background-repeat: no-repeat; background-size:cover; box-sizing:border-box;}
.smarter-image .overlay { position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.5; z-index:1;}

div.titlebar .area { position:relative; height:368px; padding-top:83px; z-index:10;}

div.titlebar .category_name p { color:#fff; text-align:center; font-size:14px; line-height:22px;}
div.titlebar h2 { padding-top:12px; font-size:45px; color:#fff; line-height:55px;}

div.titlebar .writer_info { position:absolute; bottom:7px; left:0; width:330px; color:#fff; font-size:13px;}
div.titlebar .writer_info:after { display:block; clear:both; content:'';}
div.titlebar .writer_info .member_img { display:inline-block; float:left; width:41px; height:41px; margin-right:5px; border:1px solid #333; border-radius:41px; background:#fff; display:none;}
div.titlebar .writer_info .name { padding-bottom:5px; font-size:16px;}
div.titlebar .writer_info .name .sv_member { margin-right:4px;}
div.titlebar .writer_info time { opacity:0.5;}
div.titlebar .btnset { position:absolute; bottom:0; right:0; font-size:0;}
div.titlebar .btnset .button { padding:12px;}

#bo_view { width:1100px; margin:0 auto;}
#bo_view .contents { padding:60px 0 50px; font-size:17px; line-height:1.56;}
#bo_view .contents b { font-weight:bold;}
#bo_view .contents b span { font-weight:bold;}
#bo_view .contents p a { font-weight:bold;}
#bo_view .contents img, #bo_view .contents p img , #bo_view .contents div img { display:block; margin:0px auto;}
#bo_view .contents .box { margin-top:20px; font-size:14px;}
#bo_view .contents .box h3 { font-size:16px;}
#bo_view .contents .box .red { color:#ff0000;}
#bo_view .contents .box .now_news { font-size:14px; line-height:20px;}
#bo_view .contents .box span.comment { padding-left:3px; font-size:12px;line-height:20px;}
#bo_view .contents .box span.date { padding:0; font-size:14px; color:#ccc;}
#bo_view .recommend { margin-top:60px; text-align:center;}
#bo_view .recommend .button { width:80px; height:90px; padding-top:18px;border:1px solid #c1c5cc; border-radius:0; background:#f8f8f8; font-size:16px;}
#bo_view .recommend a.scrap { display:none;}
#bo_view .recommend .button i { display:inline-block; float:none; margin-bottom:12px;}
#bo_view .recommend .button span.good_nogood { display:block; padding-bottom:5px; font-weight:bold;}
#bo_view .recommend .button .number { font-weight:bold; font-size:12px;}

#bo_view .sns_share p { padding:10px 0; font-weight:bold;}
#bo_view .sns_share .sns:after { display:block; clear:both; content:'';}
#bo_view .sns_share .sns li { float:left; margin-right:6px;}

#bo_view .page_link { display:none; position:relative; height:202px; margin-bottom:20px; padding:0 19px; border:1px solid #ccc; background:#fff;}
#bo_view .page_link:after { display:block; clear:both; content:'';}
#bo_view .page_link .arrow { position:absolute; top:-1px; width:20px; height:202px; border:1px solid #ccc; z-index:50;}
#bo_view .page_link .arrow.prev { left:-1px; background:#fbfbfb url("./img/arrow_prev.png") no-repeat center center;}
#bo_view .page_link .arrow.next { right:-1px; background:#fbfbfb url("./img/arrow_next.png") no-repeat center center;}
#bo_view .page_link a:first-of-type .pageinfo { border-right:1px solid #ccc;}
#bo_view .page_link .pageinfo { position:relative; float:left; width:50%; height:200px; padding:20px;}
#bo_view .page_link .pageinfo .overlay { position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:1;}

#bo_view .page_link .pageinfo .category_name { position:relative; z-index:10;}
#bo_view .page_link .pageinfo .category_name p { color:#fff; text-align:center; font-size:14px; line-height:22px;}
#bo_view .page_link .pageinfo .title { position:relative; padding-top:12px; font-size:20px; color:#fff; z-index:10;}
#bo_view .page_link .writer_info { position:absolute; bottom:7px; left:20px; width:330px; color:#fff; font-size:12px; z-index:10;}
#bo_view .page_link .writer_info:after { display:block; clear:both; content:'';}
#bo_view .page_link .writer_info .name { padding-bottom:5px; font-size:16px;}
#bo_view .page_link .writer_info .name .sv_member { margin-right:3px;} 
#bo_view .page_link .writer_info time { opacity:0.5;}

#bo_view .banner_bottom { margin-bottom:20px;}
#bo_view .banner_bottom img { max-width:100%; height:auto;}

#bo_view .popular > p { padding-bottom:7px; font-weight:bold; font-size:19px;}

/* 게시판 댓글 */
#co_list { padding:20px 0 10px; font-size:14px;}
#co_list form .confirm input { position:absolute; bottom:10px !important; right:10px !important}
section#co_list h2 { display:block; margin-bottom:10px; font-size:14px; font-weight: bold;}
section#co_list h2 span { font-size:11px; color:#960000; font-weight:normal; padding-left:2px;}
#co_list article { position:relative; padding:10px; margin-bottom:5px; border:1px solid #dfdfdf; background:#fff;}
#bo_view .nocomment { position:relative; padding:10px; margin-bottom:5px; border:1px solid #dfdfdf; background:#fff;}
#co_list .member_photo { position:absolute; top:-12px; left:-60px;}
#co_list .gray { background-color:#fcfcfc}
#co_list .arrow_comment { position:absolute; top:-10px; left:-74px;}
#co_list .arrow_comment2 { position:absolute; top:2px; left:-16px;}
#co_list .depth { position:absolute; top:0px; left:0px; bottom:0px; display:block; width:4px; height:initial; background:#dfdfdf; z-index:-10;}

#co_list header { position:relative; display:inline-block; padding:0;}
#co_list .member { font-weight:bold}
#co_list .member .guest { font-weight:bold}
#co_list .ip { font-size:11px; color:#bbb;}
#co_list .date { font-size:11px; color:#bbb; margin-right:5px;}
#co_list h1 { overflow:hidden; position:absolute; top:-99em; left:0; width:1px; height:1px; font-size:0; line-height:0; white-space:nowrap;}
#co_list a {text-decoration:none;}
#co_list p {padding-top:5px;line-height:170%}
#co_list p a {text-decoration:underline; position:absolute; top:55px; left:12px;}

#co_list footer { position:absolute; top:5px; right:10px;}
#co_list footer:after {display:block;visibility:hidden;clear:both;content:""}
#co_list footer .btn { display:inline-block;}
#co_list footer .btn li { display:inline-block;}

#co_list_sns {margin:0;padding:0;list-style:none;}
#co_list_sns:after {display:block;visibility:hidden;clear:both;content:""}
#co_list_sns li {float:left;margin:0 20px 0 0}
#co_list_sns input {margin:0 0 0 5px}

/* 댓글의 댓글 */
#co_list article span h2 { display:inline-block; margin:15px 8px 0 0; font-size:15px; color:#333; font-weight:normal;}
#co_list article span .info { font-size:14px; color:#aaa;}
#co_list .content .guest { display:inline-block; float:left; margin:5px 0; padding-right:13px; border-right:1px solid #c0c0c0;}
#co_list .guest.view { display:inline-block;}
#co_list .guest label { display:none}
#co_list .guest_input { width:131px; height:28px; margin-bottom:2px; padding:2px; background:#fff; font-size:14px; line-height:24px; color:#000;}

#co_list .guest_input::-webkit-input-placeholder { /* WebKit browsers */color:#969696;}
#co_list .guest_input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#969696;}
#co_list .guest_input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	color:#969696;}
#co_list .guest_input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#969696;}
#co_list #wr_password { display:block; margin-top:-1px;}

#co_list #captcha { margin:5px 10px 10px 14px;}
#co_list #captcha #captcha_info { display:none;}
#co_list #captcha #captcha_img { width:120px; height:58px; border:1px solid #c0c4cb;}

#co_write { position:relative; margin-bottom:20px; padding:18px 13px 18px 14px; background-color:#e1e1e1;}
#co_write h2 { display:inline-block; margin-right:8px; padding-bottom:12px; font-size:16px; color:#333;}
#co_write .info { font-size:14px; color:#aaa;}
#co_write .member_photo { display:none; position:absolute; top:0; left:-50px; text-align:center;}
#co_write .service { display:none; height:20px;}
#co_write .service label { line-height:20px;}
#co_write .rating { display:block;}
#co_write .content, #co_list .content { margin-right:71px;}
#co_write input[type="submit"].button, #co_list input[type="submit"].button { position:absolute; bottom:18px; right:13px; height:80px; padding:20px; border-radius:0; font-size:15px;}
#co_write textarea, #co_list textarea { height:80px; border-radius:0;}
#co_write .guest { display:inline-block; float:left; margin:5px 0; padding-right:13px; border-right:1px solid #c0c0c0;}
#co_write .guest.view { display:inline-block;}
#co_write .guest label { display:none}
#co_write .guest_input { width:131px; height:28px; margin-bottom:2px; padding:2px; background:#fff; font-size:14px; line-height:24px; color:#000;}

#co_write .guest_input::-webkit-input-placeholder { /* WebKit browsers */color:#969696;}
#co_write .guest_input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#969696;}
#co_write .guest_input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	color:#969696;}
#co_write .guest_input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#969696;}
#co_write #wr_password { display:block; margin-top:-1px;}

#co_write #captcha { margin:5px 10px 10px 14px;}

#viewLoading { background:rgba(0,0,0,0.5); padding:10px; border-radius:10px; text-align:center; font-size:20px; color:#fff; display:none}
#viewLoading img { padding:40px;}

@media screen and (max-width: 1100px){
	.container { width:100%;}
	main { max-width:100% !important; margin-left:0 !important;}
	.area { width:100%;}
	.nav_box { padding:20px 10px;}
	.nav_box ul { width:100% !important;}

	#bo_list { float:none; width:100%; margin:20px 0 25px; padding:0 10px;}
	#bo_list .list_main { float:none; margin:0;}
	#bo_list .list_main > div { margin:0;}
	aside.right, aside.list_right { display:none;}

	.smarter-image { padding:0 15px;}
	#bo_view { width:100%; margin:0; padding:10px;}
	#bo_view .contents { width:100%; padding:30px 0 20px;}
	#bo_view .contents img, #bo_view .contents p img , #bo_view .contents div img { max-width:100% !important; height:auto;}
	#bo_view .contents table { max-width:100% !important; width:auto !important; height:auto;}
	#bo_view .contents section .fixed { width:100%; margin-left:-10px; padding:0 10px; z-index:100;}
	#bo_view .contents p .view_image img { max-width:100%; height:auto;}
	#bo_view .popular ul li a.title { display:block; width:auto; margin-top:5px; font-size:16px; line-height:20px;}
	#bo_view .popular ul li .writer_info time { display:none;}
	
	#bo_write {	width:100%; padding:10px;}
}

@media screen and (max-width: 1024px){	
	#bo_list.admin .newslist li img { display:none;}
	#bo_list.admin .btn_send { position:relative; top:0; right:0; display:block; margin-top:10px;}
	#bo_list.admin .check_area .checkbox { margin-bottom:6px;}
	#bo_list.admin .newslist li .checkbox { margin-bottom:8px;}
	
	#co_write #captcha #captcha_info, #co_list #captcha #captcha_info { display:none;}
	#co_write .info, #co_list .info { display:none;}
}

@media screen and (max-width: 950px){
	.nav_box ul li .img { float:none !important; display:block; margin-right:0 !important; margin-bottom:15px; text-align:center;}
}	

@media screen and (max-width: 800px){
	.nav_box { padding:15px 10px;}
	#bo_list { float:none; width:100%; margin:10px 0 25px; padding:0 10px;}
	#co_write .content, #co_list .content { margin-right:0px;}
	#co_write input[type="submit"].button, #co_list input[type="submit"].button { float:none; position:static; width:100%; height:auto; margin-top:5px; margin-left:0; padding:12px; border-radius:0; font-size:15px;}

	#co_write { margin-bottom:10px;}
	#co_write .guest, #co_list .content .guest { display:block; float:none; padding-right:0; margin:5px 0 0; border-right:0;}
	#co_write .guest_input, #co_list .guest_input { width:100%; height:32px; padding:4px; margin-bottom:5px;} 
	#co_write #captcha, #co_list #captcha { margin:3px 0;}
	#co_write #captcha #captcha_img, #co_list #captcha #captcha_img { position:static; float:left; width:115px; height:43px; padding:0; margin:3px 3px 0 0;}
	#co_write #captcha #captcha_mp3, #co_list #captcha #captcha_mp3 { position:static; float:left; width:43px; height:43px; margin:3px 3px 0 0; padding:9px;}
	#co_write #captcha #captcha_audio, #co_list #captcha #captcha_audio { display:block; margin-bottom:5px;}
	#co_write #captcha #captcha_reload, #co_list #captcha #captcha_reload { position:static; float:left; width:43px; height:43px; margin:3px 0 0 0; padding:7px;}
	#co_write #captcha #captcha_key, #co_list #captcha #captcha_key { float:left; width:115px; height:43px; margin:3px 0 0 3px; padding:5px 8px; font-size:16px;  color:#333; line-height:30px;}
	#co_write textarea, #co_list textarea { font-size:15px;}

	#co_list article span h2 { margin-top:10px; color:#222;}
	#co_list article { margin-left:0px !important;}
	#co_list .member_photo, #co_list .arrow_comment, #co_list .arrow_comment2 { display:none !important;}
	#co_list .depth { z-index:100;}
	#co_list .ip { display:none;}
	#co_list .date { font-size:13px;}
	#bo_write #wr_7 { width:100%;}
}

@media screen and (min-width: 769px){
	#co_list article { padding-left:10px !important;}
}

@media screen and (max-width: 768px){
	#bo_list .control { margin:5px 5px 0;}
	#bo_list .btnset a.button { font-size:15px;}

	div.titlebar .area { padding-top:40px;}
	div.titlebar .category_name { padding:2px 16px;}
	div.titlebar h2 { padding-top:10px; font-size:30px; line-height:1.56;}
	div.titlebar .writer_info { width:290px; font-size:14px;}
	div.titlebar .writer_info { bottom:50px;}
	div.titlebar .writer_info .name { padding-bottom:2px; font-size:16px;}
	div.titlebar .btnset .button { padding:12px 15px; font-size:13px;}

	#bo_view .page_link { padding-left:0;}
	#bo_view .page_link a:first-of-type { display:none;}
	#bo_view .page_link .pageinfo { width:100%;} 
	#bo_view .popular ul li { float:none; width:100%; padding:10px 0;}
	#bo_view .popular ul li .category_name { margin-left:-5px;}
	#bo_view .popular ul li a.title { font-size:18px;}
	#bo_view .popular ul li:first-child, #bo_view .popular ul li:nth-child(2) { margin-bottom:0;} 
	#bo_view .popular ul li:nth-child(even) { padding-left:0; border-left:0;}
	#bo_view .popular ul li .writer_info { bottom:7px; font-size:13px; color:#666;}
	#bo_view .popular ul li .writer_info .latest_info { display:none;}
	#bo_view .popular ul li:nth-child(even) .writer_info { left:115px;}
	#bo_view .popular ul li .writer_info time { display:inline-block;}

	section#co_list h2 { font-size:15px;}
	section#co_list h2 span { font-size:13px;}
	#co_list .member, #co_list .member .guest { font-size:17px;}
	#co_list footer { vertical-align:middle;}
	#co_list .date { display:inline-block; font-size:15px; line-height:28px; vertical-align:middle;}
	#co_list footer .btn { vertical-align:middle;}
	#co_list .btn a.button.s { padding:0px 10px; line-height:28px; font-size:15px;}
	#co_list p { margin-top:10px; font-size:15px; line-height:1.5;}
}

@media screen and (max-width: 480px) {
	div.titlebar h2 { font-size:24px; line-height:30px;}
	.nav_box .category_name { margin-bottom:5px; padding:1px 15px;}
	.nav_box ul li .img img { max-width:100%; height:auto;}
	.nav_box ul li .img.no { width:100% !important; max-width:100%; height:auto !important; padding:50px 0; font-size:28px !important;} 
	.nav_box ul li a.title { font-size:18px !important; line-height:24px !important; margin-bottom:10px !important; padding:5px 0 0 !important;}
	.nav_box ul li a.content { font-size:16px !important; line-height:22px !important;}
	.nav_box .more { font-size:14px !important;}

	#bo_list { margin:0; padding:0 5px;}
	#bo_list .paging { display:block; float:none; margin:0; text-align:center;}
	#bo_list .paging .paging span { font-size:16px; line-height:30px;}
	#bo_list .paging .paging .button { font-size:16px; line-height:30px; padding-top:0; padding-bottom:0;}
	#bo_list .paging .paging .button i { top:7px;}

	#bo_list .newslist li { padding:15px 5px; border-width:5px;}
	#bo_list .newslist li .title a { font-size:17px;}
	#bo_list .newslist li .time { font-size:15px;}
	#bo_list .newslist li .content { padding:5px 0;}
	#bo_list .newslist li .content a { font-size:16px; line-height:1.5;}
	#bo_list .newslist li .cover { float:none; margin-right:0;}	
	#bo_list .newslist li img { width:100%; height:auto; margin:5px 0;}
	#bo_list .control { margin:10px 0 0;}
	#bo_list.admin nav.category.tab { display:none;}
	#bo_list.admin nav.category.tab ul li { width:100%;}
	#bo_list.admin .check_area { padding:6px 0;}
	#bo_list.admin .btn_send li:first-child { display:block; width:180px; margin-bottom:3px; border-right:1px solid #9b9b9b;}
	#bo_list.admin .search select.select { width:100%; margin:5px 0 5px; border-radius:0;}
	#bo_list.admin .search input#stx { width:100%; margin-bottom:5px; border-radius:0;}
	#bo_list.admin .search .btn_submit { width:100%; border-radius:0; font-size:15px;}	
	#bo_list .btnset { margin-top:10px;}

	.smarter-image { height:280px; padding:0 10px;}
	.smarter-image .btnset .button.copy { display:none;}
	div.titlebar .area { height:280px; padding-top:30px;}
	#bo_view header hgroup h2 { font-size:24px; line-height:30px;}
	#bo_view .btnset { display:none;}
	#bo_view .page_link { height:162px;}
	#bo_view .page_link .pageinfo { height:160px; padding:12px;}
	#bo_view .page_link .pageinfo .category_name { padding:1px 15px;}
	#bo_view .page_link .pageinfo .title { padding-top:8px; font-size:15px;}
	#bo_view .page_link .writer_info { left:10px;}
	#bo_view .page_link .writer_info .name { font-size:13px; padding-bottom:1px;}
	#bo_view .page_link .arrow { height:162px;}
	#bo_view .recommend { margin-top:40px;}
	#bo_view .sns_share p { padding:5px 0;}
	#bo_view .popular ul { padding:10px;}
	#bo_view .popular ul li a.title { margin-top:2px; font-size:15px; line-height:19px;}
	#bo_view .popular ul li .writer_info time { display:none;}

	#co_list .ip { display:none;}
	#co_list .content .guest { padding-right:0; border-right:0;} 
	#co_list #captcha { margin:5px 0;}
	#co_write { margin-bottom:0; padding:10px;}
	#co_write h2 { padding-bottom:4px;}
	#co_write input[type="submit"].button, 
	#co_list input[type="submit"].button { bottom:10px;}
	#co_write #captcha #captcha_audio, #co_list #captcha #captcha_audio { max-width:100%;}

	#bo_write #wr_email,#bo_write #wr_homepage { width:100%;}
	#bo_write p.info { padding:5px; font-size:14px; color:#555;}

	#bo_write.send table select { width:100%;}
	#bo_write.send table td input[type="radio"]{ margin-top:3px; vertical-align:top;}
	#bo_write.send table td input[type="checkbox"] { margin-bottom:2px;}

	#bo_write.send .btn_confirm .button { font-size:15px;}


}