/* BASIC css start */
#wrap { overflow: hidden; position: relative; min-height: 100%; width: 100%; }
#container { 
	z-index: 100; 
	position: relative; 
	overflow: hidden; 
	margin-top: -1px; 
	margin-left: -1px; 
	background-color: #fff; 
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms; 
	transition: 300ms; 
	-webkit-backface-visibility: hidden;  
	-ms-backface-visibility: hidden; 
	backface-visibility: hidden; 
}
html.expand #container {
	-webkit-transform: translate(190px,0);
	-moz-transform: translate(190px,0);
	-ms-transform: translate(190px,0);
	-o-transform: translate(190px,0);
	transform: translate(190px,0);
}

html.expand #aside { z-index: 0; overflow-x: hidden; }
#aside { z-index: -1; visibility: hidden; position: absolute; left: 0px; top: 0px; bottom: 0; overflow: auto; overflow-x: hidden; width: 190px; font-size: 11px; background-color: #fff; }
.side_wrap { position: relative; padding-top: 20px; }
.side_bg { position: absolute; top: 0; z-index: -1; width: 100%; height: 100%; background: url("/design/psn9309/avenue_mobile/cate_bgbg.jpg") repeat-y right top; }
.side_menu_title_wrap { margin-left: 5%; }
.side_menu_title { width: 30%; }
.side_menu_title img { display: block; width: 100%; }
.category_list { overflow: hidden; width: 100%; margin-top: 50px; }
.category_list ul { float: left; clear: both; width: 90%; margin: 0; padding: 10px 0 10px 5%; border-bottom: 1px solid #e9e9e9; }
.category_list ul li { float: left; width: 50%; margin: 0; padding: 0; }
.category_list ul li a { display: block; color: #444343; font-size: 12px; line-height: 19px; font-family: "tahoma" sans-serif; font-weight: bold; }
.side_menu_logo { clear: both; padding: 20% 0; width: 90%; margin: 0 auto; }
.side_menu_logo img { display: block; width: 90%; text-align: center; }
#aside .btnClose { position: absolute; top: 8px; right: 0; display: block; padding: 13px; }


#header .header { z-index: 300; position: relative; text-align: center; vertical-align: top; }
#header .header_inner { overflow: hidden; margin: 0px 0 0px; }
#header .header_logo_area { float: center; overflow: hidden; width: 100%; margin-left: 0; }
#header .header_logo {float: center; }
#header .header_logo img { width: 80%;  margin: 20px 0 20px;}
#header .header_cs { float: center; clear: both; margin-top: 10px; width: 50%; }
#header .header_cs img { display: block; width: 100%; }



#header .header_gnb_area { float: center; overflow: hidden; border-left: 1px solid #a3a3a3; margin-left: 0%; padding-left: 5%; margin-right: 10%; width: 10%; }
#header .header_gnb_area ul { margin: 0; padding: 0; }
#header .header_gnb_area ul li { clear: both; text-align: center; width: 100%; margin: 0; padding: 2px 0; }
#header .header_gnb_area ul li:first-child { padding: 2px 0 3px 0; }
#header .header_gnb_area ul li a { display: block; width: 100%; margin: 0; padding: 0; }
#header .header_gnb_area ul li a img { display: block; width: 100%; }
.header_navi { clear: both; border-top: 2px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}


.header_navilog ul { overflow: hidden; width: 100%; }
.header_navilog ul li { float: left; text-align: center; vertical-align:middle; width: 16.6%; }
.header_navilog ul li a { position:relative; display: block; width: 100%; height: 34px; border-left: 1px solid #959595; border-bottom: 0px solid #959595; border-top: 0px solid #959595; margin: 0; padding: 0; background: #959595; font-size:10px; color: #fff; font-weight:bold;}
.header_navilog ul li.first_child a { border-left: 0; }
.header_navilog ul li a img { display: block; width: 100%; }



.header_navi ul { overflow: hidden; width: 100%; font-size:12px; color:#fff; font-weight:normal; letter-spacing:0px; }
.header_navi ul li { float: left; text-align: center;  width: 25%; line-height:34px;}
.header_navi ul li a { display: block; width: 100%; border-left: 0px solid #959595; border-bottom: 1px solid #e5e5e5; margin: 0; padding: 0; }


.header_navi ul { overflow: hidden; width: 100%; font-size:12px; color:#fff; font-weight:normal; letter-spacing:0px; }
.header_navi ul li.twoline2 { float: left;  text-align: center; width: 25%; line-height:34px;}
.header_navi ul li.twoline2 a { display: block; width: 100%; border-left: 0px solid #959595; border-bottom: 1px solid #e5e5e5; margin: 0; padding: 0; }








.header_navi ul li.first_childred a { border-left: 0; background:#fff; font-weight:normal;}
.header_navi ul li.first_child a { border-left: 0;}


.header_navi ul li.last_childyef a { display: block; width: 100%; border-right: 0px solid #959595; border-left: 0px solid #959595; border-bottom: 1px solid #e5e5e5; margin: 0; padding: 0; }
.header_navi ul li.last_childye a { border-left: 0px solid #959595; background:#FFF;}

.header_navi ul li a img { display: block; width: 100%; }
.xans-layout-searchheader { display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 200; background-color: #fff; border: 1px solid #cccccc; border-radius: 1px; }

#header .search_wrap { padding: 10px 15px;background: #f9f9f9; border-bottom:1px solid #959595; display:none; }
#header .search_wrap p { overflow:hidden; }
#header .search_wrap p input#keyword { width: 84%; float: left; height:28px; border:1px solid #959595; padding-left:5px; }
#header .search_wrap p a { display: inline-block; width: 12%; height: 32px; font-size:.8em; background: #959595; line-height: 32px; vertical-align: top; float: right; color: #fff; font-weight:bold; }

#dimmedSlider { display: none; position: fixed; left: 0px; top: 0; right: 0px; bottom: 0px; z-index: 500; background: rgba(0,0,0,0.7); }
.dimmed { display: none; position: fixed; left: 0px; top: 0; right: 0px; bottom: 0px; z-index: 150; background: rgba(0,0,0,0.7); }

li { list-style:none; }
#m_preview_wrap {display:none;}




#header-container {}
#header-container .wrapper { min-height: 23px; position: relative;}
.CAFCON_Gnb_01{text-align:center;border-bottom: 1px solid #e1e1e1; height: 35px;}
.CAFCON_Gnb_01 ul {list-style: none; overflow: hidden; line-height: 35px; height: 35px; display:inline-block; margin:0 auto;}
.CAFCON_Gnb_01 ul li {position: relative; float: left; color: #fff; font-size: 11px; text-align: center; margin:0 5px;}
.CAFCON_Gnb_01 ul li a {float: left; text-align: center; vertical-align:middle;height:34px; line-height:34px; font-size:12px; color:#222; font-weight:normal; font-family: 'Nanum Myeongjo', serif; letter-spacing:0px; border-right:0px solid #aaa; padding:0;}
.CAFCON_Gnb_01 ul li a:after{right: -7px; position: absolute; height: 10px; content: '/';}
.CAFCON_Gnb_01 ul li.last a:after{content:'';}
#header-container h1 {display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; padding: 0 !important; text-align: center;}
#header-container #logo {text-align:center; margin:20px 0 30px 0;}
#header-container #logo a {display: inline-block; font-size:35px; font-weight:500;}
#header-container #logo img { }
#header-container #menu{position: absolute; top: 71.5px; left: 15px; width: 24px; height: 24px; cursor: pointer;}
#header-container #search{position: absolute; top: 71.5px; right: 15px; width: 24px; height: 24px; cursor: pointer;}
#header-container #bookmark {background: url('/design/nestest2/avenue_m/cafcon/book.jpg') no-repeat; position: absolute; top: 25px; right: 50px; width: 24px; height: 24px; cursor: pointer;}
#header-container #menu.off{background: url('/design/nestest2/avenue_m/cafcon/menu.jpg') no-repeat;}
#header-container #search.off{background: url('/design/nestest2/avenue_m/cafcon/search.jpg') no-repeat;}
#header-container #menu.on{background: url('/design/nestest2/avenue_m/cafcon/close.jpg') no-repeat;}
#header-container #search.on{background: url('/design/nestest2/avenue_m/cafcon/close.jpg') no-repeat;}
#header-container nav { position: absolute; right: 0; text-align: right; }
#header-container nav li { line-height: 23.5px; display: inline-block;  padding-left: 24px; text-align: left; }
#header-container nav li a { color: #999; font-size: .75em; font-weight: bold; margin-left: 7.143%; }
#header-container nav li.cat { background: url(/images/d3/m_01/bull/category@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 70px; }
#header-container nav li.search { background: url(/images/d3/m_01/bull/search@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 40px; }






.header_navilogstyle ul { overflow: hidden; width: 100%; background:#fff; border-bottom: 0px solid #959595;}
.header_navilogstyle ul li { float: left; text-align: center; vertical-align:middle; width: 16.3%; height:34px; line-height:34px; font-size:10px; color:#fff; font-weight:normal; letter-spacing:0px; border-right:0px solid #aaa; padding:0;}
.header_navilogstyle ul li:last-child { border-right:none;}

.header_navilogstyle ul li a { position:relative; display: block; width: 100%; height: 34px; border-left: 0px solid #959595; border-bottom: 1px solid #959595; border-top: 0px solid #959595; margin: 0; padding: 0; background: #fff; font-size:10px; color: #222; font-weight:bold;}
.header_navilogstyle ul li.first_child a { border-left: 0; }
.header_navilogstyle ul li a img { display: block; width: 100%; }





/* Topmodule_04 */
.header_04 {

}

.header_04 .container_Box {
border-top:0px solid #959595; 
border-bottom:0px solid #aaa;
background:#959595;
}

.header_04 .container_Box ul  {
overflow: hidden;
}

.header_04 .container_Box ul:last-child {
border-bottom:none;
}

.header_04 .container_Box ul li {
position:relative;
float:left;
display: block;
width:16.66%;
height:34px;
line-height:34px;
font-size:11px;
text-align:center;
font-weight:bold;
color:#fff;
letter-spacing:-1px;
border-right:1px solid #aaa;
padding:0;
}



.header_04 .container_Box ul li:last-child {
border-right:none;
}

.header_04 .container_Box ul li span {
position:absolute;
display:none;
width:1px;
right:1px;
font-weight:normal;
color:red;
padding:0;
}





/* Topmodule_04 END */





/* Topmodule_12 */
.header_12 {

}

.header_12 .container_Box {
border-top:0px solid #959595; 
border-bottom:0px solid #aaa;
background:#959595;
}

.header_12 .container_Box ul  {
overflow: hidden;
}

.header_12 .container_Box ul:last-child {
border-bottom:none;
}

.header_12 .container_Box ul li {
position:relative;
float:left;
display: block;
width:100%;

font-size:11px;
text-align:center;
font-weight:bold;
color:#fff;
border-right:1px solid #aaa;
padding:0;
}

.header_12 .container_Box ul li:first-child {
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
line-height:12px;
}

.header_12 .container_Box ul li:last-child {
border-right:none;
}

.header_12 .container_Box ul li span {
position:absolute;
display:none;
width:1px;
right:1px;
font-weight:normal;
color:red;
padding:0;
}



.header_12 .container_Box #menu {
}

.header_12 .container_Box #menu:before {

}

.header_12 .container_Box #menu:after {
content:" MENU";
font-size:11px;
letter-spacing:-1px;
}



/* Topmodule_12 END */




/* =============================================================================
   ¸ÞÀÎ index.html
   ========================================================================== */
#visual-evt { width: 100%; margin: 0 auto; margin-top: 20px; }
#visual-evt  #visual { float: center; width: 100%; }
#visual-evt  #menu { float: left; width: 23.61%; }
#visual-evt img { margin-top: 50px; margin-bottom: 30px; width: 100%; }
#event { width: 100%; }

#event .event-imgs { margin-top: 4px; margin-bottom: 40px; width: 100%; }
#event .event-imgs img { max-width: 100%; min-width: 100%; margin: 0 auto; display: none; }
#event .event-control-nav { width: 100%; text-align: center; }
#event .event-control-nav li { display: inline-block;  zoom: 1;}
#event .event-control-nav li a { margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; display: block; }
#event .event-control-nav a.event-active { background-position: -12px 50%; }
#container.main .items-wrap .items[data-type=tile],
#container.main .items-wrap .items[data-type=horizontal] { margin-top: 14px; }
#container.main .items-wrap .items[data-type=horizontal] .price img { vertical-align: -1px; }
#container.main .items-wrap .items[data-type=vertical] li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li .tit img { vertical-align: -1px; }





/* main > ¸ÞÀιè³Ê */
.mainBanner { width:80%; height: auto; margin: 0 auto;  line-height: 0; }
.mainBanner a { display:block; }
.mainBanner img { width:100%; }
.swiper-wrapper { width:100%; height:auto !important;position:relative; -webkit-transition-property: -webkit-transform,left,top; -webkit-transition-duration:0s; -webkit-transform: translate3d(0px,0,0);-webkit-transition-timing-function:ease; -moz-transition-property: -moz-transform,left,top;-moz-transition-duration:0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property: -o-transform,left,top;-o-transition-duration:0s;-o-transform: translate(0px,0px);-o-transition-timing-function:ease;-ms-transition-property: -ms-transform,left,top;-ms-transition-duration:0s;-ms-transition-timing-function:ease; transition-property: transform,left,top;transition-duration:0s; transform: translate3d(0px,0,0); transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper { margin:0 auto; width:100%; height:auto; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; transition-timing-function:ease-out; }
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}
.swiper-container{width:100%; height:auto;}
.swiper-container img{width:100%;}
.swiper-slide{width:100%; height:auto !important; float:left;}
.swiper-slide img{width:100%; height:auto;}
.device{padding:0; margin:0 auto; width:100% !important;height:auto !important;position:relative; text-align:center; max-width:800px; }
.swiper-container{margin:0; width:100% !important;height:auto !important;overflow:hidden; position:relative;z-index:1; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:  hidden;-o-backface-visibility:hidden; backface-visibility:hidden;}
.content-slide{padding:0; color: rgb(255,255,255);}
.title{font-size:25px;}
.pagination{text-align:center; margin-top:5px;}
.swiper-pagination-switch{background:#d7d7d7; margin:0 3px; border-radius:8px; width:8px; height:8px; display:inline-block; cursor:pointer;}
.swiper-active-switch{background:#3f3f3f;}




/* main > »õ·Î¿î¸ÞÀιè³Ê */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event button{overflow: hidden; position: absolute; top: 0; width: 40px; height: 100%; border: none; background: none; text-indent: -1000px;}
#event button.prev {left: 10px; }
#event button.next {right: 10px; }



 .goTop{
    position: fixed;  
    bottom: 15px;  
    left: 15px;  
    z-index: 150;    
    padding: 8px;  
    background: rgba(0, 0, 0, .5);  
    border: 1px solid rgba(0, 0, 0, .1);  
    border-radius: 2px;  
    -webkit-border-radius: 2px;  
    margin: 0px 0px 0px 0px;
}
/* BASIC css end */