@charset "utf-8";
/*
    Document   : magazine
    Created on : 2018-06-04
    Author     : YSY(rossonerri@adnstyle.com)
    Description: 창업매거진
*/
@import url("/common/css/layout_submain.css");

/*창업매거진*/
.h_tit_banner_area h2.h_tit_banner.magazine .h_bn_ttl2 {margin:35px 0 13px 0;}
.h_tit_banner_area h2.h_tit_banner .h_bn_txt {position:relative;z-index:1;line-height:130%;}
.h_tit_banner_area h2.h_tit_banner .h_bn_txt.gray {color:#777;}
.cont_wrap.magazine .top_box {border:1px solid #d7d7d7;background:url('../../images/magazine/home_img01.jpg') no-repeat;padding-left:600px;}
.cont_wrap.magazine .top_box .notice {/*width:469px;*/height:294px;border-left:1px solid #d7d7d7; background:#fff}
.cont_wrap.magazine .notice {padding:40px 30px 40px 40px; box-sizing:border-box;}
.cont_wrap.magazine .notice h3 {margin-bottom:25px;font-size:23px;color:#313131;font-weight:600;}
.cont_wrap.magazine .notice li {background:url('../../images/magazine/dot.png') left 7px no-repeat;padding-left:15px; margin-bottom:20px; font-size:15px;}
.cont_wrap.magazine .notice li a { display:inline-block; width:100%; text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden; white-space:nowrap; word-wrap:normal;color:#585858;}
.cont_wrap.magazine .btm_box {margin-top:8px;overflow:hidden;zoom:1;}
.cont_wrap.magazine .btm_box .notice {float:left;width:41.3%;height:505px;margin-right:10px;border:1px solid #d7d7d7;padding:40px 30px 40px 40px;}
.cont_wrap.magazine .btm_box .right {float:right;}
.cont_wrap.magazine .btm_box .column {width:600px;height:245px;}
.cont_wrap.magazine .btm_box .column.box01 {margin-bottom:15px;background:url('../../images/magazine/home_img02.jpg') no-repeat;}
.cont_wrap.magazine .btm_box .column.box02 {background:url('../../images/magazine/home_img03.jpg') no-repeat;}
.cont_wrap.magazine .btm_box .column a {display:block;height:245px;}
.cont_wrap.magazine .btm_box .column .txt {width:260px;padding-top:60px;word-break:break-all}
.cont_wrap.magazine .btm_box .column .txt p {margin-bottom:15px;color:#7a7a7a;font-size:15px;}
.cont_wrap.magazine .btm_box .column .txt h3 {font-size:21px;font-weight:600;color:#545454;line-height:130%;}
.cont_wrap.magazine .btm_box .column.box01 .txt {margin-left:300px;}
.cont_wrap.magazine .btm_box .column.box02 .txt {margin-left:50px;}
.cont_wrap.magazine .buttons {overflow:hidden;zoom:1;margin-top:30px;/*margin-top:50px;*/}
.cont_wrap.magazine .buttons > div {float:left;width:49%;height:149px;padding:7px 8px;box-sizing:border-box;}
.cont_wrap.magazine .buttons .btn01 {margin-right:20px;background:url('../../images/magazine/home_btn01.png') 50% 38% no-repeat #8cc63f;}
.cont_wrap.magazine .buttons .btn02 {background:url('../../images/magazine/home_btn02.png') 50% 35% no-repeat #8cc63f;}
.cont_wrap.magazine .buttons > div a {display:block;height:100%;padding-top:95px;box-sizing:border-box;border:1px solid #fff;color:#fff;text-align:center;font-size:16px;font-weight:600;}
.new_view_container .view_header .detail_zzim_wrap { float:right; position:relative; margin-left:20px; margin-right:-40px;}
.new_view_container .checkbox_detail_zzim { position:inherit}
.new_view_container .btn_detail_myzzim { }


/* 탭메뉴 - UI통합 중  */
.category { width:100%; display:table; border:1px solid #679b21; /*margin-bottom:20px;*/}
.category ul {display:table-cell; overflow:hidden; width:100%; zoom:1;}
.category li {width:16.3%; float:left; padding:8px 0; text-align:center;font-size:14px;color:#494949;font-weight:600;cursor: pointer;}
.category li span {display:inline-block; width:40px;height:40px;margin-right:12px; background:url('/images/icon/tabmenu/i_tabmenu_magaz_spt.png') no-repeat; vertical-align:middle}
.category li a { display:block; width:100%}
.category li:before { width:1px; height:40px; float:left; background:#ccc; /*margin-right:10px;*/ vertical-align:middle; content:'';}
.category li:first-child:before, .category li.active:before, .category li.active + li:before, .category li.sh_input:before {width:0}/*, .category li:hover:before*/
.category li.sh_input { border-left:1px solid #679b21}
.category li.sh_input fieldset { margin:5px 0 0 15px}
.category li:hover {/*background:#f3f3f3;*/color:#679b21}
.category li.active {background:#8cc63f;color:#fff;}
.category li.icon01 span {background-position:0 0;}
.category li.icon02 span {background-position:-40px 0;}
.category li.icon03 span {background-position:-80px 0;}
.category li.icon04 span {background-position:-120px 0;}
.category li.icon05 span {background-position:-160px 0;}
.category li.icon01.active span {background-position:0 -50px;}/*, .category li.icon01:hover span */
.category li.icon02.active span {background-position:-40px -50px;}
.category li.icon03.active span {background-position:-80px -50px;}
.category li.icon04.active span {background-position:-120px -50px;}
.category li.icon05.active span {background-position:-160px -50px;}

.category li.icon06 span {background-position:-200px 0;}
.category li.icon07 span {background-position:-240px 0;}
.category li.icon08 span {background-position:-280px 0;}
.category li.icon06.active span {background-position:-200px -50px;}
.category li.icon07.active span {background-position:-240px -50px;}
.category li.icon08.active span {background-position:-280px -50px;}

.category li.icon09 span {background-position:-320px 0;}
.category li.icon10 span {background-position:-360px 0;}
.category li.icon09.active span {background-position:-320px -50px;}
.category li.icon10.active span {background-position:-360px -50px;}

.tb_type05.news table th {text-align:left;padding-left:36px;}
.tb_type05.news table td {font-weight:600;}
.tb_type06.news table td .ag_user_box .ag_txt {/*width:700px;*/}
.reply_w_btn.news {padding-top:12px;}
.tb_type04.news {border-bottom:0;}
.begin .ag_user {display:inline-block;width:150px;height:100px;border:1px solid #e1e1e1;border-radius:4px;line-height:100px;}
.begin .ag_user img {border:0;}
.news_icon {height:36px;margin-right:30px;}
.news .CGray {background-color:#b1b1b1;}

.cont_wrap .tb_type05.news td.ag_photo{padding-left:20px;}
.cont_wrap .tb_type05.news td.bdt0, .cont_wrap. tb_type05.news th.bdt0{border-top:0px;}
.cont_wrap .tb_type05.news td.ag_photo{padding-left:20px;border-left:1px solid #e5e5e5 !important;border-right:1px solid #e5e5e5 !important;}
.cont_wrap .tb_type05.news td.ag_photo img{width:85px;height:100px;overflow:hidden;border-radius:10px;}


/* 거래호가 */
.sellprice_srch_wrap {padding:10px 20px; border:1px solid #679b21; background:#f7fbf2;}
.sellprice_srch_wrap select {width:140px; height:30px; vertical-align:middle}
.sellprice_srch_wrap label {margin-right:5px; font-weight:700; vertical-align:middle}
.sellprice_srch_wrap i { width:25px; height:26px; margin-right:7px}
.sellprice_srch_wrap i.area { background-position:2px -200px }
.sellprice_srch_wrap i.cate { background-position:-30px -200px }
.sellprice_srch_wrap i.reset { width:11px; height:11px; margin-right:5px; background-position:0px -170px}
.sellprice_srch_wrap ul {display:inline-block}
.sellprice_srch_wrap li {display:inline-block; margin-right:20px; margin-bottom:0}
.sellprice_srch_wrap .btn_reset {float:right; margin-top:7px; font-size:13px; color:#777; vertical-align:middle}

.sellprice_srch_wrap .btn_s_search {display:inline-block; padding: 0 18px; background-color:#8cc63f; line-height:30px; color: #fff; text-align:center; font-weight:700; vertical-align:middle}
.comm_countsort_wrap.mfix_fixed .comm_title_count { width:1060px; margin: 0 auto;}
.comm_countsort_wrap.mfix_fixed { background:#fff;}
.comm_countsort_wrap .unit { position:absolute; bottom:10px; right:0; color:#767676; font-size:13px; line-height:normal; font-weight:normal}
.comm_title_count.sellprice_all {/* height:50px; font-size:20px; line-height:3.2; text-align:left*/}
.sellprice_table_wrap .tb_type06 {margin-top:8px}
.sellprice_table_wrap .tb_type06 .date { font-size:12px}
.sellprice_table_wrap .tb_type06 .adbann_nullbx { position: absolute; top:50%; transform:translateY(-50%); text-align:center; width:100%;}
.sellprice_table_wrap .tb_type06 .agt { position: relative; display:inline-block; color:#0313aa!important; line-height:22px}
.sellprice_table_wrap .tb_type06 a.agt::after {position:absolute; right:0; bottom:2px; left:0; border-bottom: 1px solid currentColor; content: '';}
.sellprice_table_wrap .tb_type06 a.agt:hover { text-decoration:none}


/* 점포라인TV - List */
.cntlist.jumpolinetv .ag_num { display:inline-block; width:60%; text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden; white-space:nowrap; word-wrap:normal;}/*1줄*/
.cntlist.jumpolinetv .cnt_list_bx .text .title {display:inline-block; width:95%; padding:5px 0 3px; text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden; white-space:nowrap; word-wrap:normal;}
.cntlist.jumpolinetv .metadata { margin-top:4px; color:#999; font-size:13px; margin-left:10px}

/* 점포라인TV - 카드형 */
.youtubech_bx_wrap { position:relative; overflow:hidden; padding:0px 0px 10px; border:1px solid #959595; background:#f2f2f2}
.youtubech_bx_wrap .bann { cursor:pointer}
.cntlist_horizontal.jumpolinetv { display:flex; margin:0 20px ; overflow-x:hidden}
.cntlist_horizontal.jumpolinetv li { width:24.3%; margin-right:10px; cursor:pointer;}
.cntlist_horizontal.jumpolinetv li:nth-child(5) { clear: both}
.cntlist_horizontal.jumpolinetv li:last-child { margin-right:0}
.cntlist_horizontal.jumpolinetv.shorts .video_item_thumbnail img { height:315px}
.cntlist_horizontal.jumpolinetv .video_item_thumbnail img { width:246px; border-radius:8px}
.cntlist_horizontal.jumpolinetv .video_item_meta { display:flex; margin-top:8px;}
.cntlist_horizontal.jumpolinetv .video_item_ti { line-height:1.4}
.cntlist_horizontal.jumpolinetv .video_item_ti .ti { display: block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em;/* line-height 2배 */ overflow:hidden; text-overflow:ellipsis;word-wrap:break-word; font-weight:700}
.cntlist_horizontal.jumpolinetv .metadata { margin-top:4px; color:#999; font-size:12px }
.cntlist_horizontal.jumpolinetv .metadata > span:first-child:after {content:"|"; margin: 0 10px; color:#ccc} 
.youtubech_bx_wrap .tab_prev { width:26px; height:50px; display:block;position:absolute; top:58%; left:0px; outline:0; text-indent:-9999px; z-index:9999; background:url("/_images/2013/mc_tab_prev_btn.png") no-repeat; cursor:pointer}
.youtubech_bx_wrap .tab_next { width:26px; height:50px; display:block;position:absolute; top:58%; right:0px; outline:0; text-indent:-9999px; z-index:9999; background:url("/_images/2013/mc_tab_next_btn.png") no-repeat; cursor:pointer}