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

/* CSS RESET */
* { font-family: 'Malgun Gothic','돋움',dotum,Helvetica,AppleSDGothicNeo,'Apple SD Gothic Neo',sans-serif; letter-spacing: -0.025em; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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{outline: none;}
a {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; 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;
}
.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: 41;
    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: 0;
    left: 5px;
}
.header-wrap header .drawer {    
    width: 50px;
    height: 50px;
    display: inline-block;
}
.header-wrap header .drawer span{
    width: 30px;
    height: 3px;
    background-color: #777;
    text-indent: -9999em;
    display: block;
    position: absolute;
    top: 22px;
    left: 10px;
}
.header-wrap header .drawer span:before{
    content: '';
    width: 30px;
    height: 3px;
    background-color: #777;
    display: block;
    position: absolute;
    top: -8px;
}
.header-wrap header .drawer span:after{
    content: '';
    width: 30px;
    height: 3px;
    background-color: #777;
    display: block;
    position: absolute;
    top: 8px;
}


.header-wrap header h1{float: left;}
.header-wrap header .logo{ height: 38px;}

.header-wrap header .logo a{
    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: center center;
}

.header-wrap header .logo a span{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;    
}
.header-wrap header .rt_btns{
    position: absolute;
    right: 5px;
    top: 7px;
    display: inline-block;
}
.header-wrap .rt_btns button{
    text-indent: -999em;
    display: inline-block;
    width: 36px;
    height: 34px;
    border: 0;
    background-color: transparent;
}
.header-wrap .rt_btns .myroom{    
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_myroom.svg);
    background-repeat: no-repeat;
    background-position: center center;
    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: center center;
    background-size: 64%;
}

.header-wrap .rt_btns .reply{    
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 64%;
    opacity: .5;
}
.header-wrap .rt_btns .thumb{   
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_thumb_b.svg);
    background-repeat: no-repeat;
    background-position: center center;    
    background-size: 64%;
    opacity: .5;
}
.header-wrap .rt_btns .thumb.on{ 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_thumb_g.svg);
    opacity: 1;
}
.header-wrap .rt_btns .share{ 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_share.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 74%;
    opacity: .5;
}
.header-wrap .rt_btns button:last-child{
    margin-right: 3px;
}
.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: -999em;
    margin: 0 8px 0 0;   
    border: 1px solid #cecece;
    background-repeat: no-repeat;
    background-position: center center;
    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;
}

.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: center center;
    width: 18px;
    height: 18px;
    display: inline-block;
    opacity: 0.5;
    text-indent: -9999em;
}
.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: center center;
    width: 18px;
    height: 18px;
    display: inline-block;
    opacity: 0.5;
    text-indent: -9999em;
}
.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: center center;
    width: 18px;
    height: 18px;
    display: inline-block;
    opacity: 0.5;
    text-indent: -9999em;
}

.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{}
.header-wrap header nav ul li{
    float: left;
    margin: 0 20px; 
}
.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;
    border-radius: 20px;
    -webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-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: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-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: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-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: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-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: center center;
    background-color: #a5a5a5;
    background-size: 18px;
    -webkit-background-size:18px;
    -moz-background-size:18px;
    -ms-background-size:18px;
    -o-background-size:18px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
    width: 36px;
    height: 36px;
    text-indent: -9999em;
    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: center center;
    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: -9999em;
}
.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{}
.header-wrap .hide-nav .nav li{}
.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 .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 .search{}
.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: center center;
    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: -9999em;
}

.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%;
    }       
    .header-wrap header .drawer span {
        top: 23px;
        left: 10px;
    }   
}

/* tablet 까지 */
@media only screen and (max-width: 800px){
    .header-wrap header nav{ 
        display: none;
    }
    .header-wrap header .sub-nav-wrap{
        display: none;
    }
    .header-wrap header .logo{ 
        padding-left: 45px;
    }
    .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: 8px 11px 6px;
        height: 38px;
    }
    .header-wrap header .drawer span, .header-wrap header .drawer span:before, .header-wrap header .drawer span:after {
        width: 28px;
        background-color: #fff;
    }
    .header-wrap .atchead {
        background-color: #fff;
    }
    .header-wrap .atchead .drawer span, .header-wrap .atchead .drawer span:before, .header-wrap .atchead .drawer span:after {
        background-color: #777;
    }
    .header-wrap .atchead .logo a {
        background-image: url(http://ojsimg.ohmynews.com/images/star/2016/logo.svg);
    }
}

/* tablet 이후 */
@media only screen and (min-width: 801px){
    .header-wrap header .rt_btns{
        display: none;
    }
    .header-wrap header .drawer-box {
        top: 10px;
        left: 10px;
    }
    .header-wrap header .logo a {
        width: 130px;
        height: 36px;
    }
    .header-wrap .clearfixafter h1 {
        margin-left: 50px;
    }
    .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: 801px) 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){
    body .header-wrap .clearfixafter h1 {margin-left: 60px;}
    form .cont-wrap.list { padding-top: 130px;}
}
@media only screen and (min-width: 1140px) and (max-width: 1199px){
    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: 1140px){
    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 .drawer span, .header-wrap.follow header .drawer span:before, .header-wrap.follow header .drawer span:after {
    width: 30px;
    background-color: #777;
}
.header-wrap.follow header .logo a {
    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: center center;
}

.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: 801px){
    .header-wrap.follow header { width: 1024px; padding: 20px;}
}
@media only screen and (min-width: 801px) 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: 52px;
}

.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: 11px;
    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;
}




@media only screen and (max-width: 336px){
    .main-wrap .ad-box { display: none;}    
}
@media only screen and (min-width: 480px) and (max-width: 800px){
    .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: 130px;}
    .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: 801px){
    .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: 14px;
}
.M-atc header .ctg-btn{
    margin-bottom: 6px;    
    padding: 0 15px;
}
.M-atc header .ctg-btn li{
    float: left;
}
.M-atc header .ctg-btn a{
    display: inline-block;
    font-size: .7em;  
    color: #777;    
    height: 22px;
    line-height: 1.9em;
    padding: 0 7px;
}
.M-atc header .ctg-btn .type1{
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-bottom: 1px solid #777;
}
.M-atc .ctg-btn .type1:last-child{ 
    border-right: 1px solid #999;
}
.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 .headline h2{
    font-size: 1.6em;
    color: #333;
    line-height: 1.32em;
    letter-spacing: -0.08em;
    margin-bottom: 6px;
}
.M-atc .headline h3{
    font-size: .95em;
    color: #444;
    line-height: 1.4em;
    letter-spacing: -0.04em;
    font-weight: normal;
}

.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: 3px;
}
.M-atc .headetc .rpt a{
    color: #79bf00;
    margin-left: 0;
}
.M-atc .headetc .date { 
}
.M-atc .headetc .date em{
    font-style: normal;
}
.M-atc .headetc .date span{
    margin: 0 5px 0 10px;
}

.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: .75em;
    line-height: 1.2em;
}
.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: center center;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 3px;
}
.M-atc .headbtns .count{  
}
.M-atc .headbtns .thumb{}
.M-atc .headbtns .thumb .icon{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_thumb_b.svg);
    opacity: .4;
    height: 18px;
}
.M-atc .headbtns .thumb.on .icon{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_thumb_g.svg);
    opacity: 1;
}
.M-atc .headbtns .reply{}
.M-atc .headbtns .reply .icon{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy.svg);
    opacity: .4;
    margin-right: 4px;
}

.M-atc .headbtns .share .icon {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_share.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{
}
.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 .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: -999em;
    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 li {
}
.M-atc .atc-btns a {
    width: auto;
    height: 24px;
    padding: 24px 24px 26px 16px;
}
.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 .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 .copyright {
    padding: 10px 0;
}
.M-atc article .copyright p {
    font-size: .7em;
    color: #999;
    line-height: 1.3em;
    letter-spacing: -0.06em;
}

.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 #c8c8c8;
    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 16px 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: auto;
    object-fit: cover;
    object-position: center center;
}
.M-atc .rpt-info .name-box {
    display: inline-block;
    font-size: .8em;
    color: #333;
    line-height: 2.7em;
}
    
.M-atc .rpt-btns li {
    float: left;
}
.M-atc .rpt-btns li a{
    width: 31px;
    height: 34px;    
    display: inline-block;
    text-indent: -9999em;
}

.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: -999em;
    background-color: transparent;
    border: 0;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/fold.svg);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .8;
}
.M-atc .unfold {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 20px;
    height: 20px;
    text-indent: -999em;
    background-color: transparent;
    border: 0;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/unfold.svg);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .8;
}
.M-atc ul li .rpt-box .rpt-btns{
}

.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;
}

@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: 130px 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{}

.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: center center;
}

.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;
   /* white-space: nowrap;  width: 248px;  text-overflow: ellipsis;*/
    
}
.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;
    height: 148px;
    border: 1px solid #c8c8c8;
    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: 20px;
    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;
    border: 1px solid rgba(0,0,0,0.1);
    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: center center;
}
.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 #c8c8c8;
    padding: 46px 50px 54px 50px;
    margin-top: 20px;
}
.list-wrap .splist-cover .tit{
    width: 450px;
    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 #c8c8c8;
    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;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-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: auto;
    object-fit: cover;
    object-position: center center;
}

.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: 2px;
}
.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{}

.list-wrap .splist-cover .rpt-btns ul{}

.list-wrap .splist-cover .rpt-btns li{ float: left;}

.list-wrap .splist-cover .rpt-btns li a{
    display: inline-block;
    text-indent: -9999em;
    width: 34px;
    height: 30px;
}

.rpt-btns ul .zzim{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-zzim.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 0.5;
}
.rpt-btns ul .zzim:hover{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-zzim-g.svg); opacity: 1;}
.rpt-btns ul .zzim.on{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-zzim-r.svg); opacity: 1;}
.rpt-btns ul .note{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-note.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 21px;
    -webkit-background-size:21px;
    -moz-background-size:21px;
    -ms-background-size:21px;
    -o-background-size:21px;
    opacity: 0.5;
}
.rpt-btns ul .note:hover, .rpt-btns ul .note.on{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-note-g.svg); opacity: 1;}
.rpt-btns ul .fb{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 21px;
    -webkit-background-size:21px;
    -moz-background-size:21px;
    -ms-background-size:21px;
    -o-background-size:21px;
    opacity: 0.5;
}
.rpt-btns ul .fb:hover, .rpt-btns ul .fb.on{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb-g.svg); opacity: 1;}
.rpt-btns ul .tw{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    -webkit-background-size:22px22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 0.5;
}
.rpt-btns ul .tw:hover, .rpt-btns ul .tw.on{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw-g.svg); opacity: 1;}
.rpt-btns ul .more{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-more.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    -webkit-background-size:22px22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 0.5;
}
.rpt-btns ul .more:hover, .rpt-btns ul .more.on{background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-more-g.svg); opacity: 1;}


.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: center center;
}

.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;
    
}
.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: auto;
    object-fit: cover;
    object-position: center center;
}
.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: -9999em;
}

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

/* 기본 */
@media only screen and (max-width: 971px) {
    .list-wrap{ 
        width: auto;
        background-color: transparent;
        padding-top: 0;
    }    
    .cont-wrap.list {
        padding-top: 52px;
    }
    .cont-wrap.list li{
    }
    
    .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: 50%;
    }
    .list-wrap .cont-list.basic ul li {
        width: auto;
        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;
    }
    .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-box {
        margin-top: 3px;
    }
    
    .list-wrap .splist-cover .rpt-info .name {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .list-wrap .splist-cover .rpt-info .else {
        margin-left: 3px;
        text-decoration: underline;
    }
    .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;
        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);
        display: block;
    }
    .list-wrap .cont-list.special .photo-box .thum {
        float: left;
        width: auto;
        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;
    }
    
    .rpt-btns ul .zzim {
        background-position: center center;        
    }
    
    .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: 110px;
        height: 110px;
        margin: 0 6px;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .thum {
        width: 110px;
        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: inline-block;
        margin: 0 11px 15px;
        width: auto;
    }    
    .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;
        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 .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 li {
        width: auto;
        margin: 0 0 14px;
    }
    .list-wrap .cont-list.phtoG .photo-box {
        margin: 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.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: 298px;
    }
    .list-wrap .cont-list.phtoG .photo-box .tit {
        width: auto;
        margin: 0;
        display: block;
        padding: 14px 20px 20px;
        white-space:normal; 
    }
    .list-wrap .cont-list.phtoG .photo-box .tit a {
        font-size: 16px;
        line-height: 1.2em;
        display: block;
    }
    .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.basic .basic-box .atc-text {
    }
    .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.phtoG .photo-box .thum img {
        height: 250px;
    }
    .list-wrap .cont-list.phtoG .photo-box .tit a {
        overflow: hidden;
        max-height: 19px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .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;
    }
    
    
}

/* 아이폰 6+ ~ 5 landscape 까지 */
@media only screen and (min-width: 414px) and (max-width: 480px) {
    .list-wrap .cont-list .splist-banner .splist-thum li {
        width: 158px;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .thum {
        width: 158px;
    }
    .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;
    }
}

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

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


/* 아이폰 6 ~ 아이폰6+ 전 까지 */
@media only screen and (min-width: 375px) and (max-width: 413px) {
    .list-wrap .cont-list .splist-banner .splist-thum li {
        width: 138px;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .thum {
        width: 138px;
    }
}

/* 갤럭시s5 ~ 아이폰6 전 까지 */
@media only screen and (min-width: 360px) and (max-width: 374px) {
    .list-wrap .cont-list .splist-banner .splist-thum li {
        width: 131px;
    }
    .list-wrap .cont-list .splist-banner .splist-thum .thum {
        width: 131px;
    }
}

/* 아이폰 landscape 이후 */
@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;
    }
    .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;
    }
    .list-wrap .splist-cover .rpt-info .name {
        display: inline-block;
        float: left;
        font-size: 15px;
    }
    .list-wrap .splist-cover .rpt-info .else {
        display: inline-block;        
        font-size: 14px;
        margin-left: 8px;
    }
    .list-wrap .splist-cover .rpt-info .name-box {
    margin-top: 9px;
    }
}

/* 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-list.phtoG .photo-box .thum img {
        height: 280px;
    }
    .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: 801px) {
    .rpt-layer{
        padding: 30% 0 0 0;
        background-color: rgba(0,0,0,0.4);
    }
    .rpt-layer .tit {
        width: 342px;
        margin: 0 auto;
        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);
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        -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;
    }
    .rpt-layer > ul {
        width: 370px;
        padding-bottom: 10px;
        background-color: #fff;
        margin: 0 auto;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        -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;
    }
}

@media only screen and (min-width: 972px) {
    .rpt-layer{
        padding: 18% 0 0 0;
    }
}








/*------------------------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: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    background-repeat: no-repeat;
    text-indent: -9999em;
}
.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{}
.left-wrap header .logo a{
    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: center center;
}

.left-wrap header .logo a span{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;    
}

.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: center center;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-indent: -9999em;
    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: center center;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-indent: -9999em;
    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: center center;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-indent: -9999em;
    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: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: 0;
    text-indent: -9999em;
    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;
}
.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;
   
}
.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 .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{
    
}
.arc-wrap .serial-nav .srl-before{
    position: fixed;
    top: 45%;
    z-index: 3;
    left: 0;
}
.arc-wrap .serial-nav .srl-before .arrow{
    width: 40px;
    height: 104px;
    background-color: #86BF18;
    display: inline-block;
    float: left;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_arrow_l.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: center center;
}
.arc-wrap .serial-nav .srl-after .arrow{
    width: 40px;
    height: 104px;
    background-color: #86BF18;
    display: inline-block;
    float: right;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_arrow_r.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: center center;
}
.arc-wrap .serial-nav .text{
    border: 1px solid #86BF18;
    display: inline-block;
    background-color: #fff;
    width: 278px;
    height: 102px;
}
.arc-wrap .serial-nav .srl-after .text{
}

.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 li a{
    text-indent: -9999em;
    display: inline-block;
    width: 42px;
    height: 44px;
}

.btn-box .prt{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_prt.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 0.5;
}
.btn-box .prt:hover, .btn-box .prt.on{
    background-color: #808080;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_prt-w.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 1;
}
.btn-box .bmk{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_bmk.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 0.5;
}
.btn-box .bmk:hover, .btn-box .bmk.on{
    background-color: #808080;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_bmk-w.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 1;
}
.btn-box .rpy{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 0.5;
}
.btn-box .rpy:hover, .btn-box .rpy.on{
    background-color: #808080;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy-w.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 1;
}
.btn-box .fb{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 0.5;
}
.btn-box .fb:hover, .btn-box .fb.on{
    background-color: #3b579d;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb-w.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 1;
}
.btn-box .tw{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 0.5;
}
.btn-box .tw:hover, .btn-box .tw.on{
    background-color: #1da1f2;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw-w.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
    opacity: 1;
}
.btn-box .els{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_els.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 0.5;
}
.lielse{
    position: relative;
}
.btn-box .btn-else{
    z-index: 1;
    display: block;
    position: absolute;
    top: 43px;
    right: -87px;
    width: 168px;
    height: 78px;
    padding: 12px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.arc-wrap .btn-box .btn-else:after{
    position:absolute;
    top: -12px;
    left: 75px;
    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 ul{
   
}
.btn-box .btn-else li{ 
    border: none;
    width: 36px;
    height: 36px;
    margin: 0 3px;
}
.btn-else .url{
    margin: 12px 3px 0 3px;
}
.btn-else .url input{
    float: left;
    width: 116px;
    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-color: #808080;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_els-w.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 1;   
}

.btn-box .zin{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zin.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 0.5;
}
.btn-box .zin:hover, .btn-box .zin.on{
    background-color: #808080;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zin-w.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 1;
}
.btn-box .zou{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zou.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 0.5;
}
.btn-box .zou:hover, .btn-box .zou.on{
    background-color: #808080;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zou-w.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    -webkit-background-size:20px;
    -moz-background-size:20px;
    -ms-background-size:20px;
    -o-background-size:20px;
    opacity: 1;
}

.btn-else .glp{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_glp.svg);    
    background-repeat: no-repeat;
    background-position: center center;
    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: center center;
    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: center center;
    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: center center;
    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: center center;
    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: center center;
    background-size: 23px;
    -webkit-background-size:23px;
    -moz-background-size:23px;
    -ms-background-size:23px;
    -o-background-size:23px;
    background-color: #1da1f2;
}

.arc-wrap .atc-text{
    width: 100%;/*width: 774px;*/
    padding-top: 36px;
    position: relative;
}
.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 .text font{}
.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: -999em;
    /*width: 28px;
    height: 28px;
    margin: 0 6px; */
    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: center center;
    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: center center;
    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 .slid:hover, .arc-wrap .atc-text .photo-inside .btn .slid:hover{
    /*background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_slid.svg);
    opacity: 1;*/
}
.photo-box .btn .zoom:hover, .arc-wrap .atc-text .photo-inside .btn .zoom:hover{
   /* background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zoom.svg);
    opacity: 1;*/
}
.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;
    padding: 15px 0;
}
.arc-wrap .atc-text .add-comment:after{
    content: "";
    display: block;
    clear: both;
}
.arc-wrap .atc-text .add-comment .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-comment .txt{
    font-size: 14px;
    color: #7c7c7c;
    display: inline-block;
    width: 520px;
    line-height: 1.3em;
}

.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 .copyright{
    width: 640px;
    margin: 0 auto;
    padding: 20px 0;
}
.arc-wrap .atc-text .copyright p{
    display: inline-block;
    font-size: 11px;
    color: #999;
}
.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;
}
.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 .lielse li{
    
}
.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: -9999em;
    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: center center ;
    background-size: 22px;
    -webkit-background-size:22px;
    -moz-background-size:22px;
    -ms-background-size:22px;
    -o-background-size:22px;
}
.atc-btns .recommend{}
.atc-btns .recommend:hover{}
.atc-btns .recommend .ico.thumb{ 
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_thumb.svg);
}
.atc-btns .reply{}
.atc-btns .reply:hover{}
.atc-btns .reply .ico.reply{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy-w.svg);
}
.atc-btns .share{}
.atc-btns .share:hover{}
.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{}

.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 .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;
}

.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 .prt {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_prt-w.svg);
    opacity: 0.6;
}
.W-atc .btn-box .bmk {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_bmk-w.svg);
    opacity: 0.6;
}
.W-atc .btn-box .rpy {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpy-w.svg);
    opacity: 0.6;
}
.W-atc .btn-box .fb {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-fb-w.svg);
    opacity: 0.6;
}
.W-atc .btn-box .tw {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_rpt-tw-w.svg);
    opacity: 0.6;
}
.W-atc .btn-box .els {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_els-w.svg);
    opacity: 0.6;
}

.W-atc .btn-box .zin {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zin-w.svg);
    opacity: 0.6;
}
.W-atc  .btn-box .zou {
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_zou-w.svg);
    opacity: 0.6;
}

.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.45;
    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 .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 .text strong{}
.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 .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{}
.xarea-wrap .rpt-card-box{    
    position: relative;
    background-color:#eee; 
    border-top:1px solid #d9d9d9; 
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    padding: 22px 0;
    height: 260px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    cursor: pointer;
}
.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: center center;
    opacity: 0.5;
    display: inline-block;
    text-indent: -999em;
}
.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: center center;
    opacity: 0.5;
    display: inline-block;
    text-indent: -999em;
}
.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;
}
.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: -999em;
    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;
    margin:0 22px; 
    text-align: left;
    height: 76px;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    line-height: 1.6em;
    padding-bottom: 10px;
    white-space: normal;
}
.rpt-card .new-atc{
    margin:8px 22px 0 22px; 
    text-align: left;
    position: relative;
}
.rpt-card .new-atc .tit{ 
    font-size: 13px;
    color: #2b2b2b;
    position: absolute;
    top: 2px;
    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: 250px;
}
.xarea-wrap .comment.wide{
    width: 700px;
    padding-left: 0;    
}

.atc-tab{
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100%;
    border-top: 2px solid #333;
    background: #fff;
    min-width: 1024px;
}
.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;
    /*margin-bottom: 1px;*/
    display: inline-block;
}
/*.atc-tab .title li a{
    font-size: 16px;
    color: #999;
    vertical-align: middle;
}
.atc-tab .title li a:hover{ 
    color: #333;
    border-bottom: 1px solid #333;
}
*/
.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: center center;
    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: center center;
}

.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;
}
.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: 27px;
    left: 283px;
    width: 30px;
    height: 24px;
    text-indent: -999em;
    background-color: transparent;
    border: 0;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/fold.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.atc-tab .title .fold{   
    width: 30px;
    height: 24px;
    text-indent: -999em;
    background-color: transparent;
    border: 0;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/fold.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.atc-tab .unfold{
    display: inline-block;
    width: 30px;
    height: 24px;
    text-indent: -999em;
    background-color: transparent;
    border: 0;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/unfold.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}







/*------------------------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-side{}
.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{
    color: #fff;
    position: relative;
    padding: 10px 0 12px;
    background-color: #666;
    text-align: center;
    font-size: 1.2em
}
.sh_layer .share .tit .close{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 14px;
    text-indent: -999em;
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/icon_close-w.svg);
    background-repeat: no-repeat;
    border: 0;
    background-color: transparent;
}
.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: -999em;
    background-repeat: no-repeat;
    border: none;
    border-radius: 25px;
}
.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/star/2016/btn_fb.svg);
}
.sh_layer .share ul .tw button{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_tw.svg);
}
.sh_layer .share ul .kt button{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_kt.svg);
}
.sh_layer .share ul .ks button{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_ks.svg);
}
.sh_layer .share ul .gg button{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_gg.svg);
}
.sh_layer .share ul .bd button{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_bd.svg);
}
.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);
}
.sh_layer .share ul .em a{
    background-image: url(http://ojsimg.ohmynews.com/images/star/2016/btn_em.svg);
}

.sh_layer .share .copyurl{
    padding: 0 20px 16px;
}
.sh_layer .share .copyurl .url{
    display: inline-block;
    padding: 8px 0 11px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 1.1em;
    color: rgba(0,0,0,.8);
    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 .exp{
    font-size: .85em;
    color: rgba(0,0,0,.5);
    margin: 5px 0 10px;
    width: 100%;
}

@media only screen and (min-height: 320px) 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;
    }
}







/*------------------------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 ul{}
.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: 414px){
    body .btn_top {
        right: 0;
        bottom: 0;
    }
}


.ft_wrap{
    font-size: 0.8em;
}
.ft_wrap footer{
    text-align: center; 
    padding-bottom: 14px;
    background: linear-gradient(to bottom, rgb(43, 43, 43) 50%,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{
    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: -999em;
    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;   
}


/*--------좋은 기사 원고료-------------------------------*/
/*댓글쓰기레이어창*/
.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;
}