/* --------------------- 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;}
/* //공통 - 레이아웃 */











/* 기획연재 리스트 */
.series_book_list_area {clear:both; position:relative; width:1140px; margin:0 auto;}

.series_book_list li {overflow:hidden; width:1140px; padding:10px; margin-bottom:20px; border:#e7e7e7 1px solid;}
.series_book_list .list_type1 {position:relative; background:#f7f7f7;}
.series_book_list .list_type1 dt {font-size:20px; font-family:'NanumSquareNeo-Variable'; font-weight:700;}
.series_book_list .list_type2 {position:relative;background:#fff; }

.series_book_list .thumb_area {float:left; position:relative; width:360px; height:260px; margin-right:40px;}
.series_book_list .thumb_area img { width:360px; height:260px;}
.series_book_list .thumb_area:hover {opacity:0.8;}

.series_book_list .netw_p_state1 {display:inline-block; float:left; margin:4px 20px 0 0; padding:0 14px; background:#00afa0; color:#fff; font-size:11px; font-family:'NanumGothicBold'; border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; -webkit-border-radius:30px;}
.series_book_list .netw_p_state2 {display:inline-block; float:left; margin:4px 20px 0 0; padding:0 14px; background:#999; color:#fff; font-size:11px; font-family:'NanumGothicBold'; border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; -webkit-border-radius:30px;}
.series_book_list .netw_hits {display:inline-block; float:left; height:32px; margin-right:20px; padding-left:39px; background:url(/images/common/icon_hits.png) no-repeat 0; font-size:14px;}
.series_book_list .netw_like {display:inline-block; float:left; height:32px; margin-right:20px; padding-left:39px; background:url(/images/common/icon_like.png) no-repeat 0; font-size:14px;}
.network_wrap .series_book_list .brand_icon_m, 
.network_wrap .series_book_list .brand_icon_a, 
.network_wrap .series_book_list .brand_icon_b, 
.network_wrap .series_book_list .brand_icon_l, 
.network_wrap .series_book_list .brand_icon_r, 
.network_wrap .series_book_list .brand_icon_mk, 
.network_wrap .series_book_list .brand_icon_e,
.network_wrap .series_book_list .brand_icon_hb {margin-top:0; margin-right:20px;}
/* //기획연재 리스트 */



/* 기획연재 디테일 리스트 */
.netw_series_detail_wrap {position:relative; width:1140px; margin:0 auto; overflow:hidden;}
.netw_series_detail_wrap .series_book_list span {display:inline-block; float:left; margin-right:20px;}
.netw_series_detail_wrap .series_detail_list_area {width:1220px; margin:0 -40px; padding-top:40px;}
.netw_series_detail_wrap .series_detail_list_area {overflow:hidden;}

.netw_list_detail {float:left;  width:610px; height:191px; margin:0 0 30px 0; padding:0 40px; border-bottom:#e7e7e7 1px solid;}
.netw_list_detail .view_box {float:left; margin-right: 30px;}
.netw_list_detail .view_box a img {width:160px; height:160px;}
.netw_list_detail .view_box a:hover img {opacity:0.8;}

.netw_list_detail .info {float:left; position:relative; width:340px; height:150px;}
.netw_list_detail .info p a {font-size:16px; font-family:'NanumSquareNeo-Variable'; line-height:26px;}
.netw_list_detail .info p a:hover {font-size:16px; font-family:'NanumSquareNeo-Variable'; line-height:26px; text-decoration:underline;}

.netw_list_detail .info_item {position:absolute; left:0; bottom:10px;}
.netw_list_detail .info_item .netw_hits {display:inline-block; height:32px; margin-right:20px; padding-left:39px; background:url(/images/common/icon_hits.png) no-repeat 0}
.netw_list_detail .info_item .netw_like {display:inline-block; height:32px; padding-left:39px; background:url(/images/common/icon_like.png) no-repeat 0}

.netw_series_detail_wrap .series_book_list .brand_icon_m, 
.netw_series_detail_wrap .series_book_list .brand_icon_a, 
.netw_series_detail_wrap .series_book_list .brand_icon_b, 
.netw_series_detail_wrap .series_book_list .brand_icon_l, 
.netw_series_detail_wrap .series_book_list .brand_icon_r,
.netw_series_detail_wrap .series_book_list .brand_icon_mk,
.netw_series_detail_wrap .series_book_list .brand_icon_e,
.netw_series_detail_wrap .series_book_list .brand_icon_hb {margin-top:0; margin-right:20px;}
/* //기획연재 디테일 리스트 */




/* 기획연재 상세*/
.view_page_move {width:100%; margin-bottom:60px;}
.view_page_move .vpml {min-height:24px; padding:10px 0 10px 10px; border-bottom:1px solid #d5d5d5; text-align:left; color:#777;}
.view_page_move .vpmr {min-height:24px; padding:10px 0 10px 10px; border-bottom:1px solid #d5d5d5; text-align:left; color:#777;}
.view_page_move a {color:#222;}
.view_page_move a:hover {text-decoration:underline;}
.view_page_move span {padding:0 15px 0; color:#777;}

.network_view_wrap .btn_area_board {width:100%}
/* //기획연재 상세*/



/* 카테고리 리스트 */
.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:0; left:0; width:160px; height:28px; border:0;} 
.netw_srch_box .srch_keyword {padding:0 0 5px 5px;} 
.netw_srch_box .srch_btn {position:absolute; left:165px; top:5px; width:17px; height:16px; background:url(/images/common/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;}
.list_srch .i_select2 {float:right; min-width:90px; 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; transition: all 0.3s ease;}
.netw_cate_list_area li.cate_list:hover .li_tit,
.netw_cate_list_area li.cate_list:hover .li_tit a {color: #01a28a;}
.netw_cate_list_area li.cate_list:hover img {filter: brightness(0.8);}
.netw_cate_list_area li.cate_list a {
  font-weight: 700; 
  font-size: 15px; 
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2줄까지만 표시 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;}
.netw_cate_list_area li.cate_list a img {width:275px; height:275px; border-radius: 8px;}

.li_info .author, .li_info .date { color: #8F8F8F; font-weight:700; font-size: 12px;}
.li_info .divider {margin: 0 2px; color: #8F8F8F;}  /* 구분선 표시 */

.netw_cate_list_area li.cate_list .li_tit {height:46px; margin:7px 0 0; line-height:20px;}
.netw_cate_list_area li.cate_list .li_info .date {color: #8F8F8F;}
.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(/images/common/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(/images/common/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;}

.network_view_wrap_l .tag_area {padding: 0 0 24px 20px; 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:#00afa0;}

.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:#00afa0 url(/images/store/btn_like.png) 46px 10px no-repeat; border:1px solid #00afa0;}
.network_view_wrap_l .btn_area .btn_like_ok a {height:40px; padding:0 0 0 14px; margin-bottom:30px; background:#00afa0 url(/images/store/btn_like.png) 46px 10px no-repeat; border:1px solid #00afa0; 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:12px; color:#777; margin-right:10px;}
.detail_reply_area .reply_li .info strong {font-size:13px; 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:10px;  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:15px 25px 10px; margin:15px 0 0;}
.reply_repl .reply_repl_li {overflow:hidden; padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px dashed #ddd;}
.reply_repl .reply_repl_li .info {font-size:12px; color:#777; background:url(/images/store/icon_repl.png) no-repeat 0 6px; padding:0 0 0 16px;}
.reply_repl .reply_repl_li .info strong {font-size:13px; color:#222;}
.reply_repl .reply_repl_li .info span {color:#aaa;}
.reply_repl .reply_repl_li .info span.bar {padding:0 10px;}
.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:12px; line-height:21px; 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:10px 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_event_repl {position:relative; background:#fff; padding:15px 25px 10px; margin:15px 0 0;}
.reply_event_repl .reply_repl_li {overflow:hidden; padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px dashed #ddd;}
.reply_event_repl .reply_repl_li .info {font-size:12px; color:#777; background:url(/images/store/icon_repl.png) no-repeat 0 6px; padding:0 0 0 16px;}
.reply_event_repl .reply_repl_li .info strong {font-size:13px; color:#222;}
.reply_event_repl .reply_repl_li .info span {padding:0 10px; color:#aaa;}
.reply_event_repl .reply_repl_li .info .btn  {margin:0 0 0 10px;}
.reply_event_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_event_repl .reply_repl_li .info .btn a:hover {border:1px solid #aaa;}
.reply_event_repl .reply_repl_li .txt {clear:both; margin:10px 0 0 0;}

.reply_event_repl fieldset {/*margin-top:20px;*/}
.reply_event_repl legend {display:none;}
.reply_event_repl .i_textarea {float:left; width:855px; height:60px; padding:10px; border:1px solid #aaa;}
.reply_event_repl .btn_repl {float:right; width:100px; height:60px; background:#454545; border:0; font-family:'NanumGothicBold'; color:#fff; cursor:pointer; transition:all .3s;}
.reply_event_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:#00afa0;}

.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:#00afa0;}

.reply_event_form {padding:20px 10px;}
.reply_event_form legend {display:none;}
.reply_event_form .i_textarea {float:left; width:905px; height:80px; padding:10px; border:1px solid #aaa;}
.reply_event_form .btn_repl {float:right; width:100px; height:80px; background:#454545; border:0; font-family:'NanumGothicBold'; color:#fff; cursor:pointer; transition:all .3s;}
.reply_event_form .btn_repl:hover {background:#00afa0;}

.reply_event_form2 {padding:0;}
.reply_event_form2 legend {display:none;}
.reply_event_form2 .i_textarea {float:left; width:905px; height:80px; padding:10px; border:1px solid #aaa;}
.reply_event_form2 .btn_repl {float:right; width:100px; height:80px; background:#454545; border:0; font-family:'NanumGothicBold'; color:#fff; cursor:pointer; transition:all .3s;}
.reply_event_form2 .btn_repl:hover {background:#00afa0;}


.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(/images/common/icon_hits.png) no-repeat 0;}
.detail_cate_list li.cate_list .netw_like {display:inline-block; height:32px; padding-left:39px; background:url(/images/common/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;}
/* //최신컨텐츠/인기컨텐츠 */



/*  편집자 초이스 리스트 */
.calendar_area {position:relative; width:100%; height:51px; margin-bottom:60px; text-align:center;}
.calendar_area span {}
.calendar_area .month {margin:0 40px; font-size:30px; font-family:'NanumGothicBold';}
.calendar_area .btn_pre a {display:inline-block; width:28px; height:51px; padding-top:5px; background:url(/images/common/main_tab_brand_l.png) no-repeat; text-indent:-9999px; line-height:51px;}
.calendar_area .btn_pre a:hover {background:url(/images/common/main_tab_brand_l_r.png) no-repeat;}
.calendar_area .btn_next a {display:inline-block; width:28px; height:51px; padding-top:5px; background:url(/images/common/main_tab_brand_r.png) no-repeat; text-indent:-9999px; line-height:51px;}
.calendar_area .btn_next a:hover {background:url(/images/common/main_tab_brand_r_r.png) no-repeat;}

.calendar_area .btn_choice a {display:block; position:absolute; top:12px; right:0; width:160px; padding:2px 0; margin:2px auto; border:1px solid #ddd;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; transition:all .2s;}
.calendar_area .btn_choice a:hover {border:1px solid #aaa;}

.hb_brand_list {width:1140px;}
.hb_brand_list .brd_li_l {float:left; width:570px; height:735px; background-color:#FCC;}
.brd_list_emp {position:relative; width:570px; height:735px; /*border:#ddd 1px solid;*/ margin-bottom:20px;}
.brd_list_emp img {width:570px; height:735px;}

.brd_list_emp .view_box {position:absolute; bottom:0; left:0; width:570px; height:735px; background:url(/images/common/bg_mask1.png) repeat-x bottom;}
.brd_list_emp .view_box_con {position:absolute; bottom:0; left:0; width:570px; padding:0 42px 42px;}
.brd_list_emp .view_box .brd {margin-bottom:10px; color:#FFF; font-size:12px; font-family:'NanumGothicBold';}
.brd_list_emp .view_box .li_tit {margin-bottom:20px;}
.brd_list_emp .view_box .li_tit a {color:#FFF; font-size:24px; font-family:'NanumGothicBold'; line-height:34px;}
.brd_list_emp .view_box .li_tit a:hover {text-decoration:underline;}
.brd_list_emp .view_box .netw_hits {display:inline-block; height:40px; margin-right:50px; padding-left:50px; background:url(/images/common/icon_hits2.png) no-repeat 0; color:#FFF;}
.brd_list_emp .view_box .netw_like {display:inline-block; height:40px; padding-left:50px; background:url(/images/common/icon_like2.png) no-repeat 0; color:#FFF;}

.hb_brand_list .brd_li_r {float:left; width:570px; border-top:#ddd 1px solid;}
.hb_brand_list .brd_li_r .brd_list {float:left; width:285px; height:367px; padding:15px 0; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; text-align:center;}
.hb_brand_list .brd_li_r .brd_list .brd {margin-bottom:7px; color:#777; font-size:12px; font-family:'NanumGothicBold';}

.hb_brand_list .brd_li_r .brd_list .li_tit {margin-top:10px; padding:0 30px; height:46px; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.hb_brand_list .brd_li_r .brd_list .li_tit a {}
.hb_brand_list .brd_li_r .brd_list .li_tit a:hover {text-decoration:underline;}

.hb_brand_list .brd_li_r .brd_list .book_area {position:relative; width:187px; height:240px; margin:0 auto;}
.hb_brand_list .brd_li_r .brd_list .book_area img {height:240px;}
.hb_brand_list .brd_li_r .brd_list .view_box_s {position:absolute; bottom:0; left:0; width:187px; height:240px; background:url(/images/common/bg_mask2.png) repeat-x bottom;}
.hb_brand_list .brd_li_r .brd_list .view_box_con_s {position:absolute; bottom:0; left:0; width:187px; padding:0 0 12px;}
.hb_brand_list .brd_li_r .brd_list .view_box_con_s .netw_hits {display:inline-block; height:32px; margin-right:16px; padding-left:36px; background:url(/images/common/icon_hits3.png) no-repeat 0; color:#FFF;}
.hb_brand_list .brd_li_r .brd_list .view_box_con_s .netw_like {display:inline-block; height:32px; padding-left:36px; background:url(/images/common/icon_like3.png) no-repeat 0; color:#FFF;}


/* 리스트 코딩 수정 */
.hb_brand_list .brd_li_r .brd_list .book_area_new {display:table-cell; width:285px; text-align:center;}
.hb_brand_list .brd_li_r .brd_list .book_area_new img {height:240px;}
.hb_brand_list .brd_li_r .brd_list .book_area_new .view_box_block {overflow:hidden; position:relative; height:240px; text-align:center; margin:0 auto;}
.hb_brand_list .brd_li_r .brd_list .book_area_new .view_box_block .view_box_s_new {position:absolute; left:0; width:100%; height:240px; background:url(/images/common/bg_mask2.png) repeat-x bottom;}
.hb_brand_list .brd_li_r .brd_list .book_area_new .view_box_block .view_box_s_new .netw_hits {display:inline-block; height:32px; margin-top:195px; margin-right:16px; padding-left:36px; background:url(/images/common/icon_hits3.png) no-repeat 0; color:#FFF;}
.hb_brand_list .brd_li_r .brd_list .book_area_new .view_box_block .view_box_s_new .netw_like {display:inline-block; height:32px; margin-top:195px; padding-left:36px; background:url(/images/common/icon_like3.png) no-repeat 0; color:#FFF;}
/*  //편집자 초이스 리스트 */



/* 편집자 초이스 상세 */
.editor_book_area {position:relative; overflow:hidden; width:880px; padding:30px 0 0; /*border-bottom:1px solid #ccc; border-top:1px solid #ddd;*/}

.b_info_box {float:left; width:280px; margin:0 40px 0 50px;}
.b_info_box_img img {width:280px;}

.editor_book_info_box {float:left; width:460px;}
.editor_book_info_box h3 {font-size:24px; font-family:'NanumGothicBold'; line-height:34px; }
.editor_book_info_box .stit {margin:8px 0 15px 0; font-size:13px;}

.editor_book_info_box .info_area {overflow:hidden; float:left;}
.editor_book_info_box .info_area .info_ico {float:left;}
.editor_book_info_box .info_area .info_ico p {display:inline-block; margin-right:20px; font-size:12px;}
.editor_book_info_box .info_area .sns_ico {float:right;}
.editor_book_info_box .info_area .sns_ico span {display:inline-block; margin-left:1px;}
.editor_book_info_box .info_area .sns_ico .ico_facebook a {display:block; width:28px; height:28px; background:url(/images/store/ico_facebook.png) no-repeat; text-indent:-99999px;}
.editor_book_info_box .info_area .sns_ico .ico_facebook a:hover {background:url(/images/store/ico_facebook_r.png) no-repeat;}
.editor_book_info_box .info_area .sns_ico .ico_google a {display:block; width:28px; height:28px; background:url(/images/store/ico_google.png) no-repeat; text-indent:-99999px;}
.editor_book_info_box .info_area .sns_ico .ico_google a:hover {background:url(/images/store/ico_google_r.png) no-repeat;}
.editor_book_info_box .info_area .sns_ico .ico_twitter a {display:block; width:28px; height:28px; background:url(/images/store/ico_twitter.png) no-repeat; text-indent:-99999px;}
.editor_book_info_box .info_area .sns_ico .ico_twitter a:hover {background:url(/images/store/ico_twitter_r.png) no-repeat;}

.editor_book_info_box .info_list {/*clear:both;*/ float:left; padding:20px 0 10px; margin-bottom:20px; border-bottom:#ddd 1px solid;}
.editor_book_info_box .info_list li {overflow:hidden; clear:both; padding-bottom:6px; font-size:13px; line-height:22px;}
.editor_book_info_box .info_list strong {display:block; float:left; width:90px; background:url(/images/common/bl_grey2.gif) no-repeat 1px 10px; font-family:'NanumGothic'; padding:0 0 0 11px;}
.editor_book_info_box .info_list span {display:block; float:left; width:330px;}
.editor_book_info_box .info_list  a.view_map {display:inline-block; height:24px; margin-left:16px; padding:5px 15px 0; background:#00afa0; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; color:#fff; font-family:'NanumGothicBold'; line-height:14px; transition:all .1s;}
.editor_book_info_box .info_list  a.view_map:hover {background:#00837a;}

.editor_quick a.btn_view {display:inline-block; width:48px; height:48px; margin-right:10px; background:url(/images/common/btn_view.png) no-repeat; text-indent:-9999px;}
.editor_quick a.btn_view:hover {background:url(/images/common/btn_view_r.png) no-repeat;}
.editor_quick a.btn_cart {display:inline-block; width:48px; height:48px; background:url(/images/common/btn_cart.png) no-repeat; text-indent:-9999px;}
.editor_quick a.btn_cart:hover {background:url(/images/common/btn_cart_r.png) no-repeat;}
/* //편집자 초이스 상세 */





/* IT 기사번역 */
.translation_top_area {overflow:hidden; width:960px; margin:0 auto; padding:45px 0 40px; background:url(/images/brand/img_itback.jpg) no-repeat 610px 50px;}
.translation_top_area h3 {font-size:22px; line-height:32px; padding:0 0 30px;}
.translation_top_area p {width:600px;}

.translation_article {overflow:hidden; width:980px; margin:0 auto;}
.translation_article .tit {font-size:16px; font-family:'NanumSquareNeo-Variable'; padding-left:10px}
.translation_article .txt {margin-bottom:40px; line-height:24px; padding-left:10px}

.translation_article ul {width:100%;}
.translation_article li {float:left; width:460px; min-height:162px; margin:10px 10px; padding:20px; border:#ddd 1px solid;}
.translation_article .atc_list {position:relative;}
.translation_article .atc_list label {}
.translation_article .atc_list .i_radio {float:left; width:20px; height:20px; margin:1px 5px 0 0; vertical-align:middle;}
.translation_article .atc_list .tit2 {/*float:left;*/ padding:0 0 13px 36px; margin-bottom:10px; font-size:18px; border-bottom:#ddd 1px solid; line-height:24px;}

.translation_article .atc_list .atc_info {float:left; padding-left:36px;}
.translation_article .atc_list .txt2 {background:url(/images/common/bl_grey2.gif) no-repeat 0 11px; padding-left:12px; line-height:24px;}
.translation_article .atc_list .txt2 span {}
.translation_article .atc_list .btn_original {display:inline-block; float:right; margin-top:5px; padding:2px 30px; background:#f9f9f9; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; font-size:12px; text-align:center; transition:all .2s;}
.translation_article .atc_list .btn_original:hover {background:#fff; border:1px solid #aaa; color:#222;}
.translation_article .atc_list .complete_box {clear:both; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url(/images/common/bg_black_op70.png) repeat; color:#fff; font-size:24px; text-align:center;}
.translation_article .atc_list .complete_box .complete_txt {display:table; width:100%; height:100%;}
.translation_article .atc_list .complete_box .complete_txt p {display:table-cell; vertical-align:middle;}
.translation_article .atc_list .complete_box .complete_txt p span {margin-left:10px; font-family:'NanumGothicBold';}
.network_wrap .register_essential .i_textarea {width:100%; height:160px; padding:20px; font-size:16px; border:1px solid #aaa;}

.atc_details {position:relative; width:100%; padding:40px 50px; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; margin:50px 0;}
.atc_details li {min-height:36px; padding-left:10px; background:url(/images/common/bl_grey2.gif) no-repeat 0 14px; line-height:26px;}
.atc_details li span {width:140px; display:inline-block;}
.atc_details .btn_original {display:inline-block; padding:1px 15px; margin-left:20px; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; font-size:12px; text-align:center; transition:all .2s;}
.atc_details .btn_original:hover {border:1px solid #aaa; color:#222;}
/* //IT 기사번역 */



/* 한빛리더스 - 안내 */
.hb_readers_area {width:1140px; padding-bottom:40px;}
.hb_readers_info {width:960px; overflow:hidden; margin:0 auto; padding:0 0 120px; border-bottom:#ddd 1px solid; background:url(/images/brand/img_readers_2.jpg) no-repeat 630px 200px;}
.hb_readers_info h3 {font-size:40px; font-family:'NanumGothicBold'; padding:0 0 20px;}
.hb_readers_info .facebook {}
.hb_readers_info .facebook a {display:inline-block; height:43px; margin-right:10px; padding:0 30px 0 47px; background:#3b589e url(/images/common/ico_facebook2.png) no-repeat 32px 13px; color:#FFF; border-radius:22px; -moz-border-radius:22px; -khtml-border-radius:22px; -webkit-border-radius:22px; transition:all .3s; line-height:43px;}
.hb_readers_info .facebook a:hover {background:#2a417a url(/images/common/ico_facebook2.png) no-repeat 32px 13px;}
.hb_readers_info .facebook a span {color:#bee7ff;}

.hb_readers_contents {width:960px; overflow:hidden; margin:0 auto; padding:45px 0 80px; border-bottom:#ddd 1px solid;}
.hb_readers_contents h3 {font-size:22px; line-height:32px; padding:0 0 30px; color:#00afa0;}

.msg_txt {margin:50px 0; font-size:18px; font-family:'NanumGothicBold'; text-align:center;}
/* //한빛리더스 - 안내 */



/* 한빛리더스 - 지원 */
.network_wrap .member_register .register_cap2 {float:right; margin:95px 0 5px 0; font-size:12px; text-align:right; color:#777;}
.network_wrap .member_register .register_cap2 span {color:#f2613b;}

.network_wrap .register_choice {clear:both; padding:25px; vertical-align:middle; border-top:1px solid #f3f3f3; background:#f5f5f5;}
.network_wrap .register_choice .register_li {padding:0; margin:20px; border-bottom:1px solid #ddd;}

.network_wrap .register_choice .i_textarea {width:100%; height:80px; padding:20px; font-size:16px;}
.network_wrap .register_choice .i_tit2 {margin:0 20px; font-size:16px; /*font-family:'NanumGothicBold'; font-weight:normal; color:#222;*/}
.network_wrap .register_choice .i_tit2 span {color:#f2613b; margin-left:3px;}
.network_wrap .register_choice .i_con {padding:0 0 30px; margin:10px 20px 20px; border-bottom:1px solid #ddd; line-height:20px;}
.network_wrap .register_choice .i_con2 {margin:30px 20px; line-height:20px;}
.network_wrap .register_choice .i_con2 .caution {padding-left:160px;}
.network_wrap .register_choice .i_con3 {margin:10px 0 30px;}
.network_wrap .register_choice .i_con3 .ra_li {display:inline-block; width:30%;}
.network_wrap .register_choice .i_text5 {width:500px; height:40px; padding-left:18px; margin:0 5px 0 0; border:1px solid #aaa; font-size:16px; color:#222;}
.network_wrap .register_choice .i_tit3 {font-size:16px;}
/* //한빛리더스 - 지원 */



/* 한빛리더스 - 완료 */
.network_wrap  .wrap_member .tit span {font-family:'NanumGothicBold';}
/* //한빛리더스 - 완료 */



















/* --------------------- Network 서브메인 --------------------- */

/* 서브메인 - 상단3개 */
.top_net3 {width:1140px; margin:20px auto 40px;}
.top_net3 ul {overflow:hidden; background:url(/images/common/bg_network_submain_bn4.gif) no-repeat right bottom; /*border-right:#ddd 1px solid;*/ height:465px;}
.top_net3 li {position:relative; float:left; width:380px; line-height:0;}
.top_net3 li span {line-height:32px;}
.top_net3 li a {display:block;}
.top_net3 li a:hover {text-decoration:underline; opacity:1;}
.top_net3 li a .thumb img {width:380px; height:380px;}
.top_net3 li a:hover .thumb img {opacity:0.8;}
.top_net3 li .top_net_info {position:absolute; bottom:0; left:0; width:100%; height:180px; background:url(/images/common/bg_thumb_gra.png) repeat-x 0 bottom; vertical-align:bottom;}
.top_net3 li .top_net_info .brd {position:absolute; bottom:20px; left:20px; display:inline-block; width:160px; font-size:12px; font-family:'NanumGothicBold'; color:#fff;}
.top_net3 li .top_net_info .netw_hits {position:absolute; bottom:20px; left:200px; display:inline-block; height:32px; padding-left:39px; background:url(/images/common/icon_hits.png) no-repeat 0; color:#fff;}
.top_net3 li .top_net_info .netw_like {position:absolute; bottom:20px; left:290px; display:inline-block; height:32px; padding-left:39px; background:url(/images/common/icon_like.png) no-repeat 0; color:#fff;}

.top_net3 li .top_net3_tit a {overflow:hidden; position:absolute; top:380px; left:0; width:100%; height:85px; padding:20px 20px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-family:'NanumGothicBold'; font-size:15px; line-height:22px; text-align:center;}
.top_net3 li .top_net3_tit2 a {position:absolute; top:380px; left:0; width:100%; min-height:85px; padding:20px 20px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; font-family:'NanumGothicBold'; font-size:15px; line-height:22px; text-align:center;}
/* //서브메인 - 상단3개 */




/* 서브메인 - 일반 리스트 */
.submain_network_list {clear:both; overflow:hidden; width:1140px; padding:0 0 20px 0; margin:10px auto; border-bottom:1px solid #ddd;}
.submain_network_list ul {display:table; width:100%;}
.submain_network_list li.cate_list {display:table-cell; width:25%; margin:0 0 60px;}
.submain_network_list li.cate_list a {display:block; width:240px; margin:0 auto;}
.submain_network_list li.cate_list a:hover {text-decoration:underline;}
.submain_network_list li.cate_list a img {width:240px; height:240px;}
.submain_network_list li.cate_list a:hover img {opacity:0.8;}

.submain_network_list li.cate_list .li_tit a {margin:7px 22px 20px; line-height:20px;}
.submain_network_list li.cate_list .brd {margin:0 22px; font-size:12px; font-family:'NanumGothicBold'; color:#777;}
.submain_network_list li.cate_list .netw_hits {display:inline-block; height:32px; margin:0 20px; padding-left:39px; background:url(/images/common/icon_hits.png) no-repeat 0;}
.submain_network_list li.cate_list .netw_like {display:inline-block; height:32px; padding-left:39px; background:url(/images/common/icon_like.png) no-repeat 0;}
/* //서브메인 - 일반 리스트 */




/* 서브메인 - 편집자 Choice 및 기획연재 */
.submain_chioce_box {width:1140px; overflow:hidden; margin:40px auto 0;}
.submain_chioce_box .sm_tit {padding:0 0 10px; font-family:'NanumGothicBold'; font-size:20px;}
.submain_chioce_box .sm_box {overflow:hidden; padding:30px; border:1px solid #ddd;}
.submain_chioce_box .sm_box .thumb img {float:left; height:200px; margin:0 20px 0 0;}
.submain_chioce_box .submain_series_list .thumb img {width:200px;}
.submain_chioce_box .submain_chioce_list .thumb img {}
.submain_chioce_box .sm_box .thumb a:hover img {opacity:0.8;}
.submain_chioce_box .sm_box .li_tit {line-height:22px;}
.submain_chioce_box .sm_box .li_tit a {font-family:'NanumGothicBold'; margin:10px 20px 0 0;}
.submain_chioce_box .sm_box .li_tit a:hover {text-decoration:underline;}
.submain_chioce_box .sm_box .netw_hits {display:inline-block; height:32px; margin:20px 20px 0 0; padding-left:39px; background:url(/images/common/icon_hits.png) no-repeat 0;}
.submain_chioce_box .sm_box .netw_like {display:inline-block; height:32px; margin:20px 0 0 0; padding-left:39px; background:url(/images/common/icon_like.png) no-repeat 0;}

.submain_series_list {position:relative; float:left; width:560px; padding:0 0 20px 0;}
.submain_chioce_list {position:relative; float:right; width:560px; padding:0 0 20px 0;}

.submain_chioce_box .btn_more a {display:block; position:absolute; top:12px; right:0; width:68px; height:24px;background:url(/images/common/btn_more2.png) no-repeat 0 0; text-indent:-99999px;}
.submain_chioce_box .btn_more a:hover {opacity:0.5;}
/* //서브메인 - 편집자 Choice 및 기획연재 */




/* 서브메인 - 편집자 Choice 및 기획연재 */
.submain_banner_box {width:1140px; overflow:hidden; margin:20px auto 40px;}
.submain_banner_box .bn_l {float:left; width:560px; height:140px;}
.submain_banner_box .bn_l a {display:inline-block; width:560px; height:140px; padding:38px 0 0 70px; background:#00afa0 url(/images/common/icon_net_bn_it.png) no-repeat 370px 35px;}
.submain_banner_box .bn_l a:hover {background:#00837a url(/images/common/icon_net_bn_it.png) no-repeat 370px 35px;}

.submain_banner_box .bn_r {float:right; width:560px; height:140px;}
.submain_banner_box .bn_r a {display:inline-block; width:560px; height:140px; padding:38px 0 0 70px; background:#353535 url(/images/common/icon_net_bn_hbrd.png) no-repeat 370px 35px;}
.submain_banner_box .bn_r a:hover {background:#252525 url(/images/common/icon_net_bn_hbrd.png) no-repeat 370px 35px;}

.submain_banner_box .bn_l a p,
.submain_banner_box .bn_r a p {color:#FFF; line-height:30px;}
.submain_banner_box .bn_l a p.tit,
.submain_banner_box .bn_r a p.tit {font-size:20px;}
.submain_banner_box .bn_l a p span,
.submain_banner_box .bn_r a p span {font-family:'NanumGothicBold';}
.submain_banner_box .bn_l a p img,
.submain_banner_box .bn_r a p img {margin-left:6px; vertical-align:middle;}
.submain_banner_box .bn_l a:hover p,
.submain_banner_box .bn_r a:hover p {text-decoration:underline;}
/* //서브메인 - 편집자 Choice 및 기획연재 */