@charset "UTF-8";
/* CSS Document */

@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);


div.n_article_list{
/*        margin-right: 40%;*/
}


div.floating_banner {
    width: 170px;
    position: fixed;  
    z-index: 100;
    top: 280px;
    left: calc(calc((100% - 1200px)/2) +  1220px);
/*    width: calc(100% - 1400px);*/
/*    margin-left: 20px;*/
    right: 30px;
}




ul.magazine_menu {
    border: 1px solid #f0f0f0;
    background-color: white;
    width: 170px;
    height: 327px;
    text-align: center;
    border-top: 5px solid #a6937c;
}

ul.magazine_menu li{
    width: 169px;
    height:49px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
    padding-top: 11px;

    
}

div.event_banner_menu{
    width: 175px;
    height: 336px;

}

ul.magazine_menu .float_noblesse img {
    width:105%;
}



ul.magazine_menu .float_artnow img {
    width:70%;
    margin-top: 2px;
/*    border: 1px solid red;*/
}


ul.magazine_menu .float_men img {
    width:73%;
    margin-top: 2px;
}


ul.magazine_menu .float_wedding img {
    width:98%;
/*    margin-top: 2px;*/
}


ul.magazine_menu .float_mall img {
    width:68%;
}

ul.magazine_menu .float_collection img {
    width:90%;
}


ul.magazine_menu .float_china img {
    width: 65%;
    border: 0;
}


ul.magazine_menu .float_mall {
    border: 0;
    height: 30px;
    margin-top: 10px;
}


ul.magazine_menu .float_collection {
    height: 30px;
    border: 0;}


ul.magazine_menu .float_china {
    height: 30px;
    border: 0;
    margin-bottom: 20px;
}

.floating_banner .event_banner_menu {
    margin-top: 15px;
}



/*타블렛 플로팅 배너 css*/

ul.Tablet_magazine_menu {
    position: relative;
    background-color: white;
    left: 0px;
/*    bottom: 0;*/
    z-index: 100;
    width:100%;
    height: 24px;
/*    border-top: 0.8px solid #cecece;*/
    background-color: white;
/*    margin: 0 auto;*/
    padding: 18px 0px 20px 0px;
}

div.T_floating_banner.fixed {
	position : fixed;
    border: 0px;
	top : 0px;
	z-index : 10000;
    width: 100%;
}



ul.Tablet_magazine_menu li {
    float: left;
    margin-left: 3%;
    text-align: center;
    height: 30px;
}

ul.Tablet_magazine_menu li img{
    width:100%;
    max-height: 30px;
    margin-top: 2px;
    transform: translateY(-50%);
}


ul.Tablet_magazine_menu .T_float_noblesse {
    width: 9.8%;
    
}

ul.Tablet_magazine_menu .T_float_noblesse img {
    width: 100%;
    
}

ul.Tablet_magazine_menu .T_float_artnow {
    width: 8%;
}

ul.Tablet_magazine_menu .T_float_men {
    width: 6%;
}


ul.Tablet_magazine_menu .T_float_wedding {
    width: 8.6%;
}

ul.Tablet_magazine_menu .T_float_mall {
    width: 14%;
}

ul.Tablet_magazine_menu .T_float_collection {
    width: 19%;
}

ul.Tablet_magazine_menu .T_float_china {
    width: 10%;
}

ul.Tablet_magazine_menu .T_float_china img{
/*    padding-bottom: 2px;*/
}


ul.Tablet_magazine_menu .T_float_collection img{
/*    border: 1px solid blue;*/
/*    width: 104%;*/
/*    vertical-align: center;*/
}


/* 1600이하 */

/*
@media (min-width:1600px) { PC 
    
    div.T_floating_banner{display: none;}
    div.floating_banner{display: block;}
}


@media (max-width:1600px) { 타블렛 
    div.floating_banner{display: block;}
    div.T_floating_banner{display: block;}
}
    
*/


/* 1200이하 */

/*
@media (min-width:1600px) { PC 
    div.floating_banner{display: block;}
}
*/

 
@media (min-width:1400px) {/* PC */
div.floating_banner{display: block;}
div.T_floating_banner{display: none;}
}

/*
@media (max-width:1600px) { 
    div.floating_banner{display: none;}
}
*/

@media (max-width:1400px) {/* PC */
div.floating_banner{display: none;}
div.T_floating_banner{display: block; border-bottom: 1px solid #e1e1e1;}
}
    

@media (max-width:760px) {/* 모바일 */
    div.T_floating_banner{display: none;}

}