@charset "utf-8";
/* 공통 */
#container.customer .inner{overflow:hidden;}
#container.customer #side_section{float:left; margin-top:106px;}
#container.customer #sub_section{margin:0 0 0 217px; padding-top:0}
#container.customer #sub_section .page_title{margin-bottom:30px; padding:71px 0 42px}

/* FAQ */
#container.customer .faq_wrap .sort_tab{margin-bottom:30px;}
#container.customer .faq_wrap .sort_tab ul{overflow:hidden; border-left:1px solid #e9ebea; border-top:1px solid #e9ebea;}
#container.customer .faq_wrap .sort_tab li{float:left; width:16.66%; border-bottom:1px solid #e9ebea; height:47px; background-color:#fafafa; position:relative; overflow:hidden;}
#container.customer .faq_wrap .sort_tab li:after{content:''; position:absolute; right:0; top:0; bottom:0; width:1px; background-color:#e9ebea; z-index:5}
#container.customer .faq_wrap .sort_tab li a{display:block; position:relative; text-align:center; line-height:47px; font-size:14px; color:#767676; background-color:#fff; z-index:3;}							
#container.customer .faq_wrap .sort_tab li.active a{color:#fff; background-color:#999999;}

#container.customer .faq_wrap .faq_table td.t_a-l{text-align:center; padding:17px 0 0 0; vertical-align:top;}
#container.customer .faq_wrap .faq_table td{text-align:left; padding:0;}
#container.customer .faq_wrap .faq_table .que{cursor:pointer; color:#555; line-height:22px; position:relative; padding:16px 90px 17px 36px;}
#container.customer .faq_wrap .faq_table .que span:before{content:''; display:block; position:absolute; left:0; top:14px; width:28px; height:28px; background:url(../images/customer/icon_faq.png) 0 0 no-repeat;}
#container.customer .faq_wrap .faq_table .que:after,
#container.customer .faq_wrap .faq_table .que:before{content:'';  width:15px; height:1px; position:absolute; right:0; top:27px; background-color:#d0d0d0; transition-duration:0.3s}
#container.customer .faq_wrap .faq_table .que:after{-ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); right:18px;}
#container.customer .faq_wrap .faq_table .que:before{-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); right:28px;}
#container.customer .faq_wrap .faq_table .que.on:after{-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg);}
#container.customer .faq_wrap .faq_table .que.on:before{-ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg);}
#container.customer .faq_wrap .faq_table .ans{height:0px; overflow:hidden; position:relative;}
#container.customer .faq_wrap .faq_table .ans p{border-top:1px solid #e9ebea; color:#767676; line-height:24px; position:relative; padding:16px 90px 17px 36px;}
#container.customer .faq_wrap .faq_table .ans p:before{content:''; display:block; position:absolute; left:0; top:14px; width:28px; height:28px; background:url(../images/customer/icon_faq.png) 0 -28px no-repeat;}

#container.customer .faq_wrap .nodata{text-align:center; background:url(../images/customer/icon_nodata.png ) 50% 0 no-repeat; padding:96px 0; margin-top:130px;}


/* 공지사항 */
#container.customer .notice_list_wrap .search_wrap{margin-bottom:20px; text-align:center;}
#container.customer .notice_list_wrap .search_wrap .input-select{margin-right:2px}
#container.customer .notice_list_wrap .search_wrap .input-select select.select_type01{padding:7px 10px;}
#container.customer .notice_list_wrap .search_wrap .input-btn_set input[type="text"]{padding:8px 10px;}
#container.customer .notice_list_wrap .search_wrap .input-btn_set button{margin-left:6px;}
#container.customer .notice_list_wrap .table-type01{margin-bottom:40px;}
#container.customer .notice_list_wrap .nodata{text-align:center; background:url(../images/customer/icon_nodata.png ) 50% 0 no-repeat; padding:96px 0; margin-top:130px;}

#container.customer .notice_view_wrap .list_view{border:0}
#container.customer .notice_view_wrap .list_view .view-title{padding:0}
#container.customer .notice_view_wrap .list_view .view-title h2{display:block; color:#555; font-size:28px; line-height:34px; font-weight:normal; text-align:center;}
#container.customer .notice_view_wrap .list_view .view-title .date{display:block; font-size:15px; color:#7d7d7d; margin-top:5px; text-align:center;}
#container.customer .notice_view_wrap .list_view .view-cont{margin-top:25px;}
#container.customer .notice_view_wrap .list_view .view-cont img{margin-bottom:25px;}
#container.customer .notice_view_wrap .list_view .view-cont p{line-height:24px; margin-bottom:24px;}
#container.customer .notice_view_wrap .list_view .view-cont .file_down{}
#container.customer .notice_view_wrap .list_view .view-cont .file_down a{display:inline-block; color:#bda691; line-height:27px; background:url(../images/common/icon_file_down.png) 0 0 no-repeat; padding-left:35px;}

#container.customer .notice_view_wrap .list_view .view-navi{margin-top:30px; display:block;}

#container.customer .notice_view_wrap .list_view .view-navi{margin-top:60px; border:solid #e9ebea; border-width:1px; box-sizing:border-box;}
#container.customer .notice_view_wrap .list_view .view-navi dl{overflow: hidden;}
#container.customer .notice_view_wrap .list_view .view-navi dl.prev, #container.customer .notice_view_wrap .list_view .view-navi .view-navi dl.next {display:block; width:100%;}
#container.customer .notice_view_wrap .list_view .view-navi dl dt{float: left; color:#7d7d7d;}
#container.customer .notice_view_wrap .list_view .view-navi dl dt:before{content: ''; display: inline-block; margin-right: 14px; width: 21px; height: 12px; background: url('../images/common/list_view_arrow.jpg') no-repeat;}
#container.customer .notice_view_wrap .list_view .view-navi .prev{border-bottom: 1px solid #e9ebea; box-sizing:border-box;}
#container.customer .notice_view_wrap .list_view .view-navi .prev dt:before{background-position: 0px top;}
#container.customer .notice_view_wrap .list_view .view-navi .next dt:before{background-position: 0px bottom;}
#container.customer .notice_view_wrap .list_view .view-navi dl.prev dd:before {left: 18px; top: 11px; width: 22px; height: 10px; background: url(../images/common/list_view_btn.png) no-repeat;}
#container.customer .notice_view_wrap .list_view .view-navi dl.next{border-left:0}
#container.customer .notice_view_wrap .list_view .view-navi dl.next dd:before {position: absolute; left: 18px; top: 12px; content: ''; display: inline-block; margin-left: 0; width: 22px; height: 10px; background: url(../images/common/list_view_btn.png) no-repeat;  background-position: left bottom;}
#container.customer .notice_view_wrap .list_view .view-navi dl dd{float: left; color:#555; width:95%; border-left:0;}
#container.customer .notice_view_wrap .list_view .view-navi dl.next dd {text-align:left;}
#container.customer .notice_view_wrap .list_view .view-navi dl.next dd:after {display:none;}
#container.customer .notice_view_wrap .list_view .view-navi dl.prev dd a {padding-left:17px; width:80%;}
#container.customer .notice_view_wrap .list_view .view-navi dl.next dd a {padding-left:26px; width:80%;}
#container.customer .notice_view_wrap .list_view .view-navi dl dd a:hover{text-decoration:underline;}


/*멤버십안내*/
#container.customer .membership_wrap{}
#container.customer .membership_wrap .tab-type_01.tab-ui.col_2 a {width:100% !important; cursor: default;}
#container.customer .membership_wrap .tab-type_01.tab-ui.col_2 a.active {background-color: #ededed; border-top:0}
#container.customer .membership_wrap .tab-type_01.tab-ui.col_2 a em {color:#555}
#container.customer .membership_wrap .tab-type_01.tab-ui.col_2:after,
#container.customer .membership_wrap .tab-type_01.tab-ui.col_2 a:before,
#container.customer .membership_wrap .tab-type_01.tab-ui.col_2 a:after{display:none;}

#container.customer .membership_wrap .tab_cont .ms_level_cont {margin-top:25px;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level {padding:30px 30px 10px 30px; margin-top:10px;  background-color:#fafafa;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level:first-child {margin-top:0}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level dl {position:relative;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level dl:first-child {margin-top:0px;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level dl[class^="level_"] {position:relative; overflow: hidden; padding-left:100px;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level dl[class^="level_"]:before {position:absolute; left:0; top:0; content: ''; width:72px; height:72px; line-height:72px; text-align:center; color:#fff; font-weight:bold; font-size:15px; border-radius:50px;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level dl.level_06:before {content: '연회원';  background-color:#d84960;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level dl.level_05:before {content: 'VVIP';  background-color:#c0c3e1;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level dl.level_04:before {content: 'VIP';  background-color:#a4c1de;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level dl.level_03:before {content: '프라이빗';  background-color:#f4dd8c;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level dl.level_02:before {content: '프리미엄';  background-color:#d0db98;}
#container.customer .membership_wrap .tab_cont .ms_level_cont div.level dl.level_01:before {content: '일반';  background-color:#cbcbcb;}
#container.customer .membership_wrap .tab_cont .ms_level_cont dl dt, #container.customer .membership_wrap .tab_cont .ms_level_cont dl dd {float:left; padding-bottom:20px;}
#container.customer .membership_wrap .tab_cont .ms_level_cont dl dt {clear: both; width:75px; margin-left:10px; font-weight:bold;}
#container.customer .membership_wrap .tab_cont .ms_level_cont dl dt:before {width:3px; height:3px; background-color: #999999; display:inline-block; content: ''; margin:0 5px 2px -10px; vertical-align: middle; }
#container.customer .membership_wrap .tab_cont .ms_level_cont dl dd {color:#555;}

#container.customer .membership_wrap .ms_level_info{margin:14px 0 100px;}
#container.customer .membership_wrap .ms_level_info li{margin-top:4px; line-height:20px; font-size:14px; color:#767676; background:url(../images/common/bul_dot_gray_3x3.png) 0 9px no-repeat; padding-left:8px;}
#container.customer .membership_wrap .ms_level_info li:first-child{margin-top:0}

#container.customer .membership_wrap .cont_tit{font-size:18px; color:#555; border-bottom:2px solid #999999}
#container.customer .membership_wrap .ms_benefit ul{overflow:hidden; margin-top:26px;}
#container.customer .membership_wrap .ms_benefit li{color:#767676; float:left; width:25%; text-align:center;}
#container.customer .membership_wrap .ms_benefit li:before{content:''; display:block; margin:0 auto 11px; width:80px; height:69px; background:url(../images/customer/icon_ms_benefit.png) no-repeat;}
#container.customer .membership_wrap .ms_benefit li.b01:before{background-position:0 0}
#container.customer .membership_wrap .ms_benefit li.b02:before{background-position:0 -100px}
#container.customer .membership_wrap .ms_benefit li.b03:before{background-position:0 -200px}
#container.customer .membership_wrap .ms_benefit li.b04:before{background-position:0 -300px}
#container.customer .membership_wrap .ms_benefit li strong{color:#555555; font-size:22px; font-weight:normal; font-family:'AppleGothic','Gotham' display:block; margin-top:7px; text-align:center;}
#container.customer .membership_wrap .ms_benefit li strong .kr{ font-size:18px; font-family:'NotoSans'; font-weight:bold; display:inline-block; margin-left:-6px;}
#container.customer .membership_wrap .ms_benefit .txt{color:#7d7d7d; font-size:14px; margin-top:27px;}

#container.customer .membership_wrap .ms_benefit_info{margin-top:19Px; background-color:#fafafa; padding:25px 0 26px 31px;}
#container.customer .membership_wrap .ms_benefit_info li{margin-top:4px; line-height:24px; font-size:14px; color:#767676; background:url(../images/common/bul_dot_gray_3x3.png) 0 11px no-repeat; padding-left:8px;}
#container.customer .membership_wrap .ms_benefit_info li:first-child{margin-top:0}

/*연회원 안내*/
#container.customer .membership_wrap .annual_info {margin-top:25px;}
#container.customer .membership_wrap .annual_info h3 {display:inline-block;}
#container.customer .membership_wrap .annual_info h3 + span {padding-left:10px;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit {border:1px solid #e9ebea; margin-top:15px; }
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit ul {padding:20px 0 30px 0; margin:0; display:table; width: 100%; overflow: inherit;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li {display:table-cell; float:none; text-align:center; position:relative; vertical-align: middle;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li:before {width:95px; height:65px; content: ''; margin: 0 auto 11px; display:block; background: url(../images/customer/icon_annual_benefit.png) no-repeat; vertical-align: middle;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li.b02:before {background-position: 0 -100px}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li.b03:before {background-position: 0 -200px}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li.b04:before {background-position: 0 -300px}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li span.de_view img {padding-top:2px;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list {position:absolute; left:-20px;  top:110px; min-width:250px; text-align:left; padding:11px 15px 15px 15px; background-color:#999999; color:#fff;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list:before {position: absolute; top: -6px; left:63.5%; width: 9px; height: 6px; background: url(../images/common/icon_top_bul.png) left top no-repeat; content: ''; display: block; z-index: 9;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list dl {position:relative; width:100%;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list dl dt, 
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list dl dd {float:left; font-size:13px; padding-top:4px;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list dl dt {clear: both; width:190px; font-weight:normal;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list dl dt:before {width:3px; height:3px; background: #999; display:inline-block; content: ''; margin:0 5px 3px 0; background-color: #7d7e8c;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list dl dd {color:#ecd39c; font-weight:bold;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list.annual_list {left:62px;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list.annual_list {min-width:80px;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list.annual_list dl dt,
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list.annual_list dl dd {float:none; color:#fff; font-weight:normal;}
#container.customer .membership_wrap .ms_benefit.annual_ms_benefit li div.invoice_list.annual_list dl dd:before {width:3px; height:3px; background: #999; display:inline-block; content: ''; margin:0 5px 3px 0; background-color: #7d7e8c;}

#container.customer .membership_wrap .annual_process {margin-top:80px;}
#container.customer .membership_wrap .annual_process .process_img {margin-top:15px;}
#container.customer .membership_wrap .annual_process ol {color:#555; margin-top:30px;}
#container.customer .membership_wrap .annual_process ol li {padding-top:5px; color:#555;}
#container.customer .membership_wrap .annual_process ol li:first-child {padding-top:0;}
#container.customer .membership_wrap .annual_process p {color:#7d7d7d; margin:5px 0 0 15px; position: relative;}
#container.customer .membership_wrap .annual_process ol + p {margin-top:30px;}
#container.customer .membership_wrap .annual_process p:before {width:15px; height:15px; display:inline-block; content: '※'; margin:0 0 0 -15px; }

#container.customer .membership_wrap .annual_process ul {margin-top:20px; padding:30px; background-color: #fafafa; color:#7d7d7d;}
#container.customer .membership_wrap .annual_process ul li {padding-top:5px; margin-left:10px; }
#container.customer .membership_wrap .annual_process ul li:first-child {padding-top:0;}
#container.customer .membership_wrap .annual_process ul li:before {width:3px; height:3px; background-color: #999999; display:inline-block; margin:0 5px 4px -8px; content: '';}

#container.customer .membership_wrap .annual_btn {margin-top:30px;}
#container.customer .membership_wrap .annual_btn .btn-type01 {width:160px;}


/* 매장안내 */
#container.customer .shop_info_wrap .sort_tab{margin-bottom:40px;}
#container.customer .shop_info_wrap .sort_tab ul{overflow:hidden; border-left:1px solid #e9ebea; border-top:1px solid #e9ebea;}
#container.customer .shop_info_wrap .sort_tab li{float:left; width:33.3%; border-bottom:1px solid #e9ebea; height:47px; background-color:#fafafa; position:relative; overflow:hidden;}
#container.customer .shop_info_wrap .sort_tab li:after{content:''; position:absolute; right:0; top:0; bottom:0; width:1px; background-color:#e9ebea; z-index:5}
#container.customer .shop_info_wrap .sort_tab li a{display:block; position:relative; text-align:center; line-height:47px; font-size:14px; color:#767676; background-color:#fff; z-index:3;}							
#container.customer .shop_info_wrap .sort_tab li.active{width:33.4%;}
#container.customer .shop_info_wrap .sort_tab li.active a{color:#fff; background-color:#999999;}
#container.customer .shop_info_wrap .search_wrap{text-align:center;}
#container.customer .shop_info_wrap .shop_type{text-align:center; background:#fafafa; padding:30px 0; margin:20px 0 0;}
#container.customer .shop_info_wrap .shop_type p{font-size:18px; margin-bottom:15px;}
#container.customer .shop_info_wrap .shop_type ul{overflow:hidden;}
#container.customer .shop_info_wrap .shop_type li{display:inline-block; width:115px; height:38px; line-height:38px; border:1px solid #e1e1e1; background-color:#fff; text-align:center; color:#767676; overflow:hidden;}
#container.customer .shop_info_wrap .shop_type li + li{margin-left:2px;}
#container.customer .shop_info_wrap .shop_type li a{display:block;}
#container.customer .shop_info_wrap .shop_type li.active a{color:#fff; background-color:#999999;}

#container.customer .shop_info_wrap .shop_info_table{border-top:1px solid #999; margin-bottom:30px; margin-top:30px;}
#container.customer .shop_info_wrap .shop_info_table td{text-align:left; padding:0;}
#container.customer .shop_info_wrap .shop_info_table .shop_info{position:relative; cursor:pointer; color:#767676; font-size:15px; padding:20px 30px;}
#container.customer .shop_info_wrap .shop_info_table .shop_info:after{content:''; position:absolute; width:23px; height:34px; right:40px; top:50%; margin-top:-17px; background:url('../images/customer/icon_shop_info.png') 0 -34px no-repeat;}
#container.customer .shop_info_wrap .shop_info_table .shop_info span{position:relative; display:inline-block; font-size:18px; font-weight:normal; margin-bottom:10px;}
#container.customer .shop_info_wrap .shop_info_table .shop_info ul{overflow:hidden;}
#container.customer .shop_info_wrap .shop_info_table .shop_info ul li{float:left;}
#container.customer .shop_info_wrap .shop_info_table .shop_info ul li + li{margin-left:15px;}
#container.customer .shop_info_wrap .shop_info_table .shop_info.on span{color:#bda691;}
#container.customer .shop_info_wrap .shop_info_table .shop_info.on span:after{position:absolute; content:''; left:0; bottom:2px; width:100%; height:1px; background:#bda691;}
#container.customer .shop_info_wrap .shop_info_table .shop_info.on:after{content:''; position:absolute; width:23px; height:34px; right:40px; top:50%; margin-top:-17px; background:url('../images/customer/icon_shop_info.png') 0 0 no-repeat;}
#container.customer .shop_info_wrap .shop_info_table .shop_map{height:0px; overflow:hidden; position:relative;}
#container.customer .shop_info_wrap .shop_info_table .shop_map p{border-top:1px solid #e9ebea; position:relative;}
#container.customer .shop_info_wrap .shop_info_table .shop_map p img{width:100%;}

#container.customer .faq_wrap .nodata{text-align:center; background:url(../images/customer/icon_nodata.png ) 50% 0 no-repeat; padding:96px 0; margin-top:130px;}

#container.customer .drug_store{overflow:hidden; margin-top:-20px;}
#container.customer .drug_store dl{float:left; border:1px solid #e9ebea; width:49%; box-sizing:border-box; margin-top:20px;}
#container.customer .drug_store dl dt, #container.customer .drug_store dl dd{vertical-align:middle; text-align:center;}
#container.customer .drug_store dl dt{height:170px; line-height:170px; width:100%;}
#container.customer .drug_store dl dt img{vertical-align:middle;}
#container.customer .drug_store dl dd{width:100%; height:80px; background:#fafafa; color:#767676; border-top:1px solid #e9ebea; box-sizing:border-box;}
#container.customer .drug_store dl dd strong{display:block; font-size:18px; padding-top:15px; color:#555;}
#container.customer .drug_store dl:nth-child(2n){margin-left:2%;}