@charset "utf-8";

/* 메인 비주얼 */
.wrap_visual_area  {  width:100%; height:545px; border-bottom:1px solid #ededed; background:#f5f5f5; }
.wrap_visual_area .visual_area  {  position:relative; width:980px; height:545px; margin:0 auto; }
.wrap_visual_area .visual_area .visual_slide01, .wrap_visual_area .visual_area .visual_slide02, .wrap_visual_area .visual_area .visual_slide03, .wrap_visual_area .visual_area .visual_slide04, .wrap_visual_area .visual_area .visual_slide05  {  position:relative; height:487px; }

/* 메인 비주얼 - 각 요소들 위치 */

/* 메인 비주얼 v2 - 리뉴얼 2015/09/14 start */
.wrap_visual_area_v2 { width:100%; height:630px; overflow: hidden; margin-top:57px; background:#2b2e37; z-index:1; }
.wrap_visual_area_v2 div.flexslider { position:relative; }
.wrap_visual_area_v2 div.flexslider ul.slides li { position:relative; height:630px; background-repeat: no-repeat; background-size:cover !important; background-position: 50% bottom; }

.event_go, .event_cake { cursor: pointer; }

/* 이벤트 슬라이드 */
.wrap_visual_area_v2 div.flexslider ul.slides li.slide_goldsk { background: url(/image/index/img_main_slide01.png) no-repeat; background-size:cover; background-position:50% bottom;}
.wrap_visual_area_v2 div.flexslider ul.slides li.slide_event { background: url(/image/index/img_main_slide01_event.png) no-repeat; background-size:cover; background-position:50% bottom;}
/* .wrap_visual_area_v2 div.flexslider ul.slides li.slide_event { background: url(/image/index/img_main_slide06_mall.png?20200810) no-repeat; background-size:cover; background-position:50%;} */
.wrap_visual_area_v2 div.flexslider ul.slides li.slide_summer { background: url(/image/index/img_main_slide_summer.png?20200817) no-repeat; background-size:cover; background-position:50%;}
.wrap_visual_area_v2 div.flexslider ul.slides li.slide_chuseok { background: url(/image/index/img_main_slide_chuseok.png?20200917) no-repeat; background-size:cover; background-position:50%;}
.wrap_visual_area_v2 div.flexslider ul.slides li.slide_winter{background:url(/image/index/img_main_slide_winter_mall.png?20210104) no-repeat;background-size:cover;background-position:50%;}

/* 엑스키퍼몰 */
.wrap_visual_area_v2 div.flexslider ul.slides li.slide_mall { background: url(/image/index/img_main_slide04_mall.png?180525) no-repeat; background-size: cover; background-position: 50%; }

.wrap_visual_area_v2 div.flexslider ul.slides li.slide00 { background-image:url(/image/index/img_main_slide01_1_2021.png); }
.wrap_visual_area_v2 div.flexslider ul.slides li.slide01 { background-image:url(/image/index/img_main_slide01_2_2021.png); }
.wrap_visual_area_v2 div.flexslider ul.slides li.slide02 { background-image:url(/image/index/img_main_slide02_2021.png); }

.wrap_visual_area_v2 div.flexslider ul.slides li div.text_area { color:#fff; text-align:center; padding-top:220px; width:980px; margin:0 auto; }
.wrap_visual_area_v2 div.flexslider ul.slides li div.text_area span.title { display:block; font-size:50px; line-height:50px; }
.wrap_visual_area_v2 div.flexslider ul.slides li div.text_area span.text { display:block; font-size:25px; line-height:25px; padding-top:18px; }

.wrap_visual_area_v2 div.flexslider .main_btn_area { position:absolute; top:350px; display:table; width:100%; z-index:100; }
.wrap_visual_area_v2 div.flexslider .main_btn_area .btn_area { display:table-cell; text-align:center; }
.wrap_visual_area_v2 div.flexslider .main_slide_area { position:absolute; top:460px; display:table; width:100%; z-index:100; }
.wrap_visual_area_v2 div.flexslider .main_slide_area .main_slide_nav { display:table-cell; text-align:center; }
.wrap_visual_area_v2 div.flexslider .main_slide_area .main_slide_nav ol { display:inline-block; *display:inline; *zoom:1; }
.wrap_visual_area_v2 .flex-control-nav { height:10px; }
.wrap_visual_area_v2 .flex-control-nav li { padding:0 7px; float:left; *zoom:1; }
.wrap_visual_area_v2 .flex-control-nav li a { display:block; overflow:hidden; text-indent:-9999px; }
.flex-control-paging li a.flex-active { width:49px; height:10px; background:url(/image/index/btn_main_slidenav_on.png) no-repeat; }
.flex-control-paging li a { width:10px; height:10px; background:url(/image/index/btn_main_slidenav_off.png) no-repeat; }
.flex-pauseplay a.flex-pause { width:15px; height:10px; display:block; overflow:hidden; text-indent:-9999px; background:url(/image/index/btn_main_slidenav_stop.png) no-repeat; }
.wrap_visual_area_v2 .flex-direction-nav .flex-nav-prev { display:none; }
.wrap_visual_area_v2 .flex-direction-nav .flex-nav-next { display:none; }
/* 메인 비주얼 v2 - 리뉴얼 2015/09/14 end */

/* 중간 컨텐츠 v2 - 리뉴얼 2015/09/14 start */
#contents_main { position:relative; width:980px; margin:0 auto; min-height:410px; }
.wrap_contents { width:980px; }

/* 중간 컨텐츠 - 공지사항 */
.wrap_con_middle_area h4.box_title { font-size:18px; line-height:18px; color:#ab6224; }
.wrap_con_middle_area .main_notice { height:56px; border-bottom:1px solid #ddd; }
.wrap_con_middle_area .main_notice h4.box_title { width:100px; text-align:left; float:left; }
.wrap_con_middle_area .main_notice h4.box_title span.title { display:inline-block; padding-top:20px; }
.wrap_con_middle_area .main_notice ul { float:left; }
.wrap_con_middle_area .main_notice ul li { font-size:14px; line-height:14px; }
.wrap_con_middle_area .main_notice ul li a { display:block; cursor:pointer; width:880px; height:44px; margin-top:6px; background:url(/image/index/icon_plus_small_off.png) no-repeat right 12px; }
.wrap_con_middle_area .main_notice ul li a:hover { background-image:url(/image/index/icon_plus_small_on.png); }
.wrap_con_middle_area .main_notice ul li span.notice_head { display:inline-block; padding:15px 0 0 15px; }
.wrap_con_middle_area .main_notice ul li span.notice_date { display:inline-block; font-size:13px; line-height:13px; color:#767676; padding-left:15px; }

/* 하단 컨텐츠 */
.wrap_contents .con_banner_area { padding-top:45px; }
.wrap_contents .con_banner_area ul { height:200px; }
.wrap_contents .con_banner_area ul li { float:left; }
.wrap_contents .con_banner_area ul li a { position:relative; width:245px; height:210px; display:block; overflow:hidden; cursor:pointer; }
.wrap_contents .con_banner_area ul li a div.icon_area { width:138px; height:73px; margin:0 auto; background:url(/image/index/img_main_b_con_v2.png) no-repeat; }
.wrap_contents .con_banner_area ul li a h4 { font-size:20px; line-height:20px; color:#333; text-align:center; padding-top:22px; }
.wrap_contents .con_banner_area ul li a span.text { display:block; text-align:center; padding-top:10px; line-height:18px; }

.wrap_contents .con_banner_area ul li.con_banner01 a div.icon_area { background-position:0 0; }
.wrap_contents .con_banner_area ul li.con_banner02 a div.icon_area { background-position:0 -73px; }
.wrap_contents .con_banner_area ul li.con_banner03 a div.icon_area { background-position:0 -146px; }
.wrap_contents .con_banner_area ul li.con_banner04 a div.icon_area { background-position:0 -219px; }

/* 자세히 보기 버튼 */
.wrap_contents .con_banner_area .btn_detail { position:absolute; top:185px; left:90px; display:inline-block; *display:inline; *zoom:1; overflow:hidden; margin:0 auto; }
.wrap_contents .con_banner_area .btn_detail span { display:inline-block; *display:inline; *zoom:1; padding-right:12px; background:url(/image/comm/icon_bullet_title_orange.png) no-repeat right center; }

/*20.08 메인추가 */
.wrap_visual_area_v2 div.flexslider .hot{position:absolute;top:160px;display:table;width:100%;text-align:center;}