@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("http://ojsimg.ohmynews.com/css/cardnews/cardnews.css");

/* CSS RESET */
* { font-family: Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; letter-spacing: -0.025em; word-break: break-all; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body {line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
ul li{list-style:none}
button, a{outline: none; background-color: transparent}
a {margin: 0; padding: 0; border: 0; vertical-align: baseline; text-decoration: none}
a, b, strong{ font-weight: bold}
.clearfixafter:after { content: ""; display: block; clear: both}
.none{ display: none!important}
body{ min-width: 320px}
.main-wrap > nav, .list-wrap > nav{background-color: #fff;padding: 0 8px 0 6px;position: relative;	}
.main-wrap > nav ul li, .list-wrap > nav ul li{width: 20%;float: left;text-align: center;margin: 0}
.main-wrap > nav ul li a, .list-wrap > nav ul li a{display: inline-block;font-size: 14px;color: #333;    padding: 12px 0 15px}
.main-wrap > nav ul li .on, .list-wrap > nav ul li .on{color: #7ebf00;border-bottom: 2px solid #7ebf00}
.app .main-wrap, .cont-wrap.list.app, .M-atc.app{ padding-top: 0}

/*------------------------mini HEADER-------------------------------*/
.mini_header{width:100%;background:#454545;height:29px;*zoom:1;position:fixed; top: 0; z-index:5;min-width:972px}
.mini_header a{font-weight: normal;font-family: Nanum Gothic,'나눔고딕','돋움',dotum,Helvetica,AppleSDGothicNeo,'Apple SD Gothic Neo',sans-serif; letter-spacing: 0}
.mini_header:after {content:""; display:block; clear:both}
.mini_gnb_area{float:left}
.mini_gnb_area ul.mini_gnb{float:left;margin:3px 4px 0 4px;display:inline}
.mini_gnb_area ul.mini_gnb li{float:left}
.mini_gnb_area ul.mini_gnb li a{display:block;padding:5px;font-size:11px;color:#dcdcdc}
.mini_gnb_area ul.mini_gnb li a:hover{text-decoration: underline}
.mini_gnb_area .selec_area{float:left;position:relative;margin-top:5px;z-index:2000}
.mem_wrap{float:right;margin-right:8px;display:inline}
.mem_wrap li{float:left;background:url(http://ojsimg.ohmynews.com/images/ohmynews/common/bar1.gif) 0 11px no-repeat;padding:5px 4px 0 4px}
.mem_wrap li.first{background-image:none}
.mem_wrap li a{display:block;padding:3px 5px 5px 5px; color:#fff; font-size: 12px}
.mem_wrap li.alim span{color:#d9482b}

.selec_area .search_select{position:absolute; left:0px; top:0px; z-index:10}
.m_menu .top_select, .selec_area .top_select{border:1px solid #cccccc; width:78px; height:19px; background:#ffffff;font-size:11px}

.selec_area .top_select a{display:block; color:#999 !important; text-decoration:none; padding: 4px 0 4px 5px;  font-weight:normal; }
.selec_area .top_select span{position:absolute; right:4px; top:5px}

.m_menu .sel_box, .selec_area .sel_box{border:1px solid #cccccc; width:78px; position:absolute; top:19px; left:0; z-index:100; }
.m_menu .sel_box a, .selec_area .sel_box a{display:block; color:#999 !important; text-decoration:none; padding: 6px 5px 3px 6px; background:#ffffff;  font-weight:normal; font-size:11px}
.m_menu .sel_box li, .selec_area .sel_box li{margin:0; padding:0; float:left; width:78px}
.m_menu .sel_box a:hover, .selec_area .sel_box a:hover{display:block; color:#666666; text-decoration:none; padding: 6px 5px 3px 6px; background:#f4f4f4; }
.m_menu .search_select .top_select a{color:#999 !important;padding: 5px 0 1px 5px; text-decoration:none}

@media only screen and (max-width: 971px){
    body .mini_header{display: none}
    body .header-wrap{top: 0}    
    .header-wrap.scroll{/*overflow: scroll;*/height: 100%}
    .header-wrap.scroll .hide-nav {border-bottom: 0}
}

@media only screen and (orientation : landscape) {
    body .header-wrap {position: absolute}
}

/*------------------------HEADER START-----------------------------*/

.header-wrap{ background-color: #fff;position: fixed;top: 29px;width: 100%;z-index: 101;box-shadow: 0px 0px 12px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.25);-ms-box-shadow: 0px 0px 12px rgba(0,0,0,0.25);-o-box-shadow: 0px 0px 12px rgba(0,0,0,0.25)}
.header-wrap.whead{ position: relative;top: 0}
.header-wrap header{margin: 0 auto;padding: 26px 30px;position: relative}
.header-wrap header .drawer-box{position: absolute;top: 4px;left: 10px}
.header-wrap header .drawer {display: inline-block;width: 35px;height: 35px}
.header-wrap header .drawer span{display: inline-block;width: inherit;height: inherit;background-color: transparent;background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/hamburger_w.svg);background-size: 22px;background-repeat: no-repeat;background-position: center;text-indent:0; font-size:15px; color:transparent}
.header-wrap header.atchead .drawer span{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/hamburger.svg)}
.header-wrap header h1{float: left}
.header-wrap header .logo{margin: 7px 0}
.header-wrap header .logo a{position: relative;width: 140px;height: 30px;display: inline-block;background-image: url(http://ojsimg.ohmynews.com/images/star/2016/logo.svg);background-repeat: no-repeat;background-position: 50% 50%;vertical-align: middle}
.header-wrap header .logo a span{position: absolute;top: 0;left: 0;overflow: hidden;padding: 0;border: 0;text-indent:0; font-size:15px; color:transparent}
.header-wrap header .rt_btns{position: absolute;right: 10px;top: 4px}
.header-wrap .rt_btns button{text-indent: -999em;display: inline-block;width: 35px;height: 35px;border: 0;background-color: transparent;padding: 0}
.header-wrap .rt_btns .myroom{    
background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_myroom.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 64%;
}
.header-wrap .rt_btns .channel{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_channel.svg);background-repeat: no-repeat;background-position: 50% 50%;background-size: 23px}
.header-wrap .rt_btns .reply{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/reply.svg);background-repeat: no-repeat;background-position: center 7px;background-size: 64%;opacity: .5}
.header-wrap .rt_btns .thumb{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec.svg);background-repeat: no-repeat;background-position: 50% 50%;    background-size: 60%;opacity: .5}
.header-wrap .rt_btns .thumb.on{ background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec_on_g.svg);opacity: 1}
.header-wrap .rt_btns .share{ background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/more.svg);background-repeat: no-repeat;background-position: 50% 50%;background-size: 74%;opacity: .5}

.header-wrap .channel-list{position: absolute;top: 52px;right: 0;display: inline-block;width: 112px;padding: 16px;background-color: #fff;box-shadow: 0px 0px 12px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);-ms-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);-o-box-shadow: 0px 0px 12px rgba(0,0,0,0.3)}
.header-wrap .channel-list h3{font-size: 12px;color: #8e8e8e;margin-bottom: 8px;font-weight: normal}
.header-wrap .channel-list li{float: left;margin-bottom: 8px}
.header-wrap .channel-list .web{margin-bottom: 10px}
.header-wrap .channel-list .web li a{display: block;font-size: 16px;color: #333;width: 100%;padding: 4px 0}
.header-wrap .channel-list .app li{width: 50px;margin-right: 8px}
.header-wrap .channel-list .app li a{width: 50px;height: 50px; text-indent:0; font-size:15px; color:transparent;margin: 0 8px 0 0;   border: 1px solid #cecece;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;display: inline-block}
.header-wrap .channel-list .app .omn a{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ohmynews.png)}
.header-wrap .channel-list .app .moi{margin: 0}
.header-wrap .channel-list .app .moi a{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/moi.png)}

.header-wrap .btn_sns{margin: 5px 0 0 8px;display: none;float: left}
.header-wrap .btn_sns ul{ display: inline-block}
.header-wrap .btn_sns ul li{float: left;margin: 0 3px;width: 18px;height: 18px}
.header-wrap .btn_sns .fb a{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_fb.svg);background-repeat: no-repeat;background-position: 50% 50%;width: 18px;height: 18px;display: inline-block;opacity: 0.5;text-indent:0; font-size:15px; color:transparent;overflow: hidden}
.header-wrap .btn_sns .tw a{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_tw.svg);background-repeat: no-repeat;background-position: 50% 50%;width: 18px;height: 18px;display: inline-block;opacity: 0.5;text-indent:0; font-size:15px; color:transparent;overflow: hidden}
.header-wrap .btn_sns .ks a{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_ks.svg);background-repeat: no-repeat;background-position: 50% 50%;width: 18px;height: 18px;display: inline-block;opacity: 0.5;text-indent:0; font-size:15px; color:transparent;overflow: hidden}
.header-wrap .btn_sns .fb a:hover{opacity: 1}
.header-wrap .btn_sns .tw a:hover{opacity: 1}
.header-wrap .btn_sns .ks a:hover{opacity: 1}

.header-wrap header nav{display: inline-block;margin: 5px 0 0 10px}
.header-wrap header nav ul li{float: left;margin: 0 15px;/*line-height:30px;*/}
.header-wrap header nav ul li:last-child{margin-right: 0; }
.header-wrap header nav ul li a{font-size: 16px;color: #333;text-transform :uppercase}
.header-wrap header nav ul li a:hover{color: #7abc00;border-bottom: 2px solid #7abc00;padding-bottom: 3px}
.header-wrap header nav ul li .on{color: #7abc00;border-bottom: 2px solid #7abc00;padding-bottom: 3px}
.header-wrap header .sub-nav-wrap{display: inline-block;float: right}
.header-wrap header .sub-nav-wrap {float: right;position: relative}
.header-wrap header .sub-nav-wrap .rpt-nav{display: none;line-height: 1.5em}
.header-wrap header .sub-nav-wrap .rpt-nav li{float: left;margin: 0 6px}
.header-wrap header .sub-nav-wrap .rpt-nav li a{font-size: 11px;color: #888}
.header-wrap header .sub-nav-wrap .rpt-nav li a:hover{color: #333}
.header-wrap header .sub-nav-wrap .bar{font-size: 8px;color: #ccc;margin: 2px 6px 0 6px}
.header-wrap header .sub-nav-wrap .rpt-nav li a span{display: inline-block;background-color: #a5a5a5;-webkit-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;width: 36px;height: 36px;vertical-align: middle;margin-right: 3px}
.header-wrap header .sub-nav-wrap .rpt-nav li a span:hover{background-color: #86cb00}
.rpt-nav .ico_write{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_write.svg);background-repeat: no-repeat;background-position: 50% 50%;-webkit-background-size:20px;-moz-background-size:20px;-ms-background-size:20px;-o-background-size:20px;background-size: 20px;}
.rpt-nav .ico_blog{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_blog.svg);background-repeat: no-repeat;background-position: 50% 50%;-webkit-background-size:20px;-moz-background-size:20px;-ms-background-size:20px;-o-background-size:20px;background-size: 20px;}
.rpt-nav .ico_report{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_report.svg);background-repeat: no-repeat;background-position: 50% 50%;-webkit-background-size:20px;-moz-background-size:20px;-ms-background-size:20px;-o-background-size:20px;background-size: 20px;}
.header-wrap header .sub-nav-wrap .btn_search{display: none;background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_fd-w.svg);background-repeat: no-repeat;background-position: 50% 50%;background-color: #a5a5a5;-webkit-background-size:18px;-moz-background-size:18px;-ms-background-size:18px;-o-background-size:18px;background-size: 18px;-webkit-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;width: 36px;height: 36px;text-indent:0; font-size:15px; color:transparent;overflow: hidden;vertical-align: top;}
.header-wrap header .sub-nav-wrap .btn_search:hover{background-color: #333}
.header-wrap header .sub-nav-wrap .search-wrap {position: absolute;top: -17px;right: -21px;z-index: 3;padding: 13px 10px 10px 150px;background-color: #fff;width: 260px;    } 
.header-wrap header .sub-nav-wrap .search-wrap.active{display: block; }
.header-wrap header .sub-nav-wrap .search-wrap.active fieldset{border: 1px solid #333}

.header-wrap header .sub-nav-wrap .search-wrap input{background: transparent;color: #7f7f7f;font-size: 17px;border: 0;outline: 0;width: 156px;padding: 8px;vertical-align: middle;}
.header-wrap header .sub-nav-wrap .search-wrap .submit{background-color: transparent;cursor: pointer;font-size: 13px;color: #000;padding: 0;margin: 0;border: 0;  text-transform: uppercase;}
.header-wrap header .sub-nav-wrap .search-wrap .close{background-color: transparent;background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_close.svg);background-repeat: no-repeat;background-position: 50% 50%;background-size: 16px;-webkit-background-size:16px;-moz-background-size:16px;-ms-background-size:16px;-o-background-size:16px;width: 40px;height: 40px;cursor: pointer;padding: 0;margin: 0;border: 0;   text-indent:0; font-size:15px; color:transparent;overflow: hidden;}
.header-wrap .hide-nav{text-align: center;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 7% 0;}
.header-wrap .hide-nav .nav a{font-size: 1.7em;text-transform: uppercase;line-height: 2em;color: #777;}
.header-wrap .hide-nav .nav a:hover,.header-wrap .hide-nav .nav a .on{color: #80c300;padding-bottom: 2px;border-bottom: 2px solid #80c300;}
.header-wrap .hide-nav .rpt-nav{display: inline-block;margin-top: 60px;}
.header-wrap .hide-nav .rpt-nav li{ float: left}
.header-wrap .hide-nav .rpt-nav a{font-size: 17px;color: #888;}
.header-wrap .hide-nav .rpt-nav a:hover{ color: #333}
.header-wrap .hide-nav .rpt-nav .bar{
    font-size: 8px;
    color: #ccc;
    margin: 5px 8px 0 8px;
}
.header-wrap .hide-nav .site_fam a{
    font-weight: normal;
    border: solid 1px #ddd;	
    background: #f4f4f4;
    color: #888;
}
.header-wrap .hide-nav .site_fam a.left{
    border-radius: 4px 0 0 4px;
	padding: 5px 15px 5px 18px;
}
.header-wrap .hide-nav .site_fam a.right{
    border-radius: 0 4px 4px 0;
	padding: 5px 15px 5px 18px;
	border-left: none; 
}
.header-wrap .hide-nav .site_fam{
    display: block;
    font-size: .8em;
    line-height: 2.1em;
    color: #888;
    margin-top: 25px;
}
.header-wrap .hide-nav .search-wrap{
    width: 330px;
    padding: 10px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 16px;
}
.header-wrap .hide-nav .search-wrap fieldset {
    border: 3px solid #c8c8c8;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.header-wrap .hide-nav .search-wrap input {
    background: transparent;
    color: #7f7f7f;
    font-size: 17px;
    border: 0;
    outline: 0;
    width: 265px;
    padding: 16px 0 16px 16px;
    vertical-align: middle;
}
.header-wrap .hide-nav .search-wrap .btn_search{
    background-color: transparent;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_fd.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 24px;
    -webkit-background-size:24px;
    -moz-background-size:24px;
    -ms-background-size:24px;
    -o-background-size:24px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    border: 0;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
	vertical-align: middle
}

.header-wrap .hide-nav .btn_sns{
    display: inline-block;
    margin-top: 16px;
}

.header-wrap .hide-nav .btn_sns li {
    float: left;
    width: 44px;
    height: 44px;
    margin: 0 12px;
}
.header-wrap .hide-nav .btn_sns li a{
    width: 44px;
    height: 44px;
}

@media only screen and (orientation : landscape) {
    .header-wrap.scroll .hide-nav {
        padding: 4% 0;
    }
    .header-wrap .hide-nav .nav a {
        font-size: 1.1em;
    }
    .header-wrap .hide-nav .rpt-nav {
        margin-top: 20px;
    }
}


@media only screen and (max-width: 480px){
    .header-wrap .hide-nav {padding: 10% 0}
    .header-wrap .hide-nav .nav a { 
        font-size: 20px; 
        padding: 5px 20px; 
        display: inline-block;
    }
    .header-wrap .hide-nav .rpt-nav {margin-top: 6%}
    .header-wrap .hide-nav .rpt-nav a {font-size: 13px}
    .header-wrap .hide-nav .search-wrap {width: 88%}
    .header-wrap .hide-nav .search-wrap input {
        font-size: 16px; 
        width: 74%; 
        padding: 4% 0 4% 4%;
    }     
	
}

/* tablet 까지 */
@media only screen and (max-width: 860px){
    .header-wrap header nav{ 
        display: none;
    }
    .header-wrap header .sub-nav-wrap{
        display: none;
    }
    .header-wrap header .logo{ 
        padding-left: 40px;
    }
    .header-wrap header{
        padding: 10px 11px 8px;
    }
    .header-wrap header .logo a {
        width: 110px;
        background-image: url(http://ojsimg.ohmynews.com/images/star/2016/logo-w.svg);
    }
    .header-wrap header {
        background-color: #99ca3c;
        padding: 0 11px;
        height: 44px;
        vertical-align: middle;
    }
    .header-wrap .atchead {
        background-color: #fff;
    }
    .header-wrap .atchead .logo a {
        background-image: url(http://ojsimg.ohmynews.com/images/star/2016/logo.svg);
    }
}

/* tablet 이후 */
@media only screen and (min-width: 861px){
    .header-wrap header .rt_btns{
        display: none;
    }
    .header-wrap header .drawer-box {
        top: 10px;
        left: 10px;
    }
    .header-wrap header .logo a { position: relative;
        width: 130px;
        height: 36px;
    }
    .header-wrap .clearfixafter h1 {
        margin: 0 0 0 45px;
    }
    .header-wrap header nav {
        margin: 8px 0 0 10px;
    }
    
    .header-wrap header{
        padding: 18px 24px 19px;
    }
    .header-wrap .channel-list{
        display: none;
    }
    .hide-nav .rpt-nav .pc{
        display: none;
    }
}
@media only screen and (min-width: 861px) and (max-width: 971px){
    body .header-wrap .clearfixafter .sub-nav-wrap .rpt-nav{display: none}
    form .cont-wrap.list { padding-top: 73px}
}
@media only screen and (min-width: 1024px){
    .header-wrap .btn_sns{
        display: inline-block;
    }
}
@media only screen and (min-width: 972px) and (max-width: 1139px){
/*    form .cont-wrap.list { padding-top: 130px}*/
	.pc form .cont-wrap.list { padding-top: 30px}
}
@media only screen and (min-width: 1270px) and (max-width: 1299px){
    body .header-wrap header nav ul li {margin: 0 15px}
    body .header-wrap header nav ul li a {font-size: 15px}
    body .header-wrap header .sub-nav-wrap .rpt-nav li a span {width: 30px; height: 30px; background-size: 16px; -webkit-background-size: 16px;-ms-background-size: 16px;-moz-background-size: 16px; -o-background-size: 16px}
    .header-wrap header .sub-nav-wrap .btn_search {
        background-size: 15px;
        -webkit-background-size: 15px;
        -moz-background-size: 15px;
        -ms-background-size: 15px;
        -o-background-size: 15px;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
        width: 30px;
        height: 30px;
    }
}

@media only screen and (min-width: 1270px){
    body .header-wrap .clearfixafter .drawer-box {display: none}
    .header-wrap .clearfixafter h1 {
        margin: 0;
    }    
    body .header-wrap .clearfixafter .sub-nav-wrap .rpt-nav,.header-wrap header .sub-nav-wrap .btn_search{
        display: inline-block
    }
}







/*------------------------FOLLOW HEADER START-----------------------------*/


.header-wrap.follow{
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 41;
    position: fixed;
    top: 0;
    width: 100%;    
    border-bottom: 1px solid #ccc;
} 
.header-wrap.follow header{ 
    width:1024px; 
    padding: 20px;
    height: 26px;
    background-color: transparent;
}
.header-wrap.follow .clearfixafter .drawer-box {
    position: absolute;
    display: block;
    left: 16px;
    top: 10px;
}
.header-wrap.follow .clearfixafter .logo {
    position: absolute;
    display: block;
    top: 15px;
    left: 80px;
    margin: 0;
    padding: 0;
}

.header-wrap.follow header .logo a { position: relative;
    width: 140px;
    height: 36px;
    display: inline-block;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/logo.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.header-wrap.follow .flw-atc-tit{
    display: block;
    max-width: 430px;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    color: #333;    
    line-height: 1.45em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}


.header-wrap.follow .flw-atc-tit:hover{
    text-decoration: underline;
    cursor: pointer;
}
.header-wrap.follow .btn-box{
    width:192px;
    height: 28px;
    position: absolute;
    top: 19px;
    right: 16px;
    border: none;
}

.header-wrap.follow .btn-box li{ 
    border: none;
    margin: 0 2px;
    width: 38px;
    height: 28px;
    position: relative;
}
.header-wrap.follow .btn-box li .count{
    position: absolute;
    top: -12px;
    font-size: 12px;
    color: #333;
    text-align: center;
    width: 24px;
    display: block;
    margin: 0 auto;
    left: 20%;
    line-height: 1em;
    cursor: pointer;
}

.header-wrap.follow .btn-box li a{
    width: 38px;
    height: 28px;
}
.header-wrap.follow .btn-box .rpy:hover{
    background-color: #fff;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy.svg);
    opacity: 1;
}
.header-wrap.follow .btn-box .fb:hover{
    background-color: #fff;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb.svg);
    opacity: 1;
}
.header-wrap.follow .btn-box .tw:hover{
    background-color: #fff;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw.svg);
    opacity: 1;
}
.header-wrap.follow .btn-box .els:hover,.header-wrap.follow .btn-box .els.on{
    background-color: rgba(255,255,255,0);
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_els.svg);
    opacity: 1;
}


.header-wrap.follow .btn-box .btn-else {
    position: absolute;
    top: 45px;
    right: 0px;
    border-top: 0;
    background-color: rgba(255, 255, 255, 0.9);
}

.header-wrap.follow .btn-box .btn-else ul li {
    border: none;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    
}
.header-wrap.follow .btn-box .btn-else .url a {
    width: 34px;
    height: 28px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}



@media only screen and (max-width: 1046px) and (min-width: 861px){
    .header-wrap.follow header { width: 1024px; padding: 20px}
}
@media only screen and (min-width: 861px) and (max-width: 1046px){
    .header-wrap.follow .clearfixafter h1 {margin-left: 0}
}

/*------------------------SECTION START-----------------------------*/

.cont-wrap{
    margin: 0 auto;    
    background-color: #e6e6e6;
}

/*------------------------MAIN START-----------------------------*/

.main-wrap{
    margin: 0 auto;
    padding-top: 44px;
}
.main-wrap > ul {
    width: 100%;
    display: inline-block;
    margin-top: 3.5%;
}
.main-wrap > ul li{
    margin: 0 0 12px 0;
    width: 100%;
}
.main-wrap .ad-box {
    width: 336px;
    margin: 0 auto;
}
.main-wrap .ad-box img{ 
    vertical-align: middle;
    display: inline-block;
}
.main-wrap .ad-box:after{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: '';
}
.main-wrap .arc-box{
    background-color: #fff; 
    margin: 0 auto;
    width: 94%;
    position: relative;
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
    -ms-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
    -o-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);       
}
.main-wrap .arc-box .thum{ display: block}
.main-wrap .arc-box .thum img {
    width: 100%;
    object-fit: cover;    
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main-wrap .arc-box .atc-text{
    padding: 4% 6%;
}
.main-wrap .atc-text .tit{
    overflow: hidden;
    margin-bottom: 7px;
}

.main-wrap .atc-text .tit a{
    font-size: 18px;
    color: #333;
    line-height: 1.35em; 
}
.main-wrap .atc-text .tit a:hover{
    text-decoration: underline;
}

.main-wrap .atc-text .subtit{
    margin-bottom: 16px;
}

.main-wrap .atc-text .subtit a{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
    font-size: 13px;
    color: #777;
    line-height: 1.4em;
    display: block;
}
.main-wrap .atc-text .subtit a:hover{
    text-decoration: underline;
}
.main-wrap .atc-text .name{
    font-size: 12px;
    color: #999;
    display: block;    
}
.main-wrap .atc-text .serial_tit{
    font-size: 11px;
    color: #fff;
    background-color: #93C72E;
    padding: 5px 10px 7px;
    font-weight: normal;
    position: absolute;
    bottom: 12px;
    right: 12px;
    max-width: 150px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.beogeum .swiper-slide ul li{
    display: block;
    width: auto;
    margin: 0;
    padding: 16px 15px;
    border-bottom: 1px solid #eee;
}
.beogeum .swiper-slide ul li a{
    display: block;
}
.beogeum .swiper-slide ul li strong{
    font-size: 15px;
    color: #000;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
    letter-spacing: -0.05em;
}
.beogeum .swiper-slide ul li span{
    display: none;
}
.beogeum .swiper-pagination-bullet-active {
    background: #99ca3c;
}
.beogeum_pg{
    padding: 12px 0;
}
.beogeum .swiper-pagination{
    position: inherit;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    -o-transform: inherit;
    transform: inherit;
    z-index: 1;
}
.beogeum.swiper-container-horizontal >.swiper-pagination-bullets {
    bottom: inherit;
    left: inherit;
    padding: 12px 0; 
}
.beogeum .swiper-pagination-bullet{
    margin: 0 5px;
    width: 10px;
    height: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-button-next{ display: none}
.swiper-button-prev{ display: none}


@media only screen and (max-width: 336px){
    .main-wrap .ad-box { display: none}    
}
@media only screen and (min-width: 480px) and (max-width: 860px){
    .main-wrap .atc-text .tit a{ font-size: 18px}
    .main-wrap .atc-text .subtit a{ font-size: 15px}
}
@media only screen and (min-width: 601px) and (max-width: 971px){
    .main-wrap .arc-box{ width: 564px; }
    .main-wrap .arc-box .thum img { width: 564px; height: 297px}
    .main-wrap .arc-box .atc-text{ padding: 18px 30px 24px 30px;  }
    .main-wrap .atc-text .tit a{ max-height: 52px; overflow: hidden; display: block}
}
@media only screen and (min-width: 972px) and (max-width: 1061px){
    .main-wrap .arc-box{ width: 336px; height: 306px}
    .main-wrap .arc-box .thum img { width: 336px; height: 177px}
    .main-wrap .arc-box .atc-text{ padding: 14px 20px 18px 20px; }
    .main-wrap .atc-text .tit a{ max-height: 50px; overflow: hidden; display: block}
    .main-wrap .atc-text .subtit{ margin-bottom: 0}
    .main-wrap .atc-text .name {position: absolute; bottom: 17px}
    .main-wrap ul li { float: left; width: 50%; margin-bottom: 20px}
    .main-wrap { width: 708px; padding-top: 50px}
    .main-wrap .ad-box { padding: 13px 0}
    
}

@media only screen and (min-width: 1062px) and (max-width: 1279px){
    .main-wrap .arc-box{ width: 336px; height: 314px; }
    .main-wrap .arc-box .thum img { width: 336px; height: 177px}
    .main-wrap .arc-box .atc-text{ padding: 14px 20px 20px 20px;  }
    .main-wrap .atc-text .tit a{ max-height: 50px; overflow: hidden; display: block}
    .main-wrap .atc-text .subtit{ margin-bottom: 0}
    .main-wrap .atc-text .name {position: absolute; bottom: 17px}
    .main-wrap ul li { float: left; width: 33.333%; margin-bottom: 20px}
    .main-wrap { width: 1062px; padding-top: 149px}
    .main-wrap .ad-box {padding: 18px 0}
}

@media only screen and (min-width: 1280px) and (max-width: 1619px){
    .main-wrap .arc-box{ width: 376px; height: 336px; position: relative}
    .main-wrap .arc-box .thum img { width: 376px; height: 198px}
    .main-wrap .arc-box .atc-text{ padding: 14px 23px 20px 23px;  }
    .main-wrap .atc-text .tit a{ max-height: 50px; overflow: hidden; display: block}
    .main-wrap .atc-text .subtit{ margin-bottom: 0}
    .main-wrap .atc-text .name {position: absolute; bottom: 20px}
    .main-wrap ul li { float: left; width: 33.333%; margin-bottom: 25px}
    .main-wrap { width: 1210px; padding-top: 149px}
    .main-wrap .ad-box {padding: 28px 0}
}

@media only screen and (min-width: 1620px) {
    .main-wrap .arc-box{ width: 376px; height: 336px; position: relative}
    .main-wrap .arc-box .thum img { width: 376px; height: 198px}
    .main-wrap .arc-box .atc-text{ padding: 14px 23px 20px 23px;  }
    .main-wrap .atc-text .tit a{ max-height: 50px; overflow: hidden; display: block}
    .main-wrap .atc-text .subtit{ margin-bottom: 0}
    .main-wrap .atc-text .name {position: absolute; bottom: 20px}
    .main-wrap ul li { float: left; width: 25%; margin-bottom: 25px}
    .main-wrap { width: 1620px; padding-top: 149px}
    .main-wrap .ad-box {padding: 25px 0}
}


/* 버금 tablet */
@media only screen and (min-width: 767px){    
    .beogeum .swiper-slide ul li{
        padding: 16px 15px;
        margin: 0;
    }
    .beogeum .swiper-slide ul li span{
        font-size: 12px;
        color: #999;
        display: block;
        margin-top: 5px;
    }
    .beogeum .swiper-button-next, .beogeum .swiper-button-prev {
        display: inline-block;
        position: inherit;
        top: inherit;
        right: inherit;
        left: inherit;
        width: 25px;
        height: 21px;
        margin: 0;
        z-index: 1;
    }
    .beogeum_pg{
        padding: 6px 0;
        text-align: center;
    }
    .beogeum_pg:after{
        content: "";
        display: block;
        clear: both;
    }
    .beogeum .beogeum_pg .swiper-pagination{
        display: inline-block;
        vertical-align: text-top;
    }
    .beogeum .beogeum_pg .swiper-button-prev, .beogeum .beogeum_pg .swiper-button-next {
        background-image: url(http://ojsimg.ohmynews.com/images/star/2016/page_pn.png);
        background-size: 50px;
    }
    .beogeum .beogeum_pg .swiper-button-prev{
        background-position: 0px;
        vertical-align: baseline;
    }
    .beogeum .beogeum_pg .swiper-button-next{
        background-position: -25px;
        vertical-align: baseline;
    }

}
/* 버금 972~ */
@media only screen and (min-width: 972px){
    .beogeum .swiper-slide ul li{
        padding: 11px 0;
        width: 100%;
        margin: 0;
    }
    .beogeum .swiper-slide ul li a{
        margin-left: 16px;
        width: 300px;
    }
    .beogeum .swiper-slide ul li strong{
        font-size: 14px;
        line-height: 16px;
    }
    .beogeum .swiper-slide ul li strong:hover{
        text-decoration: underline;
    }
    .beogeum .swiper-slide ul li > span{
        margin-left: 16px;
        margin-top: 4px;
        font-size: 11px;
    }
}
/* 버금 1062~1279*/
@media only screen and (min-width: 1062px) and (max-width: 1279px){
    .beogeum .swiper-slide ul li{
        padding: 11px 0 12px;
    }
    .beogeum .swiper-slide ul li > span{
        margin-top: 5px;
    }
    
}
/* 버금 1280~ */
@media only screen and (min-width: 1280px){
    .beogeum .swiper-slide ul li{
        padding: 12px 0;
    }
    .beogeum .swiper-slide ul li:first-child{
        padding-top: 15px;
    }
    .beogeum .swiper-slide ul li strong{
        font-size: 14px;
    }
    .beogeum .swiper-slide ul li > span{
        margin-top: 6px;
        font-size: 12px;
    }
    
}



/* tablet 이후 */
@media only screen and (min-width: 861px){
    .main-wrap > nav, .list-wrap > nav{
        display: none;
    }
    .main-wrap {
        padding-top: 75px;
    }
}
@media only screen and (min-width: 972px){
    .main-wrap {
        padding-top: 105px;
    }
    .main-wrap > ul {
        width: 100%;
        display: inline-block;
        margin-top: 30px;
    }
}



/*------------------------MOBILE ARTICLE START--------------------------*/

.M-atc { padding-top: 50px}
.M-atc header{ margin-top: 20px; position: relative;}

.M-atc header .tts{ position: absolute;right: 12px;top: -4px;font-size: 11px;overflow: hidden; display: inline-block;height: 26px;padding: 0 10px 0 32px;line-height: 26px; border: solid 1px #ccb8f4; background-position: 8px 2px;background-image: url(http://ojsimg.ohmynews.com/images/ohmynews/common/tts.svg); background-color: #f7f4fe; background-size: 20px 20px; background-repeat: no-repeat;}
.M-atc header .tts.on{border: solid 1px #ccb8f4; background-position: 8px 2px;background-image: url(http://ojsimg.ohmynews.com/images/ohmynews/common/tts_on.gif); background-color: #5152ea; border-color: #5152ea;color: #fff;}

.M-atc header .ctg-btn{
    margin-bottom: 15px;    
    padding: 0 15px;
}
.M-atc header .ctg-btn li{
    float: left;
}
.M-atc header .ctg-btn a{
    display: inline-block;
    font-size: .7em;  
    color: #333;    
    height: 22px;
    line-height: 1.9em;
    padding: 0 7px;
    font-weight:normal;
}
.M-atc header .ctg-btn .type1{
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.M-atc .ctg-btn .type1:last-child{
    border-right: 1px solid #d9d9d9;
}
.M-atc header .ctg-btn .type2{
    border: 1px solid #73af00;
}
.M-atc .ctg-btn .type2 span{    
    height: 22px;
    display: inline-block;
}
.M-atc .ctg-btn .type2 .sT{
    color: #73af00;
    float: left;
    padding: 0 10px;
}
.M-atc .ctg-btn .type2 .no{
    background-color: #73af00;
    text-align: center;
    color: #fff;
    padding: 0 7px;
}
.M-atc .ctg-btn .type2 a{ padding: 0; }
.M-atc .headline{
     margin-bottom: 14px;
     padding: 0 15px;
}

/*그룹명 카테고리 추가-모바일*/
.M-atc .ctg-btn a.group{display: inline-block;font-size: .8em;height: 24px;line-height: 1.9em;padding: 0 7px;font-weight: normal;color: #222;border-left: 1px solid #d9d9d9;}

.M-atc .headline h2{
    font-size: 1.5em;
    color: #333;
    line-height: 1.12em;
    letter-spacing: -0.08em;
    margin-bottom: 6px;
    font-family:Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;font-weight:normal;
}
.M-atc .headline h3{
    font-size: .86em;
    color: #333;
    line-height: 1.4em;
    letter-spacing: -0.04em;
    font-weight: normal;
    font-family:Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;
}
.M-atc .headetc{ 
    color: #999;  
    font-size: .73em;  
    margin-bottom: 16px;
    padding: 0 15px;
}
.M-atc .headetc .rpt{
    margin-bottom: 10px;
    
}
.M-atc .headetc .rpt span{  
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
    color: #888;
    font-size: 0.9em; 
}
.M-atc .headetc .rpt a{
    color: #333;
    margin-left: 0;
    margin-right:1.5px;
    font-size: 1.12em;
    font-family:Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;
    
}
.M-atc .headetc .rpt a b{
    margin-left:1px;
    color: #888;
    font-family:Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;font-weight:normal;
}
.M-atc .headetc .date { 
    font-size: 0.88em;
    color: #888;
}
.M-atc .headetc .date em{
    font-style: normal;
    font-family:Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;
}
.M-atc .headetc .date span{
    margin: 0 5px 0 10px;
    font-family:Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;
}
.M-atc .headbtns{
    position: relative;
    padding: 0 15px;
}
.M-atc .headbtns ul{ margin-bottom: 6px}
.M-atc .headbtns li{
    float: left;
    width: 25%;
}
.M-atc .headbtns li button{
    display: inline-block;
    border: 1px solid #d6d6d6;
    border-right: none;
    background: none;
    width: 100%;
    padding: 10px 0 9px;
    color: #666;  
    font-size: 13px;
    line-height: 1.2em;
    font-family:Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;font-weight:normal!important;
}
.M-atc .headbtns li button:active{background-color: #f3f3f3}
.M-atc .headbtns li:last-child button{
    border-right: 1px solid #d6d6d6;
}
.M-atc .headbtns .icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 3px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.M-atc .headbtns .count{ -webkit-tap-highlight-color: rgba(0,0,0,0);font-family:Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif}
.M-atc .headbtns .thumb .icon{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec.svg);
    opacity: .4;
    height: 18px;
    background-size: 15px;
    background-position: center top;
}
.M-atc .headbtns .thumb.on .icon{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec_on_g.svg);
    opacity: 1;
}
.M-atc .headbtns .reply .icon{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/reply.svg);
    opacity: .4;
    margin-right: 5px;
}

.M-atc .headbtns .share .icon {
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/more.svg);
    opacity: .4;
    margin-right: 2px;
}
.M-atc .headbtns .big .icon {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_big.svg);
    opacity: .4;
    margin-right: 2px;
}
.M-atc .headbtns .small .icon {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_small.svg);
    opacity: .4;
    margin-right: 2px;
}

.M-atc .payment a{
    display: inline-block;
    background-color: #8ec720;
    border-radius: 17px;
    padding: 7px 14px;
    color: #fff;
    font-size: .72em;
    font-weight: normal;    
    float: right;
}
.M-atc .payment .pay{
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_pay.svg);
    width: 17px;
    height: 19px;
    background-repeat: no-repeat;
}


.M-atc article{
    padding: 0 18px;
    font-size: 1em;
    line-height: 1.7em;
    color: #333;
    letter-spacing: -0.04em;    
    margin-top: 25px;
}
.M-atc .at_contents > .banner-link{display: block;height: 85px;text-align: center;margin-bottom: 10px}
.M-atc .at_contents > .banner-link > img{max-width: 100%;max-height: 85px}
.M-atc .twentytwenty-wrapper{
    width: 100%;
    margin-top: 10px;
}
.M-atc article .btn {
    position: absolute;
    top: 13px;
    right: 10px;
}
.M-atc .photo-box{
    width: 100%;
    position: relative;
}
.M-atc .photo-box .btn a{
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    width: 40px;
    height: 40px;
    background-color: #79bf00;
    border-radius: 28px;
    margin: 0 3px;
    opacity: .5;
}
.M-atc article .desc { 
    padding: 5px;
    font-size: .75em;
    color: #a0a0a0;
    line-height: 1.4em;
    text-align: left;
    margin-bottom: 10px;
}
.M-atc article .desc .t {
    color: #555;
    margin-right: 5px;
}
.M-atc article .desc .c { margin-left: 5px}
.M-atc article .image img{
    width: 100%;
    object-fit: cover;
}
.M-atc .atc-btns {
    width: 100%;
    height: auto;
    margin: 10px 0;    
    line-height: 1.6em;
    text-align: center;
}
.M-atc .atc-btns a {
    width: auto;
    height: 24px;
    padding: 24px 24px 26px 16px;
}
.M-atc .atc-btns a span{
   -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.M-atc .atc-btns a .ico {
    display: inline-block;
    width: 20px;
    height: 24px;
    float: left;
    margin-right: 8px;
}
.M-atc .atc-btns a .count {
    display: inline-block;
    margin-top: 0;
}
.M-atc .atc-btns .payment {
    text-align: center;
    width: auto;
    width: 180px;
    background-color: #3072ff;
    opacity: 1;
    padding: 8px 7px 12px;
}
.M-atc .atc-btns .payment:active{ background-color: #2d63ff; opacity: 1}
.M-atc .atc-btns a:active{background-color: #a7a7a7}
.M-atc .atc-btns .payment .tit{
    font-size: .72em;
    letter-spacing: -0.1em;
    color: #fff;
    line-height: 1.7em;
    display: inline-block;
    vertical-align: text-top;
}
.M-atc .atc-btns .payment .count {
    display: inline-block;
    font-size: 1.2em;
    margin: 0;
}
.M-atc .atc-btns .payment .count:after {
    font-size: .6em;
    vertical-align: bottom;
    margin-left: 2px;
}
.M-atc .atc-btns .payment .btns{ height: 28px}
.M-atc .atc-btns .payment a{
    display: inline-block;
    line-height: 2em;
    border-radius: 15px;
    padding: 1px 10px 2px;
    font-size: .72em;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 0 2px;
}
.M-atc .atc-btns .payment a:last-child{
    float: none;
    display: block;
}
.M-atc .atc-btns .give { float: left}
.M-atc .atc-btns .payment .btns .cheer {
    display: inline-block;
}
.M-atc article .add-comment,.M-atc article .add-clip {
    padding: 10px 0;
    font-size: .9em;
    line-height: 1.5em;
    margin: 0 auto;
    
}
.M-atc article .add-comment .tit, .M-atc article .add-clip .tit {
    color: #777;
    font-weight: bold;
    vertical-align: bottom;
}
.M-atc article .add-comment .txt { color: #7c7c7c}
.M-atc article .add-clip .clips a {
    color: #71ad00;
    font-size: .8em;
    margin-right: 8px;
    border-bottom: 1px solid;
    padding-bottom: 1px;
}

.M-atc article .alliance { padding: 10px 0; margin-bottom: 10px}
/*.M-atc article .alliance a:link{color: #529c95;font-size: .9em;background-color: #e8f9f0;line-height: 140%;}*/
.M-atc article .alliance a:link, .M-atc article .alliance a:visited, .M-atc article .alliance a:active{color: #529c95;font-size: .9em;background-color: #e8f9f0;line-height: 140%;}
.M-atc article .copyright { padding: 10px 0; margin-bottom: 10px}
.M-atc article .copyright p {
    font-size: .8em;
    color: #666;
}
.M-atc article .copyright p a{
    color: #3F51B5;font-weight: 600;
}

.M-atc article .tag { margin-top: 20px; margin-bottom: 20px}
.M-atc article .tag a{
	float: left;
	display: inline-block;
    font-size: 1em;
    color: #227dc5;
    margin-right: 6px;
    font-weight: normal;
    line-height: 140%;
}

.M-atc article .tag a:before {
    content: "# ";
}

.M-atc article .atc_group {
    height: 30px;
    margin-bottom: 20px;
}
.M-atc article .atc_group .btn_font {
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    border: 1px solid #e6e6e6;
    background: #f4f4f4;
}
.M-atc article .btn_font a.plus {
    padding: 4px 10px 6px 11px;
    display: block;
    color: #000;
}

.M-atc .rpt-box {
    position: relative;
    width: auto;
    border-left: none;  
    padding: 6px 14px 8px;      
    border-bottom: 1px solid #dedede;
}
.M-atc > .rpt-box {            
    /*margin-top: 50px;*/
    border-top: 1px solid #dedede;
}
.M-atc .rpt-info {
    display: inline-block;
    margin: 0;
    height: 36px;    
    vertical-align: top;
}
.M-atc .rpt-btns {
    display: inline-block;    
    margin-left: 6px;
}
.M-atc .rpt-info .face {
    float: left;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-right: 6px;
    border: 1px solid rgba(0,0,0,0.1);
    display: inline-block;
}
.M-atc .rpt-info .face img{
    width: 100%;
    min-height: 36px;
    height: inherit;
    object-fit: cover;
    object-position: 50% 50%;
}
.M-atc .rpt-info .name-box {
    display: inline-block;
    font-size: .8em;
    color: #333;
    line-height: 2.7em;    
	width: 75px;
}
    
.M-atc .rpt-btns li { float: left}
.M-atc .rpt-btns li a{
    width: 31px;
    height: 34px;    
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}

.M-atc .btn_more{
    display: block;
    border: 0;
    background-color: #9e9e9e;
    color: #fff;
    font-size: 1em;
    text-align: center;
    width: 100%;
    padding: 13px 0 15px;
    font-weight: bold;
}
.M-atc .fold {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    background-color: transparent;
    border: 0;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/fold.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: .8;
}
.M-atc .unfold {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 20px;
    height: 20px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    background-color: transparent;
    border: 0;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/unfold.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: .8;
}
#dvComment{overflow: hidden}
.M-atc .rcm_atc{
    margin: 20px 0 10px;
    padding: 0 20px;
}
.M-atc .rcm_atc h3{
    color: #333;
    margin-bottom: 15px;
    font-weight: normal;
}
.M-atc .rcm_atc h3 a{ color: #73af00}
.M-atc .rcm_atc ul{ display: inline-block}
.M-atc .rcm_atc ul li{
    float: left;
    width: 50%;
    margin-bottom: 2%;
}
.M-atc .rcm_atc .atc{    
    position: relative;
    width: 96%;
    margin: 0 auto;     
}
.M-atc .rcm_atc ul li .thum {
    display: inline-block;
    overflow: hidden;
    height: 150px;
}
.M-atc .rcm_atc ul li .thum img{
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: center top;
}
.M-atc .rcm_atc ul li .tit{
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: .8em;
    line-height: 1.3em;
    letter-spacing: -0.06em;
    color: #fff;
    padding: 14px 12px;
    display: inline-block;
    margin-top: 6px;
    font-weight: normal;  
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0,0,0,.90) 100%); 
}
.M-atc .editor_box .editor_text {
    padding: 13px 15px;
    font-size: .8em;
    line-height: 1.5em;
    font-style: normal;
    text-align: justify;
    letter-spacing: -0.06em;
}

.M-atc .video-box .video a{
    display: block;
    position: relative;
}
.M-atc .video-box .video .play{
    background: url(http://ojsimg.ohmynews.com/images/mobile_2017/play.svg) 0px 0px no-repeat;
    width: 50px;
    height: 50px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    position: absolute;
    top: 50%;
    right: 50%;
    background-color: rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    margin-right: -25px;
    margin-top: -25px;
    z-index: 1;
}
.M-atc .video-box .video img{
    max-width: 100%;
}

@media only screen and (min-width: 481px){
    .M-atc .rcm_atc ul li .thum {
        height: 220px;
    }
    .M-atc .rcm_atc ul li .tit {
        width: 100%;
        text-align: center;
        padding: 15px 0;
    }
    .M-atc .rcm_atc ul li .thum img {
        height: auto;
    }
}


/*------------------------LIST START-----------------------------*/
.cont-wrap.list{padding: 50px 0 80px 0}
/*.pc .cont-wrap.list{padding: 44px 0 80px 0}*/

.list-wrap{ 
    padding: 36px 0 60px;   
    background-color: #fff;
    min-height: 500px;
    margin: 0 auto;
    width: 1008px;
    position: relative;
}

.list-wrap .cont-title{
    height: 22px;  
    width: 880px;
    margin: 0 auto;
}
.list-wrap .cont-title h2{
    float: left;
    font-size: 20px;
    color: #333;
    text-transform: uppercase;
}
.list-wrap .cont-title .star{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_star.svg);
    background-repeat: no-repeat;
    background-position:left top;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 16px;
    vertical-align: top;
    
}
.list-wrap .cont-title nav{
    float: right;
    margin-top: 4px;
}
.list-wrap .cont-title nav ul li{
    float: left;
    margin: 0 10px;       
}
.list-wrap .cont-title nav ul li:last-child{ margin: 0 0 0 10px}
.list-wrap .cont-title nav ul li a{
    font-size: 14px;
    color: #8e8e8e;
    text-transform: uppercase;
    display: inline-block;
}
.list-wrap .cont-title nav ul li a:hover{
    color:#333;
    border-bottom: 1px solid #333;
    padding-bottom: 2px;
}
.list-wrap .cont-title nav ul li .on{
    color:#333;
    border-bottom: 1px solid #333;
    padding-bottom: 2px;
}
.list-wrap .cont-list{
    margin: 0 auto;
    margin-top: 40px;
    width: 894px;    
}
.list-wrap .cont-list.phtoA ul{
    margin: 0;
    padding: 0 7px;
}
.list-wrap .cont-list.phtoA ul li{
    display: inline;
    float: left;
    width: 220px;
    margin: 0;
    padding: 0;
} 
.list-wrap .cont-list.phtoG ul {
    margin-top: 0;
}
.list-wrap .cont-list.phtoG ul li{
    display: inline-block;
    width: 430px;
    margin: 0 7px 20px 7px;
} 

.list-wrap .cont-list.basic ul li{
    display: inline-block;
    width: 430px;
    margin: 0 7px 20px 7px;
}

.list-wrap .cont-list.basic .basic-box{
    height: 160px;
    padding-bottom: 20px;    
    border-bottom: 1px solid #e4e4e4;
}
.list-wrap .cont-list.basic .basic-box .thum{
    float: left;
    display: inline-block;
    width: 160px;
    height: 160px;
    border: 1px solid #e4e4e4;
    margin-right:16px; 
    overflow: hidden;
    text-align: center;
    background-color: #c8c8c8;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/logo-w.svg);
    background-repeat: no-repeat;
    background-size:70%;
    -webkit-background-size:70%;
    -moz-background-size:70%;
    -ms-background-size:70%;
    -o-background-size:70%;
    background-position: 50% 50%;
}

.list-wrap .cont-list.basic .basic-box .thum img{
    object-fit: cover;
    object-position: center top;
    width: 160px;
    height: 160px;
}
.list-wrap .cont-list.basic .basic-box .atc-text{
    margin-top: 8px;
    display: inline-block;
    width: 246px;
    height: 140px;
    position: relative;
}
.list-wrap .cont-list.basic .basic-box .atc-text.nothum{
    margin-top: 8px;
    display: inline-block;
    width: 420px;
    height: 140px;
    position: relative;
}

.list-wrap .cont-list.basic .basic-box .atc-text .tit{
    margin-bottom: 10px;
    height: 50px;
    overflow: hidden;
}
.list-wrap .cont-list.basic .basic-box .atc-text .tit a{
    font-size: 18px;
    color: #333;
    line-height: 1.4em;
}

.list-wrap .cont-list.basic .basic-box .atc-text .tit a:hover{
    text-decoration: underline;
}

.list-wrap .cont-list.basic .basic-box .atc-text .sub-tit{   
    height: 36px;
    overflow: hidden;    
}
.list-wrap .cont-list.basic .basic-box .atc-text .sub-tit a{
    font-size: 13px;
    color: #777;
    line-height: 1.4em;    
}
.list-wrap .cont-list.basic .basic-box .atc-text .sub-tit a:hover{ text-decoration: underline}
.list-wrap .cont-list.basic .basic-box .atc-text .info{
    position: absolute;
    bottom: 0;
    left: 0;
}
.list-wrap .cont-list.basic .basic-box .atc-text .info a{
    font-size: 12px;
    color: #999;
    line-height: 1.4em;
    font-weight: normal;
}
.list-wrap .cont-list.phtoG .photo-box{margin-bottom: 30px}
.list-wrap .cont-list.phtoG .photo-box .thum{
    position: relative;
    float: left;
    width: 428px;
    height: 428px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
}
.list-wrap .cont-list.phtoG .photo-box .thum img{
    object-fit: cover;
    object-position: center top;
    width: 428px;
    height: 428px;    
}
.list-wrap .cont-list.phtoG .photo-box .thum .count{
    position: absolute;
    bottom: 10px;
    right: 0px;
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    display: inline-block;
    height: 24px;
}
.list-wrap .cont-list.phtoG .photo-box .thum .icon{
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 3px;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_cameras.svg);
    background-repeat: no-repeat;    
}
.list-wrap .cont-list.phtoG .photo-box .tit{
    margin-top: 10px;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;  width: 430px;  
    text-overflow: ellipsis;
}

.list-wrap .cont-list.phtoG .photo-box .tit a{
    font-size: 17px;
    color: #333;
    line-height: 1.4em;    
}
.list-wrap .cont-list.phtoG .photo-box .tit a:hover{text-decoration: underline}
.list-wrap .cont-list.phtoA .photo-box{position: relative}
.list-wrap .cont-list.phtoA .photo-box .thum{
    position: absolute;
    width: 220px;
    height: 220px;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
    z-index: 3;
}
.list-wrap .cont-list.phtoA .photo-box .thum:hover{
    z-index: 1;
    opacity: 0.2;
}
.list-wrap .cont-list.phtoA .photo-box .thum img{
    object-fit: cover;
    object-position: center top;
    width: 220px;
    height: 220px;    
}
.list-wrap .cont-list.phtoA .photo-box .caption{
    text-align: center;
    width: 220px;
    height: 220px;
    z-index: 2;
    background-color: #000;
    
}
.list-wrap .cont-list.phtoA .photo-box .caption:after{
    display:inline-block; 
    height:100%;
    vertical-align:middle;
    content:'';
}
.list-wrap .cont-list.phtoA .photo-box .caption span{
    display: inline-block;
    width: 165px;
    max-height: 140px;  
    font-size: 12px;
    color: rgba(255,255,255,0.8);
    line-height: 1.7em;
    overflow: hidden;
    vertical-align: middle;    
}
.list-wrap .cont-list .splist-banner{
    position: relative;
    margin: 0 auto;
    width: 778px;
    min-height: 148px;
    border: 1px solid #e6e6e6;
    padding: 52px 50px 46px;
    margin-bottom: 20px;
}
.list-wrap .cont-list .splist-banner .tit{
    width: 450px;
    margin-bottom: 15px;
}
.list-wrap .cont-list .splist-banner .tit a{
    font-size: 40px;
    color: #333;
}
.list-wrap .cont-list .splist-banner .eng a{
    font-family: 'Bodoni', 'Bodoni MT', 'Bodoni MT Black', serif;
    font-size: 50px;
    text-transform: uppercase;
}
.list-wrap .cont-list .splist-banner .desc{
    width: 480px;
    margin-bottom: 16px;
}
.list-wrap .cont-list .splist-banner .desc a{
    font-size: 13px;
    line-height: 1.6em;
    color: #888;
    font-weight: normal;
    height: 60px;
    overflow: hidden;
    display: inline-block;
    letter-spacing: -0.03em;
}
.list-wrap .cont-list .splist-banner .more a{
    font-size: 12px;
    color: #333;
}
.list-wrap .cont-list .splist-banner .tit a:hover, .list-wrap .cont-list .splist-banner .desc a:hover, .list-wrap .cont-list .splist-banner .more a:hover { text-decoration: underline}
.list-wrap .cont-list .splist-banner .splist-thum{
    position: absolute;
    right: 50px;
    top: 60px;
}
.list-wrap .cont-list .splist-banner .splist-thum li{
    float: left;
    margin-left: 14px;
    border: 1px solid #e4e4e4;    
    width: 120px;
    height: 120px;
}
.list-wrap .cont-list .splist-banner .splist-thum .thum{
    position: absolute;
    float: left;    
    width: 120px;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
    z-index: 3;
    background-color: #c8c8c8;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/logo-w.svg);
    background-repeat: no-repeat;
    background-size:70%;
    background-position: 50% 50%;
}
.list-wrap .cont-list .splist-banner .splist-thum .thum:hover{
    z-index: 1;
    opacity: 0.2;
}
.list-wrap .cont-list .splist-banner .splist-thum .thum img{
    object-fit: cover;
    object-position: center top;
    width: 120px;
    height: 120px;    
}
.list-wrap .cont-list .splist-banner .splist-thum .caption{
    text-align: center;
    width: 120px;
    height: 120px;
    z-index: 2;
    background-color: #000;    
}
.list-wrap .cont-list .splist-banner .splist-thum .caption:after{
    display:inline-block; 
    height:100%;
    vertical-align:middle;
    content:'';
}
.list-wrap .cont-list .splist-banner .splist-thum .caption span{
    display: inline-block;
    width: 92px;
    max-height: 75px;  
    font-size: 12px;
    color: rgba(255,255,255,0.8);
    line-height: 1.58em;
    overflow: hidden;
    vertical-align: middle;    
}
.list-wrap .splist-cover{
    position: relative;
    margin: 0 auto;
    width: 778px;
    min-height: 90px;
    border: 1px solid #e6e6e6;
    padding: 46px 50px 54px 50px;
    margin-top: 20px;
}
.list-wrap .splist-cover .tit{
    width: 450px;
    min-height: 42px;
    margin-bottom: 12px;
    font-size: 38px;
    color: #333;
}
.list-wrap .splist-cover .eng {
    font-family: 'Bodoni', 'Bodoni MT', 'Bodoni MT Black', serif;
    font-size: 50px;
    text-transform: uppercase;
}
.list-wrap .splist-cover .desc{
    width: 550px;
    font-size: 13px;
    line-height: 1.6em;
    color: #888;    
    display: inline-block;  
}
.list-wrap .splist-cover .rpt-box{
    position: absolute;
    right: 30px;
    top: 28%;
    width: 184px;
    border-left: 1px solid #e6e6e6;
    padding-left: 28px;
}
.list-wrap .splist-cover .rpt-info{margin-bottom: 4px}
.list-wrap .splist-cover .rpt-info .face{
    float: left;
    width: 54px;
    height: 54px;
    overflow: hidden;
    -webkit-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    border-radius: 27px;
    margin-right: 10px;
    border: 1px solid rgba(0,0,0,0.1);
}
.list-wrap .splist-cover .rpt-info .face img{
    width: 100%;
    height: inherit;
    object-fit: cover;
    object-position: 50% 50%;
}
.list-wrap .splist-cover .rpt-info .name-box{ margin-top: 10px}
.list-wrap .splist-cover .rpt-info .name{
    font-size: 15px;
    color: #333;
    margin-bottom: 3px;
}
@media only screen and (min-width: 972px){	
	.list-wrap .splist-cover .rpt-info .name:only-child{margin-top: 10px}
}
.list-wrap .splist-cover .rpt-info .else{
    font-size: 11px;
    color: #888;
}
.list-wrap .splist-cover .rpt-info a{display: inline-block}
.list-wrap .splist-cover .rpt-btns li{ float: left}
.list-wrap .splist-cover .rpt-btns li a{
    display: inline-block;
    text-indent:0; 
	font-size:15px; 
	color:transparent;
	overflow: hidden;
    width: 34px;
    height: 30px;
}
.rpt-btns ul li{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 22px;
    opacity: 0.5;
}
.rpt-btns ul li.on{
	opacity: 1;
}
.rpt-btns ul .zzim{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/zzim_off.svg);
}
.rpt-btns ul .note{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-note.svg);
    background-size: 21px;
}
.rpt-btns ul .fb{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb.svg);
    background-size: 21px;
}
.rpt-btns ul .tw{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw.svg);
}
.rpt-btns ul .more{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-more.svg);
}
.rpt-btns ul .zzim.on{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/zzim_on.svg)}
.rpt-btns ul .note.on{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-note-g.svg)}
.rpt-btns ul .fb.on{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb-g.svg)}
.rpt-btns ul .tw.on{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw-g.svg)}
.rpt-btns ul .more.on{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-more-g.svg)}
@media only screen and (min-width: 769px){	
	.rpt-btns ul li:hover{opacity: 1}
	.rpt-btns ul .note:hover{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-note-g.svg)}
	.rpt-btns ul .zzim:hover{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-zzim-g.svg)}
	.rpt-btns ul .fb:hover{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb-g.svg)}
	.rpt-btns ul .tw:hover{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw-g.svg)}
	.rpt-btns ul .more:hover{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-more-g.svg)}
}

/* 시리즈2020 : 연재 정보&공유 */
.left-flo {float: left;}
.right-flo {float: right;}
.splist-cover .info{position: absolute; bottom: 15px;}
.splist-cover .info-list{margin-top: 12px; margin-right: 20px;}
.splist-cover .info-list > li{float: left; font-size: 13px; color: #666; font-weight: 200; margin-right: 10px; padding-right: 10px; border-right: solid 1px rgb(221, 221, 221, 0.5);}
.splist-cover .info-list > li:last-child{border: 0; padding: 0; margin: 0;}
.splist-cover .info-list > li strong{font-weight: 600;}
.splist-cover .info-list > li .tt01{font-weight: 200; font-size: 13px; padding-left: 4px;}
.splist-cover .info-list > li .tt02{font-weight: 500; font-size: 13px; color:#3CE1E6; padding-left: 4px; font-style: normal;}
.splist-cover .info-list > li .tt01.more{padding-right:15px;background: url(http://ojsimg.ohmynews.com/css/series2020/images/ico-chevron.svg) no-repeat right 3px;transform: rotate(0deg);background-size: 13px;vertical-align: top;}
.splist-cover .name-list{display: block;width: 100%;float: left;padding: 12px 15px 12px 60px;margin-top: 10px; background-color: #fdfdfd; position: relative;}
.splist-cover .name-list .ttl{position: absolute; left: 15px; font-size: 12px;font-weight: 200; color: #666;}
.splist-cover .name-list .name{padding-left: 12px; font-size: 13px; color: #333;vertical-align: top; font-weight: 600;}
.splist-cover .name-list .name span{padding-left: 2px; font-size: 12px; color: #888; font-weight: 400;}

.splist-cover .share-list{}
.splist-cover .share-list > li{float: left; margin-left: 10px;}
.splist-cover .share-list > li:first-child{margin-left: 0;}
.splist-cover .share-list > li.mb{}
.splist-cover .share-list > li > .icon{width: 30px;height: 30px;white-space: nowrap;opacity: 0.7; transition: opacity ease 0.3s;background-repeat: no-repeat;background-position: 50%;color: transparent;font-size: 1px;display: inline-block;}
.splist-cover .share-list > li > .icon:hover{opacity: 1;}
.splist-cover .share-list > li > .tw{background-image: url(http://ojsimg.ohmynews.com/css/special/ohlive/images/icon_twitter.svg);}
.splist-cover .share-list > li > .fb{background-image: url(http://ojsimg.ohmynews.com/css/special/ohlive/images/icon_facebook.svg);}
.splist-cover .share-list > li > .share{background-image: url(http://ojsimg.ohmynews.com/css/special/ohlive/images/icon_share.svg);}
/* 시리즈2020 : 내연재수정*/
.correction{width: 80px;text-align: right; display: inline-block;position: relative;z-index: 20;letter-spacing: -0.3px;color: #222222;vertical-align: top;}
.correction .cort-txt{display: block; padding: 5px 20px 5px 0;font-size: 9px; line-height: 30px;color:#959cb1;position:relative;}
.correction .cort-txt:after {background-image: url(http://ojsimg.ohmynews.com/css/series2020/images/ico-list-dot2.svg);background-position: 50% 50%;background-repeat: no-repeat;width: 15px;height: 11px;position: absolute;right: 0;top:15px;content: '';}
.correction .sorting_list{top:30px;}
.sorting_list {min-width: 140px; position: absolute;top: 39px;right: 0;padding: 8px 0 7px;border: 1px solid #e6e6e6;border-radius: 3px;background-color: #ffffff;white-space: nowrap;text-align: left;color: #555555;}
.sorting-link {display: block;padding: 0 18px;font-size: 13px; font-weight: 600; line-height: 35px; color: #555555;}
.sorting-link:hover{color: #32A5D8;}
.sorting-link[aria-selected=true] {color: #32A5D8;}
/* 시리즈2020 : 연재기사안내문구 */
.cont-list .form-wrap{margin: 30px auto 0;max-width: 740px; padding-bottom: 40px;}
.cont-list .form-wrap h1.titl{text-align: center;color: #202124; font-size: 30px; font-weight: 200; line-height: 30px; letter-spacing: -.5px; padding: 80px 0 15px 0;}
.cont-list .form-wrap .imgbox{min-width: 300px;min-height: 200px; margin: 0 auto; text-align: center; color:transparent;background: url(http://ojsimg.ohmynews.com/css/series2020/images/img-srs-name.png) no-repeat top center;background-size: 220px;}
.cont-list .submit-wrap{margin-top: 40px;border-top: 2px solid #333333;padding-top: 20px;text-align: center;}
.cont-list .submit-btn {display: inline-block; margin: 0 8px; font-size: 17px; font-weight: 400; line-height: 48px; padding: 0 30px; text-align: center;color: #000;border: 1px solid #D7D7D7;background-color: #fff; border-radius: 4px; }
.cont-list .submit-btn.done{background-color: #32A5D8;border: 0;color: #fff;}




.list-wrap .cont-list.special{ width: 934px}

.list-wrap .cont-list.special li{
    float: left;    
    margin: 0 28px;
}
.list-wrap .cont-list.special .photo-box{
    display: inline-block;
    margin-bottom: 40px;
    width: 255px;
}
.list-wrap .cont-list.special .photo-box .thum{
    float: left;
    width: 253px;
    height: 253px;
    border: 1px solid #e4e4e4;
    overflow: hidden;
    text-align: center;
    background-color: #c8c8c8;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/logo-w.svg);
    background-repeat: no-repeat;
    background-size:70%;
    -webkit-background-size:70%;
    -moz-background-size:70%;
    -ms-background-size:70%;
    -o-background-size:70%;
    background-position: 50% 50%;
}
.list-wrap .cont-list.special .photo-box .thum img{
    object-fit: cover;
    object-position: center top;
    width: 253px;
    height: 253px;    
}
.list-wrap .cont-list.special .photo-box .tit{
    display: inline-block;     
    width: 250px; 
    height: 46px;
    margin-top: 10px;
    overflow: hidden;
}
.list-wrap .cont-list.special .photo-box .tit a{
    font-size: 17px;
    color: #333;
    line-height: 1.3em;
}
.list-wrap .cont-list.special .photo-box .sub-tit{
    margin-top: 3px;
    min-height: 18px;
}
.list-wrap .cont-list.special .photo-box .sub-tit a{
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 1.5em;    
    overflow: hidden;
    white-space: nowrap;  
    text-overflow: ellipsis;
    width: 250px; 
}
.list-wrap .cont-list.special .photo-box .date{
    font-size: 11px;
    color: #999;
    margin-top: 20px;
    display: inline-block;    
}
.list-wrap .cont-list.special .photo-box .tit a:hover, .list-wrap .cont-list.special .photo-box .sub-tit a:hover{text-decoration: underline}
.rpt-layer{
    position: relative;
    z-index: 11;
    width: 100%;
    height: 100%;   
}
.rpt-layer .tit{
    padding: 16px 14px 16px;
    background-color: #444;
    position: relative;
}
.rpt-layer .tit h3{
    font-size: 15px;
    color: #fff;
}
.rpt-layer .tit button{
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 14px;
    color: #fff;
    border: 0;
    background-color: transparent;
    line-height: 1em;
    padding: 4px 6px 8px;
}
.rpt-layer > ul{
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
    -ms-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
    -o-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
}
.rpt-layer .rpt-box {
    position: relative;
    width: auto;
    margin: 0 auto;
    padding: 6px 10px 8px;
    background-color: #fff;
    border-top: 1px solid #dedede;
}
.rpt-layer .rpt-info {
    display: inline-block;
    margin: 0;
    vertical-align: bottom;
}
.rpt-layer .rpt-info a { display: inline-block}
.rpt-layer .rpt-info .face {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-right: 8px;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,0.1);
    float: left;
}
.rpt-layer .rpt-info .face img {
    width: 100%;
    height: inherit;
    object-fit: cover;
    object-position: 50% 50%;
}
.rpt-layer .rpt-info .name-box { margin-top: 10px}
    
.rpt-layer .rpt-info .name {
    font-size: 13px;
    color: #333;
}

.rpt-layer .rpt-btns {
    display: inline-block;
    position: absolute;
    right: 10px;
}
.rpt-layer .rpt-btns li {
    float: left;
}
.rpt-layer .rpt-btns li a{
    width: 32px;
    height: 35px;
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}

/*-----LIST:MOBILE-----------------------------------------------------*/

/* 기본 */
@media only screen and (max-width: 971px) {
    .list-wrap{ 
        width: auto;
        background-color: transparent;
        padding-top: 0;
    }    
    .cont-wrap.list {
        padding-top: 44px;
    }
    .list-wrap .cont-title nav {
        float: none;
        margin: 0;
    }    
    .list-wrap .cont-title nav ul li {
        margin: 0;    
        text-align: center;        
        width: 14.6%;
    }
    .list-wrap .cont-title nav .long{
        width: 25%;
    }
    .list-wrap .cont-title nav:after {
        content: "";
        display: block;
        clear: both;
    }
    .list-wrap .cont-title h2 {
        display: none;
    }
    .list-wrap .cont-title nav ul li a {
        padding: 14px 0 18px;
        color: #333;
        font-size: 12px;    
    }
    .list-wrap .cont-title nav ul li .on {
        color: #7ebf00;
        border-bottom: 2px solid #7ebf00;
        padding-bottom: 4px;
    }    
    .list-wrap .cont-title nav ul li:last-child {
        margin: 0;
    }
    .list-wrap .cont-title .nav2 {
        height: 44px;
    }    
    .list-wrap .cont-title .nav2 li {
        width: 33.3%;/*width: 50%;*/
    }
    .list-wrap .cont-list.basic ul li {
        width: 100%;
        margin: 0 0 14px;
    }    
    .list-wrap .cont-list.basic .basic-box {
        height: auto;
        width: 100%;
        padding: 0;
        border: 0;
        background-color: #fff;
        box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -ms-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -o-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
    }
    .list-wrap .cont-list.basic .basic-box .thum{
        width: 100%;
        height: 200px;
        float: none;
        display: block;
        margin: 0;
        border: 0;
    }
    .list-wrap .cont-list.basic .basic-box .thum img {
        width: 100%;
        height: 200px;
    }
    .list-wrap .cont-list.basic .basic-box .atc-text {
        width: auto;
        height: auto;
        margin: 0;
        padding: 14px 18px 20px;
        display: block;        
    }
   
    .list-wrap .cont-list.basic .basic-box .atc-text .info {
        position:inherit;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #999;
    }
    .list-wrap .cont-list.basic .basic-box .atc-text .sub-tit {
        margin-bottom: 10px;
    }
    .list-wrap .splist-cover{
        border: none;
        background-color: #fff;
        width: auto;
        padding: 16px 0 0;
        margin-top: 10px;
    }
    .list-wrap .splist-cover .tit {
        width: 90%;
        height: auto;
        font-size: 24px;
        margin: 0 auto;
        margin-bottom: 8px;
    }
    .list-wrap .splist-cover .desc {
        width: 90%;
        margin: 0 auto;
        display: block;
    }
	.splist-cover .info{position: initial; margin: 0 auto; padding: 10px 5px 0 20px;}
	.splist-cover .correction{display: none;}
	.cont-list .form-wrap h1.titl{font-size:24px;padding: 20px 0; }
	.cont-list .form-wrap .imgbox{min-height: 150px;}
	
    .list-wrap .splist-cover .rpt-box {
        position: inherit;
        right: inherit;
        top: inherit;
        width: auto;
        border-left: none;  
        padding: 6px 16px 8px;        
        margin-top: 16px;
        bottom: 0;
        border-top: 1px solid #dedede;
    }
    .list-wrap .splist-cover .rpt-info {
        display: inline-block;
        margin: 0;
        vertical-align: bottom;
    }
    .list-wrap .splist-cover .rpt-btns {
        display: inline-block;
        position: absolute;
        right: 10px;
    }
    .list-wrap .splist-cover .rpt-info .face {
        width: 36px;
        height: 36px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        margin-right: 8px;
    }
    .list-wrap .splist-cover .rpt-info .name {
        margin-bottom: 4px;
        display: inline-block;
        float: left;
        font-size: 14px;
    }
    .list-wrap .splist-cover .rpt-info .else {
        display: inline-block;
        font-size: 12px;
        margin-left: 8px;
        text-decoration: underline;
        line-height: 1.4em;
    }
    .list-wrap .splist-cover .rpt-btns li a{
        width: 36px;
        height: 37px;
    }    
    .list-wrap .cont-list.special {
        width: auto;
        margin: 0 10px;
    }
    .list-wrap .cont-list.special li {
        float: left;
        margin: 0;
        margin-bottom: 10px;
    }    
    .list-wrap .cont-list.special .photo-box {
        background-color: #fff;
        margin: 0 auto;
        width: auto;
        position: relative;
        -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -ms-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -o-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        display: block;
    }
    .list-wrap .cont-list.special .photo-box .thum {
        float: left;
        width: 100%;
        height: auto;
    }
    .list-wrap .cont-list.special .photo-box .thum img {
        width: 100%;
        height: 240px;
    }    
    .list-wrap .cont-list.special .photo-box .tit {
        width: auto;
        height: 46px;
        margin: 10px 12px 0;
    }
    .list-wrap .cont-list.special .photo-box .sub-tit {
        width: auto;
        margin: 6px 12px 0;
    }
    .list-wrap .cont-list.special .photo-box .date {
        margin: 0;
        padding: 6px 12px 14px;
        display: block;
    }    
    .list-wrap .cont-list .splist-banner .splist-thum {
        display: inline-block;
        position: inherit;
        right: inherit;
        top: inherit;
        margin: 0 auto;
    }
    .list-wrap .cont-list .splist-banner .splist-thum li {
        width: 50%;
        margin: 0;
        float: left;
        border: 0;    
        height: auto;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .thum {
        display: block;
        width: 96%;
        margin: 0 0 0 1%;
        position: inherit;
        height: 110px;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .thum img {
        width: 100%;
        height: 110px;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .caption{
        display: none;
    }
    .list-wrap .cont-title {
        width: auto;
        height: auto;
        margin: 0 11px 0
    }
    .list-wrap .cont-title h2{
        font-size: 20px;
        float: none;
        margin: 5px 0 0 5px;
    }
    .list-wrap .cont-title .star {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        vertical-align: bottom;
    }
    .list-wrap .cont-list {
        display: block;
        margin: 0 auto;
        width: 98%;
        margin-bottom: 10px;
    }    
    .list-wrap .cont-list ul{ margin-top: 12px; }
    .list-wrap .cont-list.basic ul { margin-top: 0; }
    .list-wrap .cont-list ul:after{
        content: "";
        display: block;
        clear: both;
    }
    .list-wrap .cont-list .splist-banner {
        width: auto;
        height: auto;
        border: none;
        padding: 24px 20px;
        margin-bottom: 14px;
        box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -ms-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -o-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        background-color: #fff;
    }
    .list-wrap .cont-list .splist-banner .tit {
        width: auto;
        margin: 0 5px;
        margin-bottom: 15px;
    }
    .list-wrap .cont-list .splist-banner .desc {
        width: auto;
        margin: 0 5px;
        margin-bottom: 16px;
    }
    .list-wrap .cont-list .splist-banner .desc a{ height: auto; }
    .list-wrap .cont-list .splist-banner .tit a { font-size: 20px; }
    .splist-banner .more{display: none; }  
    .list-wrap .cont-list.phtoG ul:after{
        content: "";
        display: block;
        clear: both;
    }
    .list-wrap .cont-list.phtoG ul li {
        width: 50%;
        float: left;
        margin: 0;
        margin-bottom: 2%;
    }
    .list-wrap .cont-list.phtoG .photo-box {
        margin: 0 auto;
        width: 96%;
        box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -ms-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);
        -o-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.08);    
        background-color: #fff;    
    }
    .list-wrap .cont-list.phtoG .photo-box .thum {
        float:none;
        width: auto;
        height: auto;
        display: inline-block;
        border: 0;
    }
    .list-wrap .cont-list.phtoG .photo-box .thum img {
        width: 100%;
        height: auto;
    }
    .list-wrap .cont-list.phtoG .photo-box .tit {
        width: auto;
        margin: 0;
        display: block;
        padding: 10px 8px 14px;
        white-space:normal; 
        text-align: left;
        height: 28px
    }
    .list-wrap .cont-list.phtoG .photo-box .tit a {
        font-size: .78em;
        line-height: 1.25em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .list-wrap .cont-list.special .photo-box .sub-tit a {
        width: auto;
        display: block;
        white-space: normal;
    }
    .list-wrap .cont-list.phtoA ul {
        margin: 0;
        padding: 0;
    }
    .list-wrap .cont-list.phtoA ul li {
        width: 50%;
        margin-bottom: 10px;
    }    
    .list-wrap .cont-list.phtoA .photo-box {
        position: inherit;
        width: 96%;
        margin: 0 auto;
        box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1);
        -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1);
        -ms-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1);
        -o-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1);
    }
    .list-wrap .cont-list.phtoA .photo-box .thum {
        position: inherit;
        width: 100%;
        height: auto;
        display: inline-block;
    }
    .list-wrap .cont-list.phtoA .photo-box .thum img {
        width: 100%;
        height: 180px;
    }
    .list-wrap .cont-list.phtoA .photo-box .caption { display: none; }
    .list-wrap .cont-list.phtoA .photo-box .thum:hover{ opacity: 1; }

}


/* 아이폰6+ 보다 클 경우 */
@media only screen and (min-width: 415px) and (max-width: 971px) {
    .list-wrap .cont-list.basic ul li {
        width: 50%;
        margin: 0 0 10px;
        float: left;
    }
    .list-wrap .cont-list.basic .basic-box {
        width: 97%;
        margin: 0 auto;
    }
    .list-wrap .cont-list.basic .basic-box .thum { height: 160px; }
    .list-wrap .cont-list.phtoG ul li {
        width: 50%;
        margin: 0 0 10px;
        float: left;
    }
    .list-wrap .cont-list.phtoG .photo-box {
        width: 97%;
        margin: 0 auto;
    }
    .list-wrap .cont-list.special { margin: 0 6px; }
    .list-wrap .cont-list.special .photo-box{
        width: 97%;
        margin: 0 auto;
    }
    .list-wrap .cont-list.special .photo-box .thum img { height: 120px; }
    .list-wrap .cont-list.special li {
        width: 50%;
        float: left;
        margin: 0 0 10px;
    }
    .list-wrap .cont-list.special .photo-box .tit { height: 36px; }
    .list-wrap .cont-list.special .photo-box .tit a { font-size: 14px; }
    .list-wrap .cont-list.special .photo-box .sub-tit a {
        width: auto;
        white-space: normal;
        line-height: 1.4em;        
        height: 33px;
        overflow: hidden;
    }        
}

@media only screen and (min-width: 320px) and (max-width: 359px){
    .list-wrap .cont-list.phtoG .photo-box .thum img { height: 150.52px; }
}

/* 아이폰 6+ ~ 5 landscape 까지 */
@media only screen and (min-width: 414px) and (max-width: 480px) {    
    .list-wrap .cont-list.phtoA .photo-box .thum img { height: 220px; }
}

/* 아이폰6+ 까지 */
@media only screen and (max-width: 414px){
    .list-wrap .cont-list.basic .basic-box .atc-text .tit { height: auto; }
    .list-wrap .cont-list.basic .basic-box .atc-text .sub-tit { height: auto; }    
    .list-wrap .phtoG ul, .list-wrap .basic ul{ margin: 0; }   
} 

/* 갤럭시 */
@media only screen and (min-width: 360px) and (max-width: 360px) {
    .list-wrap .cont-list.basic .basic-box { min-width: 338px; }
    .list-wrap .cont-list.phtoG .photo-box .thum img { height: 169.33px; }
}

/* 아이폰6 */
@media only screen and (min-width: 375px) and (max-width: 375px) {
    .list-wrap .cont-list.basic .basic-box { min-width: 353px; }    
    .list-wrap .cont-list.phtoG .photo-box .thum img { height: 176.39px; }
}

/* 아이폰6+ */
@media only screen and (min-width: 414px) and (max-width: 414px) {
    .list-wrap .cont-list.basic .basic-box { min-width: 392px; }
    .list-wrap .cont-list.phtoG .photo-box .thum img { height: 194.73px; }
}

/* 아이폰 6 ~ 아이폰6+ 전 까지 */
@media only screen and (min-width: 375px) and (max-width: 413px) {}

/* 갤럭시s5 ~ 아이폰6 전 까지 */
@media only screen and (min-width: 360px) and (max-width: 374px) {}

/* 아이폰 6+ 이후*/
@media only screen and (min-width: 415px) and (max-width: 971px) {
    .list-wrap .cont-list.special li {
        width: 50%;
        float: left;
        margin: 0;
        margin-bottom: 2%;
    }
    .list-wrap .cont-list.special .photo-box { width: 97%; }
    .list-wrap .cont-list.special { margin: 0px 5px; }
    .list-wrap .cont-list.special .photo-box .thum { border: 0; }
    .list-wrap .cont-list.special .photo-box .sub-tit a { height: 36px; }
    .list-wrap .cont-list { width: 99%; }
    .list-wrap .cont-list.basic ul li {
        width: 50%;
        float: left;
        margin: 0;
        margin-bottom: 2%;
    }
    .list-wrap .cont-list.basic .basic-box {
        width: 98%;
        margin: 0 auto;
    }    
}

/* 아이폰 481px 이후 */
@media only screen and (min-width: 481px) and (max-width: 971px) {
    .list-wrap .cont-list .splist-banner{ height: 130px; }
    .list-wrap .cont-list .splist-banner .tit {
        width: 51%;
        display: inline-block;
    }
    .list-wrap .cont-list .splist-banner .desc {
        width: 51%;
        display: inline-block;
        max-height: 80px;
        overflow: hidden;
    }
    .list-wrap .cont-list .splist-banner .splist-thum{
        position: absolute;
        right: 16px;
        top: 42px;
    }
    .list-wrap .cont-list .splist-banner ul{ margin: 0; }
    .list-wrap .cont-list .splist-banner .splist-thum li {
        width: 90px;
        height: 90px;
        margin: 0 3px;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .thum {
        width: 90px;
        height: 90px;
        display: inline-block;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .thum img { height: 90px; }
    
    .list-wrap .splist-cover .rpt-info .name-box:after{
        display: block;
        content: "";
        clear: both;
    }
}

/* 600 이후 */
@media only screen and (min-width: 600px) and (max-width: 971px) {
    .list-wrap .cont-list .splist-banner .tit { width: 53%; }
    .list-wrap .cont-list .splist-banner .desc { width: 53%; }
    .list-wrap .cont-list .splist-banner .splist-thum {
        position: absolute;
        right: 18px;
        top: 33px;
    }
    .list-wrap .cont-list .splist-banner .splist-thum li {
        width: 110px;
        height: 110px;
        margin: 0 5px;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .thum {
        width: 110px;
        height: 110px;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .thum img { height: 110px; }
    .list-wrap .cont-list.special .photo-box .thum img { height: 190px; }
    .list-wrap .splist-cover .tit { width: 93%; }
    .list-wrap .splist-cover .desc { width: 93%; }
    .list-wrap .cont-title nav ul li a { font-size: 14px; }
    .list-wrap .cont-list.phtoA .photo-box .thum img { height: 320px; }
}

/* 넥서스7 보다 클 경우 */
@media only screen and (min-width: 601px) and (max-width: 971px){
    .list-wrap .cont-list.basic .basic-box .thum { height: 200px; }
}

@media only screen and (min-width: 768px) {
    .rpt-layer{
        padding: 18% 0 0 0;
        background-color: rgba(0,0,0,0.4);
    }
    .rpt-layer .tit {
        margin: 0 auto;
        -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
        -ms-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
        -o-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
        box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
        -webkit-border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -ms-border-top-right-radius: 10px;
        -ms-border-top-left-radius: 10px;
        -o-border-top-right-radius: 10px;
        -o-border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }
    .rpt-layer > ul {
        padding: 10px 0;
        background-color: #fff;
        margin: 0 auto;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -ms-border-bottom-right-radius: 10px;
        -ms-border-bottom-left-radius: 10px;
        -o-border-bottom-right-radius: 10px;
        -o-border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
	.rpt-layer > ul:after{
        content:"";
        display:block;
        clear:both
    }
    .rpt-layer > ul > li{
        float:left;
        display:inline-block;
        width:50%;
    }
    .rpt-layer > ul > li > .rpt-box{border: none;padding: 8px 10px}
}

@media only screen and (orientation : landscape) and (max-height : 414px) {
   .list-wrap .cont-list.phtoG .photo-box .thum img { height: 267.17px; }    
}

@media only screen and (max-width: 480px){
    .list-wrap .cont-list .splist-banner .splist-thum {width: 100%; }
}



/*------------------------B-ARTICLE START-----------------------------*/
.atc-wrap{
    background-color: #fff;
    position: relative;
    width: 100%;
}
.atc-wrap .B-atc{
    width: 1024px;    
    margin: 0 auto;
    position: relative;
}
.btn_top{
    position: fixed;
    bottom: 50px;
    right: 15px;
    z-index: 10;
}
.btn_top a{
    width: 50px;
    height: 50px;
    display: block;
    background-color: rgba(0, 0, 0, 0.49);
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_top.svg);
    background-position: 50% 50%;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    background-size: 20px;
    background-repeat: no-repeat;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}
.btn_top a:hover{background-color: #686868}

/*------------------------B-ARTICLE LEFT START-------------------------*/
.left-wrap {
    width: 250px;
    float: left;
    display: inline-block;
}
.left-wrap header{
    width: 248px;
    border: 1px solid #ccc;
}
.left-wrap header .top {
    background-color: #7DB511; 
    text-align: center;
    padding: 20px 0 11px;
}
.left-wrap header .logo a{ position: relative;
    width: 140px;
    height: 35px;
    display: inline-block;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/logo-w.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.left-wrap header .logo a span{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;    
}
.left-wrap > div{z-index: 1}
.left-wrap .btn_sns{
    display: inline-block;
    margin-top: 6px;
}
.left-wrap .btn_sns ul{ display: inline-block}
.left-wrap .btn_sns ul li{
    float: left;
    margin: 0 3px;
    width: 18px;
    height: 18px;
}
.left-wrap .btn_sns .fb a{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_fb-w.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    opacity: 0.8;
}
.left-wrap .btn_sns .tw a{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_tw-w.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    opacity: 0.8;
}
.left-wrap .btn_sns .ks a{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_ks-w.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    opacity: 0.8;
}
.left-wrap .btn_sns .fb a:hover,.left-wrap .btn_sns .tw a:hover,.left-wrap .btn_sns .ks a:hover{opacity: 1}
.left-wrap nav{padding: 24px 24px 0px 24px}
.left-wrap nav li{ 
    width: 44%;
    float: left;
    margin: 10px 6px 10px 5px;
}
.left-wrap nav li a{
    text-transform: uppercase;
    font-size: 14px;
    color: #333;
}
.left-wrap nav li a:hover,.left-wrap nav li.on a{
    color: #74b000;
    text-decoration: underline;
}

.left-wrap .search-wrap{
    width: 192px;
    padding: 0 10px 10px 10px;
    margin: 0 auto;
}
.left-wrap .search-wrap fieldset {
    border-bottom: 2px solid #c8c8c8;
}
.left-wrap .search-wrap input {
    background: transparent;
    color: #7f7f7f;
    font-size: 13px;
    border: 0;
    outline: 0;
    width: 150px;
    padding: 10px 0px 10px 10px;
    vertical-align: middle;
    float: left;
    display: inline-block;
}

.left-wrap .search-wrap .btn_search{
    background-color: transparent;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_fd.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    background-size: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: 0;
    text-indent: -9999em;
	overflow: hidden;
    display: inline-block;
}

.left-wrap .rpt-nav{
    text-align: center;
    margin: 10px 0 25px;
}
.left-wrap .rpt-nav ul{
    display: inline-block;
}
.left-wrap .rpt-nav li{ float: left}
.left-wrap .rpt-nav a{
    font-size: 12px;
    color: #333;
}
.left-wrap .rpt-nav a:hover{ 
    border-bottom: 1px solid #333;
}
.left-wrap .rpt-nav .bar{
    margin: 7px 10px 0px;
    width: 1px;
    height: 7px;
    background-color: #ccc;
}

.left-wrap .edt-choice{ margin-top: 15px}
.left-wrap .edt-choice h2{
    font-size: 15px;
    color: #777;
    margin-bottom: 10px;
}
.left-wrap .edt-choice .star{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/ico_star.svg);
    background-repeat: no-repeat;
    background-position:left top;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
    
}
.left-wrap .edt-choice li{ margin-bottom: 10px}
.left-wrap .edt-choice .arc-box{
    width: 248px;
    border: 1px solid #ccc;
	background-color: #fff
}
.left-wrap .arc-box .thum{ display: inline-block}
.left-wrap .arc-box .thum img{
    object-fit: cover;
    object-position: center top;
    width: 248px;
    
}
.left-wrap .arc-box .tit{
    padding: 12px 14px 14px;
}
.left-wrap .arc-box .tit a{
    font-size: 13px;
    color: #333;
    line-height: 1.45em;
    height: 38px;
    overflow: hidden;
    display: block;
}
.left-wrap .arc-box .sub-tit{ padding: 0 14px; }
.left-wrap .arc-box .sub-tit a{
    font-size: 12px;
    color: #777;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.35em;
}
.left-wrap .arc-box .tit a:hover,.left-wrap .edt-choice .sub-tit a:hover{
    text-decoration: underline;
}



/*------------------------B-ARTICLE ARTICLE START-----------------------*/

.arc-wrap { 
    width: 774px;
    display: inline-block;
}
.arc-wrap .atc-head{
    width: 100%;/*width: 774px;*/
    padding-top: 30px;
    position: relative;
   
}

/* tts : 일반최종면 190917 */
.arc-wrap .atc-head .tts{ position: absolute;right: 65px; top: 28px;font-size: 11px;overflow: hidden;display: inline-block;height: 28px;padding: 0 13px 0 35px;line-height: 28px;border-radius: 20px; border: solid 1px #ccb8f4;background-position: 8px 2px;background-image: url(http://ojsimg.ohmynews.com/images/ohmynews/common/tts.svg);background-color: #f7f4fe; background-size: 22px 22px;background-repeat: no-repeat;}
.arc-wrap .atc-head .tts:hover{color: #5152ea; opacity: .9;}
.arc-wrap .atc-head .tts.on{background-image: url(http://ojsimg.ohmynews.com/images/ohmynews/common/tts_on.gif); background-color: #5152ea; background-size: 23px 23px; border: solid 1px #5152ea; color: #fff;}
.arc-wrap .atc-head .tts.on:hover{color: #fff071; opacity: .9;}

.atc-head .ctg-btn{ 
    display: block;
    width: 640px;
    margin: 0 auto;
    margin-bottom: 8px;
}
.atc-head .ctg-btn li{ float: left}
.atc-head .ctg-btn a{ 
    font-size: 12px;
    display: block;
    margin: 0;
    padding: 0;
    color: #777;    
    
}
.atc-head .ctg-btn .type1{ 
    padding: 5px 9px 7px;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-bottom: 1px solid #777;
    
}
.atc-head .ctg-btn .type1 a:hover{ color: #333}
.atc-head .ctg-btn .type1:last-child{ 
    border-right: 1px solid #999;
}
.atc-head .ctg-btn .type2 { 
    border: 1px solid #73af00;
}
.atc-head .ctg-btn .type2 .sT{
    color: #73af00;    
    padding: 5px 9px 7px;
    display: block;
    float: left;
}
.atc-head .ctg-btn .type2 .sT:hover{ color: #418a00}
.atc-head .ctg-btn .type2 .no{
    background-color: #73af00;
    text-align: center;
    height: 24px;
    padding: 0 4px;
    line-height: 1.9em;
    color: #fff;
    display: inline-block;
}

/*그룹명 카테고리 추가*/
.atc-head .ctg-btn a.group{display: inline-block;padding: 7px 9px 7px 12px;border-left: 1px solid #777;font-weight: normal;color: #222;}
.atc-head .ctg-btn a.group:hover{ color: #333;font-weight:600;}

.atc-head .tit{
    width: 640px;
    overflow: hidden;
    margin: 0 auto;  
    margin-bottom: 12px;
    padding-bottom: 3px;
}
.atc-head .tit a{
    font-size: 39px;
    color: #333;
    line-height: 1.3em;  
    letter-spacing: -0.1em;
}
.atc-head .tit a:hover{ border-bottom: 2px solid #333}

.atc-head .sub-tit{
    width: 640px;
    max-height: 44px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.atc-head .sub-tit a{
    font-size: 17px;
    color: #444;
    line-height: 1.3em;
    letter-spacing: -0.04em;
    font-weight: normal
}

.atc-head .sub-tit a:hover{ border-bottom: 1px solid #444; }

.atc-head .rpt{
    font-size: 13px;
    color: #a9a9a9;    
    width: 640px;
    margin: 0 auto;
    margin-bottom: 40px;
    
}
.atc-head .rpt span{ margin-right: 10px}
.atc-head .rpt a{
    color: #79bf00;
    margin-left: 5px;
    
}
.atc-head .rpt a:hover{ text-decoration: underline}
.atc-head .date{
    font-size: 12px;
    display: inline-block;
    position: absolute;
    bottom: 16px;
}
.atc-head .date em{
    color: #777;
    font-style: normal;
}
.atc-head .date span{
    color: #777;
    margin: 0 5px 0 10px;
}
.arc-wrap .serial-nav .arrow{
	width: 40px;
    height: 104px;
    background-color: #86BF18;
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    background-size: 22px;
    background-position: 50% 50%;
}
.arc-wrap .serial-nav .srl-before{
    position: fixed;
    top: 45%;
    z-index: 3;
    left: 0;
}
.arc-wrap .serial-nav .srl-before .arrow{
    float: left;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_arrow_l.svg);
}
.arc-wrap .serial-nav .srl-after .arrow{
    float: right;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_arrow_r.svg);
}
.arc-wrap .serial-nav .text{
    border: 1px solid #86BF18;
    display: inline-block;
    background-color: #fff;
    width: 278px;
    height: 102px;
}
.arc-wrap .serial-nav .tit{
    font-size: 16px;
    line-height: 1.3em;
    color: #333;
    display: block;
    height: 44px;
    overflow: hidden;
    margin: 16px 20px 10px 20px;
    
}
.arc-wrap .serial-nav .subtit{
    font-size: 12px;
    color: #777;
    width: 222px;
    white-space: nowrap;  
    overflow: hidden;
    text-overflow: ellipsis; 
    margin-top: 8px;
    display: block;
    line-height: 1.3em;
    margin: 0 20px 17px 20px;
}
.arc-wrap .serial-nav .srl-after{
    position: fixed;
    top: 45%;
    z-index: 11;
    right: 0;
}

.arc-wrap .serial-nav .tit:hover,.arc-wrap .serial-nav .subtit:hover{ text-decoration: underline}


.btn-box{
    width: 642px;
    height: 44px;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.btn-box .btns{
    position: absolute;
    right: 0;
}
.btn-box li{
    float: left;
    width: 42px;
    height: 44px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;   
    
}
.btn-box li:last-child{ border-right: 1px solid #ccc; }
.btn-box .btns > li > a{
    text-indent:0; 
	font-size:15px; 
	color:transparent;
	overflow:hidden;
    display: inline-block;
    width: 42px;
    height: 44px; 
    background-repeat: no-repeat; 
    background-position: 50% 50%;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    background-size: 20px;
    opacity: 0.5;
}
.btn-box .btns > li > a.on, .btn-box .btns > li > a:hover{
	opacity: 1;
    background-color: #808080;
}
.btn-box .prt{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_prt.svg); 
}
.btn-box .prt:hover, .btn-box .prt.on{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_prt-w.svg);   
}
.btn-box .bmk{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_bmk.svg);   
}
.btn-box .bmk:hover, .btn-box .bmk.on{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_bmk-w.svg);  
}
.btn-box .rpy{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy.svg); 
}
.btn-box .rpy:hover, .btn-box .rpy.on{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy-w.svg);  
}
.btn-box .btns .fb{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb.svg);   
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    background-size: 22px;
}
.btn-box .btns .fb:hover, .btn-box .btns .fb.on{
    background-color: #3b579d;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb-w.svg); 
}
.btn-box .btns .tw{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw.svg);  
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    background-size: 22px;
}
.btn-box .btns .tw:hover, .btn-box .btns .tw.on{
    background-color: #1da1f2;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw-w.svg);    
}
.btn-box .els{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_els.svg); 
}
.lielse{ position: relative}
.lielse a{ color: transparent}
.btn-box .btn-else{
    z-index: 1;
    display: block;
    position: absolute;
    top: 43px;
    right: -87px;
    width: 215px;
    height: 78px;
    padding: 12px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.arc-wrap .btn-box .btn-else:after{
    position:absolute;
    top: -12px;
    left: 122px;
    content: "";
    border-top: 0px solid transparent;
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent; 
    border-bottom: 12px solid #fff; 
}
.btn-box .btn-else li{ 
    border: none;
    width: 36px;
    height: 36px;
    margin: 0 3px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%
}
.btn-box .btn-else li a{ 
	display: block;
	width: inherit;
	height: inherit
}
.btn-else .url{ margin: 12px 3px 0 3px}
.btn-else .url input{
    float: left;
    width: 156px;
    height: 26px;
    border: 1px solid #ccc;
    padding-left: 8px;
    font-size: 11px;
    color: #333;
    background-color: #e7e7e7;
}
.lielse .btn-else .url a {
    text-indent: 0em;
    display: inline-block;
    width: 34px;
    height: 28px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    color: #333;
    text-align: center;
    line-height: 2.4em;
}

.btn-box .els:hover, .btn-box .els.on{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_els-w.svg);   
}
.btn-box .zin{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zin.svg);  
}
.btn-box .zin:hover, .btn-box .zin.on{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zin-w.svg);    
}
.btn-box .zou{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zou.svg);  
}
.btn-box .zou:hover, .btn-box .zou.on{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zou-w.svg);   
}

.btn-else .glp{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_glp.svg);    
    background-color: #d13f2d;
}
.btn-else .kks{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_kks.svg);    
    background-color: #ffc20e;
}
.btn-else .ban{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_ban.svg);    
}
.btn-else .omb{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_omb.svg);    
    background-color: #3755ba;
}
.btn-else .mail{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_mail.svg); 
    background-color: #757575;
}
.btn-else .fb{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb-w.svg);  
    -webkit-background-size:23px;
    -moz-background-size:23px;
    -ms-background-size:23px;
    -o-background-size:23px;
    background-size: 23px;
    background-color: #3755ba;
}
.btn-else .tw{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw-w.svg);    
    -webkit-background-size:23px;
    -moz-background-size:23px;
    -ms-background-size:23px;
    -o-background-size:23px;
    background-size: 23px;
    background-color: #1da1f2;
}

.arc-wrap .atc-text{
    width: 100%;
    padding-top: 36px;
    position: relative;
}
.arc-wrap .atc-text .banner-link{
    display: block;
    width: 640px;
    margin: 0 auto 30px;
}
.arc-wrap .atc-text .banner-link > img{
    max-width: 100%
}
.arc-wrap .atc-text #cardnews_out{ display: table; }
.arc-wrap .atc-text .text{
    width: 640px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 2em;  
    text-align: justify;
    color: #333;    
    letter-spacing: -0.075em;
}
.arc-wrap .atc-text .text a{ 
    font-weight: normal; 
    color: #158BE8; 
    text-decoration: underline;
}
.arc-wrap .atc-text .photo-box{
    width: 638px;
    text-align: center;
    position: relative;
    margin: 30px 0;    
}
.arc-wrap .atc-text .photo-box .line{ border: 1px solid #d4d4d4; }
.arc-wrap .atc-text .video-box{
    width: 640px;
    text-align: center;
    position: relative;
    margin: 30px 0;
}
.arc-wrap .atc-text .video-box .desc{ 
    width: 100%; 
    margin: 0 auto;
}
.arc-wrap .atc-text .video-box .video {display: inline-block}
.arc-wrap .atc-text .photo-inside{
    position: relative;
    margin: 0 auto;
    max-width: 330px;
    padding: 0 15px;
}
.arc-wrap .atc-text .photo-inside .btn{
    position: absolute;
    top: 16px; 
    right: 20px;
}
.arc-wrap .atc-text .photo-box .btn{
    position: absolute;
    top: 13px;
    right: 10px;
}
.arc-wrap .atc-text .photo-box .btn a, .arc-wrap .atc-text .photo-inside .btn a{
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    width: 40px;
    height: 40px;
    background-color: #79bf00;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
    margin: 0 3px;
    
}
.arc-wrap .atc-text .photo-box .btn a:hover, .arc-wrap .atc-text .photo-inside .btn a:hover{ background-color: #649E00}
.photo-box .btn .slid, .arc-wrap .atc-text .photo-inside .btn .slid{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_slid.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    background-position: 50% 50%;
    opacity: .7;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.21);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.21);
    -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.21);
}
.photo-box .btn .zoom, .arc-wrap .atc-text .photo-inside .btn .zoom{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zoom.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    background-position: 50% 50%;
    opacity: .7;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.21);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.21);
    -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.21);
}
.arc-wrap .atc-text .photo-box .image, .arc-wrap .atc-text .photo-inside .image{
    line-height: 1em;
}
.arc-wrap .atc-text .photo-box img, .arc-wrap .atc-text .photo-inside img{
    max-width: 100%;
    
}
.arc-wrap .atc-text .desc{
    font-size: 13px;
    color: #999;
    line-height: 1.4em;    
    text-align: left;
    margin-top: 8px;
}
.arc-wrap .atc-text .desc .t{
    color: #555;
    margin-right: 5px;
    
}
.arc-wrap .atc-text .desc .c{ margin-left: 3px}
.arc-wrap .atc-text .photo-inside img{ max-width: 330px}
.arc-wrap .atc-text .photo-inside .desc{ margin-top: 0}
.arc-wrap .atc-text .add-comment{
    width: 640px;
    margin: 0 auto;
	margin-top: 30px;
    padding: 5px 0 15px 0;
}
.arc-wrap .atc-text .add-comment:after{
    content: "";
    display: block;
    clear: both;
}
.arc-wrap .atc-text .add-comment .tit{
    font-size: 12px;
    color: #6A6A6A;
    font-weight: bold;
    display: inline-block;
    float: left;
    line-height: 1.3em;
}
.arc-wrap .atc-text .add-comment .txt{
    font-size: 11px;
    color: #7c7c7c;
    display: inline-block;
    width: 520px;
    line-height: 1.4em;
	padding-left: 7px;
	margin-left: 7px;
	border-left: solid 1px #666;
}

.arc-wrap .atc-text .add-clip{
    width: 640px;
    margin: 0 auto;
    padding: 15px 0;
    
}
.arc-wrap .atc-text .add-clip:after{
    content: "";
    display: block;
    clear: both;
}
.arc-wrap .atc-text .add-clip .tit{
    font-size: 16px;
    color: #777;
    font-weight: bold;
    display: inline-block;
    float: left;
    width: 120px;
    line-height: 1.3em;
}
.arc-wrap .atc-text .add-clip .clips{
    width: 520px;
    line-height: 1.3em;
    display: inline-block;
}
.arc-wrap .atc-text .add-clip a{
    margin-right: 10px;
    font-size: 13px;
    display: inline-block;
    height: 20px;
    color: #333;
    line-height: 1.3em;
    
}
.arc-wrap .atc-text .add-clip a:hover{text-decoration: underline}

.arc-wrap .atc-text .alliance{ width: 640px; margin: 0 auto; padding: 7px 15px 20px;}
/*.arc-wrap .atc-text .alliance a:link{color: #529c95;font-size: 13px;background-color: #e8f9f0;line-height: 140%;}
*/
.arc-wrap .atc-text .alliance a:link, .arc-wrap .atc-text .alliance a:visited, .arc-wrap .atc-text .alliance a:active{color: #529c95;font-size: 13px;background-color: #e8f9f0;line-height: 140%;}

.arc-wrap .atc-text .copyright{
    width: 640px;
    margin: 0 auto;
	margin-top: 15px;
    padding: 0 15px 20px;
}
.arc-wrap .atc-text .typo-error{
    display: inline-block;
    color: #777;
    text-decoration: underline;
    font-size: 12px;
}
.arc-wrap .atc-text .typo-error:hover{color: #333}

.arc-wrap .atc-text .typo-error .ico-excl{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_excl.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px;
    -webkit-background-size:16px;
    -moz-background-size:16px;
    -ms-background-size:16px;
    -o-background-size:16px;
    vertical-align: text-bottom;
    width: 16px; 
    height: 16px;
    margin-right: 5px;
    display: inline-block;
}

.arc-wrap .atc-text .tag{
    width: 640px;
    margin: 0 auto;
    padding: 20px 0 50px 0;
}
.arc-wrap .atc-text .tag a{
    float: left;
    display: inline-block;
    margin: 2px;
    font-size:12px;
    color: #666;
    border: 2px solid #cdcdcd; 
    padding: 10px 12px;
    line-height: 1em;    
    
}
.arc-wrap .atc-text .tag a:hover{ border: 2px solid #777}
.arc-wrap .atc-text .tag a:before{content: "# "}

#BoxTable{
    border: #e1e1e1 1px solid;
    width: 640px;
    margin: 0px 0px 10px;    
}

#BoxTable #BoxTr{    
    color: #fff;
    font-weight: bold;
    padding: 5px 0 10px;
    background-color: #999;
}

#BoxTable #BoxTd{
    font-size: 14px;
    text-align: justify;
    padding: 20px 30px 30px;
    line-height: 1.5em;
    color: #4d4d4d;
}
.editor_box{
    border: solid 1px #AFE452;
    margin-bottom: 30px;
    width: 100%;
    letter-spacing: -0.1em;
}
.W-atc .editor_box{
    margin: 0 auto;
    margin-bottom: 30px;
    width: 700px;
}
.editor_box .editor_text{
    line-height: 1.6em;
    padding: 13px 20px;
    font-size: 13px;
    color: #88B53B;    
    font-style: italic;
}
.editor_box .editor_text .f11{ margin-left: 6px}

/* s:최종면하단UI정리 171106 */
.atc_btns{width: 600px;margin: 0 auto;height: 80px;margin-bottom: 40px}
.atc_btns > ul{ display: inline-block}
.atc_btns li{float: left; margin: 0 5px 0 0}
.atc_btns li:last-child{float: left; margin-right: 0}
.atc_btns a{display: inline-block;width: 78px;height: 48px;background-color: #a9a9a9;border: solid 1px #c5c5c5;border-radius: 5px;padding: 10px 0 20px 0;vertical-align: middle;text-align: center}
.atc_btns a:hover{ text-decoration: none}
.atc_btns .lielse li a{ width: 36px;height: 36px;border: none; text-indent:0; font-size:15px; color:transparent; background-color: rgba(255,255,255,0);padding: 0}
.atc_btns a.on{background-color: #86cb00}
/*@media only screen and (min-width: 1024px){.atc_btns a:hover{background-color: #86cb00}*/
.atc_btns span {line-height: 25px; font-style: normal}
.atc_btns span.num em{font-style: normal}	
.atc_btns span.num{ display: block;color: #fff; font-size: 12px; font-weight: 400; }
.atc_btns span.num em.won {font-size: 20px; color: #fff; font-weight: 600;font-family: Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; letter-spacing: -0.025em;
padding-right: 2px}
.atc_btns span.num em.non {font-size: 15px;color: #fff;font-weight: 600; font-family: Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; letter-spacing: -0.025em}

.atc_btns span.title{ font-size: 14px;color: #fff; vertical-align: text-top; display: inline-block}
.atc_btns a .ico{line-height: 25px;display: block;text-align: left;font-size: 13px;color: #fff;padding-left: 39px;background-repeat: no-repeat;background-position: -3px 5px;background-size: 52px 22px;-webkit-background-size:52px 22px;-moz-background-size:22px;-ms-background-size:22px;-o-background-size:22px;padding-top: 5px}
.atc_btns .recommend .ico.thumb{  background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_thumb.svg)}
.atc_btns .reply .ico.reply{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy-w.svg)}
.atc_btns .share .ico.share{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_share.svg)}
.atc_btns .payment{width: 155px;border: solid 1px #2bb4bb;background-color: #2bb4bb;opacity: 0.85}
.atc_btns .payment:hover{background-color: #2bb4bb;opacity: 1;text-decoration: none}
.atc_btns .payment .ico.pay{display: block;text-align: left;font-size: 13px;color: #fff;padding-left: 58px;background-repeat: no-repeat;background-position: 13px center;background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_pay.svg);background-size: 52px 23px;-webkit-background-size: 52px 23px;-moz-background-size:22px;-ms-background-size:22px;-o-background-size:22px}
.atc_btns .payli{ position: relative}
.atc_btns .payli .cheer{position: absolute; z-index: 1; right: 6px; top: -25px; font-size: 11px; color: #2bb4bb; padding: 3px 10px 3px; border: 1px solid #2bb4bb; border-radius: 5px; background-color: #fff; line-height: 25px}
.atc_btns .payli .cheer:hover{ font-weight: bold; color: #2bb4bb; border-color: #2bb4bb; padding: 3px 11px 3px 10px}
.atc_btns .payli .cheer:after{ position:absolute; bottom: -12px;right: 18px;content: "";border-top: 12px solid #fff;border-left: 2px solid transparent;  border-right: 7px solid transparent; border-bottom: 0px solid transparent; }

.atc_btns .tenmanin { width: 180px;border: solid 1px #f6691c; background-color: #f6691c; opacity: 0.85}
.atc_btns .tenmanin:hover{ background-color: #f6691c; opacity: 1;text-decoration: none}
.atc_btns .tenmanin .ico.ten{display: block;text-align: left;padding-left: 46px;background-position: 5px top;background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_club_w.svg);background-size: 52px 30px;-webkit-background-size: 52px 30px;-moz-background-size:22px;-ms-background-size:22px;-o-background-size:22px}
.atc_btns .payment .count:after{ content: "원"; font-size: 11px; color: rgba(255,255,255,0.7); margin-left: 3px;font-weight: normal; }
.atc_btns .tenmanin .count:after{ content: "명"; font-size: 11px; color: rgba(255,255,255,0.7); margin-left: 3px;font-weight: normal}
.atc_btns .payment .count, .atc_btns .tenmanin .count{margin-top: 11px}
.lielse{ position: relative}
.atc_btns .btn_else{ z-index: 1; display: block; position: absolute; top: 79px; left: 0; width: 170px; padding: 10px 8px; border: 1px solid #ccc;border-radius: 5px; background-color: #fff}
.atc_btns .btn_else ul{display: inline-block}
.atc_btns .btn_else ul li {margin: 3px; }
.atc_btns .btn_else .url {margin: 7px 3px 0 3px; }
.atc_btns .btn_else .url a {width: 36px}
.atc_btns .btn_else:after{ position:absolute; top: -12px; left: 34px; content: ""; border-top: 0px solid transparent; border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-bottom: 12px solid #fff; }
.atc_btns .btn_else .url a{ background-color: rgba(255,255,255,0); padding: 0}
.atc_btns .btn_else .url {margin: 7px 3px 0 3px}
.atc_btns .btn_else .url input{ float: left; width: 116px; height: 28px; border: 1px solid #ccc; padding-left: 8px; font-size: 11px; color: #333;
 background-color: #e7e7e7}
.lielse .btn_else .url a { text-indent: 0; display: inline-block; width: 35px; height: 30px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: none; font-size: 11px; color: #333; text-align: center;line-height: 30px; border-radius: 0}

.btn_box .els:hover, .btn_box .els.on{ background-color: #808080; background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_els-w.svg);   background-repeat: no-repeat; background-position: 50% 50%; background-size: 20px; -webkit-background-size:20px; -moz-background-size:20px; -ms-background-size:20px; -o-background-size:20px; opacity: 1; }

.atc_btns .payment .count, .atc_btns .tenmanin .count{margin-top: 11px}

.btn_else .glp{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_glp.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 36px;-webkit-background-size:36px; -moz-background-size:36px; -ms-background-size:36px; -o-background-size:36px;background-color: #d13f2d}
.btn_else .kks{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_kks.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 36px; -webkit-background-size:36px; -moz-background-size:36px; -ms-background-size:36px; -o-background-size:36px; background-color: #ffc20e}
.btn_else .ban{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_ban.svg);     background-repeat: no-repeat; background-position: 50% 50%; background-size: 36px; -webkit-background-size:36px; -moz-background-size:36px; -ms-background-size:36px; -o-background-size:36px}
.btn_else .omb{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_omb.svg);     background-repeat: no-repeat; background-position: 50% 50%; background-size: 36px; -webkit-background-size:36px; -moz-background-size:36px; -ms-background-size:36px; -o-background-size:36px; background-color: #3755ba}
.btn_else .fb{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb-w.svg);     background-repeat: no-repeat; background-position: 50% 50%; background-size: 23px; -webkit-background-size:23px; -moz-background-size:23px; -ms-background-size:23px; -o-background-size:23px; background-color: #3755ba}
.btn_else .tw{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw-w.svg);     background-repeat: no-repeat; background-position: 50% 50%; background-size: 23px; -webkit-background-size:23px; -moz-background-size:23px; -ms-background-size:23px; -o-background-size:23px; background-color: #1da1f2}
.btn_else .mail{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_mail.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 36px; -webkit-background-size:36px; -moz-background-size:36px; -ms-background-size:36px; -o-background-size:36px; background-color: #757575}
/* e:최종면하단UI정리 171106 */

.atc-btns{
    width: 640px;
    margin: 0 auto;
    height: 80px;
    margin-bottom: 40px;
}
.atc-btns > ul{ display: inline-block}
.atc-btns li{
    float: left; 
    margin: 0 3px;
}
.atc-btns a{ 
    display: inline-block; 
    width: 83px; 
    height: 50px;
    background-color: #c9c9c9; 
    padding: 15px 0; 
    vertical-align: middle;
    text-align: center;
}
.atc-btns .lielse li a{ 
    width: 36px;
    height: 36px;
    text-indent:0; font-size:15px; color:transparent;
    background-color: rgba(255,255,255,0);
    padding: 0;
}
.atc-btns a.on{background-color: #86cb00}
@media only screen and (min-width: 1024px){
    .atc-btns a:hover{background-color: #86cb00}
}
.atc-btns .count{
    display: block; 
    color: #fff; 
    font-weight: bold; 
    font-size: 15px; 
    margin-top: 15px;
}
.atc-btns .title{
    font-size: 14px;
    color: #fff;
    vertical-align: text-top;
    display: inline-block;
}
.atc-btns a .ico{
    display:block; 
    width:  20px; 
    height: 24px; 
    margin: 0 auto; 
    background-repeat: no-repeat;
    background-position: 50% 50% ;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
}
.atc-btns .recommend .ico.thumb{  background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_thumb.svg)}
.atc-btns .reply .ico.reply{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy-w.svg)}
.atc-btns .share .ico.share{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_share.svg)}
.atc-btns .payment{
    width: 155px;
    background-color: #2d63ff;
    opacity: 0.85;
}
.atc-btns .payment:hover{
    background-color: #2d63ff;
    opacity: 1;
}
.atc-btns .payment .ico.pay{
    display:inline-block; 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_pay.svg);
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    margin-right: 5px;
}
.atc-btns .tenmanin {
    width: 205px;
    background-color: #f6691c;
    opacity: 0.85;
}
.atc-btns .tenmanin:hover{
    background-color: #f6691c;
    opacity: 1;
}
.atc-btns .tenmanin .ico.ten{
    display:inline-block; 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_tenman.svg);
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    margin-right: 5px;
}
.atc-btns .payment .count:after{
    content: "원";
    font-size: 11px;
    color: rgba(255,255,255,0.7);
    margin-left: 3px;
    font-weight: normal;
}
.atc-btns .tenmanin .count:after{
    content: "명";
    font-size: 11px;
    color: rgba(255,255,255,0.7);
    margin-left: 3px;
    font-weight: normal;
}
.atc-btns .payment .count, .atc-btns .tenmanin .count{margin-top: 11px}
.atc-btns .btn-else{
    z-index: 1;
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    width: 170px;
    padding: 10px 8px;
    border: 1px solid #86cb00;
    background-color: #fff;
}
.atc-btns .btn-else ul{display: inline-block}
.atc-btns .btn-else ul li {margin: 3px; }
.atc-btns .btn-else .url {margin: 7px 3px 0 3px; }
.atc-btns .btn-else .url a {width: 36px}
.atc-btns .btn-else:after{
    position:absolute;
    top: -12px;
    left: 34px;
    content: "";
    border-top: 0px solid transparent;
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent; 
    border-bottom: 12px solid #fff; 
}
.btn-else .url a{
    background-color: rgba(255,255,255,0);
    padding: 0;
}
.dable-ad{
    width: 640px;
    margin: 0 auto;
    margin-bottom: 40px;
}



/*------------------------W ARTICLE START-----------------------------*/

.W-atc .arc-wrap{
    width: 100%;
    position: relative;
}
.W-atc .atc-head{
    position: relative;
    width: 850px;
    height: 350px;
    margin: 0 auto;
    padding-top: 60px;
    z-index: 2;
}

.W-atc .atc-head .ctg-btn {
    display: block;
    width: 850px;
    margin: 0 auto;
    margin-bottom: 12px;
}
.W-atc .atc-head .ctg-btn .type1 {
    padding: 5px 9px 7px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.W-atc .atc-head .ctg-btn a { color: #fff}
.W-atc .atc-head .ctg-btn a:hover { color: #fff}
.W-atc .atc-head .ctg-btn .type1:hover{ background-color: rgba(255,255,255,0.5)}
.W-atc .atc-head .ctg-btn .type1:last-child { border-right: 1px solid #fff}
.W-atc .atc-head.green .ctg-btn .type1:last-child { border-right: 1px solid #fff}
.W-atc .atc-head .tit a {
    font-size: 42px;
    color: #fff;
}

/*그룹명 카테고리 추가 배경있는 연재버전*/
.W-atc .atc-head .ctg-btn a.group{display: inline-block;padding: 7px 9px 7px 12px;font-weight: normal;color: #fff;}
.W-atc .atc-head .ctg-btn a.group:hover{color: #fff;font-weight:600;}

.W-atc .atc-head .tit a:hover{ border-bottom: 2px solid #fff}
.W-atc .atc-head .sub-tit { width: 850px}
.W-atc .atc-head .sub-tit a {
    font-size: 18px;
    color: rgba(255,255,255,0.8);
}
.W-atc .atc-head .sub-tit a:hover{ border-bottom: 1px solid  rgba(255,255,255,0.8); }
.W-atc .atc-head .rpt {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    width: 850px;
    margin-bottom: 0;
}
.atc-head.green .rpt a { color: #fff}
.W-atc .atc-head.green .ctg-btn .type2{ border: 1px solid #fff}
.W-atc .atc-head.green .ctg-btn .type2 .sT{ color: #fff}
.W-atc .atc-head.green .ctg-btn .type2 .no{
    background-color: #fff;
    color: #73af00;
}
.W-atc .atc-head.green .ctg-btn .type2:hover{  background-color: rgba(255,255,255,0.5)}
.W-atc .atc-head .tit{
    width: 850px;
    max-height: 160px;
}

/* tts : 와이드 최종면 190917 */
.W-atc .arc-wrap .atc-head .tts{ position: absolute;right: -100px;top: auto;bottom: 30px;font-size: 11px;overflow: hidden;display: inline-block;height: 28px;padding: 0 13px 0 35px;line-height: 28px;border-radius: 20px; border: solid 1px #ccb8f4;background-position: 8px 3px;background-image: url(http://ojsimg.ohmynews.com/images/ohmynews/common/tts.svg);background-color: #f7f4fe; background-size: 22px  22px;background-repeat: no-repeat;}
.W-atc .arc-wrap .atc-head .tts:hover{color: #5152ea; opacity: .9;}
.W-atc .arc-wrap .atc-head .tts.on{background-image: url(http://ojsimg.ohmynews.com/images/ohmynews/common/tts_on.gif); background-color: #5152ea; border: solid 1px #5152ea; background-size: 23px 23px; color: #fff;}
.W-atc .arc-wrap .atc-head .tts.on:hover{color: #fff071; opacity: .9;}

.W-atc .btn-box {
    width: 850px;
    border-bottom: none;
    position: absolute;
    margin: 0;
    bottom: 26px;
    
}
.W-atc .btn-box li {
    border:none;
    margin: 0 3px;
}
.W-atc .btn-box li a {
    width: 46px;
    height: 48px;
}
.W-atc .btn-box a { opacity: 0.6}
.W-atc .btn-box .prt { background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_prt-w.svg)}
.W-atc .btn-box .bmk { background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_bmk-w.svg)}
.W-atc .btn-box .rpy { background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy-w.svg)}
.W-atc .btn-box .fb { background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb-w.svg)}
.W-atc .btn-box .tw { background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw-w.svg)}
.W-atc .btn-box .els { background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_els-w.svg)}
.W-atc .btn-box .zin { background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zin-w.svg)}
.W-atc  .btn-box .zou { background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zou-w.svg)}

.W-atc .btn-box .prt:hover, .W-atc .btn-box .bmk:hover, .W-atc  .btn-box .fb:hover, .W-atc .btn-box .rpy:hover, .W-atc .btn-box .tw:hover, .W-atc .btn-box .els:hover,.W-atc .btn-box .els.on, .W-atc .btn-box .zin:hover, .W-atc .btn-box .zou:hover{
    opacity: 1; border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.atc-head.green .btn-box .prt:hover, .atc-head.green .btn-box .prt.on, .atc-head.green .btn-box .bmk:hover, .atc-head.green .btn-box .bmk.on, .atc-head.green .btn-box .rpy:hover, .atc-head.green .btn-box .rpy.on, .atc-head.green .btn-box .els:hover, .atc-head.green .btn-box .els.on, .atc-head.green .btn-box .zin:hover, .atc-head.green .btn-box .zin.on, .atc-head.green .btn-box .zou:hover, .atc-head.green .btn-box .zou.on{background-color: #3F6714}

.W-atc .btn-box .btn-else {top: 54px}
.W-atc .atc-head .date em{color: rgba(255,255,255,0.5)}
.W-atc .atc-head .date span{color: rgba(255,255,255,0.5)}
.W-atc .coverbg{
    background: #000;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
}
.W-atc .coverbg .img{    
    background-size: cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -ms-background-size:cover;
    -o-background-size:cover;
    background-position: top center;
    width: 100%;
    height: 410px;
    z-index: 1;
    opacity: 0.4;
    background-color: #FFF;
}

.W-atc .coverbg.green{ background-color: #649A2A}
.W-atc .coverbg.green .img{ opacity: 0}

.W-atc .arc-wrap .atc-text {
    width: 1100px;
    padding-top: 40px;
    margin: 0 auto;
    z-index: 1;
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 3%, rgba(255,255,255,1) 97%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 3%, rgba(255,255,255,1) 97%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 3%, rgba(255,255,255,1) 97%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 3%, rgba(255,255,255,1) 97%, rgba(255,255,255,0) 100%);
}
.W-atc .arc-wrap .atc-text .banner-link{
    width: 1000px;
    text-align: center;
    margin: 0 auto 40px;
}
.W-atc .arc-wrap .atc-text .text {
    width: 1000px;
    margin-bottom: 70px;
    font-size: 18px;
}
.W-atc .arc-wrap .atc-text .text p{
    width: 700px;
    margin: 0 auto;
}
.W-atc .arc-wrap .atc-text .text.paragraph{
    width: 700px;
    margin: 0 auto;
}
.W-atc .text #BoxTable{
    width: 700px;
    margin: 0 auto;
}
.W-atc .text #BoxTable p{ width: 634px}
.W-atc .arc-wrap .atc-text .photo-box {width: 998px}
.W-atc .arc-wrap .atc-text .photo-box .desc { 
    width: 1000px;
    padding: 8px 4px;
}
.W-atc .arc-wrap .atc-text .video-box {width: 1000px}
.W-atc .arc-wrap .atc-text .video-box .desc{ width: 100%; margin: 0 auto}
.W-atc .arc-wrap .atc-text .video-box .video {display: inline-block}
.W-atc .arc-wrap .atc-text .add-comment{width: 700px}
.W-atc .arc-wrap .atc-text .add-clip{width: 700px}
.W-atc .arc-wrap .atc-text .alliance {width: 700px}
.W-atc .arc-wrap .atc-text .copyright {width: 700px}
.W-atc .arc-wrap .atc-text .tag {width: 700px}

.W-atc .atc-btns {width: 700px}
.W-atc .atc-btns a{  width: 95px; }
.W-atc .atc-btns .payment{ width: 170px}
.atc-btns .payli{
 position: relative;
}
.atc-btns .payli .cheer{
    position: absolute;
    z-index: 1;
    right: 6px;
    top: -18px;
    font-size: 11px;
    color: #4D7AFF;    
    padding: 5px 12px 7px;
    border: 1px solid #4D7AFF;
    border-radius: 12px;
    background-color: #fff;
    cursor: pointer;
}
.atc-btns .payli .cheer:hover{
    font-weight: bold;
    color: #335FDE;
    border-color: #335FDE;
}
.atc-btns .payli .cheer:after{
    position:absolute;
    bottom: -12px;
    right: 18px;
    content: "";
    border-top: 12px solid #fff;
    border-left: 2px solid transparent; 
    border-right: 7px solid transparent; 
    border-bottom: 0px solid transparent; 
}
.W-atc .atc-btns .tenmanin { width: 215px}
.W-atc .dable-ad {width: 700px}

.series-atcs{
    z-index: 0;
    opacity: 0.2;
    position: absolute;
    top: 450px;   
    width: 100%;
    
}
.series-atcs .before-atc{
    left: 0;
    overflow: hidden;
    width: 16%;
    display: inline-block;
    text-align: right;
    cursor: pointer;
}
.series-atcs .after-atc{
    position: absolute;
    right: 0;
    overflow: hidden;
    width: 16%;
    display: inline-block;
    text-align: left;
    cursor: pointer;
}
.series-atcs .atc-tit{
    font-size: 29px;
    line-height: 1.4em;
    color: #333;
}
.series-atcs  .atc-subtit{
    font-size: 16px;
    line-height: 1.4em;
    color: #333;
    padding-top: 14px;
}
.series-atcs .atc-ctts{
    font-size: 14px;
    line-height: 1.8em;
    color: #333;
    padding-top: 30px;
    max-height: 600px;    
    -webkit-mask:-webkit-gradient(linear, left 60%, left bottom, from(rgba(0,0,0,1)), to(rgba(255,255,255,0))); 
}
@media only screen and (max-width: 1550px) {
    .series-atcs .after-atc{ width: 14%}
    .series-atcs .before-atc{ width: 14%}
}
@media only screen and (max-width: 1340px) {
    .series-atcs{ display: none}
    .W-atc .arc-wrap .atc-text { width: 1000px}
}






/*------------------------ARTICLE BOTTOM START---------------------------*/
.xarea-wrap .rpt-card-box{    
    position: relative;
    background-color:#eee; 
    border-top:1px solid #d9d9d9; 
    border-bottom: 1px solid #d9d9d9;
    padding: 22px 0;
    height: 260px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    cursor: pointer;
}
.rpt-card-box .swiper-wrapper{display: flex;justify-content: center}
.btn-after{
    z-index: 2;
    position: absolute;
    right: 2%;
    top: 45%;
    width: 47px;
    height: 47px;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_after.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.5;
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}
.btn-after:hover{opacity: 0.75}
.btn-befor{
    z-index: 2;
    position: absolute;
    left: 2%;
    top: 45%;
    width: 47px;
    height: 47px;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_befor.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.5;
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}
.btn-befor:hover{opacity: 0.75}
.rpt-card-box .rpt-card{
    float: none;
    display: inline-block;
    width: 390px;
    height: 255px;
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
    background-color: #fff;
    margin: 0 8px;
    cursor: auto;
    vertical-align: top;
}
.rpt-card .card-top{
    position: relative;
    margin: 14px 22px 10px 22px; 
    height: 56px;
}
.rpt-card .card-top .face{
    position: absolute;
    top: 0;
    left: 0px;
    width: 54px;
    height: 54px;
    display: inline-block;    
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;    
    border: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
}
.rpt-card .card-top .face img{
    object-fit: cover;
    width: 54px;
    height: 54px;
}
.rpt-card a:hover{
    text-decoration: underline;
}
.rpt-card .card-top .area{
    position: absolute;
    top: 0;
    left: 64px;
    font-size: 11px;
    color: #a1a1a1;
    
}
.rpt-card .card-top .name{
    position: absolute;
    top: 14px;
    left: 63px;
    font-size: 18px;
    color: #333;
    width: 178px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;  
    line-height: 1.2em;
}
.rpt-card .card-top .id{
    position: absolute;
    top: 40px;
    left: 66px;
    font-size: 11px;
    color: #666;    
}
.rpt-card .card-top .btns-box{
    position: absolute;
    right: 0;
    top: 14px;
}
.card-top .btns-box li{
    float: left;    
    margin: 0 3px;    
}
.card-top .btns-box a{
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
    height: 28px;
    width: 28px;
}
.card-top .btns-box .zzim{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-zzim.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    background-position: top center;
    opacity: 0.4;
}
.card-top .btns-box .zzim:hover{ 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-zzim-g.svg); 
    opacity: 1;
}
.card-top .btns-box .zzim.on{ 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-zzim-r.svg); 
    opacity: 1;
}
.card-top .btns-box .note{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-note.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 0.4;
}
.card-top .btns-box .note:hover{ 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-note-g.svg); 
    opacity: 1;
}
.card-top .btns-box .fb{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 0.4;
}
.card-top .btns-box .fb:hover{ 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb-g.svg); 
    opacity: 1;
}
.card-top .btns-box .tw{
   background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 0.4;
}
.card-top .btns-box .tw:hover{ 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw-g.svg); 
    opacity: 1;
}
.card-top .btns-box .more{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-more.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 0.4;
}
.card-top .btns-box .more:hover{ 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-more-g.svg); 
    opacity: 1;
}

.rpt-card .introduce{
    font-size: 12px;
    color: #666;
    text-align: left;
    height: 76px;
    line-height: 1.6em;
    margin: 0 22px 10px 22px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.rpt-card .new-atc{
    margin: 0 22px;
    padding-top: 8px;
    text-align: left;
    position: relative;
    display: inline-block;
    width: 346px;
    height: 60px;
	border-top: 1px solid #e0e0e0;
}
.rpt-card .new-atc .tit{ 
    font-size: 13px;
    color: #2b2b2b;
    position: absolute;
    top: 9px;
    left: 0;
    width: 56px;
    height: 16px;
    margin-left: 0;
    list-style: none;
}
.rpt-card .new-atc .tit:before{ content: none}
.rpt-card .new-atc li{
    width: 276px;
    margin-left: 69px;
    margin-bottom: 3px;
    color: #444;
    font-size: 12px;
    
}
.rpt-card .new-atc li:before{
    content: "·";
    font-size: 15px;
    color: #444;
    margin-right: 4px;
}
.rpt-card .new-atc li a{
    font-size: 12px;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 268px;
    display: inline-block;
    line-height: 1.35em;
}
.rpt-card .new-atc li a:hover{ text-decoration: underline}

.xarea-wrap .comment{
    padding: 22px 0;
    margin: 0 auto;
    width: 640px;
    margin-bottom: 296px;    
    padding-left: 140px;
}
.xarea-wrap .comment.wide{
    width: 700px;
    padding-left: 0;    
}
.atc-tab{
    position: fixed;
    bottom: 0;
	right: 0;
	left: 0;
    z-index: 5;
    border-top: 2px solid #333;
    background: #fff;
    min-width: 1024px;
	padding: 0 20px
}
.rcm-tab{ padding-bottom: 20px}
.atc-tab .title{
    padding: 28px 30px;
    font-size: 21px;
    color: #333;
}
.atc-tab .title li{
    float: left;
    margin-right: 20px;    
}
.atc-tab .title .on{
    font-size: 21px;
    color: #333;
}
.atc-tab .title .on span{ 
    font-size: 20.5px;
    vertical-align: bottom;
    display: inline-block;
}
.atc-tab .title .on .srstit{
    font-size: 21px;
    color: #73af00;
}
.atc-tab .title .on .srstit:hover{
    color: #73af00;
    text-decoration: none;
}
.atc-tab .title .expln{
    padding: 0 22px 0 14px;
    height: 40px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 22px;
    -webkit-border-radius: 22px;
	-ms-border-radius: 22px;
	-o-border-radius: 22px;
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;    
}
.atc-tab .title .expln:before{    
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_swpfinger.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    -webkit-background-size:70%;
    -moz-background-size:70%;
    -ms-background-size:70%;
    -o-background-size:70%;
    background-position: 50% 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    content: "";
    vertical-align: middle;
}
.atc-tab .arc-list{
    padding: 16px 30px 0 30px;
    height: 190px;
    white-space: nowrap;
    display: flex;
    overflow: hidden;
}
.atc-tab .arc-list li{
    float: left;
    display: inline-block;
    margin-right: 25px;
    width: 200px;
    position: relative;
    
}
.atc-tab .arc-list li a{ display: block}
.atc-tab .arc-list li .thum{
    height: 140px;
    text-align: center;
    background-color: #c8c8c8;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/logo-w.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    -webkit-background-size:70%;
    -moz-background-size:70%;
    -ms-background-size:70%;
    -o-background-size:70%;
    background-position: 50% 50%;
}

.atc-tab .arc-list li .thum img{
    width: 200px;
    height: 140px;
    object-fit: cover;
    object-position: center top;
    border: 1px solid #ccc;
}
.atc-tab .arc-list li .tit{
    width: 188px;
    padding: 0 6px;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.25em;
    color: #333;
    margin-top: 8px;
    white-space: normal;
    text-align: left;
    padding-bottom: 2px;
    height: 37px;
}
.atc-tab .arc-list li .tit:hover{ text-decoration: underline}
.atc-tab .arc-list li .date{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 6px;
    font-size: 12px;
    color: #999;
}
.atc-tab > .fold{
    position: absolute;
    top: 25px;
    left: 300px;
    width: 30px;
    height: 24px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    background-color: transparent;
    border: 0;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/fold.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
.atc-tab .title .fold{   
    width: 30px;
    height: 24px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    background-color: transparent;
    border: 0;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/fold.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

.atc-tab .unfold{
    display: inline-block;
    width: 30px;
    height: 24px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    background-color: transparent;
    border: 0;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/unfold.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
	vertical-align: top
}







/*------------------------ASIDE START-----------------------------*/

.ad-top{
    width: 100%;
    background-color: #eee;
    border-bottom: 1px solid #d9d9d9;
    padding: 20px 0;
    position: relative;
}
.ad-top .btn_close{
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    background-color: #999;
    text-align: center;
    line-height: 1.65em;
}
.ad-top .ad-728{
    width: 728px;
    height: 90px;
    margin: 0 auto;
}
.ad-top .ad-728 a{ display: block}
.ad-120x600{
    width: 120px;
    height: 600px;
}

.ad-120x600.left{
    position: absolute;
    top: 0;
    left: -140px;
}
.ad-120x600.right{
    position: absolute;
    top: 0;
    right: -140px;
}
.B-atc .ad-120x600.right{    
    top: 320px;
    right: -120px;
    margin-top: 20px;
}
.B-atc .ad-250x250{
    width: 250px;
    height: 250px;
    margin-top: 10px;
}
.atc_til_ad{
    position: absolute;
    top: 16px;
    right: 366px;    
}
.outatc_til_ad{
    position: absolute;
    top: 0;
    right: 66px;
}




/*------------------------SHARE START-----------------------------*/
.sh_layer{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0,0,0,0.3);
}
.sh_layer .share{
    width: 78%;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 16%;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
}
.sh_layer .share .tit{
    position: relative;
    background-color: #e7e7e7;
    border-bottom: 1px solid #d9d9d9;
    padding: 14px 0;    
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight:bold;
}
.sh_layer .share .tit .close{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 6px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    background-size: 20px;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/close_b.svg);
    background-repeat:no-repeat;
    background-position:center;

}
.sh_layer .share ul{
    list-style: none;
    padding: 18px 14px 0;
    margin: 0;
}
.sh_layer .share ul:after{
    content: "";
    display: block;
    clear: both;
}
.sh_layer .share ul li{
    float: left;
    display: inline-block;
    width: 33.333%;
    text-align: center;
    margin-bottom: 20px;
}
.sh_layer .share ul li button, .sh_layer .share ul li a{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    background-repeat: no-repeat;    
	border-radius: 25px;
    background-size: 26px;
    background-position: center;
}
.sh_layer .share ul span{
    display: block;
    font-size: .7em;
    color: rgba(0,0,0,.6);
    margin-top: 6px;
}
.sh_layer .share ul .fb button{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/fb_c.svg);
    border: 1px solid #3e5a9c;
}
.sh_layer .share ul .tw button{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/tw_c.svg);
	border: 1px solid #3095d3;
}
.sh_layer .share ul .kt button{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/kt_c.svg);
	border: 1px solid #361d1e;
}
.sh_layer .share ul .ks button{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ks_c.svg);
	border: 1px solid #f1c01a;
}
.sh_layer .share ul .gg button{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_gg.svg);
	border: 1px solid #d13f2d;
}
.sh_layer .share ul .bd button{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/band.svg);
	border: 1px solid #57d381;
	background-size: 40px;
}
.sh_layer .share ul .li button{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_li.svg);
}
.sh_layer .share ul .tg a{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_tg.svg);
	background-size:100%;
}
.sh_layer .share ul .em a{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/mail_c.svg);
	border: 1px solid #516179;
}

.sh_layer .share .copyurl{ padding: 0 20px 16px; position: relative}
.sh_layer .share .copyurl .url{
    display: block;
    padding: 11px 0 10px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
	height: 40px;
    font-size: 15px;
    font-weight: 100;
    color: rgb(0, 103, 185);
    background: #f4f4f4;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    -o-border-radius: 3px; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.sh_layer .share .copyurl .btn {
    width: 60px;
	height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 0 3px 3px 0;
    background: #fff;
    padding: 10px 0 11px 0;
    text-align: center;
    color: #000;
    font-size: .75rem;
}
.sh_layer .share .copyurl .exp{
    font-size: .85em;
    color: rgba(0,0,0,.5);
    margin: 5px 0 10px;
    width: 100%;
}

@media only screen and (min-height: 290px) and (max-height: 414px) {
   .sh_layer .share{
       width: 80%;
       margin-top: 4%;
       max-width: inherit;
    }
    .sh_layer .share ul { padding: 18px 20px 0; }    
    .sh_layer .share ul li {
        width: 20%;
        margin-bottom: 16px;
    }    
    .sh_layer .share .copyurl { padding: 0 38px 16px; }
}

@media only screen and (max-height: 320px) {
   .sh_layer .share{       
       width: 100%;
       margin-top: 0;
       height: 100%;
       max-width: inherit;
    }
    .sh_layer .share ul li { width: 20%; }
    .sh_layer .share .copyurl { padding: 0 37px 16px; }
}


.clearfx:after {content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both}
/*===== 모바일 푸터 ==============*/
footer{
    background-color: #444;
    text-align: center;
}
footer .club_project{
    height: 140px;
    position: relative;
}
footer .project_box{
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
footer .club_project .bgimg{
    position: absolute;
    top: 0;
    z-index: 0;    
    height: inherit;
    overflow: hidden;
}
footer .club_project .bgimg img{
    width: 100%;
    height: inherit;
    object-fit: cover;
}
footer .club_project h1{
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    line-height: 130%;
    margin: 25px 18px 0;
}
footer .club_project h2{
    font-size: .75rem;
	line-height: 1.2rem;
    color: #d4d4d4;
    letter-spacing: -0.03em;
    font-weight: normal;
    margin-top: 3px;
}
footer .club_project .btn{
    display: inline-block;
    background-color: #ff5a4d;
    padding: 7px 18px 8px;
    color: #fff;
    font-weight: bold;
    font-size: .75rem;
    border-radius: 4px;
    margin-top: 10px;
}

footer .progress_box{
    padding: 0 15px;
}

footer .progress_box .goal{
    width: 100%;
    text-align: right;
    font-size: .7rem;
    color: #999;
} 
footer .progress_box .progress_bar{
    background-color: #c2c2c2;
    height: 5px;
    margin-top: 10px;
}
footer .progress_box .progress_bar .progress_inner{
    background-color: #ff9400;
    height: 100%;
    width: 100%;
}
footer .progress_box .project_stats{
	display: block;
}
footer .progress_box .project_stats li{
    float: left;
    width: 33.33%;
    color: #fff;
    font-size: .75rem;
    margin-top: 5px;
    line-height: 1.2rem;
}
footer .progress_box .project_stats .percent{
    text-align:left; 
}
footer .progress_box .project_stats .percent:after{
    content: " 달성";
    font-size: .7rem;
    vertical-align: top;
}
footer .progress_box .project_stats .persons{
    text-align:center; 
    font-size: .8rem;
    margin-top: 3px;
}
footer .progress_box .project_stats .persons:before{
    content: "현재 ";
    font-size: .8rem;
}
footer .progress_box .project_stats .persons:after{
    content: "명";
    font-size: .8rem;
}
footer .progress_box .project_stats .remainder{
    text-align:right; 
}
footer .progress_box .project_stats .remainder:after{
    content: "명 남음";
    font-size: .7rem;
    vertical-align: top;
}
footer .progress_box .tell{
	font-size: .7rem;
    margin-top: 8px;
    padding: 2px 0;
    color: #aaa;
    background-color: rgba(0, 0, 0, 0.5);
}
footer .progress_box .tell a{
    color: #aaa;
	font-size: .7rem;
	font-weight: normal;
}
footer .sns_box .fb_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/fb_c.svg)}
footer .sns_box .fb_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/fb_b.svg)}
footer .sns_box .tw_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/tw_c.svg)}
footer .sns_box .tw_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/tw_b.svg)}
footer .sns_box .kt_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/kt_c.svg)}
footer .sns_box .ks_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ks_c.svg)}

footer .sns_box{
    background-color: #333;
    padding: 10px 20px;
    text-align: center;
}
footer .sns_box span{
    font-size: .7rem;
    color: #fff;
    margin-right: 9px;
    display: inline-block;
    margin-top: 7px;
    letter-spacing: -0.05em;
    vertical-align: top;
}
footer .sns_box ul{
    display: inline-block;
    width: 110px;
}
footer .sns_box ul li{
    float:left;
}
footer .sns_box ul li a{
    display: inline-block;
    width: 28px;
    height: 28px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    border: 1px solid #bfbfbf;
    border-radius: 3px;    
    margin-right: 9px;
    background-color: transparent;
    background-size: 60%;
}
footer .sns_box ul li:last-child a{
    margin-right: 0;
}

footer .info{
    padding-bottom: 30px;
}
footer .info_1{    
    width: 210px;
    margin: 0 auto;
    padding: 30px 0;
}
footer .info_1 li{
    float: left;
    margin: 0 6px;
}
footer .info_1 li a{
    width: 90px;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #939393;
    font-size: .7rem;
    text-align: center;
    padding: 8px 0;
    color: #fff;
}
footer .info_2{ 
    text-align: center;
    display: inline-block;
}
footer .info_2 li{
    float: left;
    margin: 0 5px;
}
footer .info_2 li a{
    font-size: .7rem;
    color: #ccc;
}
footer .info_2 li a:after{
    content: "|";
    color: #909090;
    margin-left: 8px;
    font-size: .7rem;
}
footer .info_2 li:last-child a:after{
    content: none;
}
footer .info_2 li strong{
    color: #fff;
}
footer .copyright{
    margin-top: 8px;
    font-size: .7rem;
    color: #a5a5a5;
}



/*------------------------FOOTER START-----------------------------*/
.footer-wrap{
    width: 100%;
    z-index: 4;
    position: fixed;
    bottom: 0;
    background-color: #999;
    text-align: center;
}
.footer-wrap footer{
    padding: 9px 23px;
    margin: 0 auto;
}
.footer-wrap li{
    float: left;
    margin-right: 10px;
}
.footer-wrap li a{
    font-size: 12px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}
.footer-wrap li a:hover{ color: #000}
.footer-wrap .info{    
    position: absolute;
    right: 0;
}
.footer-wrap p{
    display: inline-block;
    margin-left: 20px;
    font-size: 12px;
    color: #e2e2e2;    
}
.footer-wrap .bar{
    font-size: 9px;
    color: #c8c8c8;
    margin: 0 6px;
}

@media only screen and (max-width: 1046px) {
    body .footer-wrap{display: none}
    body .btn_top{bottom: 15px}
}
@media only screen and (max-width: 425px){
    body .btn_top {
        right: 10px;
        bottom: 60px;
    }
}


.ft_wrap{ font-size: 0.8em}
.ft_wrap footer{
    text-align: center; 
    padding-bottom: 64px;
    background: linear-gradient(to bottom, rgb(43, 43, 43) 30%,rgb(86, 86, 86) 100%);
}
.ft_wrap .txt{
    font-size: .95em;
    margin-bottom: 12px;
}
.ft_wrap .txt span{ color: #86cb00}
.ft_wrap ul{ display: inline-block}
.ft_wrap .top{
     -webkit-touch-callout:none;
    -webkit-touch-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    color: #fff;    
    padding: 22px 0 14px;
}
.ft_wrap .top ul{ margin: 0 auto}
.ft_wrap .top ul li{
    float: left;
    margin: 0 8px;
}
.ft_wrap .top ul li a{    
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 20px; 
}
.ft_wrap .top ul li .fb{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_fb.svg)}
.ft_wrap .top ul li .tw{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_tw.svg)}
.ft_wrap .top ul li .is{ background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_is.svg)}
.ft_wrap .top ul li .ks { background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_ks.svg)}
.ft_wrap .bottom{ margin-bottom: 5px}
.ft_wrap .bottom li{
    float: left;
    margin: 0 7px;
}
.ft_wrap .bottom li a{
    display: inline-block;
    color: #b9b9b9;
    width: 100%;
    padding: 8px 0;
    font-size: 1.1em;
}
.ft_wrap .bottom li:last-child a{
}
.ft_wrap .copyright{    
    color: #888;
    font-size: .8em;   
}

/* 시작: 모바일 원고료 후원 171103 */
.M-atc .article_btns{
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	line-height: 15px;
	font-size: 12px;
}
.M-atc .article_btns .payclub_box{
	height: 122px;
	border-top: solid 1px #e5e5e5;
	margin-top: 25px;
}
.M-atc .article_btns .payclub_box h1.title{
	font-size: 15px;
    font-weight: normal;
    width: 100%;
    padding: 7px 0 5px 0;
    background: #f4f4f4;
    border-bottom: solid 1px #e5e5e5;
}
.M-atc .article_btns .payclub_box .lt_pay{
	float: left;
    width: 50%;
    height: 65px;
    position: relative;
    padding: 15px 0 15px 0;
    text-align: right;
}
.M-atc .article_btns .payclub_box .lt_pay .amount{
	float: right;
    text-align: center;
    /*width: 150px;*/
    height: 65px;
    display: block;
    position: relative;
    vertical-align: bottom;
    font-size: 12px;
}
.M-atc .article_btns .payclub_box .lt_pay .amount .give_mess {
	height: 30px;
}
.M-atc .article_btns .payclub_box .lt_pay .amount .give_mess .nott{
	display: none;
}
.M-atc .article_btns .payclub_box .lt_pay .amount .give_mess .yestt{
	display: block;
}
.M-atc .article_btns .payclub_box .lt_pay .amount .give_mess.no .nott{
	display: block;
}
.M-atc .article_btns .payclub_box .lt_pay .amount .give_mess.no .yestt{
	display: none;
}
.M-atc .article_btns .payclub_box .lt_pay .amount span{
    font-size: 12px;
    color: #666;
	line-height: 30px;
}

.M-atc .article_btns .payclub_box .lt_pay .amount span em{
    font-size: 20px;
    color: #000;
    font-weight: 600;
	font-style: normal;
	padding-right: 2px;
}
.M-atc .article_btns .payclub_box .lt_pay .amount span.won{
	padding-left: 4px;
    font-size: 12px;
    color: #000;
}

.M-atc .article_btns .payclub_box .rt_club{
	float: left;
    width: 50%;
    height: 65px;
    position: relative;
    padding: 15px 0 15px 0;
    text-align: left;
}
.M-atc .article_btns .payclub_box .rt_club .amount{
	float: left;
    text-align: center;
    /*width: 150px;*/
    height: 65px;
    display: block;
    position: relative;
    vertical-align: bottom;
    font-size: 12px;
}
.M-atc .article_btns .payclub_box .rt_club .amount span{
    font-size: 12px;
    color: #666;
    line-height: 30px;
    padding-left: 28px;
    position: relative;
}
.M-atc .article_btns .payclub_box .rt_club .amount i.icon{
    top: -16px;
    left: 0px;
    position: absolute;
    width: 25px;
    height: 30px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/icon_myroom_club.svg);
    background-repeat: no-repeat;
    background-size: 29px;
}
.M-atc .article_btns .payclub_box .rt_club .amount span em{font-style: normal}
.M-atc .article_btns .payclub_box .rt_club .amount span em.won{
	font-size: 20px;
    color: #000;
    font-weight: 600;
	padding-right: 2px;
}
.M-atc .article_btns .payclub_box .rt_club .amount .give_mess {
	height: 30px;
}

.M-atc .article_btns .payclub_box .bt_give{
    /*width: 130px;*/
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    padding: 10px 15px;
    vertical-align: middle;
    margin: 0 10px;
}
.M-atc .article_btns .payclub_box .bt_give.pay{
    background-color: #2bb4bb;
}
.M-atc .article_btns .payclub_box .bt_give.club{
    background-color: #fb683d;
}

.M-atc .article_btns .payclub_box .amount .menu_arrow_box {
    position: absolute;
    background: #dcdcdc;
    border-radius: 4px;
    top: -22px;
    right: 43px;
}
.M-atc .article_btns .payclub_box .amount .menu_arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(79, 213, 150, 0);
	border-top-color: #dcdcdc;
	border-width: 5px;
	margin-left: -5px;
}
.M-atc .article_btns .payclub_box .amount .menu_arrow_box a{
	display: block;
}
.M-atc .article_btns .payclub_box .amount .menu_arrow_box .tit_text{
    color: #000;
    text-align: center;
    font-size: 9px;
	padding: 4px 10px;
    text-transform: uppercase;
}
/* 끝: 모바일 원고료 후원 171103*/

/*--------좋은 기사 원고료-------------------------------*/
/*댓글쓰기레이어창*/
.article_reply { 
    position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 600;text-align: center;
}
.article_reply > .box {
    position: relative;max-width:100%;;width: 100%;height: 100%;background-color: rgba(1,1,1,0.6); margin: 0px auto 0px auto;
}
.article_reply > .box > .reply {
    position: absolute;top: 0px;width: 100%;
}
.article_reply > .box > .reply > .close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background: url(http://ojsimg.ohmynews.com/images/mobile_2013/news/m-icon-all.png) -116px -295px ;background-size: 150px;   
    background-repeat: no-repeat;
    z-index: 605;    
    background-color: #000;    
    opacity: .6;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
    .article_reply > .box > .reply > .close {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 44px;
        height: 44px;
        cursor: pointer;
        background: url(http://ojsimg.ohmynews.com/images/mobile_2013/news/m-icon-all.png) -116px -295px;
        background-size: 150px;   
        background-repeat: no-repeat;
        z-index: 605;
    }
}
.article_reply > .box > .reply00  {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
}
.article_reply > .box > .reply00 > .padding { height: 50px}    




/*---------모달(인터:뷰 참여한 기자 리스트)-----------------------------*/

.modal-dialog .modal-content { 
    background-color: transparent;  
    border: 0;  
    border-radius: 0;  
    -webkit-box-shadow: none;  
    box-shadow: none;
}  
@media screen and (min-width: 768px){
    .modal .modal-dialog {width: 680px}
}
.modal-dialog .modal-content.pop-bg{background-color: #fff}


/*5주년*/
.left-wrap header .logo a em{position: absolute;
    top: -9px;
    right: -13px;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/five_th.svg);
    width: 35px;
    height: 35px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}

.header-wrap header .logo a em{position: absolute;
    top: -9px;
    right: -13px;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/five_th.svg);
    width: 35px;
    height: 35px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}

.header-wrap.follow header .logo a em{position: absolute;
    top: -9px;
    right: -13px;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/five_th.svg);
    width: 35px;
    height: 35px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}

/*알림추가*/

.gnb_btns{
    position: absolute;
    right: 50px;
    top: 4px;
}
.gnb_btns .myroom{
    display: inline-block;
    width: 35px;
    height: 35px;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/myroom_w.svg);
    background-size: 22px;
    background-position: center 6px;
    box-sizing: border-box;
}
.gnb_btns .notice{
    position: absolute;
    top: 0;
    right: 41px;
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/bell_w.svg);
    background-size: 65%;
	background-repeat: no-repeat;
    background-position: 50% 50%;
}
.gnb_btns .notice .gd_line{ 
	position: relative;
	height: 35px;
}
.gnb_btns .notice .gd_line .n_num{
	background-color: #db0000;
    border-radius: 20px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px;
    line-height: 5px;
    height: 6px;
    font-size: 11px;
    font-weight: normal}

@media only screen and (min-width: 861px){
	.gnb_btns{display:none}
	.header-wrap header .drawer span {
        background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/hamburger.svg);
        background-size: 30px;
    }
}

@media only screen and (min-width: 861px){
    .header-wrap header .drawer {
        width:50px; 
        height:50px;
    }
}
/*=====공유하기, 패밀리사이트 레이어==================================================*/
.icon{background-repeat: no-repeat; background-position: center}
.close_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/close_b.svg)}
button{border:0 none;background-color:transparent;cursor:pointer}
.photo_logo, .ohmyphoto .head .gnb_logo .logo{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ohmyphoto.svg)}
.tv_logo, .ohmytv .head .gnb_logo .logo{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ohmytv.svg)}
.club_logo{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/club_c.svg)}
.star_logo{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ohmystar.svg)}
.moi_logo{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/moi_c.svg)}
.news_logo { background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ohmynews_c.svg)}
.layer{
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
}
.layer_family{
    width: 78%;
    max-width: 300px;
    min-width: 250px;
    margin: 0 auto;
    margin-top: 16%;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
}
.layer_family .head{
    position: relative;
    background-color: #e7e7e7;
    border-bottom: 1px solid #d9d9d9;
    padding: 14px 0;
}
.layer_family .head h2{
    text-align: center;
    color: #333;
    font-size: 14px;
}
.layer_family .head .close_b{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 6px;
    text-indent:0; font-size:15px; color:transparent;
    background-size: 20px;
}
.contents{
    background-color: #fff;
    padding: 16px 20px;    
}
.layer_family ul { background-color: #fff}
.layer_family ul li{
    border-bottom: 1px solid #d9d9d9;
}
.layer_family ul li a{
    display: block;
    padding: 15px 0;
    text-indent: -999em;
}
.layer_family ul li .icon{ height: 20px}
.layer_family ul li .moi_logo{ background-size: 53px}
.layer_family ul li .club_logo{ background-size: 80px}
.layer_family ul li .star_logo{ background-size: 96px}
.layer_family ul li .tv_logo{ background-size: 76px}
.layer_family ul li .photo_logo{ background-size: 92px}
.layer_family ul li .news_logo{ background-size: 96px}
.layer_family li.app{ text-align: center}
.layer_family li.app a{
    display: inline-block;
    margin: 15px 10px 20px;
    padding: 0;
    text-indent: 0;
}
.layer_family li.app a .omn{ background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/omn_app.jpg)}
.layer_family li.app a .moi{ background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/moi_app.jpg)}
.layer_family li.app a .icon{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    margin: 0 auto;
    background-size: 50px;
    overflow: hidden;
}
.layer_family li.app a strong{
    display: block;   
    margin-top: 4px;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: -0.05em;
    color:#333;
}
.layer_family li.app a strong em{
    font-weight: bold;
    margin-left: 3px;
    font-style:normal;
}

/* gnb 내방, 패밀리 아이콘 171013*/
header .gnb_btns_r{
position:relative;
    float: right;
    display: inline-block;
}

@media only screen and (min-width: 861px) and (max-width:1280px){
    .header-wrap header .gnb_btns_r{
        display: none;
    }}

header .gnb_btns_r .myroom{
    position: absolute;
    top: 7px;
    right: 80px;
    width: 35px;
    height: 35px;
    display: block;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/my_w.svg);
    background-size:90%;
}

header .gnb_btns_r .myroom .text {font-size:1rem; color:#666;position:absolute;left:9px}
header .gnb_btns_r .club {
    position: absolute;
    top: 3px;
    right: 0px;
    padding: 8px 0px;
}

header .gnb_btns_r .club .club_btn {
	display: inline-block;
	border: 1px solid #fff;
	padding: 6px 3px 7px 3px;
	border-radius: 100px;
	font-size: 11px;
	color: #fff;
	letter-spacing:-0.05rem;
	font-weight:normal;
	width:60px;
	text-align:center;
}
header .gnb_btns_r .notice{
    position: absolute;
    top: 7px;
    right: 125px;
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/bell_app_w.svg);
    background-size: 23px;
	background-repeat: no-repeat;
    background-position: 50% 50%;
}
header .gnb_btns_r .notice .gd_line{ 
	position: relative;
	height: 35px;
	left: 10px;
}
header .gnb_btns_r .notice .gd_line .n_num{
	background-color: #db0000;
    border-radius: 20px;
    color: #fff;
    position: absolute;
	left: 5px;
    top: 0px;
    padding: 5px;
    line-height: 5px;
    height: 6px;
    font-size: 11px;
    font-weight: normal;
}
@media only screen and (max-width: 320px){
    header .gnb_btns_r .myroom {right: 70px} header .gnb_btns_r .notice {right: 107px}
}    


/* gnb 스티키 변경 171106 */
.sticky_bar{
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
    padding: 8px 0 4px 0;
	max-width: 860px;
	width: 100%;  
	position: fixed;    
    z-index: 101;
	-webkit-animation-name: opacity-box;
	-webkit-animation-duration: .3s;
	animation-name: opacity-box;
	animation-duration: .3s;
}
.sticky_bar ul li{
    float: left;
}
.sticky_bar .share{
    margin-left: 10px;
}
.sticky_bar .share li{
    margin-right: 5px;
}
.sticky_bar .share li button{
    display: inline-block;
    width: 32px;
    height: 32px;
    text-indent: -999em;
    border: 1px solid #bfbfbf;
    border-radius: 16px;
    background-color: transparent;
    background-size: 56%;
}

/* 카카오친구 버튼 추가 */
.sticky_bar .share li .btn_kko{display: inline-block; width: 70px;height: 30px; border-radius: 30px;font-size: 11px;line-height: 30px; color: #252525; border: 1px solid #fcc900; background-color: #feeb00; text-align: center; letter-spacing: -1px;font-weight:normal}
.sticky_bar .share li .btn_kko .frd_c{width: 20px; height: 20px; margin: 5px 0 0 0; display: inline-block; overflow: hidden; font-size: 1px; line-height: 0; color: transparent; background: url(http://ojsimg.ohmynews.com/images/mobile_2017/kafriend_c.svg) no-repeat 0 0; vertical-align: top}

.sticky_bar ul li .fb_c{
    border: 1px solid #415ea7;
}
.sticky_bar ul li .tw_c{
    border: 1px solid #1da1f2;
}
.sticky_bar ul li .kt_cc {border: 1px solid #3b1e1e; background-size:65%}

.sticky_bar ul li .more_s{
    opacity: .5;
    border: 1px solid #000;
}
.sticky_bar .state{
    float: right;
    margin-right: 10px;
}

.sticky_bar .state li{
    text-align: center;

}
.sticky_bar .state li .icon{
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
    margin-bottom: 3px;
}
.sticky_bar .state li .number{
    font-weight:normal;
    font-size: 11px;
    color: #333;
    display: block;
    line-height:15px;
    font-family: Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;
}
.sticky_bar .state li button, .sticky_bar .state li a{
    font-size: 11px;
	color: #333;
	min-width: 32px;
    display: inline-block;
}
.sticky_bar .state li .btn_reply .icon {
    margin-top:2px;
	margin-bottom: 2px;
}

.sticky_bar .state li .btn_give{
}
.sticky_bar .state li .btn_rec.on .number{
    color: #7ebf00;
}

.tw_c {background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/tw_c.svg);}
.fb_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/fb_c.svg)}
.kt_cc {background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/kt_cc.svg)}
.more_s {background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/more_on.svg)}
.btn_rec .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec.svg)}
.btn_rec.on .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec_on_g.svg)}
.btn_reply .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/reply.svg)}
.btn_give .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/pay_c.svg)}


/* tablet 이후 */
@media only screen and (min-width: 861px){
    .sticky_bar{
        display: none;
    }
}	

/*공유라인 변경*/
.M-atc .headbtn{
    position: relative;
    padding: 0 15px;
}
.M-atc .headbtn ul{ margin-bottom: 6px}
.M-atc .headbtn li{
    float: left;
}
.M-atc .headbtn li button{
    height: 36px; 
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    font-size: 13px;
    margin-right: 5px;
    line-height: 14px;
    padding: 7px 10px;
    display: inline-block;
    vertical-align: middle;
    font-family:Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;font-weight:normal!important;
}
.M-atc .headbtn li button:active{background-color: #f3f3f3}
.M-atc .headbtn li:last-child button{
    border-right: 1px solid #d6d6d6;
}
.M-atc .headbtn .icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.M-atc .headbtn .count{font-size: 1.1em; vertical-align: middle; -webkit-tap-highlight-color: rgba(0,0,0,0);font-family:Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif}
.M-atc .headbtn .thumb .icon{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec.svg);
    background-size: 17px;
    background-position: 0 1px;
	margin-right: 3px;
}
.M-atc .headbtn .thumb.on .icon{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec_on_g.svg);
    opacity: 1;
}
.M-atc .headbtn .reply .icon{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/reply.svg);
    margin-right: 3px;
    background-size:90%;
    background-position:1px 1px;
}
.M-atc .headbtn .share {
    width: 36px;
    height: 36px;
    background-size: 17px;
}
.M-atc .headbtn .share .icon {
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/more.svg);
    margin-left: -2px;
    margin-top: -2px;
}
.M-atc .headbtn .big .icon {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_big.svg);
    opacity: .4;
    margin-right: 2px;
}
.M-atc .headbtn .small .icon {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_small.svg);
    opacity: .4;
    margin-right: 2px;
}


/*글씨크게보기 버튼*/
.headbtn .text_size {position:relative; display:inline-block}
.headbtn .icon.btn_font_large{
    margin-right: 0;
    width: 36px;
    height: 36px;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/font_big.svg);
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}
.headbtn .icon.btn_font_small{
    margin-right: 0;
    width: 35px;
    height: 35px;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/font_small.svg);
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}

/*글자 크기 조절 레이어*/
.headbtn .font_level{
	z-index: 45;
	position: absolute;
	top:52px;
	right:0;
	left:-70px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px;
	width:150px;
}
.headbtn .font_level:after{
    position: absolute;
	top: -10px;
    right: 73px;
	content: "";
	background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/font_arrow.svg);
	width: 20px;
	height: 10px;
	background-position: center;
	background-repeat: no-repeat;
}
.headbtn .font_level h2{
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 8px;
}
.headbtn .font_level ol li{
	float: left;
	display: inline-block;
	margin: 0 3px;	
}
.headbtn .font_level ol li button{
	background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/font_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 30px;
	background-color: #ccc;
	border-radius: 15px;
	border: none;
    padding: 0;
	margin: 0;
    text-indent:0; font-size:15px; color:transparent;
	overflow: hidden;
}
.headbtn .font_level ol li button.on{
	background-color: #666666;
}
.headbtn .font_level ol li:nth-child(1) button{
	background-size: 32%;
}
.headbtn .font_level ol li:nth-child(2) button{
	background-size: 38%;
}
.headbtn .font_level ol li:nth-child(3) button{
	background-size: 44%;
}
.headbtn .font_level ol li:nth-child(4) button{
	background-size: 50%;
}

/*원고료주기 버튼*/
.headbtn .btn_money{
	position: absolute;
	border-radius: 20px;
	border: 1px solid #d9d9d9;
	padding: 7px 10px;
	display: block;
	vertical-align: middle;
	right: 8px;
	top: 0;
	margin-right: 0;
	background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/pay_c.png);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: left 7px top 9px;
	-webkit-background-size: 18px;
    -moz-background-size: 18px; 
}

.headbtn .btn_money .icon {
	width: 14px;
	margin-right: 5px;
}
	
.headbtn .btn_money .number {
	font-size: 12px;
	line-height: 14px;
	color: #333;
	font-weight:bold;
	}

@media (max-width: 320px){
	.headbtn .buttons button, .headbtn .buttons a{font-size: 12px} .headbtn .btn_money .number {font-size: 11px}
	.M-atc .headbtn li button, .M-atc .headbtn .buttons a{font-size: 11px; margin-right: 2px;} .M-atc .headbtn .btn_money .number{font-size: 11px;} 
}

/*2019 모바일 기사 최종면 :: 책동네 */
.book-info-wrap{position: relative;display: block;border: 1px solid #d9d9d9;padding: 11px 11px 11px 100px;margin-top: 35px;letter-spacing: -0.025em}
.book-info-wrap *{box-sizing: border-box}
.book-info-wrap > .book-cover{position: absolute;left: 11px;display: inline-block;width: 69px;height: 100px;background-repeat: no-repeat;background-position: center top;background-size: cover}
.book-info-wrap > .book-cover::after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid rgba(0,0,0,0.1)}
.book-info-wrap > .book-txt{position: relative;height: 100px;display: block}
.book-info-wrap > .book-txt > *{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.book-info-wrap > .book-txt > h1{font-size: 18px;font-weight: 600;height: 44px;line-height: 1.2em;color: #000}
.book-info-wrap > .book-txt > p{position: absolute;bottom: 11px;font-size: 13px;font-weight: 400;color: #8f8f8f;line-height: 1.2em}
.book-rec-list{margin-top: 23px;}
.book-rec-list > .title-wrap{position: relative;margin-bottom: 12px}
.book-rec-list > .title-wrap > h2{font-size: 15px;font-weight: 600}
.book-rec-list > .title-wrap > .more{position: absolute;top: 0;right: 0;display: inline-block;font-size: 12px;border: 1px solid #ccc;border-radius: 20px;padding: 0 13px;height: 24px;line-height: 24px;text-align: center;color: #333}
.book-rec-link{position: relative;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;background-color: #f1f1f1;padding: 5px 15px 5px 20px;font-weight: 400;color: #333}
.book-rec-link:hover{text-decoration:none;background-color: #e5e5e5;}
.book-rec-link::before{content: "";position: absolute;top: 20px;left: 12px;display: inline-block;width: 2px;height: 2px;border-radius: 50%;background-color: #333;}
/*2019 책동네 - 하단*/
.atc-bottom-book{margin-top: 15px;text-align: left;padding: 0 15px}
.atc-bottom-book *{box-sizing: border-box}
.atc-bottom-book > .title-wrap{position: relative;margin-bottom: 12px;padding: 0 66px 0 50px;height: 25px}
.atc-bottom-book > .title-wrap > .category{position: absolute;left: 0;top: 2px;font-size: 12px;color: #fff;padding: 0 7px;background-color: #ac8959;height: 20px;line-height: 20px;}
.atc-bottom-book > .title-wrap > h2{font-size: 15px;font-weight: 600;margin-left: 3px;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;overflow: hidden}
.atc-bottom-book > .title-wrap > h2 > strong{font-size: 19px;color: #000;font-weight: 700}
.atc-bottom-book > .title-wrap > .more{position: absolute;top: 0;right: 0;display: inline-block;font-size: 12px;border: 1px solid #ccc;border-radius: 20px;padding: 0 13px;height: 24px;line-height: 24px;text-align: center;}
.atc-bottom-book > .book-article{margin-top: 15px}
.atc-bottom-book > .book-article > .atc-link{display: block;margin-bottom: 10px}
.atc-bottom-book > .book-article > .atc-link > *{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.atc-bottom-book > .book-article > .atc-link > h2{font-size: 16px;font-weight: 400;margin-bottom: 10px}
.atc-bottom-book > .book-article > .atc-link > h2::before{content: "·";margin-right: 4px}
.atc-bottom-book > .book-article > .atc-link > strong{font-size: 14px;font-weight: 400;color: #ac8959;padding-left: 8px}
.swiper-book-wrap{text-align: left;margin-top: 25px}
.swiper-book-wrap > .title-wrap{margin-bottom: 10px;padding: 0 15px}
.swiper-book-wrap > .title-wrap > h2{height: 25px;line-height: 25px}
/*2019 모바일 기사 최종면 :: 책동네 - 스와이퍼*/
.swiper-book{position: relative;padding: 25px 0 35px;background: rgba(110,107,129,1);background: -moz-linear-gradient(left, rgba(110,107,129,1) 0%, rgba(144,132,117,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,107,129,1)), color-stop(100%, rgba(144,132,117,1)));background: -webkit-linear-gradient(left, rgba(110,107,129,1) 0%, rgba(144,132,117,1) 100%);background: -o-linear-gradient(left, rgba(110,107,129,1) 0%, rgba(144,132,117,1) 100%);background: -ms-linear-gradient(left, rgba(110,107,129,1) 0%, rgba(144,132,117,1) 100%);background: linear-gradient(to right, rgba(110,107,129,1) 0%, rgba(144,132,117,1) 100%);}
.swiper-book .book-info-wrap{border: none;background-color: #fff;margin: 0;padding: 25px 15px 25px 100px;}
.swiper-book .book-info-wrap .book-cover{left: 15px}
.swiper-book .book-info-wrap .book-txt{height: 85px}
.swiper-book .book-info-wrap .book-txt > h1{font-weight: 400;font-size: 16px;margin-top: 10px}
.swiper-book .book-info-wrap .book-txt > p{font-size: 14px;color: #ac8959}
.swiper-book .swiper-pagination{bottom: 15px;}
.swiper-book .swiper-pagination .swiper-pagination-bullet{width: 9px;height: 9px;}
.swiper-book .swiper-pagination .swiper-pagination-bullet-active{background-color: #fff;}

/*2019 pc 기사 최종면 :: 책동네 */
.arc-wrap .book-info-wrap{height: 122px;margin: 30px auto 0;width: 450px;box-sizing: border-box;}
.arc-wrap .book-info-wrap:hover{border-color: #000;text-decoration: none}
.arc-wrap .book-info-wrap > .book-txt > h1{margin-top: 10px}
.arc-wrap .book-rec-list{margin: 25px auto 50px;width: 450px;}
.arc-wrap .book-rec-link::before{top: 12px}
.arc-wrap .book-rec-list > .title-wrap{margin-bottom: 15px}
.arc-wrap .book-rec-list > .title-wrap > h2{font-size: 18px}
.arc-wrap .book-rec-list > .title-wrap > .more{font-weight: 400}


/*2019 동영상변경*/
.cssThumb5{position: relative;background-color: #000;margin-bottom: 20px;}
.cssThumb5 > .play{position: absolute;top: 40%;left: 45%;    z-index: 100; }
.bg-cover{display: block; background:#000;    width: 100%;height: 100%;position: absolute;opacity: .7;}
.cssThumb5 > .play > .mov-btn{background: url(http://ojsimg.ohmynews.com/images/mobile_2017/play.svg) 0 0px no-repeat;display: inline-block; width: 70px; height: 70px;}
.cssThumb5 > .play > .mov-btn:hover{opacity:.8;}
.cssEnd5{position: relative;background-color: #000;margin-bottom: 20px;}
.cssEnd5 .act-box{position: absolute;width: 100%;text-align: center;top:37%; z-index: 100;}
.arc-wrap .atc-text .cssEnd5 .act-box > a{display: inline-block;padding: 0px 20px;text-decoration: none;color: #fff;}
.cssEnd5 .act-box > a .return-btn{background: url(http://ojsimg.ohmynews.com/images/mobile_2017/return-w.svg) 0 3px no-repeat;display: inline-block; width: 70px;height: 70px;background-size: 100%;}
.cssEnd5 .act-box > a .recommend-btn{background: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec-w.svg) 5px 0px no-repeat;background-size: 90%;display: inline-block;width: 70px;height: 70px;}
.cssEnd5 .act-box > a > strong{display: block;color: #FFFFFF;font-size: 16px;font-family: 'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;padding: 5px;font-weight: 100;}
.cssEnd5 .act-box > a:hover{text-decoration: none;opacity:.8;}
.cssEnd5 .list-link{width: 100%;}
.cssEnd5 .w{position: absolute;top:33%;}
.cssEnd5 .h{position: absolute;top: 18%;}
.cssEnd5 .list-link > .list {text-align: center;position: relative;}
.cssEnd5 .list-link > .list > li.w-view {display: inline-block;width: 124px;}
.cssEnd5 .list-link > .list > li.h-view {display: inline-block;width: 132px;margin: 0px 10px;}
.cssEnd5 .list-link > .list > li > a {display: block;color: #fff;}
.cssEnd5 .list-link > .list > li > a > h5 {color: #fff;line-height: 16px;text-align: left;font-weight: 400;padding: 5px;}
.cssEnd5 .list-link .list-img{}
.cssEnd5 .list-link .list-img:hover {transform: scale(1.03);}
.cssEnd5 .list-link > .list > button{position: absolute;top:0%; background: transparent;border: none;color: transparent;}


/* 최종면 하단 그룹소개박스 */
.B-atc .group-box-wrap {width: 640px;margin: 0 auto;border-top:4px solid #329065;border-bottom:1px solid #329065;border-left:1px solid #329065;border-right:1px solid #329065;position: relative;color:#000;padding:5px 10px;background: #f9f9f9;margin-top:20px}
.B-atc .group-box-wrap a{font-weight: normal}
.group-box-wrap {margin: 0 auto;border-top:4px solid #329065;border-bottom:1px solid #329065;border-left:1px solid #329065;border-right:1px solid #329065;position: relative;color:#000;padding:5px 10px;background: #f9f9f9;margin-top:20px}
.group-box-wrap .group-box-top {font-size:14px;color:#000; padding:8px 5px;}
.group-box-wrap .group-tit {font-size: 16px;font-weight:bold;color: transparent;font-family:serif;background-image: url(http://ojsimg.ohmynews.com/images/ohmynews/group/logo_group.png);background-size: contain;background-repeat: no-repeat;vertical-align: middle;padding-right: 5px;}
.group-box-wrap .group-name {font-size:13px;font-weight:bold;color:#333;margin-left: 10px;}
.group-box-wrap .group-URL {font-size: 12px;color:#231f20;letter-spacing: 0.007em;line-height: 14px;margin-left: 7px;font-weight: normal}
.group-box-wrap .group-URL:before{content: ""; margin-right: 5px}
.group-box-wrap .group-intro {font-size:14px;color:#333;padding:5px 0 10px 5px;letter-spacing:-0.5px;line-height: 16px;font-weight: normal;}
.group-box-wrap .notice {font-size:12px;color:#666;padding: 10px 5px;letter-spacing:-0.5px;line-height: 16px;}


@media (max-width: 767px){
    .group-box-wrap .group-URL{display: block;margin-left: 0;}
    .group-box-wrap .group-URL:before{content: ""; }
}

/* 기사리스트 - 분류명 아이콘추가 : 그룹 */
.icon-grp{display:inline-block; height:15px; font-size: 10px;padding: 0 5px;color: transparent;border-radius: 10px;vertical-align: middle;font-weight: 400;letter-spacing: -0.5px;margin-left: 8px;background-image: url(http://ojsimg.ohmynews.com/images/ohmynews/group/logo_group.png);background-size: contain;border: 1px #329065 solid;background-repeat: no-repeat;background-position: center;}