/* BASIC css start */
#prdBrand .cate-wrap .bcate { text-align: center; font-size: 14px; font-weight: bold; }
#prdBrand .cate-wrap .mcate { zoom: 1; overflow: hidden; margin: 20px 0; padding: 10px 0 10px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#prdBrand .cate-wrap .mcate li { float: left; padding: 10px 20px 10px 10px; background: url(/images/d3/hot_issue/common/bull_w7_h7_red.gif) no-repeat 0 45%; }
#prdBrand .cate-wrap .mcate li a:hover { text-decoration: underline; }



.grid ul li p.thumb-size img {width:121px !important; height:121px !important;}

/* best-evt /makeshop/newmanager/neodesign_design_edit.html?dgnset_id=6991&page_type=main&design_id=1#edit_body*/
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }
/* main_event_rolling */
.m_title { position:relative; z-index:1; }
.m_title div { position:absolute; top:408px; }
.m_title li { float:left; text-align:center; width:170px; padding-top:21px; }
.m_title li a { display:inline; width:170px; height:19px; padding:21px 10px 13px; text-align:center; color:#fff; font:"돋움" 11px; }
.m_title li a:hover { color:#fff; font-weight:bold; text-decoration:none; }

#mainimg{float:left;width:679px;height:458px;border:1px solid #e4e4e4;}
.main_promotion{width:680px;height:458px;overflow:hidden;}
.main_promotion .promotion_btn{position:absolute;top:420px;left:0px;clear:both;width:1000px;padding:0;margin:0;}
.main_promotion .promotion_btn li{float:left;line-height:0;font-size:0;}
.main_promotion .promotion_view{float:left;width:680px;}
.main_promotion .promotion_view a {float:left;}
.main_promotion .promotion_view img{display:none;}

/*가이드*/
#guide01 { background:url(/design/bodymax/images/guide_01.jpg) 0 0 no-repeat; float:left; width:513px; height:237px; }
#guide02 { background:url(/design/bodymax/images/guide_02.jpg) 0 0 no-repeat; float:left; width:511px; height:237px; }
#guide03 { background:url(/design/bodymax/images/guide_03.jpg) 0 0 no-repeat; float:left; width:513px; height:241px; }
#guide04 { background:url(/design/bodymax/images/guide_04.jpg) 0 0 no-repeat; float:left; width:511px; height:241px; }/* best-evt /makeshop/newmanager/neodesign_design_edit.html?dgnset_id=6991&page_type=main&design_id=1#edit_body*/
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }
/* main_event_rolling */
.m_title { position:relative; z-index:1; }
.m_title div { position:absolute; top:408px; }
.m_title li { float:left; text-align:center; width:170px; padding-top:21px; }
.m_title li a { display:inline; width:170px; height:19px; padding:21px 10px 13px; text-align:center; color:#fff; font:"돋움" 11px; }
.m_title li a:hover { color:#fff; font-weight:bold; text-decoration:none; }

#mainimg{float:left;width:679px;height:458px;border:1px solid #e4e4e4;}
.main_promotion{width:680px;height:458px;overflow:hidden;}
.main_promotion .promotion_btn{position:absolute;top:420px;left:0px;clear:both;width:1000px;padding:0;margin:0;}
.main_promotion .promotion_btn li{float:left;line-height:0;font-size:0;}
.main_promotion .promotion_view{float:left;width:680px;}
.main_promotion .promotion_view a {float:left;}
.main_promotion .promotion_view img{display:none;}

/*가이드*/
#guide01 { background:url(/design/bodymax/images/guide_01.jpg) 0 0 no-repeat; float:left; width:513px; height:237px; }
#guide02 { background:url(/design/bodymax/images/guide_02.jpg) 0 0 no-repeat; float:left; width:511px; height:237px; }
#guide03 { background:url(/design/bodymax/images/guide_03.jpg) 0 0 no-repeat; float:left; width:513px; height:241px; }
#guide04 { background:url(/design/bodymax/images/guide_04.jpg) 0 0 no-repeat; float:left; width:511px; height:241px; }

.guide01 { text-align:left; margin-top:202px; margin-left:30px; }
.guide01 span a { color:#ce0f0f; font-size:11px; text-decoration:underline; }
.guide02 { text-align:left; margin-top:196px; margin-left:30px; }
.guide02 span a { color:#ce0f0f; font-size:11px; text-decoration:underline; }


.mainslider_wrap {

    
    position: relative;
    overflow: hidden;
    height: 500px;
    margin: 0 auto;


}

.mainslider {

    
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0px;


}

/*--------------------------------------------*/
/****************** FOCUS ON ******************/
/*--------------------------------------------*/

.focuson {

    overflow: hidden;
    width:1100px; 
    height:500px; 
    margin:0 auto 100px;
    
}




/* 타이틀 공통 */
.main_title {

    position: relative;
    text-align: center;
    padding: 50px 0 70px 0;
    
}
.main_title:first-child {padding: 80px 0 70px 0;}

.main_title h2 {

    font-weight: 700;
    font-size: 15px;
    padding: 0 20px 10px 20px;
    display: inline-block;
    z-index: 1;
    font-family: 'Montserrat',sans-serif;
    letter-spacing:1.5px;
    color: #222;
}
.main_title h2 .p_title {color:#d50c0c;}




.focuson .event_rolling {

    float:left;
    width:540px;
    height:500px;
    margin:0 10px 0 0;

}

.focuson .bodymax_content {

    overflow: hidden;
    float:left;
    margin:0 0 0 10px;

}

/* 공지사항 */

.focuson .bodymax_content .b_notice {

    float: left;
    width:359px;
    height:169px;
    margin:17px 0 0 0;
    border:1px solid #dfdfdf;

}

/* 공지사항 목록 */

.focuson .bodymax_content .b_notice ul > li {

    position: relative;
    height:30px;
    line-height:30px;
    margin: 0 10px 0 10px;
    border-top:1px dotted #dfdfdf;

}
.focuson .bodymax_content .b_notice ul > li:first-child {border:none;}
.focuson .bodymax_content .b_notice ul > li:after {
    content:"";
    display:block;
    position: absolute;
    left:10px;
    top:50%;
    width:3px;
    height:3px;
    background:#d50c0c;
}

.focuson .bodymax_content .b_notice ul > li a{

    margin-left:35px;


}

.focuson .bodymax_content .b_notice ul > li a:hover {color:#333;}

.focuson .bodymax_content .b_notice ul > li span{

    position: absolute;
    right: 10px;
    top: 0;   

}


/* 공지사항 타이틀 */

.focuson .bodymax_content .b_notice_title {

    position: relative;
    height:40px;
    margin:0 10px 0 10px;
    border-bottom:1px solid #dfdfdf;


}

.focuson .bodymax_content .b_notice_title h3 {
    
    font-family: 'Lato',Doum,돋움,sans-serif;
    font-size: 12px;
    color: #d50c0c;
    letter-spacing: 1px;
    position: absolute;
    top:0;
    left:10px;
    line-height:40px;
}

.focuson .bodymax_content .b_notice_title > a {
    position: absolute;
    top:50%;
    right:0;
    display:block;
    width:19px;
    height:19px;
    line-height:40px;
    margin-top:-9px;
    text-indent: -999px;
    background: url(/design/bodymax/renewal/2018/main/bt_more.jpg) no-repeat 0 0;

}

/* 바디맥스 풀파티 */

.focuson .bodymax_content .b_party {

    float: left;
    margin: 16px 0 0 20px;
    width:159px;
    height:172px;
    background:#f9f9f9;

}






.guide01 { text-align:left; margin-top:202px; margin-left:30px; }
.guide01 span a { color:#ce0f0f; font-size:11px; text-decoration:underline; }
.guide02 { text-align:left; margin-top:196px; margin-left:30px; }
.guide02 span a { color:#ce0f0f; font-size:11px; text-decoration:underline; }





/*--------------------------------------------*/
/****************** FOCUS ON ******************/
/*--------------------------------------------*/

.focuson {

    overflow: hidden;
    width:1100px; 
    height:500px; 
    margin:0 auto 100px;
    
}



/* 이벤트롤링 버튼위치 */
.swiper-container-horizontal .swiper-pagination {
    padding: 2px 0;
    bottom: 25px;
    left: 25px;
    width: 100%;

}



.main_title h2 {

    font-weight: 700;
    font-size: 15px;
    padding: 0 20px 10px 20px;
    display: inline-block;
    z-index: 1;
    font-family: 'Montserrat',sans-serif;
    letter-spacing:1.5px;
    color: #222;
}
.main_title h2 .p_title {color:#d50c0c;}




.focuson .event_rolling {

    float:left;
    width:540px;
    height:500px;
    margin:0 10px 0 0;

}

.focuson .bodymax_content {

    overflow: hidden;
    float:left;
    margin:0 0 0 10px;

}

/* 공지사항 */

.focuson .bodymax_content .b_notice {

    float: left;
    width:359px;
    height:169px;
    margin:17px 0 0 0;
    border:1px solid #dfdfdf;

}

/* 공지사항 목록 */

.focuson .bodymax_content .b_notice ul > li {

    position: relative;
    height:30px;
    line-height:30px;
    margin: 0 10px 0 10px;
    border-top:1px dotted #dfdfdf;

}
.focuson .bodymax_content .b_notice ul > li:first-child {border:none;}
.focuson .bodymax_content .b_notice ul > li:after {
    content:"";
    display:block;
    position: absolute;
    left:10px;
    top:50%;
    width:3px;
    height:3px;
    background:#d50c0c;
}

.focuson .bodymax_content .b_notice ul > li a{

    margin-left:35px;


}

.focuson .bodymax_content .b_notice ul > li a:hover {color:#333;}

.focuson .bodymax_content .b_notice ul > li span{

    position: absolute;
    right: 10px;
    top: 0;   

}


/* 공지사항 타이틀 */

.focuson .bodymax_content .b_notice_title {

    position: relative;
    height:40px;
    margin:0 10px 0 10px;
    border-bottom:1px solid #dfdfdf;


}

.focuson .bodymax_content .b_notice_title h3 {
    
    font-family: 'Lato',Doum,돋움,sans-serif;
    font-size: 12px;
    color: #d50c0c;
    letter-spacing: 1px;
    position: absolute;
    top:0;
    left:10px;
    line-height:40px;
}

.focuson .bodymax_content .b_notice_title > a {
    position: absolute;
    top:50%;
    right:0;
    display:block;
    width:19px;
    height:19px;
    line-height:40px;
    margin-top:-9px;
    text-indent: -999px;
    background: url(/design/bodymax/renewal/2018/main/bt_more.jpg) no-repeat 0 0;

}

/* 바디맥스 풀파티 */

.focuson .bodymax_content .b_party {

    float: left;
    margin: 16px 0 0 20px;
    width:159px;
    height:172px;
    background:#ccc;

}


/*--------------------------------------------*/
/**************** BODYMAX STORY ****************/
/*--------------------------------------------*/




#bodymaxstory_wrap { width:100%; min-width:1100px; height:550px; background:#eee;}
#bodymaxstory_wrap .bodymaxstory { position: relative; overflow: hidden; width:1100px; height:550px; margin:0 auto;}
#bodymaxstory_wrap .bodymaxstory:before {
            
    content:""; 
    position: absolute; 
    left:50%; top:0; 
    display:block; 
    margin-left:-25px; 
    width: 0;
    height: 0;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    border-top: 30px solid #fff;
            
}
#bodymaxstory_wrap .bodymaxstory > div h3 { color:#333; font-size: 15px; font-weight: bold; margin:120px 0 30px 0 ;font-family: 'Montserrat',sans-serif; letter-spacing: 1.5px;}
#bodymaxstory_wrap .bodymaxstory > div h3 > span {color:#d50c0c;}


/* 팀바디맥스 */
#bodymaxstory_wrap .bodymaxstory > .bd_team {float:left; width:525px; height:550px; margin-right:25px;}
#bodymaxstory_wrap .bodymaxstory > .bd_team .bd_team_cnt {}
#bodymaxstory_wrap .bodymaxstory > .bd_team .bd_team_cnt ul {overflow: hidden; }
#bodymaxstory_wrap .bodymaxstory > .bd_team .bd_team_cnt p.txt {margin:30px 0 0 0; color:#777}
#bodymaxstory_wrap .bodymaxstory > .bd_team .bd_team_cnt ul li{float:left; position: relative; }


#bodymaxstory_wrap .bodymaxstory > .bd_team .bd_team_cnt ul li p{ display:block; width:121px; height:121px; margin:5px; }
#bodymaxstory_wrap .bodymaxstory > .bd_team .bd_team_cnt ul li .team_prorile {
    
    display:none;
    position: absolute; 
    top:5px; 
    right:5px; 
    width:121px; 
    height:121px;
    text-align: center;
    background:url(/design/bodymax/renewal/2018/main/main_partner/bg.png);    
}

#bodymaxstory_wrap .bodymaxstory > .bd_team .bd_team_cnt ul li .team_prorile b{ display: block; margin-top: 40px;color: #fff; }
#bodymaxstory_wrap .bodymaxstory > .bd_team .bd_team_cnt ul li .team_prorile a {

    display: block;
    border-radius: 3px;
    color: #fff;
    background: #d50c0c;
    margin-top: 10px;
    text-align: center;
    height: 20px;
    width: 80px;
    line-height: 20px;
    margin-left: 20px;
}

/* 바디맥스 인스타그램 */
#bodymaxstory_wrap .bodymaxstory > .bd_instar {float:left; width:525px; height:550px; margin-left:25px;}
#bodymaxstory_wrap .bodymaxstory > .bd_instar p.txt {margin:30px 0 0 0; color:#777}
#bodymaxstory_wrap .bodymaxstory > .bd_instar .titleArea {position: relative;}
#bodymaxstory_wrap .bodymaxstory > .bd_instar .titleArea a {position: absolute; top:0; right:0; padding: 5px 10px; background: #777; color: #fff; font-size: 10px; letter-spacing: .5px; border-radius: 4px;}
#bodymaxstory_wrap .bodymaxstory > .bd_instar .titleArea a:hover {background:#d50c0c;}
            
            




/* BASIC css end */