@charset "utf-8";

/**폰트 사이즈*/
/**********************************************************************************************
기본폰트 13px, 0.813em
18px ---> 9px ---> 0.692em
22px ---> 11px ---> 0.846em
24px ---> 12px ---> 0.923em
26px ---> 13px ---> 0.813em
28px ---> 14px ---> 1.077em
30px ---> 15px ---> 1.154em
32px ---> 16px ---> 1.231em
34px ---> 17px ---> 1.308em
36px ---> 18px ---> 1.385em
38px ---> 19px ---> 1.462em
**********************************************************************************************/

/*고객센터 > 공통*/
.customer .content {margin-bottom:40px;}
.customer .event_more {margin-top:20px;}
.customer .notice_info.empty {margin-top:10px;}

/*고객센터 > faq*/
.customer .form-select .virtual_select {background-color: #fafafa;}
.customer .question span.faq_division {color:#767676; margin-bottom:5px; display:inline-block;}
.customer .question p.list_title a {display:block; width:85%;}
.customer .answer_open {display:none; margin-top:10px; background-color:#fafafa; padding:10px; border:1px solid #e9ebea; color:#767676; line-height:160%;}
.customer .answer_open ol li {padding-top:5px;}


.customer .question{position:relative;}
.customer .question.on + .answer_open {display:block;}
.customer .question:after, .customer .question:before{content:'';  width:15px; height:1px; position:absolute; right:0; top:27px; background-color:#555555; transition-duration:0.3s}
.customer .question:after{-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); right:0px;}
.customer .question:before{-ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); right:10px;}
.customer .question.on:after{-ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg);}
.customer .question.on:before{-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg);}


/*고객센터 안내*/
.custom_center {margin-top:30px; padding:15px 22px; border:2px solid #e9ebea}
.custom_center dl {padding-left:55px; position: relative;}
.custom_center dl:before {position:absolute; left:0; top:0; width:40.5px; height:40.5px; background-image: url(../images/customer/icon_custom_center.png); background-size:40.5px; background-repeat: no-repeat; content:''; margin-top:5px;}
.custom_center dl dt {font-weight: bold;}
.custom_center dl dd.custom_tel {padding-top:5px;font-weight:bold; font-size:1.308em;}
.custom_center dl dd.custom_txt {padding-top:2px;color:#767676; font-size:0.820em;}

/*고객센터 > 공지사항 List*/
.customer .event_table_notice table tr td p.list_title.new:after {content:''; width:17px; height:17px; display:inline-block; vertical-align:middle; background-image:url(../images/customer/icon_new.png); background-repeat: no-repeat; background-size:16.5px, 17px; margin-left:5px;}
.customer .event_table_notice table tr td span.list_date {color:#767676;}
.search_notice {width:100%; overflow:hidden;}
.search_notice span {vertical-align: middle; margin-left:2%; float:left;}
.search_notice span.form-select {width:25%; margin-left:0;}
.search_notice span.form-text {width:52%;}
.search_notice span.form-btn {width:19%;}
.search_notice span.form-btn .btn-type_02.pd_30 {display:inline-block; width:100%;}
.search_notice span.form-btn .btn-type_02.pd_30 em {padding:7px 0;}

/*고객센터 > 공지사항 view*/
.ct_notice_view .notice_view_wrap{margin-top:25px;}
.ct_notice_view .notice_view_wrap h3.notice_view_tit {font-size:1.154em; }
.ct_notice_view .notice_view_wrap span.notice_date {margin-top:10px; color:#767676; display:block;}
.ct_notice_view .notice_view_img {margin-top:30px; color:#767676;}
.ct_notice_view .notice_view_img img {width:100% !important; height:auto !important;}
.ct_notice_view .notice_img_txt {color:#767676; margin-top:15px;}
.ct_notice_view .notice_img_txt img {width:100% !important; height:auto !important;}
.ct_notice_view .notice_file {margin-top:15px;}
.ct_notice_view .notice_file span {font-weight:bold;}
.ct_notice_view .notice_file span:before {display:inline-block; width:27px; height:27px; background-image: url(../images/customer/icon_file.png); background-size:27px; background-repeat: no-repeat; content:''; margin-top:5px; vertical-align: middle; margin:0 5px 3px 0;}
.ct_notice_view .btn_top {margin-top:20px;}

/*고객센터 > 멤버십 안내*/
.ct_membership .ct_membership_wrap .tab-type_01.tab_ui li {width:100% !important; background-color: #ededed;}
.ct_membership .ct_membership_wrap .tab-type_01 ul li.active{border:0}
.ct_membership .ct_membership_wrap .tab-type_01 ul li.active a {cursor: default;}
.ct_membership .ct_membership_wrap .tab-type_01 ul li.active a em {color:#555;}

.ct_membership_wrap .membership li span.level {width: 49px; height: 49px; line-height: 49px; text-align: center; color: #7d7d7d; font-weight: bold; font-size:0.846em; border-radius: 50px; display: inline-block; background-color:#f3f3f3; }
.ct_membership_wrap .membership li.active span.level.level_01{background-color:#cbcbcb; color: #fff}
.ct_membership_wrap .membership li.active span.level.level_02{background-color:#d0db98; color: #fff}
.ct_membership_wrap .membership li.active span.level.level_03{background-color:#f4dd8c; color: #fff}
.ct_membership_wrap .membership li.active span.level.level_04{background-color:#a4c1de; color: #fff}
.ct_membership_wrap .membership li.active span.level.level_05{background-color:#c0c3e1; color: #fff}
.ct_membership_wrap .membership li.active span.level.level_06{background-color:#d84960; color: #fff}

.membership {position:relative; margin-top:31px; overflow: hidden;}
.membership ul {display:table; width:100%;}
.membership ul li {display:table-cell; text-align:center;}

.membership div.level_guide {display:none; width:100%;  margin-top:20px; padding:17px 0; border-top:2px solid #999; border-bottom:1px solid #e9ebea; min-height:100px;}
.membership div.level_guide.active {display:block;}
.membership div.level_guide dl {position:relative; overflow:hidden;}
.membership div.level_guide dl dt, .membership .level_guide dl dd {padding-top:17px; float:left; vertical-align: top; line-height:160%;}
.membership div.level_guide dl dt:first-child, .membership .level_guide dl dd:nth-child(2) {padding-top:0;}
.membership div.level_guide dl dt {width:93px; clear: both; color:#767676; font-weight: bold; position: relative;}
.membership div.level_guide dl dt:nth-child(odd):before {display:inline-block; content: ''; margin-right:8px; background-repeat:no-repeat; vertical-align: middle; margin-bottom:2px;}
.membership div.level_guide dl dt:nth-child(1):before {background-image:url(../images/customer/icon_member_01.png); width:17px; height:15px; background-size:17px, 15px;}
.membership div.level_guide dl dt:nth-child(3):before {background-image:url(../images/customer/icon_member_02.png); width:17px; height:14.5px; background-size:17px, 14.5px;}
.membership div.level_guide dl dt:nth-child(5):before {background-image:url(../images/customer/icon_member_03.png); width:17px; height:16.5px; background-size:17px, 16.5px;}
.membership div.level_guide dl dt:nth-child(7):before {background-image:url(../images/customer/icon_member_04.png); width:17px; height:12px; background-size:17px, 12px;}
.membership div.level_guide.level_vvip dl dt:nth-child(7):before {background-image:url(../images/customer/icon_member_05.png); width:17px; height:17px; background-size:17px, 17px;}
.membership div.level_guide.level_vvip dl dt:nth-child(9):before {background-image:url(../images/customer/icon_member_04.png); width:17px; height:12px; background-size:17px, 12px;}
.membership div.level_guide.level_annual dl dt:nth-child(7):before {background-image:url(../images/customer/icon_member_05.png); width:17px; height:17px; background-size:17px, 17px;}
.membership div.level_guide.level_annual dl dt:nth-child(9):before {background-image:url(../images/customer/icon_member_04.png); width:17px; height:12px; background-size:17px, 12px;}
.membership div.level_guide.level_annual dl dt:nth-child(11):before {background-image:url(../images/customer/icon_member_06.png); width:16px; height:17px; background-size:17px, 12px;}
.membership div.level_guide dl dd span.imt {color:#bda691; font-weight:bold;}
.ct_membership .member_info_list ul.member_txt {border-top:0; margin:0;}
/*추가혜택*/
.member_benefit_wrap {margin-top:40px;}
.member_benefit_wrap .member_benefit {padding:20px 0; background:#fafafa; text-align:center;}
.member_benefit_wrap .member_benefit ul.benefit {overflow:hidden; margin-top:30px;}
.member_benefit_wrap .member_benefit ul.benefit li {float:left; width:46%; padding:0 2%; min-height:90px;}
.member_benefit_wrap .member_benefit ul.benefit li:before {content: ''; display: block;  margin: 0 auto 10px auto;}
.member_benefit_wrap .member_benefit ul.benefit li.benefit_buy:before {background: url(../images/customer/icon_benefit_buy.png) no-repeat; width: 31px; height: 32px; background-size: 31px auto;}
.member_benefit_wrap .member_benefit ul.benefit li.benefit_join:before {background: url(../images/customer/icon_benefit_join.png) no-repeat; width: 35px; height: 29px; background-size: 35px auto;}
.member_benefit_wrap .member_benefit ul.benefit li.benefit_birth:before {background: url(../images/customer/icon_benefit_birth.png) no-repeat; width: 32px; height: 31.5px; background-size: 32px auto;}
.member_benefit_wrap .member_benefit ul.benefit li.benefit_review:before {background: url(../images/customer/icon_benefit_review.png) no-repeat; width: 28px; height: 29px; background-size: 28px auto;}

.ct_membership ul.member_txt {border-top: 1px solid #e9ebea; padding-top:20px; text-align:left; margin:0 10px;}
.ct_membership ul.member_txt li {color:#767676; margin-left:10px; padding-top:10px;}
.ct_membership ul.member_txt li:first-child {padding-top:0;}
.ct_membership ul.member_txt li:before {width: 3px; height:3px; background-color: #717171; content: ''; display:inline-block; vertical-align: middle; margin:0 5px 3px -8px;}

/*연회원 안내*/
.member_annual .annual_info {margin-top:31px;}
.member_annual div.annual_info {overflow: hidden;}
.member_annual div.annual_info > h3 {font-size:1.154em; display:inline-block; vertical-align: middle;}
.member_annual div.annual_info > h3 + span {color:#767676; text-align:right; float:right; font-size:0.923em; padding-top:3px;}
.member_annual div.annual_info ul {margin-top:10px; border-top:2px solid #999999; }
.member_annual div.annual_info ul li {padding:15px 0 15px 0; border-bottom:1px solid #e9ebea; font-weight:bold;}
.member_annual div.annual_info ul li span {display:block;  color:#767676; font-weight:normal; padding-top:5px; margin-left:70px;}
.member_annual div.annual_info ul li span:first-child {padding-top:10px;}
.member_annual div.annual_info ul li:before {display:inline-block; content: ''; background-repeat: no-repeat; vertical-align: middle; margin:0 20px 0 10px;}
.member_annual div.annual_info ul li:nth-child(1):before {background: url(../images/customer/icon_annual_01.png) no-repeat; width: 45.5px; height: 24px; background-size: 45.5px auto; margin-left:0;}
.member_annual div.annual_info ul li:nth-child(2):before {background: url(../images/customer/icon_annual_02.png) no-repeat; width: 31px; height: 32px; background-size: 31px auto; margin:0 25px 0 10px;}
.member_annual div.annual_info ul li:nth-child(3):before {background: url(../images/customer/icon_annual_03.png) no-repeat; width: 31px; height: 26.5px; background-size: 31px auto;}
.member_annual div.annual_info ul li:nth-child(4):before {background: url(../images/customer/icon_annual_04.png) no-repeat; width: 34.5px; height: 20px; background-size: 34px auto;}

.member_annual .annual_process {margin-top:40px;}
.member_annual .annual_process h3 {font-size:1.154em; }
.member_annual .annual_process h3 + div {margin-top:15px;}
.member_annual .annual_process h3 + div img {width:100%;}
.member_annual .annual_process ol {margin-top:25px;}
.member_annual .annual_process ol li {padding-top:10px; margin-left:10px;}
.member_annual .annual_process ol li:before {display:inline-block; content: '1.'; margin:0 5px 0 -15px; }
.member_annual .annual_process ol li:nth-child(2):before {content: '2.';}
.member_annual .annual_process ol li:nth-child(3):before {content: '3.';}
.member_annual .annual_process ol li:first-child {padding-top:0px;}
.member_annual .annual_process p {padding-top:10px; color:#767676; margin-left:10px;}
.member_annual .annual_process p:first-child {padding-top:15px;}
.member_annual .annual_process p:before {content: '※'; display:inline-block; margin:0 5px 0 -15px;}

.member_annual ul.annual_service {margin-top:20px; padding:15px 10px; background-color: #fafafa; color:#767676;}
.member_annual ul.annual_service li {padding-top:10px; margin-left:10px;}
.member_annual ul.annual_service li:first-child {padding-top:0px;}
.member_annual ul.annual_service li:before {width:3px; height:3px; display:inline-block; background-color: #717171; content: ''; margin:0 5px 3px -8px;}
.member_annual .annual_btn {text-align:center; margin-top:25px;}

/*매장안내*/
.customer .ct_shop .tab-type_01 ul:before{content:''; position:absolute; right:0; top:0; bottom:0; width:1px; background-color:#e9ebea; z-index:2;}
.customer .ct_shop .tab-type_01 ul li{position:relative; border-color:#e9ebea #e9ebea #999 #e9ebea; background:#fafafa;}
.customer .ct_shop .tab-type_01 ul li.active{border-color:#999 #999 #fff #999; border-style:solid; border-width:2px 1px 1px 1px; background:#fff; z-index:3;}
.customer .ct_shop .search_store{width:100%; overflow:hidden; margin:25px 0;}
.customer .ct_shop .search_store span {vertical-align:middle; float:left;}
.customer .ct_shop .search_store .form-text input{border:1px solid #d8d8d8;}
.customer .ct_shop .search_store span.form-text{width:78%;}
.customer .ct_shop .search_store span.form-btn{width:20%; margin-left:2%;}
.customer .ct_shop .search_store .btn-type_02{background:#999; color:#fff;}

.customer .ct_shop .shop_type{background:#fafafa; padding:20px 10px;}
.customer .ct_shop .shop_type p{margin-bottom:15px;}
.customer .ct_shop .shop_type ul{overflow:hidden; width:100%;}
.customer .ct_shop .shop_type li{float:left; width:33.33%; height:30px; line-height:28px; border:1px solid #d8d8d8; background-color:#fff; text-align:center; color:#767676; overflow:hidden; box-sizing:border-box;}
.customer .ct_shop .shop_type li + li {border-left:0;}
.customer .ct_shop .shop_type li a{display:block; color:#767676;}
.customer .ct_shop .shop_type li.active a{color:#fff; background-color:#999999;}

.customer .ct_shop .shop_info_table{margin-top:20px;}
.customer .ct_shop .shop_info_table table{border-top:2px solid #999;}
.customer .ct_shop .shop_info_table td{border-bottom:1px solid #e9ebea;}
.customer .ct_shop .shop_info_table .shop_info{position:relative; cursor:pointer; padding:0 10px 0 30px; background:url('../images/customer/icon_shop_info_off.png') 0 15px no-repeat; background-size:20px 30px;}
.customer .ct_shop .shop_info_table .shop_info span{position:relative; display:inline-block; font-size:1.231em; font-weight:normal; margin:18px 0 17px;}
.customer .ct_shop .shop_info_table .shop_info.on{background:url('../images/customer/icon_shop_info_on.png') 0 15px no-repeat; background-size:20px 30px;}
.customer .ct_shop .shop_info_table .shop_info.on span{color:#bda691;}
.customer .ct_shop .shop_info_table .shop_info.on span:after{position:absolute; content:''; left:0; bottom:-1px; width:100%; height:1px; background:#bda691;}
.customer .ct_shop .shop_info_table .shop_info ul{margin-bottom:20px; color:#767676;}
.customer .ct_shop .shop_info_table .shop_info ul li + li{margin-top:2px;}
.customer .ct_shop .shop_info_table .shop_map{display:none; margin-bottom:25px;}
.customer .ct_shop .shop_info_table .shop_map p{position:relative;}
.customer .ct_shop .shop_info_table .shop_map p img{width:100%;}
.customer .ct_shop .shop_info_table .event_more{margin-top:25px;}

.customer .drug_store{overflow:hidden; margin-top:15px;}
.customer .drug_store dl{float:left; border:1px solid #e9ebea; width:48.2%; box-sizing:border-box; margin-top:10px;}
.customer .drug_store dl dt, #container.customer .drug_store dl dd{vertical-align:middle; text-align:center; overflow:hidden;}
.customer .drug_store dl dt{width:100%;}
.customer .drug_store dl dt img{width:100%;}
.customer .drug_store dl dd{width:100%; height:60px; background:#fafafa; color:#767676; border-top:1px solid #e9ebea; box-sizing:border-box;}
.customer .drug_store dl dd strong{display:block; padding:8px 0 2px; color:#555; font-size:1.231em; font-weight:normal;}
.customer .drug_store dl:nth-child(2n){margin-left:3.6%;}