/* BASIC css start */
/* 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; }


/** wib 추가 **/



/*  font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600,700');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
/* main 전용 css */
#contentWrap{width:100%!important;}
.header_wrap .hd_cate_dmywrap{margin-bottom:0px!important;}

/* 동영상 */
.youtubeWrap { display:block;  text-align:center;}

/* 롤링 배너 */
.visual_wrap{width:100%; height:500px; overflow:hidden; position:relative; z-index:1;}
.visual_wrap .visual_outbox{position:absolute; left:50%; margin-left:-950px; z-index:2;}
.visual_wrap .visual_box{width:1944px; height:500px; margin:0 auto; z-index:3;}
.visual_wrap .visual_box img{width:1944px; height:500px; margin:0 auto;}

.visual_wrap .nav{position:absolute; bottom:16px; z-index:10; width:100%; text-align:center; }
.visual_wrap .nav a{display:inline-block; zoom:1; _display:inline; *display:inline; width:0.1px; height:0.1px; border:5px solid #888888; border-radius:100%; font-size:0px; margin:0px 5px;}
.visual_wrap .nav a.activeSlide{border:6px solid #ffffff;}


.main-lay .bannerWrap {width:1111px; height:480px; margin:auto; }

.subban-wrap{background:#e9e0ef; width:100%; padding-top:30px;

 background: url('http://akaroma.img17.kr/MS_product/WEBSITE/bg1.jpg') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-attachment: fixed;
over=flow:hidden;

}

.main-lay .youtubeWrap {float:left;  bord_er: solid 2px #6330f6; margin-left:5px;}
.main-lay .youtubeWrap iframe { width:800px; height:450px; }
.main-lay .banner { position:relative;  float:left; margin-left:523px;}
.main-lay .banner01 {margin-top:}
.main-lay .banner02 {margin-top:13px;}}

/*  text banner */
 .main-lay {width: 100%; height:500px; font-size: 0; word-spacing: 0; letter-spacing: 0; text-align:center; bo_rder: solid 1px #fff;}
 .main-lay a {width: 290px; height:218px; display:inline-block;_display:inline; *display:inline;zoom:1; font-size: 12px; text-align: center; position: relative; bor_der: solid 1px #fa0404;}
 .main-lay a:first-child{margin-left:0px!important;}
 .main-lay a .text{padding: 16px 0;background: #fff;margin-top: -50px; width: 100%;position: absolute;bottom: 0px; opacity: 0.9; color: #4e4e4e; font-size: 13px;}
 .main-lay a p.on-text{background: #3d3d3d!important; color: #fff!important; }

/* small banner */
 .bottom_1 {height:120px; font-size: 0; word-spacing: 0; letter-spacing: 0; text-align:center;  padding-top:40px; padding-bottom:10px; bord_er: solid 1px #fa0404; }
 .bottom_1 a { border: solid 0.5px #e9e9e9; width: 250.5px; height:100.5px; display:inline-block;_display:inline; *display:inline; zoom:1;  font-size: 12px; margin-left:32px; margin-top:10px;text-align: center; position: relative; }
 .bottom_1 a:first-child{margin-left:0px!important;}
 .bottom_1 a .text{padding: 16px 0;background: #fff;margin-top: -50px; width: 100%;position: absolute;bottom: 0px; opacity: 0.9; color: #4e4e4e; font-size: 13px;}
 .bott om_1 a p.on-text{background: #3d3d3d!important; color: #fff!important;}


/*얇은 배너(리프로 바꿔야함. 아직 못함)*/
.thin_wrap_ALL{position:relative; width:100%;}

.thin_wrap{position:relative; top:-50px;padding:0;margin:0;left:50px;}
.thin_banner{position:relative; width:100%; height:0px;  margin:0 auto;z-index:6;bo_rder:1px solid #ff0000;}
.CM{position:relative;left:0px;top:50px;  width:1910px;}
.CM img{wi_dth:px; he_ight:auto;}
.thin_banner_BGCM{position:relative; z-index:6; top:-300px; left:0%; width:1910px; margin-left:-0px; height:auto;}
.thin_banner_BGCM img{opacity:0;}
.CM_diffuser{z_index:1;}
.CM_diffuser img{position:absolute; top:160px; left:1100px;z_index:1;}
.CM1 img{position:absolute; left:1120px;top:55px; z_index:10;}
.CM2 img{position:absolute; left:1281px;top:55px; z_index:10;}


.bgCM1,.bgCM2,.bgCM3,.bgCM4,.bgCM5,.bgCM6,.bgCM7,.bgCM8{}
.bgCM1{position:absolute; t_op:0px; left:70px;}
.bgCM2{position:absolute; t_op:0px; left:130px;}
.bgCM3{position:absolute; t_op:0px; left:220px;}
.bgCM4{position:absolute; t_op:0px; left:300px;}
.bgCM5{position:absolute; t_op:0px; right:70px;}
.bgCM6{position:absolute; t_op:0px; right:130px;}
.bgCM7{position:absolute; t_op:0px; right:220px;}
.bgCM8{position:absolute; t_op:0px; right:300px;}
.bgCM1 img{width:40px;}
.bgCM2 img{width:50px;}
.bgCM3 img{width:60px;}
.bgCM4 img{width:83px;}

.bgthin_banner ul,.thin_banner li {list-style:none; display:inline;}
.bgthin_bn{position:absolute;left:0px; top:0px;}
.bgthin_banner_h1{width:500px; height:200px; position: relative; z-index:6; left:0px;
    opacity:0;
    bo_rder:1px solid #ff0000;}'

.thin_banner_merry_christmas {position:relative; font-size:30px; color:000;}
.thin_banner_merry_christmas img{position:absolute; top:170px; left:800px; width:200px;opacity:0;}
.thin_banner_p{font-size:20px; color:000;
    position: relative; z-index:6; top:200px; left:680px;
    opacity:0;
    bo_rder:1px solid #ff0000;}
.thin_banner_p img{top:300px; width:420px;}

.CM_spacle1{position:absolute; top:330px; left:710px; width:200px;}
.CM_spacle2{position:absolute; top:410px; left:180px; width:200px;}
.CM_spacle3{position:absolute; top:330px; left:310px; width:200px;}
.CM_spacle4{position:absolute; top:410px; right:110px; width:200px;}
.CM_spacle5{position:absolute; top:330px; right:240px; width:200px;}
.CM_spacle6{position:absolute; top:350px; right:670px; width:200px;}
.thin_banner_CH{position:absolute; top:283px; left:350px;}
.thin_banner_CH img{ width:320px;}
.thin_ani{position:relative; width:1910px; height:200px; bo_rder:1px solid #ff0000; margin:0 auto;z-index:6;}
.thin_bn{position:absolute; top:130px;width:1910px; left:0px;}
.thin_banner_BG{z-index:1;position:relative; top:-117px; width:100%; height:365px; background: url('http://akaroma.img17.kr/MS_product/WEBSITE/thin_CM.png') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

/*크리스마스 얇은 배너*/
<!--.thin_wrap_ALL{position:relative; width:100%;}
.thin_wrap{position:relative; top:-50px;padding:0;margin:0;left:50px;}
.thin_banner{position:relative; width:100%; height:0px;  margin:0 auto;z-index:6;bo_rder:1px solid #ff0000;}
.CM{position:relative;left:0px;top:50px;  width:1910px;}
.CM img{wi_dth:px; he_ight:auto;}
.thin_banner_BGCM{position:relative; z-index:6; top:-300px; left:0%; width:1910px; margin-left:-0px; height:auto;}
.thin_banner_BGCM img{opacity:0;}
.CM_diffuser{z_index:1;}
.CM_diffuser img{position:absolute; top:160px; left:1100px;z_index:1;}
.CM1 img{position:absolute; left:1120px;top:55px; z_index:10;}
.CM2 img{position:absolute; left:1281px;top:55px; z_index:10;}


.bgCM1,.bgCM2,.bgCM3,.bgCM4,.bgCM5,.bgCM6,.bgCM7,.bgCM8{}
.bgCM1{position:absolute; t_op:0px; left:70px;}
.bgCM2{position:absolute; t_op:0px; left:130px;}
.bgCM3{position:absolute; t_op:0px; left:220px;}
.bgCM4{position:absolute; t_op:0px; left:300px;}
.bgCM5{position:absolute; t_op:0px; right:70px;}
.bgCM6{position:absolute; t_op:0px; right:130px;}
.bgCM7{position:absolute; t_op:0px; right:220px;}
.bgCM8{position:absolute; t_op:0px; right:300px;}
.bgCM1 img{width:40px;}
.bgCM2 img{width:50px;}
.bgCM3 img{width:60px;}
.bgCM4 img{width:83px;}

.bgthin_banner ul,.thin_banner li {list-style:none; display:inline;}
.bgthin_bn{position:absolute;left:0px; top:0px;}
.bgthin_banner_h1{width:500px; height:200px; position: relative; z-index:6; left:0px;
    opacity:0;
    bo_rder:1px solid #ff0000;}'

.thin_banner_merry_christmas {position:relative; font-size:30px; color:000;}
.thin_banner_merry_christmas img{position:absolute; top:170px; left:800px; width:200px;opacity:0;}
.thin_banner_p{font-size:20px; color:000;
    position: relative; z-index:6; top:200px; left:680px;
    opacity:0;
    bo_rder:1px solid #ff0000;}
.thin_banner_p img{top:300px; width:420px;}

.CM_spacle1{position:absolute; top:330px; left:710px; width:200px;}
.CM_spacle2{position:absolute; top:410px; left:180px; width:200px;}
.CM_spacle3{position:absolute; top:330px; left:310px; width:200px;}
.CM_spacle4{position:absolute; top:410px; right:110px; width:200px;}
.CM_spacle5{position:absolute; top:330px; right:240px; width:200px;}
.CM_spacle6{position:absolute; top:350px; right:670px; width:200px;}
.thin_banner_CH{position:absolute; top:283px; left:350px;}
.thin_banner_CH img{ width:320px;}
.thin_ani{position:relative; width:1910px; height:200px; bo_rder:1px solid #ff0000; margin:0 auto;z-index:6;}
.thin_bn{position:absolute; top:130px;width:1910px; left:0px;}
.thin_banner_BG{z-index:1;position:relative; top:-117px; width:100%; height:365px; background: url('http://akaroma.img17.kr/MS_product/WEBSITE/thin_CM.png') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}-->


/* best item css*/
.section01_wrap{ padding-bottom: 60px; width: 100%; min-height:720px; background: url('/design/akaroma/wib/img/main/main_slinbg.gif') repeat 0 0;}
.section01_wrap .section01 h2{ font-family: 'Noto Sans KR', sans-serif; font-weight:400; margin:0 auto 10px auto; padding:10px 0 11px 0px; text-align: center; font-size:20px;  letter-spacing:4px; width:200px; border-bottom: 1px solid #707070; color:#000;}
.section01 .pro-cont{width:1100px; margin:0 auto; overflow:hidden;}
.section01 .pro-cont .item_outwrap{width:105%;}
.section01 .pro-cont .item_outwrap .normal_item{float:left; width:248px; height:248px; border:1px solid #e8e8e8; margin-right:33px; margin-bottom:35px; position:relative; z-index:1; cursor:pointer;}
.section01 .pro-cont .item_outwrap .normal_item .prod_thumb img{width:100%;}
.section01 .pro-cont .item_outwrap .normal_item .prod_body{position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; background:url(/design/akaroma/wib/img/main/best_bg.png) repeat 0 0; display:none;}
.section01 .pro-cont .item_outwrap .normal_item .prod_body .prod_body_inner{display:table; width:100%; height:100%;}
.section01 .pro-cont .item_outwrap .normal_item .prod_body .prod_body_inner .inner{display:table-cell; vertical-align:middle; color:#ffffff;}
.section01 .pro-cont .item_outwrap .normal_item .prod_body .prod_body_inner .inner > div{margin:3px 0px;}

/*스크립트기능 베스트아이템 */
.bstitem{ height:430px;}


/* md pick css*/
.section02_wrap .section02 h2{ font-family: 'Noto Sans KR', sans-serif;font-weight:400; margin:0 auto 10px auto; padding:10px 0 11px 0px; text-align: center; font-size:20px; letter-spacing:4px; width:200px; border-bottom: 1px solid #707070; color:#000;}
.section02 .pro-cont{width:1100px; margin:0 auto; position:relative; z-index:1;}
.section02 .pro-cont .item_outwrap .normal_item{float:left; width:180px; height:180px; position:relative; z-index:2; cursor:pointer;}
.section02 .pro-cont .item_outwrap .normal_item .maskbox{position:absolute; top:0px; left:0px; z-index:4;}
.section02 .pro-cont .item_outwrap .normal_item .prod_thumb img{width:100%;}
.section02 .pro-cont .item_outwrap .normal_item .prod_body{position:absolute; top:0px; left:0px; z-index:3; width:100%; height:100%; text-align:center; background:url(/design/akaroma/wib/img/main/best_bg.png) repeat 0 0; display:none;}
.section02 .pro-cont .item_outwrap .normal_item .prod_body .prod_body_inner{display:table; width:100%; height:100%;}
.section02 .pro-cont .item_outwrap .normal_item .prod_body .prod_body_inner .inner{display:table-cell; vertical-align:middle; color:#ffffff;}
.section02 .pro-cont .item_outwrap .normal_item .prod_body .prod_body_inner .inner > div{margin:3px 0px;}
.section02 .bx-controls{display:none;}
.section02 .slider_prev{position:absolute; top:40%; left:-80px; z-index:10;}
.section02 .slider_prev a{display:block; width:54px; height:53px; background:url('/design/akaroma/wib/img/main/sub_left.png') no-repeat 0 0;}
.section02 .slider_next{position:absolute; top:40%; right:-80px; z-index:10;}
.section02 .slider_next a{display:block; width:54px; height:53px; background:url('/design/akaroma/wib/img/main/sub_right.png') no-repeat 0 0;}

/* event banner */
.evnet_banner{width:1100px; margin:100px auto 60px; text-align:center;}

/* trend item css*/
.section03_wrap{ width:100%; height:20_00px; margin:0 auto; overflow:hidden; background: #ffffff;}
.section03 .pro-cont{width:1100px; margin:0 auto; overflow:hidden;}
.section03 .pro-cont .item_outwrap{width:105%;}
.section03 .pro-cont .item_outwrap .normal_item{float:left; width:270px; margin-right:10px; margin-bottom:25px; text-align:center; }
.section03 .pro-cont .item_outwrap .normal_item .prod_thumb{ border:1px solid #e8e8e8; margin-bottom:15px;}
.section03 .pro-cont .item_outwrap .normal_item .prod_thumb img{width:100%;}
.section03 .pro-cont .item_outwrap .normal_item .prod_body > div{margin-bottom:7px; color:#8c8c8c;}
.section03 .pro-cont .item_outwrap .normal_item .prod_body > div a{color:#8c8c8c;}
.section03 .pro-cont .item_outwrap .normal_item .prod_body .prod_brand{color:#977d66;}
.section03 .pro-cont .item_outwrap .normal_item .prod_body .prod_name a{color:#4d4d4d;}
.section03 .pro-cont .item_outwrap .normal_item .prod_body .prod_price b{color:#505050;}


/*호버*/
.prod_thumb{overflow:hidden;}
.prod_thumb img{-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}

.prod_thumb :hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}

/*일피오레그림*/

.flower1{position: relative; padding-top:25px;}
.flower1 p{opacity:1;width:20px; height:20px; back*ground: url('http://akaroma.img17.kr/MS_product/WEBSITE/ilfiore.png') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin:0 auto;}
.flower1 h2{position: relative; opacity:0; top:-100; font-family: 'Noto Sans KR', sans-serif; margin:0 auto 0px auto; padding:0px 0px 30px 0px; text-align: center; font-size:20px;  letter-spacing:2px; width:200px; border-bottom: 0px solid #707070; color:#000;}
.flower1 h3{position: relative; opacity:0; top:-100; font-family: 'Noto Sans KR', sans-serif; margin:0 auto 0px auto; padding:10px 0 0px 8px; text-align: center; font-size:15px;  letter-spacing:5px; width:200px; border-bottom: 0px solid #707070; color:#cfbeda;}

/*디퓨저그림*/

.flower2{position: relative; padding-top:15px;}
.flower2 p{opacity:1;width:20px; height:20px; back*ground: url('http://akaroma.img17.kr/MS_product/WEBSITE/diff.png') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin:0 auto;}
.bstitem h2{position: relative; opacity:0; top:-100; font-family: 'Noto Sans KR', sans-serif; margin:0 auto 0px auto; padding:0px 0px 30px 0px; text-align: center; font-size:21px; letter-spacing:2px; width:200px; border-bottom: 0px solid #707070; color:#000;}
.bstitem h3{position: relative; opacity:0; top:-100; font-family: 'Noto Sans KR', sans-serif; margin:0 auto 0px auto; padding:10px 0 0px 8px; text-align: center; font-size:15px; letter-spacing:5px; width:200px; border-bottom: 0px solid #707070; color:#cfbeda;}

/*왕봉그림*/

.flower3{position: relative; padding-top:15px;}
.flower3 p{opacity:1;width:0px; height:0px; back*ground: url('http://akaroma.img17.kr/MS_product/WEBSITE/wang.png') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin:0 auto;}
.section03_wrap .section03 h2{position: relative; opacity:0; top:-100; font-family: 'Noto Sans KR', sans-serif; margin:0 auto 0px auto; padding:0px 0px 30px 0px; text-align: center; font-size:21px; letter-spacing:2px; width:200px; border-bottom: 0px solid #707070; color:#000;}
.section03_wrap .section03 h3{position: relative; opacity:0; top:-100; font-family: 'Noto Sans KR', sans-serif; margin:0 auto 0px auto; padding:10px 0 0px 8px; text-align: center; font-size:15px; letter-spacing:5px; width:200px; border-bottom: 0px solid #707070; color:#cfbeda;}

/*카메라 그림*/

.flower4{position: relative;top:10px; }
.flower4 p{opacity:1;width:0px; height:0px; back*ground: url('http://akaroma.img17.kr/MS_product/WEBSITE/cam.png') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin:0 auto; z-index:5;}
.instagram h2{position: relative; opacity:0; top:-100; font-family: 'Noto Sans KR', sans-serif; margin:0 auto 0px auto; padding:0px 0px 30px 0px; text-align: center;  font-size:21px; letter-spacing:2px; width:200px; border-bottom: 0px solid #707070; color:#000;}
.instagram h3{position: relative; opacity:0; top:-100; font-family: 'Noto Sans KR', sans-serif; margin:0 auto 0px auto; padding:10px 0 0px 8px; text-align: center; font-size:15px; letter-spacing:5px; width:200px; border-bottom: 0px solid #707070; color:#cfbeda;}


/* 회사 소개 배너 */
.companybanner{width:100%; height:500px; position:relative;
 padding:0px; mar_gin-bottom:100px;
 background: url('http://akaroma.img17.kr/MS_product/WEBSITE/aromacompany_background01.jpg') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-attachment: fixed;
over=flow:hidden;
}
.companyintroduce1{position:relative;width:100%; height:500px; }
.companyintroduce1 img {position:absolute; left:50%; margin-left:-420px; z-index:10; top:0px;opacity:0;}


/*베스트리뷰*/

.bestrevew{width:1111px; hei_ght:1000px; margin:0 auto; padding-top:40px;}
.bestrevew img{width:1111px; margin:0 auto;}

.revewbutton p {margin-right: 13px;list-style:none; position:relative; width:268px; height:320px; back*ground: #ff4d00; left:275px; top:-345px; display: inline-block; float:left; 
}
.lastrevewbutton p{margin-right: 0px; back*ground: #ff5555;}


/*인스타그램*/


.instagram{position: relative; top:0px; width:1111px;height:400px; margin:auto; border:0px; padding-top:30px; }
.instagramimg {list-style:none;position:absolute; width:100%;float:left; display:inline-block;}
.instagramimg li{width:277px; height:277px; float:left; display: inline-block;overflow:hidden;}
.instagramimg li img{width:277px; height:277px;}

/*인스타호버*/
.instagramimg img{

-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}

.instagramimg :hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}

/*유튜브*/
.youtube {position: relative; width:100%; height:500px;
 background: url('http://akaroma.img17.kr/MS_product/WEBSITE/bg3.jpg') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-attachment: fixed;
over=flow:hidden;}
.youtube p{position: absolute; left:50%; top:90px;}
.ytb{position: relative; top:90px; left:40%; z-index:5;opacity: 0; margin-left:-550px;}
.ytb p,.ytb h2, .ytb h6, .airlalogo1{ position: absolute; width:500px; height:400px; bor_der:1px solid #ff0000;display:inline; color:#555d73;  text-align: center;font-weight:300;}
.ytb h2{top:90px; font-size:40px;}
.airlatext1{top:180px;font-size:20px;font-size:18px;letter-spacing:1px;}
.ytb h6{top:150px; font-size:15px;letter-spacing:6px; color:#555d73; font-weight:bold;}
.airlalogo1 img{position:relative; top:0px; width:280px;}
/*구글폰트*/
#w_rap, .se_ction03_wrap{ font-family: 'Noto Sans KR', sans-serif;}
.pro-cont, .pro-cont a{font-family: 'Noto Sans KR', sans-serif;!important; font-size:13px;margin-top:0px; padding-top:0px;}
.prod_thumb a, .prod_thumb a img{margin:0px; padding:0px;}
.prod_thumb{margin-top:0px; padding-top:0px;}

/* 비활성화 */

/* BASIC css end */