﻿@charset "utf-8";

body {font:12px/1.25em "돋움", Dotum, "돋움", Dotum, sans-serif;}

/* default reset */
button {background: transparent; border: none; cursor: pointer;}
input {border:none;}
legend {width:0;height:0;font-size:0;line-height:0; text-indent: -9999px}

/* 기존 css 로 부터의 reset */
body, div, td, p, form, select, span, li, dd, dt{font:12px/1.25em 'メイリオ','verdana',Arial, "돋움", Dotum, "돋움", Dotum,sans-serif; color:#444; line-height:15px;}

/***********************************************************************
                        *메인 & 서브 공통 [module]*
************************************************************************/
/* 공통 css */
.hide {position:absolute; left:-9999px; height:0;}
.flag {width:43px; height:43px; position:absolute; top:0; right:0;} 
.mT96 { margin-top:96px; }
.mB30 {margin-bottom:30px;}
.mB50 {margin-bottom:30px;}
.col4>* {width:25%; display:table-cell}
.col3_1>* {width:304.5px;display:table-cell}
.col3>* {width:33.3333%;display:table-cell}
a:hover > img.prdImg {opacity: 0.9;filter: alpha(opacity=90);}

.prdImg {border: 1px solid #ececec;width:260px;height:auto;}
.bestOfBest_area .prdImg{height:360px!important;}
.newItemBest_area .prdImg{height:198px!important;}

/* 공통 : 상품 리스트 내 util*/
.price { display: table-cell;width:262px; height:40px;vertical-align:middle;clear: both; text-align: center; font-weight: bold; text-transform: lowercase; font-size: 12px !important; color: #363636; font-family: 돋움, Dotum !important;}
.itmTit {font-size:11px; color:#c0b996;font-weight:bold; display:block;}
.prdDetail {display:block; text-align: center; }
.prdDetail li {line-height: 1.5em; font-size:11px;}
.prdName {display:block; color:#545454; padding: 6px 0; display: block; text-align: center;margin-bottom:6px; border-bottom: 1px solid #e8e8e8;font-size:14pt;letter-spacing:-0.5px}
.simpleExp {display:block; color:#8e8370; letter-spacing: -0.2px; text-align: center}
.iconList_area {font-size:0; line-height:0 !important;}
.iconList {line-height:18px; font-size:0}
.iconList img {display:inline; margin-right:3px}
.prdSMemo {color:#ff3977;font-weight:bold;margin-bottom:8px;letter-spacing:-1px}
.sumInfo {color:#a0a0a0;font-size:11px; line-height:1.4em !important;letter-spacing:-1px}
.first_prdName {padding: 10px 0 5px; font-size:12px;}

/* 공통 : 상품 리스트 : 4개 노출 */
.prdList_area {padding-bottom:10px;}
.prdList {display:table; width:100%; font-size:0; line-height: 0;vertical-align: top;box-sizing: border-box; -webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
.prdList_area .prdList.col4 .box {width:262px; margin:0 auto 60px;}
.prdList_area .prdList.col3_1 .box {width:262px; margin:0 auto 60px;}
.prdList>li {vertical-align:top; font-size:11px; line-height: 15px; display:inline-block;*display:inline;*zoom:1;*margin-left:-1px;}
.prdList>li:first-child {*margin-left:0;}
/**.prdList_area .prdList.col4 .box .prdImg {width:260px; height:360px;}*/

/* 서브 공통 : 카테고리 타입 영역역*/
.mddl_cateType ul {height:44px; border:1px solid #dddddd;}
.mddl_cateType ul li {  display: inline-block; height: 100%; font*display:inline;*zoom:1}
.mddl_cateType ul li:first-child>a {padding-left:22px;}
.mddl_cateType ul li>a {  height: 100%; display: block; line-height:42px; padding: 0 27px; color:#000;}

.bnnr_area {margin-top:30px;}
.bnnr_survey {margin-top:40px;}
.product_wrap {margin-top:50px; }

/* 서브 공통 : 상품 sort  영역*/
.product_wrap .sortArea {height:26px; position:relative;text-align: right; padding:0 22px; font-size:0; line-height: 0;color:#444}
.product_wrap .sortArea>* {display: inline-block; font-size:12px; line-height: 15px; *display:inline;*zoom:1; }
.product_wrap .sortArea dt {width:200px; position:absolute; top:6px; left:22px;text-align: left; font:12px/1.25em "돋움", Dotum,sans-serif;}
.product_wrap .sortArea dd {
  height:30px;
  padding:0 8px 0 7px;
  background:url(/resources/ko/images/sub/sort_line.jpg) right 1px no-repeat;
  font:12px/1.25em "돋움", Dotum,sans-serif;
}
.product_wrap .sortArea dd:last-child {background:none;padding-right:0;}
.product_wrap .sortArea a {color:#444; padding:1px 2px; margin-top:5px;}
.product_wrap .sortArea a.active {font-weight: bold; background-color:#fec1c9;}
.style_sub .prdList_area {margin-top: 40px;}
.style_sub.contents .prdList_area {padding-bottom:0;}

/* 서브 공통 : 페이지 컨트롤 영역*/
.pagnation {margin-top:30px;}
.pagnation .paging {font-size:0; line-height: 0; text-align: center;}
.pagnation .paging li {width:33px; height:33px; font-size:12px; line-height: 33px; display: inline-block; border:1px solid #d7d5d5;border-left:none;*display:inline;*zoom:1;}
.pagnation .paging li:first-child {border-left:1px solid #d7d5d5 }
.pagnation .paging li.btn_first a { text-indent: -9999px; background:url(/resources/ko/images/btn/btn_page_first.jpg) 0 0 no-repeat;}
.pagnation .paging li.btn_last a {text-indent: -9999px; background:url(/resources/ko/images/btn/btn_page_last.jpg) 0 0 no-repeat;}
.pagnation .paging li.btn_prev a{text-indent: -9999px;background:url(/resources/ko/images/btn/btn_page_prev.jpg) 0 0 no-repeat;}
.pagnation .paging li.btn_next a{text-indent: -9999px; background:url(/resources/ko/images/btn/btn_page_next.jpg) 0 0 no-repeat;}
.pagnation .paging li>a {display: block; width: 100%; height: 100%;line-height: 33px; font-weight: bold; color:#000; }
.pagnation .paging li:hover {background-color:#fbfbfb;}


/***********************************************************************
                        *메인 페이지 영역*
************************************************************************/
/********* top uitily menu *********/
.top_util{width:100%;height:26px;border-bottom:1px solid #f0eee3;position: fixed;top: 0px;z-index: 999999;background-color: #fbf9fa;}
.util_area {width:1218px; height:100%; margin:0 auto; position: relative;}
.util_left {}
.util_left a {text-decoration: none; font: normal 11px dotum,tahoma; color: #bbb7ac; letter-spacing: -1px; vertical-align: top;}
.util_left a:hover {color:#000;}
.util_left .util_left_cate_menu {width:193px;height:26px;padding:0 !important;border-right:1px solid #f0eee3;border-left:1px solid #f0eee3;float:left;background-color:#FFFFFF;cursor:pointer}
.util_left .util_left_sns_menu {float:left;padding-top:6px;}
.util_left ul {height:18px; float:left;}
.util_right {position:absolute; top:7px; right:0;}
.util_right a{  text-decoration: none; font: normal 11px dotum,tahoma; color: #bbb7ac; letter-spacing: -1px; vertical-align: top;}
.util_left ul li,.util_right ul li {float: left;  font-size:11px;  color: #bbb7ac;  vertical-align: top;padding:0 9px 0 9px; background:url(/resources/ko/images/head/top_util_line.jpg) right 2px no-repeat;}
.util_left ul li.func,.util_right ul li.func {background: none; padding:0;}
.util_left ul li.pdL,.util_right ul li.pdL {padding-left:8px !important;}

/*2017-03-16 popen*/
.util_area_bottom{width:1218px;height:8px;margin:0px auto;}
.util_area_bottom:before {
    content: '';
    display: block;
    clear: both;
}

#header .middle-area {
    width: 1218px;
    height:160px;
    margin: 0px auto;
}
#header .middle-area a {
    margin: 0px;
}
#header .middle-area .logo {
    float:left;
    margin-top:34px;
}
#header .middle-area .middle-menu {
    float:right;
    text-align:right;
}

.topSearch_area {
  float:left; 
  width:80px; 
  position: relative; 
  margin-top:-3px;
  margin-left:10px; 
  padding-left:10px;
  background:url(/resources/ko/images/head/top_util_line.jpg) left 5px no-repeat;
}
.topSearch_area .topSearch {background-color: transparent; display:inline-block; width:53px; height:14px;padding-left:4px;margin-bottom: 4px}
.topSearch_area .topSrcBtn {width:18px; height:14px; display:inline-block; position:absolute; top:0px; right:2px;}
.topSearch_area form {height:16px;border-bottom:1px solid #ebe6ce;}

/******** main slide banner *********/
.mainBnnr_area { width:100%; position:relative;}
.mainBnnr_area .bx-viewport { z-index:1;}
.mainBnnr_area .slide>a>img { width:100%; min-width: 1218px; max-width: 100%}

/*********************************************
              *bx-slider css*
*********************************************/
.slider_btn {position:absolute; height:46px; width:1218px;top:50%; margin-top:-10px; margin-left:-609px; left:50%; }
/* 메인 슬라이드 버튼 */
#slider-prev {
  /*display: none; */
  position:absolute; 
  top:0;
  left:0;
  z-index: 99;
  background:url(/resources/ko/images/btn/m_btn_prev.png) 0 no-repeat;
}
#slider-next {
  /*display: none; */
  position:absolute; 
  top:0;
  right:0;
  z-index: 99;
  background:url(/resources/ko/images/btn/m_btn_next.png) 0 no-repeat;
}
#slider-prev .bx-prev,#slider-next .bx-next {width:26px; height:46px;  text-indent: -9999px; display:block;}

/*2번 슬라이드 버튼 */
#slider2-prev, #slider2-next {display:none;}
#slider2-prev .bx-prev {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left:0;
  z-index: 99;
  width: 53px;
  height: 51px;
  margin: -26px 0 0;
  background: url("/resources/ko/images/btn/slide_btn.png") 0 -23px no-repeat;
  text-indent: -9999px;
}
#slider2-prev .bx-prev:hover {
  background-position: -63px -23px;
}
#slider2-next .bx-next{  
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right:0;
  z-index: 9;
  width: 53px;
  height: 51px;
  margin: -26px 0 0;
  background: url("/resources/ko/images/btn/slide_btn.png") 0 -84px no-repeat;
  text-indent: -9999px;
}
#slider2-next .bx-next:hover {
  background-position: -63px -84px;
}

/************* 하단 컨텐츠 **************/
.mainCnt_area {width:1218px; margin:0 auto; position: relative;}
.style_main .prdDetail .prdName { font-size:14px}
.style_main .prdDetail .optionColors {
    display:block;
    height:9px;
    padding-top:8px;
}
.style_main .prdDetail .optionColors .op-colors {
	float:right;
}
.style_main .prdDetail .optionColors .op-colors li {
    float: left;
    width:9px;
    height:9px;
    margin-left:4px;
}
.style_main .prdDetail .optionColors .op-colors li:first-child {
    margin-left:0;
}

.mTitArea {margin:130px 0;}
.variousCnt_area {min-height:541px;*height:541px;}
.cntSlide_area {width:615px; float:left; position:relative;}
.cntSlide img {width:615px; height:540px;}
.cntsRight_area {width:595px; float:right;}
.bnnrBrandAWD {float:left; width:284px; height:143px;border:1px solid #ecebe9;}
.bnnrTrendFCS {float:right; width:299px; height:143px;border:1px solid #ecebe9;}
.bnnrTvOnMeArea {float:left; width:284px; height:386px; margin-top:8px;border:1px solid #ecebe9;}
.bnnrSmall {float:right; width:301px; height:145px; position:relative;border:none;margin-top:8px;}
.bnnrSmall>a {position:absolute; top:0;border:1px solid #ecebe9;}
.bnnrSmall .manyCure {left:0;position:absolute; top:0;border:1px solid #ecebe9;}
.bnnrSmall .bestReview {right:0;position:absolute; top:0;border:1px solid #ecebe9;}
.bnnrSurvey {float:right; width:299px; height:71px; border:1px solid #ecebe9; margin-top:8px;}
.notice_area {float:right; width:299px; height:151px; border:1px solid #ecebe9; margin-top:8px; position:relative;}
.notice_area dl {padding-top:25px; padding-left:13px; padding-right:14px;}
.notice_area dt {background-color:#f9f7f8; position: absolute; top:0; left:0; height:25px; width:96%;}
.notice_area .ntcTit>img {display:inline-block; margin-left:20px; margin-top:6px;} 
.notice_area .ntcTit a {position:absolute; top:0; right:0; width:37px; height:25px;text-align: center; font-family: "돋움", Dotum,sans-serif;} 
.notice_area .ntcTit a img {display:inline-block; margin-top:4px;}
.notice_area dd {width:272px; border-top:1px solid #e0e0e0; letter-spacing: -0.25px; font: 11px/2.4em "돋움", Dotum,sans-serif; }
.notice_area dd.first {margin-top:6px; border-top:none;}

/* hot item */
.hotItem_area {position: relative; line-height:2.2em;overflow: hidden;height: 360px; text-align: center;}
.hotItem_area .slide_area {margin-top:46px; height:260px;}
.hotItem_area #slide-product .weeklyList {height:260px; position:absolute;}
.hotItem_area #slide-product .weeklyList li {float:left; width:198px;}
.hotItem_area .itmTit {margin-top:4px;}
.hotItem_area .prdList {width:1174px; margin:49px auto 0;}
.hotItem_area .price {font-weight: normal}
#slide-btn {left:0;}
#slide-btn>a {position: absolute; top: 0px; z-index: 50; display:block; width: 26px; height: 260px; background-color: #fff; vertical-align: middle; }
#slide-btn>a img {vertical-align: middle;position: absolute; top: 80px;}
#slide-btn .arrow-left {left: 0;}
#slide-btn .arrow-left img {left:0}
#slide-btn .arrow-right {right: 0;}
#slide-btn .arrow-right img {right:0;}

.style_main h4 {margin-bottom:40px;}

/* 오늘의 신상 */
.todayNewItem_area .todayItemList {width:1196px;border: 1px solid #e8e8e8;border-top:none; margin: 46px auto 75px;}/*20150619 modify*/
.todayNewItem_area .todayItemList ul {border-top: 1px solid #e8e8e8; display:table;width:100%;}
.todayNewItem_area .todayItemList ul li {display:table-cell; width:20%; border-left: 1px solid #e8e8e8; position:relative; *display:inline; *zoom:1; *margin-left:-1px}
.todayNewItem_area .todayItemList ul li:first-child {border-left:none;}
.todayNewItem_area .todayItemList ul li a { display:block; width:151px; margin:25px auto 0; padding-bottom: 10px; }
.todayNewItem_area .todayItemList ul li .prdImg {width:151px; /* height:196px; */} 
.todayNewItem_area .todayItemList ul li .simpleExp {line-height: 2em; margin-top:10px;color:#555;}

/* 일상을 입다. */
.daily_use_area {padding-bottom:33px;}
.daily_use_area .prdList {display:table; width:100%; margin-top:48px;}
.daily_use_area .prdList.col3 .box {width:370px; margin:0 auto 42px;}
.daily_use_area .prdList.col3 .box .prdImg {width:370px; height:260px;}

.m_bttm_banner img {width:1218px; height:547px;}

/****************************** footer ******************************/
.footer {width:1218px; margin:0 auto;overflow:hidden;height: 387px;}

/***********************************************************************
                        *서브 페이지 영역*
************************************************************************/
.style_sub.contents { width: 1218px;  margin: 0 auto 20px; *padding-bottom:50px; position:relative;}
.style_sub.contents h2 {padding-top:45px; text-align:center;}
.style_sub.contents .product_wrap {margin-top:40px;}

/**************************** sub :연애인 협찬(celebrity)  *******************************/
.style_sub.celebrity .first_prdName {padding: 10px 0 5px; font-size:12px;}
.style_sub.celebrity .prdName {padding: 5px 0;}

/**************************** sub : TV 속 스타일 온미  *******************************/
.style_sub.celebrity .product_wrap {margin-top:50px;}

/**************************** sub : 코스메틱  *******************************/
.style_sub.cosmetic .variable_area {width:1218px;  height:456px;margin:27px 0 116px 0;}
.style_sub.cosmetic .videoCnt {float:left; width:900px; height:506px;}
.style_sub.cosmetic .videoCnt iframe {width:100%; height:100%;}
.style_sub.cosmetic .sideBanner {float:right; height:506px;}
.style_sub.cosmetic .sideBanner li {margin-top:13px; height:160px; overflow: hidden;}
.style_sub.cosmetic .sideBanner li:first-child {margin-top:0;}

/**************************** sub : 상품상세페이지 *******************************/
.img_view_wrap {height:656px; border-bottom: 1px solid #d8d8d8; margin-bottom:30px;}
.img_view_wrap .img_view {padding:0 50px 20px 100px;width:500px;}
/*.img_view_wrap .img_view .dtImg {display: table-cell;width:463px; height:510px;text-align:center;}*/
.img_view_wrap .img_view .dtImg {display: table-cell;width:480px;height:664px;text-align:center;}
.img_view_wrap .img_view .dtImg img {max-width:500px; margin: auto auto}
.thumbnail { padding: 20px 0; width:100%; text-align: left;}
.thumbnail ul {font-size: 1px; line-height:0;}
.thumbnail ul li {max-width:170px; max-height:235px; display: inline-block;*display: inline;*zoom:1;}
.thumbnail ul li img {width:100%; height:100%;}
.product_info {padding-left:0; border-left: 0}
.product_info .priInfoTable th{padding:9.5px 0 9.5px 0;text-align:left;font-weight:normal;}
.product_info .titleArea .tit  {padding-bottom:10px; padding-top: 0;}
.product_info .titleArea .iconList_area {padding-bottom:4px;}
.product_info .titleArea .txt  {padding-bottom:20px;}
.product_info .shoppingGuide {padding-top:10px;}
.product_info .btn_list ul {margin-bottom:10px;}
.prdView_sel {font-size:11px;height:20px;width:190px; color:#444;}
.volume_sel { padding: 2px 0 0 0;  margin-right: 2px;  float: left;}
.num_input {height:13px;padding:3px 2px;text-align: center;}
.pro_btn_ud {padding: 1px 0 1px 0;}
.pro_btn_ud>a>img {width:11px; height:11px;}

/*sub : tap*/
.linkBnnr {background:url(/resources/ko/images/sub/pollonme.jpg) 0 no-repeat; width:100%;padding:20px 0;}
.linkBnnr ul {height:82px;}
.linkBnnr li {float:left; width:198px;height:100%;*display:inline; *zoom:1;}
.linkBnnr li a {display: block; text-indent: -9999px;height:100%; }
.linkBnnr li.link03{width:190px}
.linkBnnr li.link04{width:212px}
.linkBnnr li.link05{width:199px}
.linkBnnr li.link06{width:221px}
.btn_tab2 {border-right:none;border-left:none;position:relative}
.btn_tab2 ul {height:49px}
.btn_tab2 ul li {
  box-sizing: border-box;
  display: inline-block;
  border-top: 1px solid #777777;
  float: left; 
  text-align: center;
  padding-top: 14px;
  width: 202px;
  background: #fefdfd;
  height: 49px;
  font-size: 12px;
  font-color:#c5c1bc;  
  border-bottom: 1px solid #dcdcdc;
  *margin-left:-3px;
  position:relative;
}
.btn_tab2 ul li:first-child {*margin-left:0;}
.btn_tab2 ul li:last-child {border-right:none;}
.btn_tab2 li>a{display:block; height:100%; width:100%;line-height:40px;}
.btn_tab2 ul .on { border-top:3px solid #FC95B0; background:#fff; border-bottom:0px; color: #FC95B0 !important; }


/***********************************************************************
                        *좌측메뉴 영역*
************************************************************************/
.style_sub.community.contents,.style_sub.mypage.contents {display:table;}
.left_menu {
  width:181px !important; 
  height:100%; 
  position: relative;
  float:none; 
  display: table-cell;  
  width: 1024px;*display:inline;*zoom:1;
  padding-bottom: 50px;
  margin-left: 11px; 
  border: 1px solid #cdcdcd;
  border-top: none;
}
.left_menu .left_menuList {margin-top:105px;}

.left_menu ul li>ul {padding:10px 0 35px;}
.left_menu ul li ul li {  height:23px; padding-left: 36px;}
.left_menu ul li ul li>a {display:block; height:100%; width:100%;  padding: 5px 0; box-sizing: border-box;}
.left_menu h3.title img,.left_menu h3.title img {  margin-left: -12px;}

/*left_menu 하단 링크 */
.left_btAdd {background:url(/resources/ko/images/leftmenu/line.jpg)0 0 repeat-x;}
.left_btAdd>li {width:163px; margin:0 auto; padding-top:15px; text-align:center;}
.left_btAdd>li>a {display:block;}
.left_btAdd .txtAdd a {display:inline-block;} 
.left_btAdd .txtAdd .text{display:block; padding:5px 10px;color: #444;}

/*오른쪽 영역 & 초기화*/
.right_content_area { display: table-cell; width: 1024px; vertical-align: top;*display:inline;*zoom:1;*margin-left:-1px;}
.right_content_area>*{width:908px; margin:0 auto;}
.right_content_area>.right_content {border:none; display:block;float:none;}

/**************************** 마이페이지 *****************************/
.style_sub.mypage .left_menuList {margin-top:0;}

/**************************** 커뮤니티 *******************************/
.left_menu .left_info {background:url(/resources/ko/images/leftmenu/community/top_mn_bg.png) no-repeat; 
  height:105px; 
  padding:0;  
  position: absolute;
  z-index: 5;  
  left: -11px;
  color: #fff;
  width: 193px;
  margin:0;
   
}
/*좌측 고객정보*/
.left_menu .cstm_info {height:105px; }
.left_menu .cstm_info .left {color:#fff; font-size: 11px; line-height: 160%; width:50px;float:left;padding:12px 0 0 38px;}
.left_menu .cstm_info .left strong, .left_menu .cstm_info .left span {display:inline-block;color:#fff;font-size: 11px;line-height: 160%;}
.left_menu .cstm_info .left strong.cstm_name {padding-bottom:10px;}
.left_menu .cstm_info .right {width:50px;float:right; padding:12px 18px 0 0;}
.left_menu .cstm_info .right>* {display:inline-block;line-height: 160%;}
.left_menu .cstm_info .right .myInfo {width:48px; height:18px; margin-bottom:6px; margin-left: -4px; border: 1px solid #cccccc; color:#626574; background-color: #fff;text-align:center;}
.left_menu .cstm_info .right .chChek {color:#fff;}

/*좌측 로그인*/
.left_login {  padding: 23px 10px 0 10px;}
.left_login .left {width:130px; color:#fff;}
.left_login .left label {font-weight:bold;display:inline-block; width:50px; height:23px;*display:inline;*zoom:1; margin-bottom:2px;}
.left_login .left input[type="text"],.left_login .left input[type="password"] {display:inline-block; width:68px; height:19px; padding:2px 3px;*display:inline;*zoom:1; border:none; background-color: #fff;margin-bottom:2px;}
.left_login .right input[type="image"] {width:39px; height:53px;}

/***********************************************************************
                                *퀵메뉴*
************************************************************************/
#r_quick,
.r_quick {width:93px; height:177px; position: absolute; top: 0;  right: -106px; display:none;}
.r_quick .postscript {border:4px solid #fecbd4; text-align: left; line-height:160px;}
.r_quick .postscript .title {text-align:center; background-color:#fecbd4;color:#fff;}
#quick_after,.quick_after {width:100%; padding: 3px 0 3px 3px; font-size:11px; box-sizing:border-box;*width:82px;}
#quick_after li,.quick_after li { line-height: 160%;}
#quick_after li>a ,.quick_after li>a {display:inline-block; width:100%; height:100%;font: 11px/1.25em "돋움", Dotum,sans-serif;}

.r_quick .photo_cnt{ padding: 5px 2px 4px 2px; height: 45px;}
.r_quick .photo_cnt .photo{display:inline-block; float:left;}
.r_quick .photo_cnt .photo:first-child {margin-right: 1px}
.r_quick .photo_cnt .photo>img {width:40px; height:45px;}

.r_quick .quickMenu_cnt {margin-top:10px; background-color: #fff;}
.r_quick .quickMenu_cnt .menuTxt {border:1px solid #e0e0e0; border-bottom:none; height:26px;margin-left:2px;}
.r_quick .quickMenu_cnt .menuTxt a {display: block; color:#767676;text-align: center;font: 11px/2.6em "돋움", Dotum,sans-serif;}
#r_quick .recent_img {  
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  margin-left: 2px;
  width: 89px;
}
/*.ret_view { width: 65px; position: relative; margin-bottom: 5px;}*/
.r_quick .ret_view .mvBtn{text-align: center;}
.r_quick .recent_img .ret_view .photo_cnt {padding-bottom:10px; height:auto;}
.r_quick .ret_view .delBtn {position:absolute; top:0px; left:51px; width:14px; height:14px; z-index:2000;}

/* 2017-04-12 메인 중간 배너 개편 (popen)*/
.main-mid-banner-area {
    margin:90px 0 60px 0;
    height:351px;
}

.main-mid-banner-area .main-mid-banner-col {
    position:relative;
    float:left;
    width:285px;
    height:351px;
    margin-left:26px;
    overflow:hidden;
}
.main-mid-banner-area .main-mid-banner-col:first-child {
    margin-left:0;
}

.main-mid-banner-area .main-mid-banner-col .main-mid-banner-row {
    position:relative;
    width:285px;
    height:172px;
    margin-top:7px;
    overflow:hidden;
}

.main-mid-banner-area .main-mid-banner-col .main-mid-banner-row:first-child {
    margin-top:0;
}

.main-mid-banner-area .main-mid-banner-col .main-mid-banner-row:last-child {
    width:283px;
    height:170px;
    border:1px solid #cecece;
}

.main-mid-notice {
    width:241px;
    margin:0 22px 0 22px;
}
.main-mid-notice tr {
    border-bottom:1px solid #dfdfdf;
}
.main-mid-notice tr td {
    position:relative;
    width:231px;
    max-width:231px;
    height:26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "돋움", Dotum,sans-serif;
    font-size:12px;
    color:#474747;
    padding:0 10px 0 0;
}
.main-mid-notice tr td a,a:hover,a:visited,a:hover  {
    color:#474747;
}
