/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination {position: absolute;left: 0;text-align: center;width: 100%;bottom:5%;}
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 3px; text-indent: -9999px; width:12px; height:12px; background-color:#fff;border-radius:12px;-ms-border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;}
#event .pagination .swiper-active-switch {  background-color:#d65a47;  }
/* //롤링배너 */

.main .topBanner {margin: 4px 2px 0;}
.main .topBanner a { display: block; margin: 0 2px ;}
.main .topBanner .topBannerLeft {width: 50%;float:left;position:relative;}
.main .topBanner .topBannerRight {width: 50%;float:right;position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.title_main{margin-bottom:4%;padding-left:1%;}
.title_main h2{display:inline-block;font-family:'Lato', sans-serif;font-size:17px;line-height:16px;color:#d65a47;text-transform:uppercase;}
.title_main .txt{font-family:"Spoqa Han Sans",sans-serif;color:#51545c;font-size:13px;line-height:16px;display:inline-block;margin-left:10px;padding-left:34px;background:url("/design/olympicsf/skin1/images/line_title.png") no-repeat 0 50%;background-size:25px 1px;vertical-align:top;}



.quickcate_area{background:#fbfbfb;padding:10% 0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.quickcate_area ul{overflow:hidden;border:1px solid #eaeaea;border-right:0;border-top:0;}
.quickcate_area li{float:left;width:20%;border:1px solid #eaeaea;border-left:0;border-bottom:0;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;}
.quickcate_area li a{display:block;width:100%;height:82px;color:#51545c;padding-top:50px;letter-spacing:-1px;border:1px solid #fff;background-size:32px 27px;background-color:#fff;background-position:center 14px;background-repeat:no-repeat;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.quickcate_area li.qcate1 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick1_off.png");}
.quickcate_area li.qcate2 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick2_off.png");}
.quickcate_area li.qcate3 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick3_off.png");}
.quickcate_area li.qcate4 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick4_off.png");}
.quickcate_area li.qcate5 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick5_off.png");}
.quickcate_area li.qcate6 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick6_off.png");}
.quickcate_area li.qcate7 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick7_off.png");}
.quickcate_area li.qcate8 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick8_off.png");}
.quickcate_area li.qcate9 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick9_off.png");}
.quickcate_area li.qcate10 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick10_off.png");}
.quickcate_area li.qcate11 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick11_off.png");}
.quickcate_area li.qcate12 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick12_off.png");}
.quickcate_area li.qcate13 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick13_off.png");}
.quickcate_area li.qcate14 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick14_off.png");}
.quickcate_area li.qcate15 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick15_off.png");}
.quickcate_area li.qcate16 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick16_off.png");}
.quickcate_area li.qcate17 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick17_off.png");}
.quickcate_area li.qcate18 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick18_off.png");}
.quickcate_area li.qcate19 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick10_off.png");}
.quickcate_area li.qcate20 a{background-image:url("/design/olympicsf/skin1/images/ico_mquick20_off.png");}

.bestcoll_area{padding:10% 0 5%;}
.bestcoll_area .tab{overflow:hidden;margin:0 0.5% 10px 0.5%;}
.bestcoll_area .tab li{float:left;width:50%;}
.bestcoll_area .tab li.first span{border-left:1px solid #e1e0e1;}
.bestcoll_area .tab li span{color:#898b90;font-size:15px;display:block;height:49px;line-height:48px;text-align:center;border:1px solid #eaeaea;border-left:1px solid #fff;background:#f8f8f7;letter-spacing:-1px;cursor:pointer;}
.bestcoll_area .tab li.active{}
.bestcoll_area .tab li.active span{font-size:15px;color:#fff;border:1px solid #d65a47;background:#d65a47;}
.bestcoll_area .panel_area{display:none;}
.bestcoll_area .panel_area.active{display:block;}
.bestcoll_area .panel_area ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.bestcoll_area .panel_area li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:49%;margin:0 0.5% 5% 0.5%;}
.bestcoll_area .panel_area li .img{border:1px solid #eaeaea;}
.bestcoll_area .panel_area li .img img{width:100%;}
.bestcoll_area .panel_area li dl{padding:0 1%;}
.bestcoll_area .panel_area li dt{font-size:14px;line-height:18px;color:#51545c;padding:6% 0 3%;}
.bestcoll_area .panel_area li dd.price{font-size:14px;color:#d65a47;}

.bestcoll_area2{padding:0 0 5%;}
.bestcoll_area2 .tab{overflow:hidden;margin:0 0.5% 10px 0.5%;}
.bestcoll_area2 .tab li{float:left;width:50%;}
.bestcoll_area2 .tab li.first span{border-left:1px solid #e1e0e1;}
.bestcoll_area2 .tab li span{color:#898b90;font-size:15px;display:block;height:49px;line-height:48px;text-align:center;border:1px solid #eaeaea;border-left:1px solid #fff;background:#f8f8f7;letter-spacing:-1px;cursor:pointer;}
.bestcoll_area2 .tab li.active{}
.bestcoll_area2 .tab li.active span{font-size:15px;color:#fff;border:1px solid #d65a47;background:#d65a47;}
.bestcoll_area2 .panel_area{display:none;}
.bestcoll_area2 .panel_area.active{display:block;}
.bestcoll_area2 .panel_area ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.bestcoll_area2 .panel_area li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:49%;margin:0 0.5% 5% 0.5%;}
.bestcoll_area2 .panel_area li .img{border:1px solid #eaeaea;}
.bestcoll_area2 .panel_area li .img img{width:100%;}
.bestcoll_area2 .panel_area li dl{padding:0 1%;}
.bestcoll_area2 .panel_area li dt{font-size:14px;line-height:18px;color:#51545c;padding:6% 0 3%;}
.bestcoll_area2 .panel_area li dd.price{font-size:14px;color:#d65a47;}

.mabout_area{}
.mabout_area .sunny_inner{}
.mabout_area .left{}
.mabout_area .left ul{border:1px solid #eaeaea;overflow:hidden;}
.mabout_area .left li{float:left;width:33.33%;}
.mabout_area .left li:first-child dl{border-left:0;}
.mabout_area .left dl{position:relative;padding:5%;border-left:1px solid #eaeaea;}
.mabout_area .left dt{color:#2f353e;font-size:14px;line-height:14px;margin:10% 0 5%;letter-spacing:-1.2px;}
.mabout_area .left dd.img img{width:100%;}
.mabout_area .left dd.txt{color:#91949b;font-size:11px;line-height:14px;letter-spacing:-1px;}
.mabout_area .left dd.btn_aboutmore{margin-top:4%;}
.mabout_area .left dd.btn_aboutmore span{display:block;border:1px solid #898b90;color:#898b90;font-size:14px;width:22px;height:22px;line-height:22px;text-align:center;}

.mabout_area .right{margin-top:10%;}
.mabout_area .right dl{position:relative;border:1px solid #eaeaea;padding:6% 5%;}
.mabout_area .right dt{font-size:18px;line-height:18px;color:#2f353e;letter-spacing:-1px;margin-bottom:5%;}
.mabout_area .right dd.list_con{border-top:1px solid #898b90;border-bottom:1px solid #898b90;padding:12px 0 12px 10px;}
.mabout_area .right dd.list_con ul{}
.mabout_area .right dd.list_con li{line-height:26px;}
.mabout_area .right dd.list_con li a{color:#91949b;}
.mabout_area .right dd.btn_bmore{position:absolute;right:20px;top:7%;}
.mabout_area .right dd.btn_bmore a{font-family:'Roboto', sans-serif;font-size:11px;color:#91949b;text-transform:uppercase;letter-spacing:1px;}
.mabout_area .right dd.btn_bwrite{margin-top:5%;text-align:center;}
.mabout_area .right dd.btn_bwrite a{display:inline-block;width:90%;background:#91949b;color:#fff;font-size:13px;line-height:13px;padding:3% 0;border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

.main_listroll{padding:10% 0;background:#fbfbfb;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;overflow:hidden;}
.main_listroll .pview{z-index:0 !important;}

/*.main_listroll ul{width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0;  text-align:left; font-size:0;}
.main_listroll li{font-size:12px;width:152px;display:inline-block; vertical-align: top; text-align:left;margin-left:8px;}*/

/*.mrecom_area ul{position:relative; overflow-y:hidden; overflow-x:auto; padding:0 3% 0 0; height:290px; font-size:0; white-space: nowrap; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:1;}
.mrecom_area ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.mrecom_area ul li{width:152px;display:inline-block;box-sizing:border-box;margin-left:8px;}
.mrecom_area ul li:first-child{}*/

.main_listroll ul{overflow:hidden;padding:0 0.5%;}
.main_listroll li{float:left;width:49.6%;margin:0 0.2% 0.5%;}

.main_listroll li a {display: block;}

.main_listroll dl{position:relative;background:#51545c;}
.main_listroll dt{padding:13% 0;margin:0 10%;text-align:center;border-bottom:1px solid #62646c;}
.main_listroll dt img{width:100%;}
.main_listroll dd.img img{width:100%;}
.main_listroll dd.txt{font-size:12px;line-height:12px;color:#e2e1de;margin:0 10%;padding:13% 0;letter-spacing:-1px;}
.main_listroll dd.btn_mremore{position:absolute;right:10%;bottom:5%;}
.main_listroll dd.btn_mremore span{display:block;border:1px solid #fff;color:#fff;font-size:14px;width:22px;height:22px;line-height:22px;text-align:center;}


.msortby_area{padding:10% 0;}
.msortby_area ul{overflow:hidden;}
.msortby_area li{float:left;width:49%;margin:0 0.5% 1%;}

.msortby_area li > a{display:block;border:1px solid #eaeaea;}

.msortby_area .img{border-bottom:1px solid #eaeaea;}
.msortby_area .img img{width:100%;}
.msortby_area dt{font-size:14px;line-height:14px;color:#3e4149;padding:5% 0;text-align:center;background:#fff;}

.mwhole_area{padding:10% 1%;background:#fbfbfb;overflow:hidden;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;}
.mwhole_area .left{padding-bottom:10%;}
.mwhole_area .right{}
.mwhole_area .inner{border:1px solid #eaeaea;background:#fff;}

.mwhole_area .left .inner{padding:4%;}
.mwhole_area .left dl{position:relative;overflow:hidden;}
.mwhole_area .left dt{float:left;font-size:14px;line-height:14px;color:#d65a47;margin-bottom:5%;padding-top:1%;}
.mwhole_area .left dt span{border-bottom:1px solid #d65a47;}

.mwhole_area .right .inner{}
.mwhole_area .right dl{padding:5%;}
.mwhole_area .right dl:first-child{border-bottom:1px solid #eaeaea;}

.mwhole_area dl{position:relative;}
.mwhole_area dt{font-size:14px;line-height:14px;color:#d65a47;margin-bottom:5%;padding-top:1%;}
.mwhole_area dt span{border-bottom:1px solid #d65a47;}

.mwhole_area .img1{float:right;width:50%;}
.mwhole_area .img1 img{width:100%;}

.mwhole_area .img2{margin-top:5%;}
.mwhole_area .img2 img{width:40px;}
.mwhole_area .img2 a{padding-right:5px;}

.mwhole_area .txt1{font-size:22px;line-height:26px;color:#3e4149;margin-top:10%;}

.mwhole_area .txt2{line-height:20px;color:#666;margin-top:6px;}
.mwhole_area .txt2 span{display:inline-block;padding:0 10px;}
.mwhole_area .txt3{font-size:14px;line-height:14px;color:#4d4d4d;margin-bottom:5%;}
.mwhole_area .txt3 span{display:block;margin-bottom:8px;}
.mwhole_area .txt4{line-height:20px;color:#666;}

.mwhole_area .num1{font-family:'Lato',sans-serif;font-size:22px;line-height:22px;color:#3e4149;}
.mwhole_area .num2{font-family:'Lato',sans-serif;font-size:18px;line-height:18px;color:#3e4149;}
.mwhole_area .btn_moreview{position:absolute;left:0;bottom:0;}
.mwhole_area .btn_moreview span{display:block;border:1px solid #898b90;color:#898b90;font-size:14px;width:22px;height:22px;line-height:22px;text-align:center;}


.mclient_area{overflow:hidden;}
.mclient_area .flexslider{position:relative;border:1px solid #eaeaea;padding:5%;margin:0 1%;}
.mclient_area .flexslider .slides li{text-align:center;}
.mclient_area .flexslider .flex-control-nav{display:none;}
.mclient_area .flexslider .flex-prev{position:absolute;left:2%;top:50%;width:20px;height:20px;margin-top:-10px;background:url("/design/olympicsf/skin1/images/btn_mcleft.png") no-repeat 0 0;background-size:20px 20px;text-indent:999em;}
.mclient_area .flexslider .flex-next{position:absolute;right:2%;top:50%;width:20px;height:20px;margin-top:-10px;background:url("/design/olympicsf/skin1/images/btn_mcright.png") no-repeat 0 0;background-size:20px 20px;text-indent:999em;}

.msesale_area{margin:10% 0 0;padding:10% 0 5%;background:#3e4149;}
.msesale_area .title_main .txt{color:#fff;}
.msesale_area ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.msesale_area li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:49%;margin:0 0.5% 5% 0.5%;}
.msesale_area li .img{}
.msesale_area li .img img{width:100%;}
.msesale_area li dl{padding:0 1%;}
.msesale_area li dt{font-size:14px;line-height:18px;color:#fff;padding:6% 0 3%;}
.msesale_area li dd.price{font-size:14px;color:#d65a47;}

.molympic_area{padding:10% 0 5%;background:#3e4149;overflow:hidden;border-top:1px solid #eaeaea;}
.molympic_area .title_main{margin-bottom:6%;}
.molympic_area .title_main h2{display:block;font-size:20px;line-height:20px;text-align:center;color:#fff;}
.molympic_area .slide_wrap {position:relative; width:100%;height:auto;}
.molympic_area .slide_wrap .wide_slide .slick-slide {}
.molympic_area .slide_wrap .ctrl {position:absolute; top:130%;cursor:pointer;}
.molympic_area .slide_wrap .ctrl img{width:15px;}
.molympic_area .slide_wrap .ctrl.prev {left:2%;}
.molympic_area .slide_wrap .ctrl.next {right:2%;}
.molympic_area .txt_slide {overflow:hidden;position:relative;top:-30px;width:80%;padding-bottom:5%;margin:0 auto;background:#fff;text-align:center;}

.molympic_area .txt_slide .title{color:#3e4149;font-size:20px;line-height:24px;padding:7% 0 0;letter-spacing:-2px;}
.molympic_area .txt_slide .line{display:inline-block;width:40%;height:1px;background:#d65a47;margin:5% 0;}
.molympic_area .txt_slide .summary{color:#898b90;font-size:13px;line-height:20px;letter-spacing:-1px;padding:0 5%;}

.molympic_area .slick-slide{text-align:center;}
.molympic_area .slick-slide img{width:45%;opacity:0.5;filter:alpha(opacity=50);}
.molympic_area .slick-slide.slick-active img{opacity:1;filter:alpha(opacity=100);}


.mainboard_area{padding:10% 1%;}
.mainboard_area .sunny_inner{overflow:hidden;}
.mainboard_area .mb_box{margin-top:2%;}
.mainboard_area .mb_box:first-child{margin-top:0;}
.mainboard_area .mb_box dl{position:relative;border:1px solid #eaeaea;padding:6% 5%;background:#fff;}
.mainboard_area .mb_box dt{font-size:20px;line-height:20px;color:#2f353e;letter-spacing:-1px;margin-bottom:5%;}
.mainboard_area .mb_box dd.list_con{border-top:1px solid #898b90;border-bottom:1px solid #898b90;padding:12px 0 12px 10px;}
.mainboard_area .mb_box dd.list_con ul{}
.mainboard_area .mb_box dd.list_con li{line-height:26px;}
.mainboard_area .mb_box dd.list_con li a{color:#91949b;}
.mainboard_area .mb_box dd.btn_bmore{position:absolute;right:20px;top:7%;}
.mainboard_area .mb_box dd.btn_bmore a{font-family:'Roboto', sans-serif;font-size:11px;color:#91949b;text-transform:uppercase;letter-spacing:1px;}













/* flex스크립트css */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom:5%;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #4d4f4f;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #fff;
  
}
.flex-control-paging li a.flex-active {
  background: #fff; 
  cursor: default;
}







/* BASIC css end */