/* BASIC css start */
#main .mcolum-board { zoom: 1; overflow: hidden; padding: 30px 0 0 13px; margin-top: 0px; background: url(/images/d3/sporty_style/common/bg_prd_section.gif) repeat-x 0 0; }
#main .mcolum-board:after { content: ""; display: block; clear: both; }
#main .mcolum-board .colum { float: left; width: 228px; min-height: 125px; _height: 125px; padding-right: 53px; margin-right: 53px; background: url(/images/d3/sporty_style/main_board_dot.gif) repeat-y right 0; }
#main .mcolum-board .colum h2 { font-size: 0; line-height: 0; }
#main .mcolum-board .colum .cont { margin-top: 20px; }
#main .mcolum-board .colum li { zoom: 1; padding-left: 10px; background: url(/images/d3/sporty_style/common/bull_h2_w2_ababab.gif) no-repeat 0 7px; }
#main .mcolum-board .colum a { display: block; padding: 2px 0; color: #ababab; font-size: 11px; }
#main .mcolum-board .faq { margin-right: 0; padding-right: 0; background: none; }
/* best-evt */
#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; }



/*새로운 메인 css */
.main_cvb{ background-color: #1a232c; /*   #9bcade   background: url(http://4market.img10.kr/renew_img/main_bg.png) repeat-x 0 0;*/ }
.main_rimg{width:100%; background-color:#ffffff; }
.visual{ text-align:center; }
.main_wep{ padding:50px 0 50px 0;background-color: #f5f5f1;text-align:center; }
.edp_warp { width:1180px; margin:0px auto;padding-top:32px;overflow-y:hidden;  }
.ep_warimg { overflow-y:hidden; }
.main_lbb{ background-color: #262725; text-align:center; }
.main_prd01{ width:100%;margin:0px auto; background-color: #f5f5f1; padding:40px 0 40px 0; }
.main_lbw{width:100%; background-color:#f0d6af; text-align:center; }
.tab_h{overflow:hidden;}

.prd_clt{ position:absolute; top:226px; left:10px; width:204px; height:52px; overflow:hidden; }
.thumb2{ position:absolute; top:0px; left:0px; width:224px; height:221px; }

/* 메인 빅 이미지 롤오버 *********************/
.img_ho { position:relative; width:462px; height:582px; }
.img_ho a img {  width:100%; height:100%; position:releative; z-index:0; }
.img_ho .big_banner { position:absolute; left:0px; top:0px;  width:100%; height:100%; background:url(http://4market.img10.kr/renew_img/mc_pro_ban_ove.png); background-size:100% 100%; display:none; z-index;1; }
.img_ho:hover .big_banner { display:block; }
/* 메인 두개 이미지 롤오버 *********************/
.img_tw { position:relative; width:344px; height:286px; }
.img_tw a img {  width:100%; height:100%; position:releative; z-index:0; }
.img_tw .two_banner { position:absolute; left:0px; top:0px;  width:100%; height:100%; background:url(http://4market.img10.kr/renew_img/bg_listx344_on.png); background-size:100% 100%; display:none; z-index;1; }
.img_tw:hover .two_banner { display:block; }

/*160811_추가 css*/
.clearfix {overflow: auto; zoom: 1; }
.fleft{ float:left;}
.fright{ float:right;}



/*190730_추가 css*/
.rolling_wrap{width:100%; background-color:#ffffff; position:relative; height:190px; padding:45px 0 50px 0; cursor:pointer;}
.rolling_img {padding:420px; margin:0px auto; padding-top:25px; text-align:center;}
.rolling_icon {padding:377px; margin:0px auto; padding-top:25px; text-align:center;}

/*190809_bx 총 css*/
     #citySlider { position:relative;margin:0 auto;top:0px;left:-5px;width:1170px;height:179px;overflow:hidden;visibility:hidden; padding:0px; zoom:1;}
     #citySlider .citySliderContainer { cursor:default;position:relative;top:0px;/*left:42px;*/width:1180px;height:179px;overflow:hidden; cursor:pointer; zoom:1; }
     .citySliderArrow {display:block; position:absolute;padding-top:30px;}
     .citySliderArrow .a {fill:none;stroke:#aaa;stroke-width:640;stroke-miterlimit:10;}
     .citySliderArrow:hover {opacity:.8;}
     .citySliderArrow.jssora053dn {opacity:.5;}
     .citySliderArrow.jssora053ds {opacity:.3;pointer-events:none;}


/*오버시01*/
.mbr_over_img img {width: 100%; filter: saturate(10%); transition: all 0.3s ease;}
.mbr_over_img figcaption {position: absolute; top: 0; right:0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 1; text-align: center; line-height: 1.7em; color: #fff; text-transform: uppercase; font-size: 20px; opacity:0; transition: all 0.3s ease; transform: translatex(75%) rotate(180deg);}
.mbr_over_img figcaption:before {content:''; width: 160px; height: 160px; background: #fff; border-radius: 100%; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%);  z-index: -1;}
.mbr_over_img figcaption h3 { font-size: 1.3em; font-weight: 600; color:#333; font-family:"Nanum Gothic";}
.mbr_over_img figcaption h4 { font-size: 1.1em; font-weight: 600; color:#333; font-family:"Nanum Gothic";}
.mbr_over_img figcaption em {display: block; font-weight: bold; letter-spacing: 1px; font-weight: 700;}
.mbr_over_img:hover {/*background:#fff; opacity: 0.6;*/}
.mbr_over_img:hover img {/*opacity: 1;*/}
.mbr_over_img:hover figcaption {transform: translatex(0px) rotate(0deg); opacity: 0.5;}


/*오버시02*/
.card {position: relative; perspective: 1000px;}
.card .front, .card .back {position: absolute;  display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;
transition: transform 1s;  backface-visibility: hidden; transform-style: preserve-3d; }
.card img {width: 100%;	transition: all 0.6s ease 0.2s;	/*border: 7px solid #060c1f; box-shadow: 1px 1px 3px rgba(0,0,0,0.4);*/ }
.card .front img {border-color : #fff;}
.card .back img {border-color : #041135;}
.card .front {}
.card .back { transform: rotateY(-180deg);}
.card img {width: 144px;}
.card:hover .front { transform: rotateY(180deg); }
.card:hover .back {  transform: rotateY(0);}



/* BASIC css end */