﻿/* --------------------- Network 공통 --------------------- */

/* 공통 - 레이아웃 */
.network_wrap {overflow:hidden; position:relative; width:1140px; margin:0 auto;}

.network_view_wrap {overflow:hidden; position:relative; width:1140px; margin:0 auto;}
.network_view_wrap_l {float:left; width:880px;}
.network_view_wrap_r {float:right; width:240px;}
/* //공통 - 레이아웃 */




/* 카테고리 리스트 */
.netw_srch_box {position:relative; float:right; width:190px; height:30px; border:#ddd 1px solid; margin:0 0 20px;}
.netw_srch_box legend {overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;} 
.netw_srch_box input {position:absolute; top:2px; left:0; width:160px; height:24px; border:0;} 
.netw_srch_box .srch_keyword {padding:0 0 5px 5px;} 
.netw_srch_box .srch_btn {position:absolute; /*right:5px;*/ left:165px; top:5px; width:17px; height:16px; background:url(/biz/images/icon_seach.png) no-repeat center; background-size:17px 16px; text-indent:-99999px;}

.list_srch .i_select {float:right; min-width:80px; height:30px; border:1px solid #ddd; font-size:12px; color:#444; padding:0 0 0 10px; margin:0 10px 0 0;}

.netw_cate_list_area {clear:both;}
.netw_cate_list_area ul {width:1154px; margin:0 -7px;}
.netw_cate_list_area li.cate_list {float:left; width:274px; margin:0 7px 60px;}
.netw_cate_list_area li.cate_list a {}
.netw_cate_list_area li.cate_list a:hover {text-decoration:underline;}
.netw_cate_list_area li.cate_list a img {width:274px; height:274px;}
.netw_cate_list_area li.cate_list a:hover img {opacity:0.8;}

.netw_cate_list_area li.cate_list .li_tit {height:46px; margin:7px 0 6px; line-height:20px;}
.netw_cate_list_area li.cate_list .brd {font-size:12px; font-family:'NanumGothicBold'; color:#777;}
.netw_cate_list_area li.cate_list .brd_m {padding-left:30px; background:url(/images/store/icon_brd2_m.png) no-repeat 0 6px;}
.netw_cate_list_area li.cate_list .netw_hits {display:inline-block; height:32px; margin-right:20px; padding-left:39px; background:url(/biz/images/icon_hits.png) no-repeat 0;}
.netw_cate_list_area li.cate_list .netw_like {display:inline-block; height:32px; padding-left:39px; background:url(/biz/images/icon_like.png) no-repeat 0;}
.no_item_list2 {overflow:hidden; width:100%; height:220px; text-align:center; border-top:#ddd 1px solid; line-height:220px;}
/* //카테고리 리스트 */



/* 카테고리 상세 */
.network_view_wrap_r .bn_area {width:240px; height:300px; background:#CCC; margin-bottom:10px; text-align:center; padding-top:140px;}
.network_view_wrap_r .bn_area img {width:100%; height:100%;}
.network_view_wrap_r .choice_area {width:240px; height:300px; margin-bottom:60px; background:#CCC; text-align:center; padding-top:140px;}

.network_view_wrap_l .tag_area {padding: 0 0 24px 30px; border-bottom:1px solid #ccc;}
.network_view_wrap_l .tag_area span {display:inline-block; width:51px; margin-right:15px; background:url(/images/store/ico_tag.png) 0 6px no-repeat; text-indent:-99999px;}
.network_view_wrap_l .tag_area a {margin-left:5px; font-size:13px;}
.network_view_wrap_l .tag_area a:hover {color:#52ade1;}

.network_view_wrap_l .btn_area {position:relative; width:880px; margin:0; text-align:center;}
.network_view_wrap_l .btn_area .btn_like a {height:40px; padding:0 0 0 14px; margin-bottom:30px; background:#a6a6a6 url(/images/store/btn_like.png) 46px 10px no-repeat; border:1px solid #a6a6a6; border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; -webkit-border-radius:30px; line-height:36px; color:#fff; transition:all .1s;} /* //like 버튼 누르기 전 상태일 경우 */
.network_view_wrap_l .btn_area .btn_like a:hover {background:#52ade1 url(/images/store/btn_like.png) 46px 10px no-repeat; border:1px solid #52ade1;}
.network_view_wrap_l .btn_area .btn_like_ok a {height:40px; padding:0 0 0 14px; margin-bottom:30px; background:#52ade1 url(/images/store/btn_like.png) 46px 10px no-repeat; border:1px solid #52ade1; border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; -webkit-border-radius:30px; line-height:36px; color:#fff;} /* //like 버튼 누른 상태일 경우 */

.detail_reply_area {position:relative; margin-bottom:60px; padding:20px 30px; background:#f9f9f9;}
.detail_reply_area ul {margin:0; padding:0; list-style:none;}
.detail_reply_area .reply_li {position:relative; margin:0; padding:14px 30px 22px; border-bottom:1px solid #ddd;}

.detail_reply_area .reply_li .btn  {margin:0 0 0 10px;}
.detail_reply_area .reply_li .btn a {display:inline-block; padding:0 10px 2px; margin:0 4px 0 0; background:#fff; border:1px solid #ddd; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; transition:all .3s;}
.detail_reply_area .reply_li .btn a:hover {border:1px solid #aaa;}
.detail_reply_area .reply_li .btn2 {position:absolute; top:16px; right:15px; width:120px; text-align:center;}
.detail_reply_area .reply_li .btn2 a {display:inline-block; padding:0 10px 2px; margin:0 4px 0 0; background:#fff; border:1px solid #ddd; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; transition:all .3s;}
.detail_reply_area .reply_li .btn2 a:hover {border:1px solid #aaa;}

.detail_reply_area .reply_li .info {display:inline-block; font-size:13px; color:#777; margin-right:10px;}
.detail_reply_area .reply_li .info strong {color:#222;}
.detail_reply_area .reply_li .info span {padding:0 10px; color:#aaa;}

.detail_reply_area .reply_view {position:relative; overflow:hidden; margin-top:20px;  box-sizing:content-box; line-height:22px;}
.detail_reply_area .reply_view .thumb {float:left;}
.detail_reply_area .reply_view .thumb img {max-height:160px;}
.detail_reply_area .reply_view .txt {margin:10px 0 10px 160px;}
.detail_reply_area .reply_view .txt span {font-size:11px; color:#ccc; padding:0 10px; text-align:center;}

.reply_repl {position:relative; background:#fff; padding:25px; margin:30px 0 0;}
.reply_repl .reply_repl_li {overflow:hidden; padding:0 0 20px 0; margin-bottom:20px; border-bottom:1px dashed #ddd;}
.reply_repl .reply_repl_li .info {font-size:13px; color:#777; background:url(/images/store/icon_repl.png) 0 no-repeat; padding:0 0 0 16px;}
.reply_repl .reply_repl_li .info strong {color:#222;}
.reply_repl .reply_repl_li .info span {padding:0 10px; color:#aaa;}
.reply_repl .reply_repl_li .info .btn  {margin:0 0 0 10px;}
.reply_repl .reply_repl_li .info .btn a {display:inline-block; height:24px; padding:0 10px; margin:0 4px 0 0; background:#fff; border:1px solid #ddd; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:11px; line-height:18px; transition:all .3s;}
.reply_repl .reply_repl_li .info .btn a:hover {border:1px solid #aaa;}
.reply_repl .reply_repl_li .txt {clear:both; margin:15px 0 0 0;}

.reply_repl fieldset {/*margin-top:20px;*/}
.reply_repl legend {display:none;}
.reply_repl .i_textarea {float:left; width:600px; height:60px; padding:10px; border:1px solid #aaa;}
.reply_repl .btn_repl {float:right; width:100px; height:60px; background:#454545; border:0; font-family:'NanumGothicBold'; color:#fff; cursor:pointer; transition:all .3s;}
.reply_repl .btn_repl:hover {background:#00afa0;}

.reply_form {padding:20px 10px;}
.reply_form legend {display:none;}
.reply_form .i_textarea {float:left; width:685px; height:80px; padding:10px; border:1px solid #aaa;}
.reply_form .btn_repl {float:right; width:100px; height:80px; background:#454545; border:0; font-family:'NanumGothicBold'; color:#fff; cursor:pointer; transition:all .3s;}
.reply_form .btn_repl:hover {background:#52ade1;}

.reply_form2 {padding:0;}
.reply_form2 legend {display:none;}
.reply_form2 .i_textarea {float:left; width:645px; height:80px; padding:10px; border:1px solid #aaa;}
.reply_form2 .btn_repl {float:right; width:100px; height:80px; background:#454545; border:0; font-family:'NanumGothicBold'; color:#fff; cursor:pointer; transition:all .3s;}
.reply_form2 .btn_repl:hover {background:#52ade1;}

.detail_cate_list {overflow:hidden; width:100%;}
.detail_cate_list ul {width:852px; margin:0 auto;}
.detail_cate_list li.cate_list {float:left; width:264px; margin:0 10px 60px;}
.detail_cate_list li.cate_list a {}
.detail_cate_list li.cate_list a:hover {text-decoration:underline;}
.detail_cate_list li.cate_list a img {width:264px; height:264px;}
.detail_cate_list li.cate_list a:hover img {opacity:0.8;}

.detail_cate_list li.cate_list .li_tit {height:46px; margin:7px 0 6px; line-height:20px;}
.detail_cate_list li.cate_list .brd {font-size:12px; font-family:'NanumGothicBold'; color:#777;}
.detail_cate_list li.cate_list .brd_m {padding-left:30px; background:url(/images/store/icon_brd2_m.png) no-repeat 0 6px;}

.detail_cate_list li.cate_list .netw_hits {display:inline-block; height:32px; margin-right:20px; padding-left:39px; background:url(/biz/images/icon_hits.png) no-repeat 0;}
.detail_cate_list li.cate_list .netw_like {display:inline-block; height:32px; padding-left:39px; background:url(/biz/images/icon_like.png) no-repeat 0;}
/* //카테고리 상세 */



/* 우단영역 - 편집자 초이스 */
#touchSlider_choice { width:100%; height:355px; margin:0 auto; position:relative; overflow:hidden; box-sizing:border-box; border:1px #CCCCCC solid;}
#touchSlider_choice ul { width:99999px; height:345px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider_choice ul li { float:left; width:100%; height:345px; font-size:14px; color:#fff; }
.choice_area .tit {padding:0 0 5px 0; font-family:'NanumGothicBold'; font-size:16px; text-align:left;}
.network_view_wrap_r .choice_area {width:240px; height:400px; margin-bottom:40px; background:#ffffff; text-align:center; padding:0;}
.choice_view_box_block {margin-top:30px;}
.choice_view_box_block img.thumb {height:260px; max-width:220px;}
.choice_book_tit {width:220px; margin:0 auto; padding:0 20px; font-size:13px; line-height:20px; overflow:auto; text-overflow:string;letter-spacing: -1px;}
.choice_book_tit a{}
.choice_book_tit a:hover {text-decoration:underline;}
.choice_book_writer {padding:0 20px; font-size:13px; color:#777; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.choice_btn_area {position:absolute; top:150px; width:100%; background-color:#036; }
.choice_btn_prev {display:inline-block; position:absolute; left:5px;}
.choice_btn_next {display:inline-block; position:absolute; right:5px;}
/* //우단영역 - 편집자 초이스 */



/* 최신컨텐츠/인기컨텐츠 */
.newest_con {margin:0 0 60px;}
.newest_con .tit {padding:0 0 5px 0; border-bottom:1px solid #ccc; font-family:'NanumGothicBold'; font-size:16px;}
.newest_con ul {padding:10px 0;}
.newest_con li {padding:7px 5px 7px 12px; background:url(/images/common/bl_grey2.gif) 1px 18px no-repeat; font-size:13px; line-height:20px;}
.newest_con li a {}
.newest_con li a:hover {text-decoration:underline;}
/* //최신컨텐츠/인기컨텐츠 */

.network_view_wrap .btn_area_board {width:100%}










