@charset "utf-8";
@import url("master.css");
@import url("print.css");
/*
2020-02-19 online bill upgrade project commit version
innostick co. ltd. mkbok@innostick.co.kr
*/


.regEssential {color:red;}
/* progress */
.topprogress {margin-bottom: 30px; border: 1px solid #000; text-align: center;}
.topprogress ol li {display: inline-block; min-height: 15px; padding: 22px 0 21px 10px; background: url(../../images/webhome/bul_arrow_15x26_a2a2a2.png) no-repeat 0 50%; font-size: 14px; font-weight: bold; color: #909090; letter-spacing: -1px; vertical-align: middle;}
*+ html .topprogress ol li {display: inline; zoom: 1;}
.topprogress ol li.fir {padding-left: 0 !important; background: none;}
.topprogress ol li.on {color: #000;}
.topprogress ol.step2 li {width: 49%;}
.topprogress ol.step3 li {padding-left: 160px; background-position: 80px 50%;}
.topprogress ol.step4 li {padding-left: 90px; background-position: 45px 50%;}
.progress {width: 764px; height: 55px; overflow: hidden; margin: 30px 0; background: url(../../images/webhome/bg_line_764x4_767676.png) no-repeat 50% 13px;}
.progress ol li {float: left; position: relative; padding-top: 38px; text-align: center;}
.progress ol li .num {position: absolute; top: 0; left: 50%; margin-left: -15px; display: block; width: 10px; height: 30px; padding: 0 10px; overflow: hidden; background: #767676 url(../../images/webhome/bg_punch_disc_30x30_ffffff.png) no-repeat 0 0; text-align: left; color: #fff; font-size: 14px; font-weight: bold; line-height: 30px; letter-spacing: 30px;}
.progress ol li.on {background: url(../../images/webhome/bg_line_764x4_417b9c.png) no-repeat 50% 13px; color: #417b9c;}
.progress ol li.current {background: url(../../images/webhome/bg_line_764x4_417b9c_767676.png) no-repeat 50% 13px; color: #417b9c;}
.progress ol li.on .num, .progress ol li.current .num {background-color: #417b9c; color: #e7edff;}
.progress ol li.fir.current {background: none;}
.progress ol li.last.current, .progress ol li.last.on {background: url(../../images/webhome/bg_line_764x4_417b9c.png) no-repeat 100% 13px;}
.progress ol li.fir {background-position: 0 13px; text-align: left;}
.progress ol li.fir .num {left: 0; margin-left: 10px;}
.progress ol li.last {text-align: right;}
.progress ol li.last .num {left: auto; right: 0; margin: 0 10px 0 0;}
.progress ol.step2 li {width: 50%;}
.progress ol.step3 li {width: 360px;}
.progress ol.step3 li.fir {width: 202px;}
.progress ol.step3 li.last {width: 202px;}
.progress ol.step4 li {width: 236px;}
.progress ol.step4 li.fir {width: 146px;}
.progress ol.step4 li.last {width: 146px;}
.progress ol.step5 li {width: 178px;}
.progress ol.step5 li.fir {width: 115px;}
.progress ol.step5 li.last {width: 115px;}
.progress ol.step6 li {width: 140px;}
.progress ol.step6 li.fir {width: 102px;}
.progress ol.step6 li.last {width: 102px;}
.progress ol.step7 li {width: 118px;}
.progress ol.step7 li.fir {width: 87px;}
.progress ol.step7 li.last {width: 87px;}
.progress ol.step8 li {width: 102px;}
.progress ol.step8 li.fir {width: 76px;}
.progress ol.step8 li.last {width: 76px;}
.progress02 {border: none; text-align: center;}
.progress02 ol li {display: inline-block; min-height: 15px; padding: 20px 0 19px 10px; background: url(../../images/webhome/bul_arrow_10x15_bababb.png) no-repeat 0 50%; font-size: 14px; font-weight: bold; color: #767676; letter-spacing: -1px; vertical-align: middle;}
*+ html .progress02 ol li {display: inline; zoom: 1;}
.progress02 ol li.fir {padding-left: 0 !important; background: none;}
.progress02 ol.step4 li {padding-left: 90px; background-position: 45px 50%;}
.progress02 ol.step4 li .icon01 {background: url(../../images/webhome/icon_process_01.png) no-repeat 50% 100%; height: 65px; display: block; text-align: center;}
.progress02 ol.step4 li .icon02 {background: url(../../images/webhome/icon_process_02.png) no-repeat 50% 100%; height: 65px; display: block; text-align: center;}
/*2013-12-27 modify */
*+ html .progress02 ol.step4 li .icon02 {background: url(../../images/webhome/icon_process_02.png) no-repeat 50% 100%; width: 74px; height: 65px; display: block; text-align: center;}
/*2013-12-27 modify */
.progress02 ol.step4 li .icon03 {background: url(../../images/webhome/icon_process_03.png) no-repeat 50% 100%; height: 65px; display: block; text-align: center;}
.progress02 ol.step4 li .icon04 {background: url(../../images/webhome/icon_process_finish.png) no-repeat 50% 100%; height: 65px; display: block; text-align: center;}
.progress02 ol.step4 li .txt {font-size: 12px; color: #666666; margin-top: 10px; display: block;}
*+ html .progress02 ol.step4 li strong {width: 71px;}
.progress03 {width: 764px; height: 60px; overflow: hidden; margin-top: 10px; background: url(../../images/webhome/bg_progress.png) no-repeat 0 0;}
.progress03 ol li {float: left; position: relative; z-index: 1; margin-right: -21px; height: 38px; padding: 22px 32px 0 40px; background: url(../../images/webhome/bg_progress_arrow.png) no-repeat 0 0; line-height: 16px; font-weight: bold; color: #333;}
.progress03 ol li.double {height: 45px; padding-top: 15px;}
.progress03 ol li.first {background-image: none; padding-left: 20px !important;}
.progress03 ol li.last {margin-right: 0; padding-right: 0 !important; background: url(../../images/webhome/bg_progress_arrow02.png) no-repeat 0 0;}
.progress03 ol li.padtype2 {padding-right: 42px !important;}
.progress03 ol li.padtype3 {padding-right: 50px !important;}
.progress03 ol li.padtype4 {padding-right: 60px !important;}
.progress03 ol li.padtype5 {padding-right: 70px !important;}
.progress03 ol li.padtype6 {padding-right: 95px !important;}
.progress03 ol.padtype2 li {padding-right: 52px !important;}
.progress03 ol.padtype3 li {padding-right: 26px !important;}
.progress03 ol.step5 li {width: 14%;}
.progress03 ol.step3 li {width: 28%;}
.progress03 ol.step2 li {width: 47%;}
.progress03 ol.step2 li.first {padding-right: 0;}
.progress03.type2 {background: url(../../images/webhome/bg_progress02.png) no-repeat 0 0;}
.progress03.type2 ol li.last {background: url(../../images/webhome/bg_progress_arrow03.png) no-repeat 0 0;}
.progress03.type2 ol.step3 li {width: 28%;}
.progress03.type3 {background: url(../../images/webhome/bg_progress04.png) no-repeat 0 0; width: 637px; margin-top: 0;}
.progress03.type3 ol li.first {width: 145px;}
.progress03.type3 ol li {width: 123px; padding: 22px 15px 0 35px;}
.progress03.type3 ol li a {color: #333;}
.progress03.type3 ol li.double {padding-top: 15px;}
.progress03.type3 ol li.triple {padding-top: 6px; height: 54px;}
.progress03.type3 ol li .normal {font-weight: normal;}
.progress03.type4 {background: url(../../images/webhome/bg_progress04.png) no-repeat 0 0; width: 637px; margin-top: 0;}
.progress03.type4 ol.padtype li {margin-right: 25px;}
.progress04 ol {padding-left: 20px; margin-top: -7px;}
.progress04 ol .cont {margin-top: 11px; background: url(../../images/webhome/bg_arr_bottom.png) no-repeat 25px 100%; padding-bottom: 18px;}
.progress04 ol .cont02 {margin-top: 17px; background: url(../../images/webhome/bg_arr_bottom.png) no-repeat 25px 100%; padding-bottom: 22px;}
.progress04 ol .cont.last {background: none; padding-bottom: 0;}
.progress04 ol li .box_tit {border: 1px solid #417b9c; padding: 4px 15px; display: inline-block; margin: 0 14px 0 0; vertical-align: middle; color: #417b9c;}
*+ html .progress04 ol li .box_tit {display: inline;}
.progress04 ol li .bllist_type2 {display: inline-block; vertical-align: middle;}
*+ html .progress04 ol li .bllist_type2 {display: inline;}
.progress04 ol li:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.wrap_progress {margin-top: 20px;}
.wrap_progress > a {display: block; cursor: pointer; text-decoration: none;}
.wrap_progress > a:hover .progress03 .first, .wrap_progress > a:focus .progress03 .first {text-decoration: underline;}
.wrap_progress .bg_sk, .bg_sk {background: url(../../images/webhome/bg_sk.png) no-repeat 50% 50%; width: 120px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0;}
.wrap_progress .bg_kt, .bg_kt {background: url(../../images/webhome/bg_kt.png) no-repeat 50% 50%; width: 120px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0;}
.wrap_progress .bg_hyundai {background: url(../../images/webhome/bg_hyundai.png) no-repeat 50% 50%; background-size: contain; width: 120px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0;}/* 2022-08-25 수정 */
.wrap_progress .progress03 {display: inline-block; vertical-align: middle;}
*+ html .wrap_progress .progress03 {display: inline;}
/* datalist */
.datalist_card > li {width: 100%; margin-top: 30px;}
.datalist_card > li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.datalist_card > li.fir {margin-top: 0;}
.datalist_card > li .tit {display: block; padding-bottom: 11px; font-size: 16px; color: #333;}
.datalist_card > li .pic {float: left;}
.datalist_card > li .cont {float: left; margin: 8px 0 0 30px;}
.datalist_card > li .cont p {margin-bottom: 2px;}
.datalist_card > li .button {margin-top: 11px;}
.datalist_cardbenefit {margin-top: 25px;}
.datalist_cardbenefit > li {width: 100%; margin-top: 15px;}
.datalist_cardbenefit > li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.datalist_cardbenefit > li.fir {margin-top: 0;}
.datalist_cardbenefit > li h5.tit {font-size: 14px; font-weight: bold; color: #666; margin-bottom: 12px;}
.datalist_cardbenefit > li .pic {float: left; width: 182px;}
.datalist_cardbenefit > li .contgroup {float: left; width: 490px; margin: 0 0 0 30px;}
.datalist_cardbenefit > li .contgroup .list_infotype2 {margin-bottom: 10px;}
.datalist_cardbenefit > li .contgroup .list_infotype2 li .stit {width: 139px; padding: 0; vertical-align: top;}
.datalist_cardbenefit > li .contgroup .list_infotype2 li .text {width: 70%;}
.datalist_cardbenefit > li .contgroup .bltxt_type1, .datalist_cardbenefit > li .contgroup .bllist_type1 > li {margin: 8px 0;}
.wrap_datalist .datalist_thumb.thumbsize240_180 {margin-left: -22px;}
.wrap_datalist .datalist_thumb.thumbsize245_184 {margin: -15px 0 0 -16px;}
.wrap_datalist .datalist_thumb.thumbsize185_139 {margin-left: -8px;}
.datalist_thumb:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
*+ html .datalist_thumb {display: inline-block;}
.datalist_thumb li {float: left;}
.datalist_thumb li > a {display: block; cursor: pointer; text-decoration: none;}
.datalist_thumb li > a:hover .cont .tit, .datalist_thumb li > a:focus .cont .tit, .datalist_thumb li > a:hover .cont .tit02, .datalist_thumb li > a:focus .cont .tit02 {text-decoration: underline;}
.datalist_thumb li > a:hover .thumb .icon_play, .datalist_thumb li > a:focus .thumb .icon_play {background-image: url(../../images/webhome/bg_vplay_on.png);}
.datalist_thumb .thumb > a {cursor: pointer;}
.datalist_thumb .thumb .icon_play {position: absolute; left: 0; top: 0; display: block; background: url(../../images/webhome/bg_vplay.png) no-repeat 50% 50%; width: 244px; height: 183px; text-indent: -5000px; font-size: 0; line-height: 0;}
.datalist_thumb .thumb .icon_play2 {position: absolute; left: 63px; top: 41px; display: block; background: url(../../images/webhome/icon_vplay2.png) no-repeat 0 0; width: 56px; height: 56px; text-indent: -5000px; font-size: 0; line-height: 0;}
.datalist_thumb .thumb .icon_play4 {position: absolute; left: 51px; top: 33px; display: block; background: url(../../images/webhome/icon_vplay4.png) no-repeat 0 0; width: 45px; height: 44px; text-indent: -5000px; font-size: 0; line-height: 0;}
.datalist_thumb .cont {margin-top: 14px;}
.datalist_thumb .cont .num {font-weight: bold; color: #333;}
.datalist_thumb .cont .tit {display: block; font-size: 14px;}
.datalist_thumb .cont .tit02 {display: block; font-size: 14px; height: 36px; overflow: hidden;}
.datalist_thumb .cont .tit, .datalist_thumb .cont .tit02, .datalist_thumb .cont .tit a, .datalist_thumb .cont .tit02 a {color: #333;}
.datalist_thumb .cont .date {display: block; margin-top: 2px; color: #767676;}
.datalist_thumb.thumbsize240_180 li {width: 240px; margin-left: 22px;}
.datalist_thumb.thumbsize240_180 .thumb img {width: 240px; height: 180px;}
.datalist_thumb.thumbsize245_184 li {width: 244px; margin: 30px 0 0 16px;}
.datalist_thumb.thumbsize245_184 .thumb {display: block; position: relative;}
.datalist_thumb.thumbsize245_184 .thumb img {width: 244px; height: 183px;}
.datalist_thumb.thumbsize185_139 li {width: 185px; margin: 30px 0 0 8px;}
.datalist_thumb.thumbsize185_139 .thumb {display: block; position: relative;}
.datalist_thumb.thumbsize185_139 .thumb img {width: 185px; height: 139px;}
.datalist_thumb.thumbsize148_110 li {width: 148px; margin: 30px 0 0 6px;}
.datalist_thumb.thumbsize148_110 li:first-child {margin-left: 0;}
.datalist_thumb.thumbsize148_110 .thumb {display: block; position: relative;}
.datalist_thumb.thumbsize148_110 .thumb img {width: 148px; height: 110px;}
.datalist_culture {margin-top: 30px; border-top: 1px solid #c2c7d5; border-bottom: 1px solid #c2c7d5;}
.datalist_culture > li {position: relative; width: 100%; padding: 12px 0; border-top: 1px solid #c2c7d5;}
.datalist_culture > li:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
*+ html .datalist_culture > li {display: inline-block;}
.datalist_culture > li .info_lecture {float: left;}
.datalist_culture > li .info_lecture .titgroup {margin-bottom: 3px;}
.datalist_culture > li .info_lecture .titgroup.wide {margin-top: 10px; margin-bottom: 3px;}
.datalist_culture > li .info_lecture .titgroup h4 {display: inline; font-size: 14px; font-weight: bold;}
.datalist_culture > li .info_lecture .titgroup h4, .datalist_culture > li .info_lecture .titgroup h4 a {color: #333;}
.datalist_culture > li .info_lecture .titgroup .season {display: block; margin-bottom: 3px;}
.datalist_culture > li .info_lecture .titgroup .teacher {margin-left: 2px;}
.datalist_culture > li .info_etc {float: right; text-align: right;}
.datalist_culture > li .info_etc .myinfo .txt {display: inline-block; margin-left: 15px;}
.datalist_culture > li .info_etc .myinfo .txt .label {display: inline-block; font-weight: bold; margin-right: 5px; letter-spacing: -1px;}
.datalist_culture > li .info_etc .myinfo .point {margin-right: 2px; font-weight: bold; color: #333;}
.datalist_culture > li .info_etc .account {margin-top: 6px; margin-right: 2px; color: #333;}
.datalist_culture > li .info_etc .account>span {font-weight: bold; font-size: 14px;}
.datalist_culture > li .info_etc .button {margin-top: 11px;}
.datalist_culture > li .info_etc .button.wide {margin-top: 5px;}
.datalist_culture > li .btn_type1 button:hover span, .datalist_culture > li .btn_type1 button:focus span,.datalist_culture > li .btn_type1 input:hover, .datalist_culture > li .btn_type1 input:focus,.datalist_culture > li .btn_type1 a:hover, .datalist_culture > li .btn_type1 a:focus {background-color: #000 !important; border-color: #000; color: #fff; text-decoration: none;}
.wrap_datalist .defaultmsg {margin-top: 15px; border: 1px solid #f1f1f1;}
.wrap_datalist .datalist_type1 {margin: -30px 0 0 -22px;}
.datalist_type1:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
*+ html .datalist_type1 {display: inline-block;}
.datalist_type1 > li {float: left; margin-left: 22px; width: 240px; height: 366px; overflow: hidden; border-bottom: 1px solid #dddddd; margin-top: 30px;}
.datalist_type1 > li .tit {font-size: 16px; color: #333333;}
.datalist_type1 > li .thumb {margin-top: 13px;}
.datalist_type1 > li .thumb img {width: 240px; height: 180px;}
.datalist_type1 > li .cont {margin-top: 13px;}
.datalist_type1 > li .cont .detail {margin-top: 10px;}
.datalist_type2 > li {width: 100%; overflow: hidden; margin-top: 38px;}
/*.datalist_type2 > li:first-child {margin-top: 0;}*/
.datalist_type2 > li .thumb {float: left; width: 320px; height: 240px; margin-right: 30px;}
.datalist_type2 > li .thumb02 {float: left; width: 240px; height: 180px; margin-right: 30px;}
.datalist_type2 > li .thumb img,.datalist_type2 > li .thumb02 img {width: 100%; height: 100%;}
.datalist_type2 > li .text, .datalist_type2 > li .text02 {float: left; padding-bottom: 12px; border-bottom: 1px solid #ddd;}
.datalist_type2 > li .text {width: 410px; min-height: 227px;}
.datalist_type2 > li .text02 {position: relative; width: 494px; min-height: 167px;}
.datalist_type2 > li .text .tit, .datalist_type2 > li .text02 .tit {font-size: 16px; color: #333;}
.datalist_type2 > li .text02 .tit {display: block; margin-bottom: 12px;}
.datalist_type2 > li .text p {margin-bottom: 8px;}
.datalist_type2 > li .text p.desc {margin-top: 10px;}
.datalist_type2 > li .text02 p.desc {margin-top: 8px;}
.datalist_type2 > li .text .tit_s, .datalist_type2 > li .text02 .tit_s {color: #333;}
.datalist_type2 > li .text .txt_transp {font-weight: bold; margin-top: 5px; display: block;}
.datalist_type2 > li .text .etc {margin-top: 5px;}
.datalist_type2 > li .phone {margin-right: 18px;}
.datalist_type2 > li .schbtn {position: absolute; right: 0; top: 1px;}
/* 2022-07-14 추가 [S] */
.datalist_type2 .category_title h4{font-weight: 700; font-size: 20px; color: #333333; margin-top: 30px; }
.datalist_type2 .restaurant_wrapper{ margin-top:40px;}
.datalist_type2 > li .text03 {position: relative; width: 440px; min-height: 200px;}
.datalist_type2 > li .text03 {float: left; padding-bottom: 12px; border-bottom: 1px solid #ddd;}
.datalist_type2 > li .text03 .tit {font-size: 16px; color: #333;}
.datalist_type2 > li .text03 .tit {display: block; margin-bottom: 12px;}
.datalist_type2 > li .text03 p.desc {margin-top: 8px;}
.datalist_type2 > li .text03 .category_detail{ background-color: #666; background-image: url(../../images/webhome/plus_icon.png); background-repeat: no-repeat; background-position: 66px 50%; padding: 7px 27px 7px 10px; font-weight: 700; color: #fff; box-sizing: content-box; font-size: 13px; display: block;}/* 2022-07-27 수정 */
.datalist_type2 > li .text03 .category_info {padding-top:15px;}
.datalist_type2 > li .text03 .category_info .detail_txt {display: inline-block; position : relative; margin-right: 8px; padding-right: 8px;}
.datalist_type2 > li .text03 .category_info .detail_txt::after {content: '';  border-right: 1px solid #000; position: absolute;right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px;}
.datalist_type2 > li .text03 .category_info .detail_txt:last-child::after{content: ''; border-right: none;}/* 2022-07-27 수정 */
.datalist_type2 > li .text03 .category_info .detail_txt dt{display: inline-block; font-weight: 700;}
.datalist_type2 > li .text03 .category_info .detail_txt dd{display: inline-block;}
.datalist_type2 > li .thumb03 {float: left; width: 240px; height: 180px; margin-right: 30px;}
.datalist_type2 > li .thumb03 .pic{position : relative; width : 100%; }
.datalist_type2 > li .thumb03 .pic .pic_gallery .rollingbtn { position: absolute;  bottom: 0; left: 50%; z-index: 1; margin-left: -90px; width: 180px;padding: 7px; text-align: center; }
.datalist_type2 > li .thumb03 .pic .pic_gallery div.screen { position: relative; width: 240px;height: 180px;overflow: hidden;}
/* 2022-07-27 수정 [S] */
.datalist_type2 > li .thumb03 .pic .pic_gallery div.screen li { width: 240px; height: 180px; }
.datalist_type2 > li .thumb03 .pic .pic_gallery div.screen li img { width: 100%; height: 100%; }
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-btn{position: absolute; bottom: 7px; left: 50%; z-index: 1; transform: translateX(-50%); padding-right: 22px;}
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-btn button{width:16px; height:16px; text-indent:0; line-height:500px; vertical-align:top; position: absolute; right: 0; bottom: 1px; margin: 0 3px;}
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-btn .btn_pause.on {background:url(../../images/webhome/btn_rolling04_play.png) no-repeat 50% 50%; background-size: 100% 100%;}
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-btn .btn_pause {background:url(../../images/webhome/btn_rolling04_pause.png) no-repeat 50% 50%; background-size: 100% 100%;}
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-pagination{position: static;}
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 3px; background-color: #fff; opacity: 1;}
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #5d6c89;}
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-next, .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-prev{z-index: 1; background-color: rgba(0,0,0,0.6); width: 20px; height: 20px; background-repeat: no-repeat; transform: translateY(60%); background-size: 50% 70%;}
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-next{ background-image: url(../../images/webhome/slider_right_btn.png); background-position: 57% 50%;}
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-prev{ background-image: url(../../images/webhome/slider_left_btn.png); background-position: 47% 50%;}
.datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-next:after, .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-prev:after{content: '';}
/* 2022-07-27 수정 [E] */
.popup_restaurantinfo .detail_text2{padding: 37px 15px 33px 30px;}
.popup_restaurantinfo .detail_text2 .popup_head{font-size: 20px; font-weight: 700; color: #000; margin-bottom: 23px;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap{max-height: 410px; overflow-y: auto;}/* 2022-06-24 수정 */
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap::-webkit-scrollbar{width: 2px;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap::-webkit-scrollbar-thumb{background-color: #5d6c89;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap::-webkit-scrollbar-track{background-color: #dfdfdf;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type1{display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 20px;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type1 .menu_img_wrap{width: 150px; height: 150px; }
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type1 .menu_img_wrap img{width: 100%; height: 100%;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type1 .menu_txt_wrap{width: calc(100% - 225px);  margin-right: 25px;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type1 .menu_txt_wrap .menu_name{ font-size: 16px; color: #000; margin-top: 23px; }
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type1 .menu_txt_wrap .menu_desc{  margin-top: 10px; }/* 2022-07-27 추가 */
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type1 .menu_txt_wrap .menu_price_wrap{font-size: 16px; color: #000; position: relative; text-align: right; margin-top: 16px;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type1 .menu_txt_wrap .menu_price{padding-left: 20px; position: relative; z-index:2; display: inline-block; background-color: #fff;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type1 .menu_txt_wrap .menu_price_wrap::after{z-index: 1; content: ''; width: 100%; height: 1px; background: url(../../images/webhome/background_dotted.png); border-top: none; border-left: none; border-right: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type2{margin-bottom: 30px; }
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type2 .menu_txt_wrap{display: flex; flex-direction: row; justify-content: space-between; width: calc(100% - 25px); position: relative; align-items: center;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type2 .menu_txt_wrap::after{z-index: 1; content: ''; width: 100%; height: 1px; background: url(../../images/webhome/background_dotted.png); border-top: none; border-left: none; border-right: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type2 .menu_txt_wrap .menu_name{ max-width: 270px; font-size: 16px; color: #000; background-color: #fff; padding-right: 20px; z-index: 2; letter-spacing: -0.6px;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type2 .menu_txt_wrap .menu_price_wrap{min-width: 64px; font-size: 16px; color: #000;text-align: right; background-color: #fff; z-index: 2;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type2 .menu_txt_wrap .menu_price{padding-left: 20px; display: inline-block; background-color: #fff;}
.popup_restaurantinfo .detail_text2 .popup_scroll_wrap .menu_type2 .menu_desc{margin: 10px 25px 0 15px;}/* 2022-07-27 추가 */
/* 2022-07-14 추가 [E] */
.datalist_type3 {margin-top: 30px; border-top: 1px solid #cccccc;}
.datalist_type3 > li {overflow: hidden; position: relative; min-height: 200px; border-bottom: 1px solid #cccccc;}
.datalist_type3 > li .thumb-wrap {position: absolute; top: 0; left: 0; width: 216px; height: 100%; padding: 0 24px; margin-right: 16px;}
.datalist_type3 > li .thumb-wrap .thumb {display: table; height: 100%; vertical-align: middle;}
.datalist_type3 > li .thumb-wrap .thumb .thumb-img {display: table-cell; vertical-align: middle;}
.datalist_type3 > li .thumb-wrap .thumb .thumb-img img {width: 217px; height: auto; vertical-align: middle;}
.datalist_type3 > ul > li {overflow: hidden; position: relative; min-height: 200px; border-bottom: 1px solid #cccccc;}
.datalist_type3 > ul > li .thumb-wrap {position: absolute; top: 0; left: 0; width: 216px; height: 100%; padding: 0 24px; margin-right: 16px;}
.datalist_type3 > ul > li .thumb-wrap .thumb {display: table; height: 100%; vertical-align: middle;}
.datalist_type3 > ul > li .thumb-wrap .thumb .thumb-img {display: table-cell; vertical-align: middle;}
.datalist_type3 > ul > li .thumb-wrap .thumb .thumb-img img {width: 217px; height: auto; vertical-align: middle;}
.datalist_type3 > ul > li .text {float: left; width: 484px; padding: 36px 0; margin-left: 280px;}
.datalist_type3 > ul > li .text .tit {margin-bottom: 12px; line-height: 28px; font-size: 20px; font-weight: bold; color: #333333; letter-spacing: -0.2px;}
.datalist_type3 > ul > li .text p em {display: block; margin-top: 12px; font-weight: bold; color: #333333;}
.datalist_type3 > li .text {float: left; width: 484px; padding: 36px 0; margin-left: 280px;}
.datalist_type3 > li .text .tit {margin-bottom: 12px; line-height: 28px; font-size: 20px; font-weight: bold; color: #333333; letter-spacing: -0.2px;}
.datalist_type3 > li .text p em {display: block; margin-top: 12px; font-weight: bold; color: #333333;}
.datalist_webtoon {margin: -50px 0 0 -30px;}
*+ html .datalist_webtoon {display: inline-block;}
.datalist_webtoon:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.datalist_webtoon li {width: 230px; float: left; margin: 50px 0 0 30px; height: 132px;}
.datalist_webtoon li .thumb {width: 93px; height: 128px; float: left; margin-right: 15px; border: 1px solid #f1f1f1;}
.datalist_webtoon li .thumb img {width: 100%; height: 100%;}
.datalist_webtoon li .cont {float: left; width: 118px;}
.datalist_webtoon li .cont .tit {color: #333; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.datalist_webtoon li .cont .tit a {color: #333;}
.datalist_webtoon li .cont .author {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.datalist_webtoon li .cont .num {display: block; margin-top: 5px;}
.datalist_webtoon li .cont .btn_group {margin-top: 9px;}
.datalist_webtoon li .cont .btn_group .btn_list {margin-top: 5px;}
.datalist_webtoon02 {margin-left: -16px;}
*+ html .datalist_webtoon02 {display: inline-block;}
.datalist_webtoon02:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.datalist_webtoon02 li {margin: 40px 0 0 16px; width: 178px; float: left;}
.datalist_webtoon02 li > a {display: block; text-decoration: none; cursor: pointer;}
.datalist_webtoon02 li > a:hover .cont .tit, .datalist_webtoon02 li > a:focus .cont .tit {text-decoration: underline;}
.datalist_webtoon02 li .thumb img {width: 178px; height: 128px;}
.datalist_webtoon02 li .cont {margin-top: 10px;}
.datalist_webtoon02 li .cont .num {display: block;}
.datalist_webtoon02 li .cont .tit {height: 33px; overflow: hidden; display: block;}
.datalist_webtoon02 li .cont .date {margin-top: 2px; display: block;}
.datalist_webtoon03 {margin-top: -20px;}
.datalist_webtoon03:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
*+ html .datalist_webtoon03 {display: inline-block;}
.datalist_webtoon03 li {width: 370px; float: left; margin: 20px 20px 0 0; position: relative;}
.datalist_webtoon03 li.even {margin-right: 0 !important;}
.datalist_webtoon03 li .thumb {width: 170px; height: 233px; border: 1px solid #cccccc; float: left; margin-right: 15px;}
.datalist_webtoon03 li .thumb img {width: 100%; height: 100%;}
.datalist_webtoon03 li .cont {width: 180px; float: left;}
.datalist_webtoon03 li .cont .tit {font-size: 14px; color: #333; white-space: nowrap; text-overflow: ellipsis; height: 19px; overflow: hidden;}
.datalist_webtoon03 li .cont .tit a {color: #333;}
.datalist_webtoon03 li .cont .author {color: #333;}
.datalist_webtoon03 li .cont .txt {margin-top: 10px; height: 123px; overflow: hidden; width: 165px;}
.datalist_webtoon03 li .cont .date {margin-top: 10px; display: block; letter-spacing: -1px;}
.datalist_webtoon03 li .cont .btn_group {position: absolute; right: 0; bottom: 0;}
.datalist_webtoon04 {height: 205px; padding-left: 43px;}
.datalist_webtoon04 .thumb {width: 148px; height: 203px; border: 1px solid #bbb; float: left; margin-right: 40px;}
.datalist_webtoon04 .thumb img {width: 100%; height: 100%;}
.datalist_webtoon04 .cont {float: left; width: 525px; padding: 20px 0; position: relative; height: 140px;}
.datalist_webtoon04 .cont .tit {font-size: 14px; color: #333; white-space: nowrap; text-overflow: ellipsis; height: 19px; overflow: hidden;}
.datalist_webtoon04 .cont .author {color: #333;}
.datalist_webtoon04 .cont .txt {margin-top: 10px; height: 73px; overflow: hidden;}
.datalist_webtoon04 .cont .wrap_btn {position: absolute; left: 0; bottom: 0;}
.datalist_webtoon04 .cont .txt_update {position: absolute; left: 203px; bottom: 5px;}
.datalist_webtoon_rollingthumb {position: relative; min-height: 106px; padding: 15px 0 13px 0; border: 1px solid #ccc;}
.datalist_webtoon_rollingthumb .rollingbtn {}
.datalist_webtoon_rollingthumb .rollingbtn button {position: absolute; top: 53px; width: 15px; height: 26px;}
.datalist_webtoon_rollingthumb .rollingbtn button.prev, .datalist_webtoon_rollingthumb .rollingbtn button.prev_on {left: 28px; background: url(../../images/webhome/btn_rolling03_prev.png) no-repeat 0 0;}
.datalist_webtoon_rollingthumb .rollingbtn button.next, .datalist_webtoon_rollingthumb .rollingbtn button.next_on {right: 28px; background: url(../../images/webhome/btn_rolling03_next.png) no-repeat 0 0;}
.datalist_webtoon_rollingthumb .rollingbtn button.prev_off {opacity: 0.4; filter: alpha(opacity=40); left: 28px; background: url(../../images/webhome/btn_rolling03_prev.png) no-repeat 0 0;}
.datalist_webtoon_rollingthumb .rollingbtn button.next_off {opacity: 0.4; filter: alpha(opacity=40); right: 28px; background: url(../../images/webhome/btn_rolling03_next.png) no-repeat 0 0;}
.datalist_webtoon_rollingthumb .screen {position: relative; width: 625px; overflow: hidden; margin-left: 84px;}
.datalist_webtoon_rollingthumb .screen .rollinglist {width: 5000%;}
.datalist_webtoon_rollingthumb .screen .rollinglist > ul {float: left;}
.datalist_webtoon_rollingthumb .rollinglist > ul > li {float: left; width: 95px; margin-right: 30px; text-align: center;}
.datalist_webtoon_rollingthumb .rollinglist > ul > li > a {display: block;}
.datalist_webtoon_rollingthumb .rollinglist > ul > li .thumb {display: block; width: 95px; height: 76px; overflow: hidden; margin: 0 auto 12px auto;}
.datalist_webtoon_rollingthumb .rollinglist > ul > li .thumb img {width: 95px; height: 76px;}
.datalist_webtoon_rollingthumb .rollinglist > ul > li .tit {display: block; font-weight: normal; line-height: 16px;}
.datalist_webtoon_rollingthumb .rollinglist > ul > li.on .thumb,.datalist_webtoon_rollingthumb .rollinglist > ul > li a:hover .thumb, .datalist_webtoon_rollingthumb .rollinglist > ul > li a:focus .thumb, .datalist_webtoon_rollingthumb .rollinglist > ul > li a:active .thumb {border: 3px solid #dd4c4c; width: 89px; height: 70px;}
.datalist_webtoon_rollingthumb .rollinglist > ul > li.on .thumb img,.datalist_webtoon_rollingthumb .rollinglist > ul > li a:hover .thumb img, .datalist_webtoon_rollingthumb .rollinglist > ul > li a:focus img .thumb, .datalist_webtoon_rollingthumb .rollinglist > ul > li a:active .thumb img {margin: -3px;}
.datalist_show {margin-top: 10px;}
.datalist_show > li {float: left; width: 50%; height: 197px; margin-top: 20px;}
.datalist_show .thumb {float: left; margin-right: 20px; width: 176px; height: 132px;}
.datalist_show .thumb img {width: 100%; height: 100%;}
.datalist_show .desc {float: left; width: 170px; height: 197px;}
.datalist_show .desc .store {font-size: 14px; color: #333;}
.datalist_show .desc .tit {display: block; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #333; letter-spacing: -1px;}
.datalist_show .desc .tit a {color: #333;}
.datalist_show .desc .list_info {margin-bottom: 5px; line-height: 1.5em;}
.datalist_show .desc .list_info li {width: 100%;}
.datalist_show .desc .list_info .label {display: inline-block; width: 60px; font-weight: bold; letter-spacing: -1px; vertical-align: top;}
.datalist_show .desc .list_info .date {display: inline-block; width: 75px;}
.datalist_show02 li.area_show {height: 147px; padding-top: 15px; background: url(../../images/webhome/bg_dotted_cccccc.png) repeat-x 0 0;}
.datalist_show02 li .thumb {width: 176px; height: 132px; float: left; margin-right: 20px;}
.datalist_show02 li .thumb img {width: 100%; height: 100%;}
.datalist_show02 li .desc {float: left; width: 455px;}
.datalist_show02 li .desc .txt_place {color: #333; font-size: 14px;}
.datalist_show02 li .desc .tit {font-size: 14px; color: #333; max-height: 70px; overflow: hidden;}
.datalist_show02 li .desc .tit a {color: #333;}
.datalist_show02 li .desc .list_info {margin-top: 10px;}
.datalist_show02 li .desc .list_info .label {width: 60px; display: inline-block; letter-spacing: -1px;}
.wrap_datalist .datalist_boxtype1 {margin: -15px 0 0 -13px;}
.datalist_boxtype1:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
*+ html .datalist_boxtype1 {display: inline-block;}
.datalist_boxtype1 > li {float: left; width: 244px; margin: 15px 0 0 13px; border: 1px solid #f1f1f1;}
.datalist_boxtype1 > li.on {border-color: #000;}
.datalist_boxtype1 > li .thumb img {width: 100%;}
.datalist_boxtype1 > li .contgroup {padding: 15px; overflow: hidden;}
.datalist_boxtype1 > li .contgroup .tit {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.datalist_boxtype1 > li .contgroup .tit, .datalist_boxtype1 > li .contgroup .tit a {color: #333;}
.datalist_boxtype1 > li .contgroup .writer {display: block;}
.datalist_boxtype1 > li .contgroup .recomm {float: right; padding: 1px 0 0 18px; background: url(../../images/webhome/icon_heart.png) no-repeat 0 4px; text-align: right; vertical-align: top; color: #333;}
/* 2022-05-10 추가 [S] */
.datalist_boxtype2.exhiEvent_list{margin-left: -13px;}
.datalist_boxtype2.exhiEvent_list > li{width: 241px; height: 400px; border: none; margin: 15px 0 0 13px;}
.datalist_boxtype2.exhiEvent_list > li.on {border-color: none;}
.datalist_boxtype2.exhiEvent_list > li > a{display: block; width: 100%; height: 100%;}
.datalist_boxtype2.exhiEvent_list > li > a{display: block; width: 100%; height: 100%;}
.datalist_boxtype2.exhiEvent_list > li .contgroup2 .stat-type2 {position:absolute; padding:2px 14px;height:27px;line-height:27px}  
.datalist_boxtype2.exhiEvent_list > li .contgroup2 .stat_completed {background-color:#d13535;color:#fff;} 
/* 2022-05-10 추가  [E] */
/* 2023-02-22 추가 [S] */
.datalist_boxtype2.tmEvent_list { margin-left: -13px; } 
.datalist_boxtype2.tmEvent_list > li { width: 241px; height: 400px; margin: 15px 0 0 13px; border: none; } 
.datalist_boxtype2.tmEvent_list > li.on { border-color: none; } 
.datalist_boxtype2.tmEvent_list > li > a { display: block; width: 100%; height: 100%; } 
.datalist_boxtype2.tmEvent_list > li > a { display: block; width: 100%; height: 100%; } 
.datalist_boxtype2.tmEvent_list > li > a >img{width: 100%;}
.datalist_boxtype2.tmEvent_list > li .contgroup2 .stat-type2 { position:absolute; height:27px; padding:2px 14px; line-height:27px } 
.datalist_boxtype2.tmEvent_list > li .contgroup2 .stat_completed { color:#fff; background-color:#d13535; } 
/* 2023-02-22 추가 [E] */
.datalist_boxtype2 {margin-left: -13px;}
.datalist_boxtype2:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
*+ html .datalist_boxtype2 {display: inline-block;}
.datalist_boxtype2 > li {float: left; width: 244px; margin: 15px 0 0 13px; border: 1px solid #f1f1f1;}
.datalist_boxtype2 > li.on {border-color: #000;}
.datalist_boxtype2 > li > a {display: block; cursor: pointer; text-decoration: none;}
.datalist_boxtype2 > li > a:hover .contgroup .tit, .datalist_boxtype2 > li > a:focus .contgroup .tit, .datalist_boxtype2 > li > a:hover .contgroup02 .tit, .datalist_boxtype2 > li > a:focus .contgroup02 .tit {text-decoration: underline;}
.datalist_boxtype2 > li .thumb img {width: 244px; height: 183px;}
.datalist_boxtype2 > li .contgroup {padding: 15px; overflow: hidden;}
.datalist_boxtype2 > li .contgroup.type2 {position:relative;overflow:visible} /* 2020-07-20 변경 */
.datalist_boxtype2 > li .contgroup.type2 strong {width: 100%;
    height: 18px;
    letter-spacing: -0.05em;
    word-break: keep-all;
    overflow: hidden;
    display: block;
}
.datalist_boxtype2 > li .contgroup .state {font-size: 14px; overflow: hidden; display: block;}
.datalist_boxtype2 > li .contgroup .tit {font-size: 14px; color: #333; overflow: hidden; height: 34px; display: block; line-height:17px}
.datalist_boxtype2 > li .contgroup .tit a {color: #333;}
.datalist_boxtype2 > li .contgroup .txt {margin-top: 10px; height: 32px; overflow: hidden;}
.datalist_boxtype2 > li .contgroup .date {margin-top: 8px; display: block;}
.datalist_boxtype2 > li .contgroup .stat {display: inline-block; padding: 2px 4px 1px 4px; margin-bottom: 5px; background: #fff; font-weight: bold; line-height: 15px; letter-spacing: -1px; vertical-align: top;}
.datalist_boxtype2 > li .contgroup .stat-type2 {position:absolute;top:-27px;left:0;padding:0 14px;height:27px;line-height:27px}  /* 2020-07-20 추가 */
.datalist_boxtype2 > li .contgroup .stat_close {border: 1px solid #666; color: #666;}
.datalist_boxtype2 > li .contgroup .stat_completed {background-color:#d13535;color:#fff;} /* 2020-07-20 추가 */
.datalist_boxtype2 > li .contgroup .stat_open {border: 1px solid #dd4c4c; color: #dd4c4c;}
.datalist_boxtype2 > li .contgroup02 {position: relative; height: 103px; padding: 15px; overflow: hidden;}
.datalist_boxtype2 > li .contgroup02 .tit {font-size: 14px; color: #333; overflow: hidden; height: 34px; display: block;}
.datalist_boxtype2 > li .contgroup02 .tit a {color: #333;}
.datalist_boxtype2 > li .contgroup02 .date {position: absolute; bottom: 13px; left: 15px; display: block;}
.datalist_boxtype3 > li {float: left; position: relative; width: 244px; height: 266px; margin: 16px 0 0 16px; overflow: hidden;}
.datalist_boxtype3 > li > a {display: block; height: 266px; text-decoration: none; cursor: pointer;}
.datalist_boxtype3 > li > a:hover .cont .tit, .datalist_boxtype3 > li > a:focus .cont .tit {text-decoration: underline;}
.datalist_boxtype3 > li .thumb img {width: 244px; height: 183px;}
.datalist_boxtype3 > li .cont {position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 83px; background: #333;}
.datalist_boxtype3 > li .cont .tit {display: block; padding: 14px 18px 14px; font-size: 14px; line-height: 20px; letter-spacing: -1px;}
.datalist_boxtype3 > li .cont .tit, .datalist_boxtype3 > li .cont .tit a {color: #fff;}
.datalist_boxtype3 > li .over {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/webhome/bg_mask_333333_opacity50.png) repeat;}
.datalist_boxtype3 > li.on .over {display: block;}
.wrap_datalist .datalist_boxtype4 {margin: -7px 0 0 -16px;}
*+ html .wrap_datalist .datalist_boxtype4 {position: relative;}
.datalist_boxtype4 > li {position: relative; float: left; width: 244px; height: 266px; margin: 22px 0 0 16px;}
.datalist_boxtype4 > li .thumb img {width: 244px; height: 183px;}
.datalist_boxtype4 > li .cont {position: absolute; left: 0; bottom: 0; z-index: 1; width: 204px; height: 65px; padding: 18px 20px 0; background: #333; color: #bbb;}
.datalist_boxtype4 > li .cont .category {position: absolute; bottom: 209px; right: 9px; display: block; width: 48px; height: 48px; text-indent: -5000px; font-size: 0;}
.datalist_boxtype4 > li .cont .category.ico_premiumctg01 {background: url(../../images/webhome/icon_premium_category01_label.png) no-repeat 0 0;}
.datalist_boxtype4 > li .cont .category.ico_premiumctg02 {background: url(../../images/webhome/icon_premium_category02_label.png) no-repeat 0 0;}
.datalist_boxtype4 > li .cont .category.ico_premiumctg03 {background: url(../../images/webhome/icon_premium_category03_label.png) no-repeat 0 0;}
.datalist_boxtype4 > li .cont .category.ico_premiumctg04 {background: url(../../images/webhome/icon_premium_category04_label.png) no-repeat 0 0;}
.datalist_boxtype4 > li .cont .category.ico_premiumctg05 {background: url(../../images/webhome/icon_premium_category05_label.png) no-repeat 0 0;}
.datalist_boxtype4 > li .cont .category.ico_premiumctg06 {background: url(../../images/webhome/icon_premium_category06_label.png) no-repeat 0 0;}
.datalist_boxtype4 > li .cont >a {display: block; text-decoration: none; cursor: pointer;}
.datalist_boxtype4 > li .cont >a:hover .tit, .datalist_boxtype4 > li .cont >a:focus .tit, .datalist_boxtype4 > li .cont >a:active .tit {text-decoration: underline;}
.datalist_boxtype4 > li .cont .tit {display: block; margin-bottom: 10px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.datalist_boxtype4 > li .cont .tit, .datalist_boxtype4 > li .cont .tit a {color: #fff;}
.datalist_boxtype4 > li .cont .txt {margin-top: 15px; display: none;}
.datalist_boxtype4 > li .cont .txt_summary {display: block; margin-top: 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.datalist_boxtype4 > li .cont .txt_summary, .datalist_boxtype4 > li .cont .txt_summary a {color: #bbbbbb;}
.datalist_boxtype4 > li.on .cont {height: 248px; overflow: hidden;}
.datalist_boxtype4 > li.on .cont .category {visibility: hidden;}
.datalist_boxtype4 > li.on .cont .tit {margin: 0 0 20px 0; font-size: 16px; line-height: 20px; white-space: normal;}
.datalist_boxtype4 > li.on .cont .txt {display: block;}
.datalist_boxtype4 > li.on .cont .txt, .datalist_boxtype4 > li.on .cont .txt a {color: #bbbbbb;}
.datalist_boxtype4 > li.on .cont .txt_summary {font-weight: bold; white-space: normal;}
.datalist_boxtype4 > li.on .cont .txt_summary, .datalist_boxtype4 > li.on .cont .txt_summary a {color: #aabfd2;}
.datalist_boxtype5 > li {float: left; width: 244px; height: 268px; border: 1px solid #e7e7e7; border-bottom-width: 3px;}
.datalist_boxtype5 > li >a {display: block; height: 100%; text-decoration: none; cursor: pointer;}
.datalist_boxtype5 > li .thumb {display: block; margin-bottom: 15px;}
.datalist_boxtype5 > li .thumb img {width: 244px; height: 183px;}
.datalist_boxtype5 > li .cont {display: block; padding: 0 15px;}
.datalist_boxtype5 > li .cont .tit {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.datalist_boxtype5 > li .cont .tit02 {display: block; height: 33px; overflow: hidden; margin-bottom: 10px; color: #333;}
.datalist_boxtype5 > li .cont .txt b {margin-right: 5px;}
.datalist_boxtype5 > li a:hover .cont .tit, .datalist_boxtype5 > li a:focus .cont .tit, .datalist_boxtype5 > li a:active .cont .tit {text-decoration: underline;}
.datalist_boxtype5 > li a:hover .cont .tit02, .datalist_boxtype5 > li a:focus .cont .tit02, .datalist_boxtype5 > li a:active .cont .tit02 {text-decoration: underline;}
.datalist_boxtype5 > li .cont .date {color: #979797;}
.datalist_boxtype5 > li.on {border-color: #000;}
/* 2023-02-22 수정 [S] */
.edit_subtit{font-size: 20px; color: #000; margin-bottom: 30px; margin-top: -24px; font-weight: 500;}
.wrap_datalist2{float:left; width:1000px; margin-bottom: 20px;}
.datalist_boxtype6 > li { width: 241px; height: 400px; margin: 15px 0 0 13px; float: left; } 
.datalist_boxtype6 > li > a { display: block; text-decoration: none; cursor: pointer; position: relative;} 
.datalist_boxtype6 > li > a:hover .contgroup .cate, .datalist_boxtype6 > li > a:focus .contgroup .cate, .datalist_boxtype6 > li > a:hover .contgroup02 .cate, .datalist_boxtype6 > li > a:focus .contgroup02 .cate { text-decoration: underline; } 
.datalist_boxtype6 > li .thumb img { width: 241px; height: 400px; } 
.datalist_boxtype6 > li .contgroup { padding: 18px; overflow: hidden; position: absolute; bottom:0; left: 0; box-sizing: border-box; width: 100%; background-color: rgba(0,0,0,0.6); height: 100px;} 
.datalist_boxtype6 > li .contgroup .cate { display: block; height: 16px; color: #ffffff; font-size: 14px; line-height:17px; overflow: hidden;} 
.datalist_boxtype6 > li .contgroup .tit { display: block; margin-top: 8px; font-size: 16px; line-height: 21px; color: #fff; overflow: hidden; height: 40px; font-weight: 700;} 
/* 2023-02-22 수정 [E] */
.datalist_qna {margin-top: 15px; border-top: 2px solid #c6cbd8; border-bottom: 2px solid #c6cbd8;}
.datalist_qna li {width: 100%; border-top: 1px solid #c6cbd8;}
.datalist_qna li:first-child {border-top: 0;}
.datalist_qna li .question {position: relative; padding: 12px 20px 10px 54px; font-weight: normal; color: #333;}
.datalist_qna li .question a {display: inline-block; vertical-align: top; color: #333;}
.datalist_qna li .question .stit {display: block; color: #767676;}
.datalist_qna li .answer {position: relative; padding: 12px 20px 10px 54px; background: #f6f6f6;}
.datalist_qna li .icon {position: absolute; top: 50%; left: 22px; margin-top: -6px; font-size: 0; line-height: 0; width: 16px; height: 12px;}
.datalist_qna li .icon01 {position: absolute; top: 20px; left: 22px;}
.datalist_qna li .icon img,.datalist_qna li .icon01 img {vertical-align: middle;}
.func_qna .answer.hide {display: none; /*visibility: hidden; padding: 0 !important; height: 0 !important; background: none !important; */}
.func_toggledetails .details.hide {display: none; /*visibility: hidden; padding: 0 !important; height: 0 !important; background: none !important; */}
.datalist_qna02 {margin-top: 15px; border-top: 2px solid #c6cbd8; border-bottom: 2px solid #c6cbd8;}
.datalist_qna02 li {width: 100%; border-top: 1px solid #c6cbd8;}
.datalist_qna02 li:first-child {border-top: 0;}
.datalist_qna02 li .question {position: relative; padding: 12px 20px 10px 54px; font-weight: normal; color: #333;}
.datalist_qna02 li .question a, .datalist_qna02 li .question p {display: inline-block; vertical-align: top; color: #666;}
.datalist_qna02 li .question .stit {display: block; margin-bottom: 8px; color: #666; font-weight: bold;}
.datalist_qna02 li .answer {position: relative; padding: 12px 20px 10px 90px; background: #f6f6f6;}
.datalist_qna02 li .icon_q {position: absolute; top: 20px; left: 22px; margin-top: -6px; font-size: 0; line-height: 0; width: 16px; height: 12px;}
.datalist_qna02 li .icon_a {position: absolute; top: 20px; left: 56px; margin-top: -6px; font-size: 0; line-height: 0; width: 16px; height: 12px;}
.datalist_qna02 li .icon img,.datalist_qna02 li .icon01 img {vertical-align: middle;}
.func_qna .answer.hide {display: none; /*visibility: hidden; padding: 0 !important; height: 0 !important; background: none !important; */}
.func_toggledetails .details.hide {display: none; /*visibility: hidden; padding: 0 !important; height: 0 !important; background: none !important; */}
.datalist_qna02 .question .wrap_time {position: absolute; left: 610px; top: 12px;}
.datalist_qna02 .answer .wrap_time {position: absolute; left: 610px; top: 12px;}
.datalist_qna02 .wrap_time .date {display: inline-block; margin-right: 10px; color: #666;}
.datalist_qna02 .wrap_time .icobtn_del {margin-top: -2px;}
.datalist_tbtype4 {background: url(../../images/webhome/bg_line_tbtype4.png) no-repeat 0 0;}
.datalist_tbtype4 > li {width: 100%; height: 100%; min-height: 39px; padding-bottom: 1px; background: url(../../images/webhome/bg_line_tbtype4.png) no-repeat 0 100%;}
.datalist_tbtype4 > li .th {float: left; width: 104px; padding: 12px 0 12px 20px; color: #333; font-weight: bold;}
.datalist_tbtype4 > li .td {float: right; width: 640px; padding: 0;}
.datalist_tbtype4 > li .td p, .datalist_tbtype4 > li .td ul {margin: 10px 20px; line-height: 1.5em;}
.datalist_tbtype4 > li .td .func_toggle_type2 {border-bottom: 0;}
.datalist_tbtype4 > li .pic_stageinfo {margin-bottom: 15px;}
.datalist_tbtype4 > li .pic_stageinfo img {width: 640px;}
.wrap_notice .defaultmsg {margin: 16px auto 0 auto; border: 1px solid #f1f1f1; padding: 65px 0;}
.datalist_boxnotice {margin: 10px 0 0 0;}
*+ html .datalist_boxnotice {display: inline-block;}
.wrap_notice .datalist_boxnotice {margin-left: -5px;}
.datalist_boxnotice:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.datalist_boxnotice li {width: 145px; height: 150px; border: 1px solid #f1f1f1; background: #f1f1f1; padding: 20px; float: left; margin: 5px 0 0 5px;}
.datalist_boxnotice li .tit {color: #333; height: 125px; overflow: hidden; display: block; margin-bottom: 10px;}
.datalist_boxnotice li .tit a {color: #333;}
.datalist_boxnotice li.on {border: 1px solid #000;}
.datalist_boxnotice.category li .tit {height: 97px;}
.datalist_boxnotice.category li .category {display: block; margin-bottom: 10px;}
/* list */
.list_icontype1 {overflow: hidden;}
.list_icontype1:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.list_icontype1 li {width: 34%; float: left; height: 95px; margin-right: -6px;}
.list_icontype1.w50 li {width: 50%; height: 120px; margin-right: 0;}
.list_icontype1.w50 li.h140 {height: 140px;}
.list_icontype1.w50 li.htype2 {height: 170px;}
.list_icontype1.w50 li .cont {width: 64%;}
.list_icontype1.appli_down li {width: 32%; height: 76px; padding-right: 14px;}
.list_icontype1.bebefitli_con li {width: 36%; height: auto; padding-right: 14px; margin-right: 0; box-sizing: border-box; text-align:center;} /*2018-10-18 수정*/
.list_icontype1 li .icon01 {background: url(../../images/webhome/icon_benefit_95x95_01.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .icon02 {background: url(../../images/webhome/icon_benefit_95x95_02.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .icon03 {background: url(../../images/webhome/icon_benefit_95x95_03.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .icon04 {background: url(../../images/webhome/icon_benefit_95x95_04.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .icon05 {background: url(../../images/webhome/icon_benefit_95x95_05.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .icon06 {background: url(../../images/webhome/icon_benefit_95x95_06.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .icon07 {background: url(../../images/webhome/icon_benefit_95x95_07.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .icon08 {background: url(../../images/webhome/icon_benefit_95x95_08.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .icon09 {background: url(../../images/webhome/icon_benefit_95x95_09.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w111xh111_icon01 {background: url(../../images/webhome/icon_benefit_111x111_01.png) no-repeat 50% 50%; width: 111px; height: 111px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w111xh111_icon02 {background: url(../../images/webhome/icon_benefit_111x111_02.png) no-repeat 50% 50%; width: 111px; height: 111px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w111xh111_icon03 {background: url(../../images/webhome/icon_benefit_111x111_03.png) no-repeat 50% 50%; width: 111px; height: 111px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w111xh111_icon04 {background: url(../../images/webhome/icon_benefit_111x111_04.png) no-repeat 50% 50%; width: 111px; height: 111px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w111xh111_icon05 {background: url(../../images/webhome/icon_benefit_111x111_05.png) no-repeat 50% 50%; width: 111px; height: 111px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w111xh111_icon06 {background: url(../../images/webhome/icon_benefit_111x111_06.png) no-repeat 50% 50%; width: 111px; height: 111px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w111xh111_icon07 {background: url(../../images/webhome/icon_benefit_111x111_07.png) no-repeat 50% 50%; width: 111px; height: 111px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w111xh111_icon08 {background: url(../../images/webhome/icon_benefit_111x111_08.png) no-repeat 50% 50%; width: 111px; height: 111px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w111xh111_icon09 {background: url(../../images/webhome/icon_benefit_111x111_09.png) no-repeat 50% 50%; width: 111px; height: 111px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w111xh111_icon10 {background: url(../../images/webhome/icon_benefit_111x111_10.png) no-repeat 50% 50%; width: 111px; height: 111px; display: inline-block; vertical-align: middle;}
.list_icontype1 li.htype2 .w111xh111_icon02 {margin-bottom: 42px;}
.list_icontype1 li.htype2 .w111xh111_icon08 {margin-bottom: 42px;}
.list_icontype1 li .w76xh76_icon01 {background: url(../../images/webhome/icon_benefit_76x76_01.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w76xh76_icon02 {background: url(../../images/webhome/icon_benefit_76x76_02.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle; margin-right: -8px;}
.list_icontype1 li .w76xh76_icon03 {background: url(../../images/webhome/icon_benefit_76x76_03.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w76xh76_icon04 {background: url(../../images/webhome/icon_benefit_76x76_04.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w76xh76_icon05 {background: url(../../images/webhome/icon_benefit_76x76_05.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .w76xh76_icon06 {background: url(../../images/webhome/icon_benefit_76x76_06.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle;}
.list_icontype1 li .cont {display: inline-block; vertical-align: middle; width: 56%;}
*+ html .list_icontype1 li .cont {display: inline; zoom: 1;}
.list_icontype1 li .cont .key_point {color: #10508c; display: block;}
.list_icontype1 li .cont .key_point.inline {display: inline-block;}
.list_icontype1 li .cont .key_point02 {display: inline-block; color: #10508c; font-size: 14px; margin-bottom: 10px;}
.list_icontype2 {overflow: hidden;}
.list_icontype2:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.list_icontype2 li {width: 198px; float: left;}
.list_icontype2 li.w165 {width: 165px;}
.list_icontype2 li .icon01 {background: url(../../images/webhome/icon_benefit_g01.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype2 li .icon02 {background: url(../../images/webhome/icon_benefit_g02.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype2 li .icon03 {background: url(../../images/webhome/icon_benefit_g03.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype2 li .icon04 {background: url(../../images/webhome/icon_benefit_g04.png) no-repeat 50% 50%; width: 95px; height: 95px; display: inline-block; vertical-align: middle;}
.list_icontype2 li .cont {display: inline-block; width: 45%; vertical-align: middle; color: #127e77; font-weight: bold;}
*+ html .list_icontype2 .cont {display: inline; padding-left: 5px;}
.list_icontype2 li.w165 .cont {width: 35%;}
.list_icontype2_2 {margin: 0 0 -40px 0; overflow: hidden;}
.list_icontype2_2:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.list_icontype2_2 li {width: 50%; float: left; height: 130px;}
.list_icontype2_2 li .icon_w76xh76_01 {background: url(../../images/webhome/icon_benefit_w76xh76_01.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: top;}
.list_icontype2_2 li .icon_w76xh76_02 {background: url(../../images/webhome/icon_benefit_w76xh76_02.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: top;}
.list_icontype2_2 li .icon_w76xh76_03 {background: url(../../images/webhome/icon_benefit_w76xh76_03.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: top;}
.list_icontype2_2 li .icon_w76xh76_04 {background: url(../../images/webhome/icon_benefit_w76xh76_04.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: top;}
.list_icontype2_2 li .cont {display: inline-block; vertical-align: top; padding-top: 10px; width: 70%;}
*+ html .list_icontype2_2 li .cont {display: inline;}
.list_icontype2_2 li .cont .txt_color {color: #127e77;}
.list_bannertype1 {margin: 30px 0 0 -18px; overflow: hidden;}
.list_bannertype1 .list {width: 373px; float: left; margin-left: 18px;}
.list_bannertype1 .box_insur {border: 1px solid #dfdfdf; width: 328px; height: 121px; padding: 30px 0 0 43px;}
.list_bannertype1 .box_insur .icon01 {background: url(../../images/webhome/icon_insur01.png) no-repeat 0 50%; width: 68px; height: 68px; display: inline-block; vertical-align: middle; padding-right: 40px;}
/*2013-12-27 modify */
.list_bannertype1 .box_insur .icon02 {background: url(../../images/webhome/icon_insur02.png) no-repeat 0 50%; width: 68px; height: 68px; display: inline-block; vertical-align: middle; padding-right: 36px;}
/*2013-12-27 modify */
.list_bannertype1 .box_insur .cont {display: inline-block; vertical-align: middle;}
*+ html .list_bannertype1 .box_insur .cont {display: inline;}
.list_bannertype1 .box_insur .cont li:first-child {margin-top: 0px;}
.list_bannertype1 .box_insur .cont li {margin: 15px 0 0 0;}
.list_chkbox li {float: left; width: 125px; line-height: 2.0em;}
.list_chkbox li label {padding-left: 5px;}
.list_infotype1 {border-bottom: 1px solid #d6d6d6;}
.list_infotype1:after {content: " "; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden;}
.list_infotype1 > li {float: left; width: 50%; padding: 7px 0 6px 0; border-top: 1px solid #d6d6d6;}
.list_infotype1 > li .stit {display: inline-block; width: 90px; padding-left: 50px;}
.list_infotype2 {border-bottom: 1px solid #d6d6d6;}
.list_infotype2 > li {width: 100%; overflow: hidden; padding: 12px 0 11px 0; border-top: 1px solid #d6d6d6;}
.list_infotype2 > li .stit {display: inline-block; width: 136px; padding-left: 14px; vertical-align: middle; letter-spacing: -1px;}
.list_infotype2 > li .text {display: inline-block; width: 79%; vertical-align: middle;}
*+ html .list_infotype2 li > .text {display: inline; zoom: 1;}
.list_infotype3 li {width: 100%; overflow: hidden; background: url(../../images/webhome/bg_dotted_cccccc.png) repeat-x 0 0; padding: 13px 0 11px 0;}
.list_infotype3 li:after {content: " "; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden;}
*+ html .list_infotype3 {display: inline-block;}
.list_infotype3 li:first-child {background: none;}
.list_infotype3 li .stit {float: left; width: 140px; padding-left: 13px; background: url(../../images/webhome/bul_square_3x3_666666.png) no-repeat 0 6px; color: #333;}
.list_infotype3 li .text {float: left; width: 610px;}
.list_infotype4 {overflow: hidden;}
.list_infotype4:after {content: " "; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden;}
.list_infotype4 li {width: 382px; float: left; margin-top: 15px;}
.list_infotype4 li .thumb {display: inline-block; vertical-align: middle; margin-right: 14px;}
*+ html .list_infotype4 li .thumb {display: inline;}
.list_infotype4 li .cont {display: inline-block; vertical-align: middle; width: 225px; word-break: break-all; word-wrap: break-word;}
*+ html .list_infotype4 li .cont {display: inline;}
.list_infotype4 li .cont .tit {color: #333;}
.list_couponbook {width: 100%; overflow: hidden;}
.list_couponbook li {float: left; width: 249px; padding: 0 57px 15px 57px; margin-left: 38px; background: url(../../images/webhome/bg_couponbook_bar.png) no-repeat 0 bottom;}
.list_couponbook li:first-child {margin-left: 0;}
.list_couponbook li .thumb {position: relative; width: 247px; height: 357px; border: 1px solid #cccccc; font-size: 0; line-height: 0;}
.list_couponbook li .thumb img {width: 100%; height: 100%;}
.list_couponbook li .thumb .ico_ebook {position: absolute; right: 0; bottom: 0; display: block; width: 60px; height: 60px; overflow: hidden; background: url(../../images/webhome/btn_ebook.png) no-repeat 0 0; text-indent: -5000px; font-size: 0; line-height: 0;}
.list_couponbook li .tit {display: block; font-size: 18px; margin-bottom: 14px; text-align: center;}
.list_couponbook li .tit, .list_couponbook li .tit a {color: #333;}
.list_pic_type1 li:first-child {margin-top: 0;}
.list_pic_type1 li {height: 180px; margin-top: 30px;}
.list_pic_type1 .pic {float: left; margin-right: 30px;}
.list_pic_type1 .cont {border-bottom: 1px solid #dddddd; height: 180px; float: left; width: 494px;}
.list_pic_type1 .cont .tit {font-size: 16px; color: #000;}
.list_pic_type1 .cont .txt {margin-top: 10px; line-height: 17px;}
.list_pic_type1 .cont .txt02 {margin-top: 8px; color: #000}
/* data info */
.data_storeinfo {}
.data_storeinfo {padding: 30px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 121px;}
.data_storeinfo .left_infobox {width: 385px; float: left; margin-right: 20px;}
.data_storeinfo .left_infobox .tit {margin: 0 0 12px 0; font-size: 24px; line-height: 28px; color: #333; letter-spacing: -1px; font-weight: normal;}
.data_storeinfo .right_infobox {width: 260px; float: left;}
.data_storeinfo .right_infobox .sub_tit {margin: 0 0 10px 0; font-size: 14px; font-weight: bold; color: #333; letter-spacing: -1px;}
.data_storeinfo .btn_area {margin-top: 20px;}
.data_storeinfo .btn_area a {float: left; margin-right: 1px;}

/* 2022-10-04 수정 [S] */
.data_storeinfo .list_notice li {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.data_storeinfo02 {padding: 30px 20px; background: #444; color: #ffffff; font-size: 15px; position: relative; line-height: 1.3;}
.data_storeinfo02 .tit {margin-bottom: 10px; font-size: 20px; color: #fff; letter-spacing: -1px;}
.data_storeinfo02 .tit .stit {font-size: 16px; font-weight: normal;}
.data_storeinfo02 .bllist_type1 {margin-top: 15px;}
.data_storeinfo02 .bllist_type1 li {background: url("../../images/webhome/bul_square_3x3_FFFFFF.png") no-repeat 0 7px !important; margin: 2px 10px 2px 0; padding-left: 8px;}
.data_storeinfo02 .bllist_type1 li .label {color: #ddd; font-weight: bold;}
.data_storeinfo02 .area_btn {float: right;}
.data_storeinfo02 .refer {margin-top: 15px;}
.data_storeinfo02 .refer span {padding-left: 16px;}
.data_storeinfo02 .note {width: 442px; float: left;}
.data_favoritespot {height: 243px;}
.data_favoritespot .thumb {width: 323px; float: left;}
.data_favoritespot .thumb img {width: 323px; height: 243px;}
.data_favoritespot .area_info {float: left; background-color: #333333; padding: 20px 30px; width: 381px; height: 203px; overflow: hidden;}
.data_favoritespot .area_info .tit {color: #fff; font-size: 20px;}
.data_favoritespot .area_info .info_group {width: 100%; overflow: hidden; margin-top: 5px; color: #ccc;}
.data_favoritespot .area_info .info_group li {float: left; width: 100%; overflow: hidden; margin-top: 10px;}
.data_favoritespot .area_info .info_group .stit {width: 70px; float: left;}
.data_favoritespot .area_info .info_group .txt {width: 265px; float: left;}
.data_favoritespot .area_info .button_group {margin-top: 25px;}
.data_maparea {border: 1px solid #c4c4c4;}
.rental_btn {position: absolute; bottom: 30px; right: 20px; border: 1px solid #fff; color: #fff; box-sizing: border-box; font-size: 12px; padding: 7px 30px 7px 16px; text-align: center; background: url("../../images/webhome/ic_right_arrow.png") no-repeat; background-size: 7px 9px; background-position: calc(100% - 10px) 50%; line-height: 1;}
.space_introduce .tab_type2{margin-bottom: 30px;}
.space_introduce .location{margin-top: 40px; text-align: center; }
.space_introduce .location .location_anchor{position: relative; display: inline-block;}
.space_introduce .location .location_anchor:before {content: ""; position: absolute; left: 50%; top: 0; width: 35px; height: 35px; margin-left: -18px; background: #757575 url(../../images/webhome/selectshop/ico-pin.png) no-repeat 50% 50%; border-radius: 50%; overflow: hidden; }
.space_introduce .location .location_text {display: inline-block; padding-bottom: 3px; margin-top: 55px; font-size: 20px; font-weight: 700; color: #333; border-bottom: 1px solid #333; }
.space_introduce .space_slider{width: 100%; position: relative; overflow: hidden; margin-top: 40px;}
.space_introduce .space_slider .swiper-button-next:after, .swiper-button-prev:after{color: #fff;}
.space_introduce .space_text_wrap{margin-top: 35px;}
.space_introduce .space_text_wrap h4{font-size: 12px; color: #333333; line-height: 1.5; margin-top: 25px;}
.space_introduce .space_text_wrap p{font-size: 12px; color: #666666; line-height: 1.5; margin-top: 10px;}
.space_introduce .space_text_wrap ul{margin-top: 10px;}
.space_introduce .space_text_wrap li{font-size: 12px; color: #666666; line-height: 1.5;}
.space_introduce .space_text_wrap .dot_list>li{padding-left: 10px; position: relative;}
.space_introduce .space_text_wrap .dot_list>li .dot_list_2depth li{line-height: 1.8; color: #666;}
.space_introduce .space_text_wrap .dot_list>li::before{content: ''; position: absolute; top: 6.5px; left: 0; width: 3px; height: 3px; background-color: #666;}
.space_introduce .space_text_wrap .ref{color:#888888;}
.space_introduce .procedure_wrap{display: flex; flex-direction: row; justify-content: flex-start; margin-top: 10px;}
.space_introduce .procedure_wrap .procedure_summary{display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-right: 20px;}
.space_introduce .procedure_wrap .procedure_summary div{width: 68px; height: 27px; line-height: 27px; border: 1px solid #417b9c; font-size: 12px; color: #417b9c;text-align: center; position: relative;}
.space_introduce .procedure_wrap .procedure_summary div+div{margin-top: 24px;}
.space_introduce .procedure_wrap .procedure_detail{display: flex; flex-direction: column; justify-content: space-between; align-self: normal; line-height: 27px;}
.space_introduce .procedure_wrap .procedure_summary div:not(:last-child)::after{content: url(../../images/webhome/ic_bottom_arrow.png); position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 7px; height: 4px;}

.rental_hall .date_label{margin-left: 7px;}
/* 2022-10-04 수정 [E] */
/* policy */
.policywrap {padding-bottom: 30px; margin-bottom: 10px; border-bottom: 2px solid #cccccc;}
.box_policy {margin: 11px 0 0 0; padding: 15px 0 15px 21px; border: 1px solid #ccc;}
.box_policy ol li {margin: 10px 0 0 0;}
.box_policy ol li.fir {margin-top: 0;}
.box_policy .tit {color: #000;}
.box_policy01 {margin-top: 10px; padding: 12px 22px 11px 17px; border: 1px solid #ccc; color: #767676; overflow-y: auto;}
/* 2013-12-30 modify */
.box_policy01.pad20 {padding: 20px 20px 17px 20px;}
.box_policy01 ol li p.txt {margin-top: 15px;}
.box_policy01 ol li dl {margin-top: 17px;}
.box_policy01 ol li dt {margin-top: 15px;}
.box_policy01 dl.txt_oil {margin-top: 15px;}
.box_policy01 .radio_group {margin-top: 10px;}
.box_policy01 .desc {margin-top: 10px;}
.box_policy01 .tit {margin-top: 10px; display: block;}
.box_policy01.yscroll {height: 155px; overflow-y: auto;}
.box_policy01.yscroll02 {height: 175px; overflow-y: auto;}
.box_policy_iframe {margin-top: 10px; color: #767676;}
.box_policy_iframe iframe {border: 1px solid #ccc;}
.wrap_policy h4 {margin: 25px 0 7px 0 !important;}
.wrap_policy h5 {margin: 10px 0 !important;}
.wrap_policy .policymenu {margin: 30px 0; padding: 15px 0 15px 20px; border-top: 2px solid #acacac; border-bottom: 2px solid #acacac;}
/* 2015-04-06 수정*/
.wrap_policy .policymenu ul li {float: left; width: 200px; margin-bottom: 10px;}
.wrap_policy .policymenu ul li.wide {width: 270px;}
.wrap_policy .policymenu ul li.bottom, .wrap_poplayer .wrap_policy .policymenu ul li.bottom {margin-bottom: 0;}
.wrap_policy .policymenu ul li a:hover {font-weight: bold; letter-spacing: -1px;}
.wrap_policy .policymenu ul li a {letter-spacing: -1px;}
/* 2015-04-06 수정완료 */
.wrap_policy .tb_type2 table td {letter-spacing: -1px;}
.wrap_poplayer .wrap_policy .policymenu ul li {float: left; width: 33%; margin-bottom: 10px;}
.wrap_poplayer .wrap_policy .policymenu ul li.double {height: 36px;}
.wrap_poplayer .wrap_policy .policymenu ul.old li {float: left; width: 49%; margin-bottom: 10px;}
.wrap_poplayer .wrap_policy .tb_type2 table td {padding-right: 20px;}
.wrap_policy02 {border-bottom: 1px solid #cccccc; padding-bottom: 15px;}
.wrap_policy02 .area_policy02 {margin-top: 25px;}
.wrap_policy02 .area_policy02 .box_policy02 {margin-top: 10px; padding: 15px 15px 25px 17px; border: 1px solid #ccc; color: #767676; overflow-y: scroll; height: 65px;}
.wrap_policy02 .area_policy02 .box_policy02 .tit:first-child {margin-top: 0;}
.wrap_policy02 .area_policy02 .box_policy02 .tit {margin-top: 10px; display: block;}
.wrap_policy02 .area_policy02 .box_policy02 .txt {margin-top: 10px;}
.wrap_policy02 .area_policy02 .area_check {margin-top: 10px;}
/* search */
.topsearch {}
.topsearch02 {border: 1px solid #e4e4e4; background-color: #f6f6f6; padding: 20px; margin-bottom: 30px;}
.topsearch02 .tit {color: #333; background: url(../../images/webhome/icon_search02.png) no-repeat 0 0; padding-left: 20px; display: inline-block; margin-right: 45px;}
*+ html .topsearch02 .tit {display: inline;}
.topsearch02 .txt {color: #333; margin-right: 25px;}
.datasearch_type1 {padding: 30px 0; border-bottom: 1px solid #ccc;}
.datasearch_type1 .searchform {float: left; width: 562px; padding-left: 20px; border-right: 1px solid #c4c4c4;}
.datasearch_type1 .searchform .input_label {display: inline-block; position: relative; vertical-align: middle;}
.datasearch_type1 .searchform .input_label label {display: inline-block; position: absolute; top: 0; left: 4px; padding: 5px 6px;}
.datasearch_type1 .searchform .func_option, .datasearch_type1 .searchform .input_label {margin-right: 6px;}
*+ html .datasearch_type1 .searchform .func_option {margin-right: 10px !important;}
.datasearch_type1 .searchform .toggle_details {display: none; padding-top: 10px;}
.datasearch_type1 .searchbtn {float: right; width: 170px;}
/* boxcontent */
.boxcontent_userform {padding: 26px 30px 30px; background: #f6f6f6; border: 1px solid #e4e4e4;}
.boxcontent_userform .txt_heading {margin-bottom: 17px; padding-bottom: 7px; border-bottom: 1px solid #e4e4e4;}
.boxcontent_userform .txt_bottom {margin-top: 8px;}
.boxcontent_userform .chklist li {float: left; margin-right: 22px;}
.boxcontent_userform .input_solo {margin-bottom: 17px;}
.boxcontent_userform .input_solo label {width: 70px; font-size: 14px; font-weight: bold; color: #333333; display: inline-block; vertical-align: middle;}
.boxcontent_userform .note {margin: 5px 0 0 143px;}
.boxcontent_userform.type2 {padding: 40px 50px;}
.boxcontent_userform.type2 .input_type1 {float: left; margin-right: 5px; vertical-align: middle;}
.boxcontent_userform.type2 .input_type1.last {margin-right: 0;}
.boxcontent_userform.type2 .input_label {position: relative; display: inline-block; margin-right: 1px; vertical-align: middle;}
.boxcontent_userform.type2 .input_label.last {margin-right: 3px;}
.boxcontent_userform.type2 .input_label label {position: absolute; top: 0; left: 0; font-size: 14px; font-weight: bold; line-height: 18px; padding: 10px 8px 9px 8px;}
.boxcontent_userform.type2 input.text {width: 212px; border: 1px solid #CCCCCC; line-height: 18px; min-height: 18px; font-size: 14px; font-weight: bold; padding: 10px 8px 9px 8px;}
.boxcontent_result {padding: 20px 0; text-align: center; font-size: 14px; border: 1px solid #c2c7d5;}
.boxcontent_result.type2 {padding: 10px 20px; text-align: left; font-size: 12px;}
.boxcontent_result.type2 label {font-weight: bold; color: #333; letter-spacing: -1px;}
.boxcontent_result strong {color: #5d6c89;}
.boxcontent_calc {margin-bottom: 15px; padding: 15px 0 15px 30px; background: #f1f1f1;}
.boxcontent_calc span {display: inline-block; text-align: center; vertical-align: middle; font-weight: bold; font-size: 14px; letter-spacing: -1px;}
.boxcontent_calc .total {width: 170px; text-align: left; font-size: 12px; color: #333; background: url(../../images/webhome/img_equal.png) no-repeat 100% 50%;}
.boxcontent_calc .item {padding: 0 18px;}
.boxcontent_calc .item.narrow {padding: 0 15px;}
.boxcontent_calc .icon {width: 24px; height: 24px; font-size: 0; text-indent: -99999px;}
.boxcontent_calc .icon.multiply {background: url(../../images/webhome/img_multiply.png) no-repeat 0 0;}
.boxcontent_calc .icon.division {background: url(../../images/webhome/img_division.png) no-repeat 0 0;}
.boxcontent_calc span .txt_sub {display: block; font-weight: normal; font-size: 12px;}
.boxcontent_type1 {margin-top: 10px; width: 729px; height: 148px; border: 1px solid #cccccc; padding: 27px 35px 20px 0;}
.boxcontent_type1 .thumb {width: 331px; text-align: center; height: 145px; float: left;}
.boxcontent_type1 .cont {float: left; width: 395px;}
.boxcontent_type1 .cont .tit {font-size: 14px; color: #333; display: block; height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.boxcontent_type1 .cont .tit a {color: #333;}
.boxcontent_type1 .cont .author {color: #333;}
.boxcontent_type1 .cont .txt {margin-top: 10px; padding-right: 20px; height: 75px; overflow: hidden;}
.boxcontent_type1 .cont .wrap_btn {float: left; margin-right: 20px;}
.boxcontent_type1 .cont .txt_update {padding-top: 5px; float: left; letter-spacing: -1px;}
.boxcontent_simptype1 {border: 1px solid #ebebeb; padding: 11px 15px 11px 20px; overflow: hidden;}
.boxcontent_simptype1 .txt {float: left; margin-top: 6px; color: #333;}
.boxcontent_simptype1 .btn_request {float: right;}
.wrap_boxcontent_triple {float: left; margin-right: 30px;}
.wrap_boxcontent_triple.last {margin-right: 0;}
.wrap_boxcontent_triple .boxcontent_userform.triple {width: 192px; height: 144px; padding: 30px 20px;}
.wrap_boxcontent_triple .boxcontent_userform.triple .txt_heading {color: #333; font-weight: bold; font-size: 14px;}
/* boxlist */
.boxlist_type1 > li {float: left; width: 235px; margin-left: 29px;}
.boxlist_type1 > li.fir {margin-left: 0;}
.boxlist_type1 .box {padding: 26px 25px 30px 25px; height: 148px; background: #f6f6f6; border: 1px solid #e4e4e4;}
.boxlist_type1 .box .txt_heading {display: block; margin-bottom: 17px; padding-bottom: 7px; border-bottom: 1px solid #e4e4e4; font-size: 14px; font-weight: bold; color: #333;}
.boxlist_type2 > li {float: left; width: 100%; margin-left: 29px;}/* 2022-03-02 수정 */
.boxlist_type2 > li.fir {margin-left: 0;}
.boxlist_type2 .box {padding: 26px 25px 30px 25px; height: 70px; background: #f6f6f6; border: 1px solid #e4e4e4;}
.boxlist_type2 .label {font-size: 14px; font-weight: bold; margin-right: 16px; color: #333;}
.boxlist_type2 .label01 {font-size: 14px; font-weight: bold; margin-right: 12px; color: #333;}
.boxlist_type2 .box .txt_heading {display: block; margin-bottom: 17px; padding-bottom: 7px; border-bottom: 1px solid #e4e4e4; font-size: 14px; font-weight: bold; color: #333;}
/* form group */
.list_inputgroup li {margin-bottom: 10px;}
.list_inputgroup li last-child {margin-bottom: 0;}
.list_inputgroup li label, .list_inputgroup li .label {width: 85px; font-size: 14px; font-weight: bold; color: #333333; display: inline-block; vertical-align: middle;}
.list_inputgroup .options li label {font-weight: normal; font-size: 12px; width: 100%;}
.list_inputgroup.long li label, .list_inputgroup.long li .label {width: 140px;}
.box_selgroup {padding: 13px 22px 5px 19px; background: #f6f6f6; border: 1px solid #e4e4e4;}
.box_selgroup:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.box_selgroup.bgcolor_white {background-color: #fff; border-color: #ccc; margin-top: 25px;}
.box_selgroup.bgcol {background: #fff;}
.box_selgroup .list_sel {font-weight: bold; color: #333333; overflow: hidden;}
.box_selgroup .list_sel li {width: 360px; float: left; padding-bottom: 10px;}
.box_selgroup .list_sel2 {font-weight: bold; color: #333333; overflow: hidden;}
.box_selgroup .list_sel2 li {width: 180px; float: left; padding-bottom: 10px;}
.selgroup_type1 {background-color: #eee; padding: 15px 20px;}
.selgroup_type1 .area_require {margin-right: 40px; float: left;}
.selgroup_type1 .tit {display: inline-block; margin-top: 5px; vertical-align: top;}
.selgroup_type1 .area_select {float: left;}
.selgroup_type1 .btn {float: right;}
/* top eventbox & banner */
.topeventbox {position: relative; margin: -13px 0 40px 0;}
.topeventbox .rollingbtn {position: absolute; top: 0; right: 0; z-index: 2; height: 43px; /*height: 61px; */
 padding: 18px 9px 0 9px; background: #fff;}
.topeventbox .rollingbtn button {width: 24px; height: 24px; text-indent: 0; line-height: 500px; vertical-align: top;}
.topeventbox .rollingbtn button.prev {background: url(../../images/webhome/btn_rolling_prev.png) no-repeat 0 0;}
.topeventbox .rollingbtn button.next {background: url(../../images/webhome/btn_rolling_next.png) no-repeat 0 0;}
.topeventbox .rollingbtn button.play {background: url(../../images/webhome/btn_rolling_play.png) no-repeat 0 0;}
.topeventbox .rollingbtn button.pause {background: url(../../images/webhome/btn_rolling_pause.png) no-repeat 0 0;}
.topeventbox .rollingbtn button:hover, .topeventbox .rollingbtn button:focus, .topeventbox .rollingbtn button:active {background-position: 0 -24px;}
.topeventbox .screen {position: relative; width: 764px; height: 296px; overflow: hidden;}
.topeventbox .screen .rollinglist li {float: left; position: relative; width: 764px; height: 296px; text-align: center; background: #ececec;}
.topeventbox .screen .rollinglist li img {width: 100%; height: 240px;}
.topeventbox .screen .rollinglist li .tit {position: absolute; bottom: 0; display: block; width: 100%; height: 38px; /*height: 56px; */
 padding-top: 18px; background: #687593; font-size: 16px; line-height: 20px;}
.topeventbox .screen .rollinglist li .tit, .topeventbox .screen > ul > li .tit a {color: #fff;}
.top_banner {margin: -13px 0 0 0;}
.top_banner2 {margin: 18px 0 5 0;}
.top_banner3 {padding: 18px 0 12px 0;}
/* gallerybox */
.topgallerybox {position: relative;}
.topgallerybox.slideshow_start {padding-bottom: 40px;}
.topgallerybox .rollingbtn {position: absolute; z-index: 2; bottom: 8px; left: 50%; width: 279px; margin-left: -139px; padding: 0; text-align: center;}
.topgallerybox .rollingbtn button {width: 25px; height: 17px; text-indent: 0; line-height: 500px;}
.topgallerybox .rollingbtn .rollingpage button {background: url(../../images/webhome/btn_rollpaging03.png) no-repeat 50% 0;}
.topgallerybox .rollingbtn .rollingpage button.on {background-position: 50% -17px;}
.topgallerybox .rollingbtn button.play {background: url(../../images/webhome/btn_rolling07_play.png) no-repeat 50% 50%;}
.topgallerybox .rollingbtn button.pause {background: url(../../images/webhome/btn_rolling07_pause.png) no-repeat 50% 50%;}
.topgallerybox .screen {position: relative; width: 764px; height: 380px; overflow: hidden;}
.topgallerybox .screen .rollinglist li {float: left; position: relative; width: 764px; height: 380px; text-align: center; background: #ececec;}
.topgallerybox .screen .rollinglist li img {width: 100%; height: 380px;}
/* ebook stand */
.stand_ebooklist {position: relative; min-height: 180px; background: url(../../images/webhome/bg_ebookstand_bar02.png) no-repeat 50% 164px;}
.stand_ebooklist .rollingbtn button {position: absolute; top: 64px; width: 21px; height: 36px;}
.stand_ebooklist .rollingbtn button.prev {left: 0; background: url(../../images/webhome/btn_rolling02_prev.png) no-repeat 0 0;}
.stand_ebooklist .rollingbtn button.next {right: 0; background: url(../../images/webhome/btn_rolling02_next.png) no-repeat 0 0;}
.stand_ebooklist .screen {position: relative; width: 662px; overflow: hidden; margin: 0 auto;}
.stand_ebooklist .rollinglist {width: 5000%;}
.stand_ebooklist .rollinglist ul {float: left;}
.stand_ebooklist .rollinglist ul li {float: left; width: 120px; margin-right: 58px; text-align: center;}
.stand_ebooklist .rollinglist ul li >a {display: block; cursor: pointer;}
.stand_ebooklist .rollinglist ul li .ebook {display: block; text-align: center;}
.stand_ebooklist .rollinglist ul li .ebook img {width: 120px; height: 164px; margin: 0 auto;}
.stand_ebooklist .rollinglist ul li .tit {display: block; margin-top: 16px;}
.stand_ebooklist .rollinglist ul li .ebook_brochure {display: block; margin: 0 auto; text-align: left;}
.stand_ebooklist .rollinglist ul li .ebook_brochure .label {display: block; height: 24px; padding: 10px 0 0 6px;}
.stand_ebooklist .rollinglist ul li .ebook_brochure .thumb {display: block; text-align: center;}
.stand_ebooklist .rollinglist ul li .ebook_brochure .thumb img {width: 120px; height: 164px; margin: 0 auto;}
.stand_ebooklist02:first-child {margin-top: 0;}
.stand_ebooklist02 {margin-top: 40px; width: 100%; overflow: hidden;}
.stand_ebooklist02 li {float: left; margin-left: -1px; padding: 0 31px 0 17px; width: 140px; min-height: 173px; background: url(../../images/webhome/bg_ebookstand_bar03.png) no-repeat 100% 164px;}
.stand_ebooklist02 li:first-child {margin-left: 0; padding: 0 31px; background-position: 0 164px;}
.stand_ebooklist02 li > a {display: block; text-decoration: none; cursor: pointer;}
.stand_ebooklist02 li > a:hover .tit, .stand_ebooklist02 li > a:focus .tit, .stand_ebooklist02 li > a:active .tit {text-decoration: underline;}
.stand_ebooklist02 li .ebook {display: flex; text-align: center; align-items: center; width:140px; height:164px;}
.stand_ebooklist02 li .ebook img {width: 140px; height: 140px; margin: 0 auto;}
.stand_ebooklist02 li .cont {margin-top: 20px;}
.stand_ebooklist02 li .cont .tit {display: block; font-size: 14px;}
.stand_ebooklist02 li .cont .tit, .stand_ebooklist02 li .cont .tit a {color: #333;}
.stand_ebooklist02 li .cont .tel {margin-top: 3px;}
.stand_ebooklist02 li .cont .tel {text-decoration: none;}
.stand_ebooklist03 {width: 764px;}
.stand_ebooklist03 ul:first-child {margin-top: 0;}
.stand_ebooklist03 ul {position: relative; background: url(../../images/webhome/bg_ebookstand_bar02.png) no-repeat 50% 164px; padding-left: 54px; min-height: 201px; margin-top: 30px;}
.stand_ebooklist03 ul li {float: left; width: 120px; margin-left: 58px; text-align: center;}
.stand_ebooklist03 ul li:first-child {margin-left: 0;}
.stand_ebooklist03 ul li >a {display: block; cursor: pointer}
.stand_ebooklist03 ul li .ebook {display: block; text-align: center;}
.stand_ebooklist03 ul li .ebook img {width: 120px; height: 164px; margin: 0 auto;}
.stand_ebooklist03 ul li .tit {display: block; margin-top: 16px;}
.stand_ebooklist03 ul li .ebook_brochure {display: block; margin: 0 auto; text-align: left;}
.stand_ebooklist03 ul li .ebook_brochure .label {display: block; height: 24px; padding: 10px 0 0 6px;}
.stand_ebooklist03 ul li .ebook_brochure .thumb {display: block; text-align: center;}
.stand_ebooklist03 ul li .ebook_brochure .thumb img {width: 120px; height: 164px; margin: 0 auto;}
/* sub contents - store */
.wrap_submain_store .store_mphoto {position: relative; float: left; width: 506px; height: 376px; margin-top: -13px;}
.wrap_submain_store .store_mphoto .screen {position: relative; width: 506px; height: 376px; overflow: hidden;}
.wrap_submain_store .store_mphoto .rollinglist {width: 5000%;}
.wrap_submain_store .store_mphoto .rollinglist li {float: left; width: 506px; height: 376px;}
.wrap_submain_store .store_mphoto .rollinglist li img {width: 100%; height: 100%;}
.wrap_submain_store .store_mphoto .rollingbtn {position: absolute; bottom: 15px; left: 15px; z-index: 2; padding: 10px;}
.wrap_submain_store .store_mphoto .rollingbtn button {width: 18px; height: 14px; text-indent: 0;}
.wrap_submain_store .store_mphoto .rollingbtn .rollingpage {padding-right: 8px;}
.wrap_submain_store .store_mphoto .rollingbtn .rollingpage button {background: url(../../images/webhome/btn_rollpaging04.png) no-repeat 50% 0;}
.wrap_submain_store .store_mphoto .rollingbtn .rollingpage button.on {background-position: 50% -14px;}
.wrap_submain_store .store_mphoto .rollingbtn button.play {background: url(../../images/webhome/btn_rolling04_play.png) no-repeat 50% 0;}
.wrap_submain_store .store_mphoto .rollingbtn button.pause {background: url(../../images/webhome/btn_rolling04_pause.png) no-repeat 50% 0;}
.wrap_submain_store .store_minfobox {float: right; width: 196px; height: 230px; margin-top: -13px; padding: 28px 25px 0; background: #333; color: #b1b1b1;}
.wrap_submain_store .store_minfobox h3 {margin-bottom: 10px; font-size: 14px; color: #aaa; font-weight: normal; letter-spacing: -1px;}
.wrap_submain_store .store_minfobox h3 b {display: block; font-size: 21px; line-height: 28px; color: #fff;}
.wrap_submain_store .store_minfobox ul li {margin: 1px 0;}
.wrap_submain_store .store_minfobox ul li .stit {display: inline-block; width: 80px; vertical-align: top;}
.wrap_submain_store .store_minfobox ul li .date {display: inline-block; word-break: break-all; width: 113px; height: 20px; } /* 2022-09-26 수정 */
/* 2017-03-22 지점 주소 추가 */
.wrap_submain_store .store_minfobox .store_spot {padding-top: 14px; border-top: 1px solid #5c5c5c;}
.wrap_submain_store .store_minfobox .store_spot:after {content: ''; display: block; clear: both;}
.wrap_submain_store .store_minfobox .store_spot span {display: inline-block;}
.wrap_submain_store .store_minfobox .store_spot .address { display: -webkit-box; float: left; width: 148px; height: 54px; line-height: 18px; white-space: normal; overflow: hidden; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; letter-spacing: -0.02em; word-break: keep-all;  }  /* 2022-12-22 수정 */
.wrap_submain_store .store_minfobox .store_spot .icon {float: right; width: 38px; height: 38px; vertical-align: top;}
.wrap_submain_store .store_minfobox .store_spot .icon .btn {display: block; width: 100%; height: 100%; background: url(../../images/webhome/submain_store_spot.png) no-repeat 0 0; background-size: 100%;}
.wrap_submain_store .store_minfobox .store_spot .icon .btn .text {display: block; position: absolute; overflow: hidden; margin: 0; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}
.wrap_submain_store .store_minfobox .weather_today {width: 100%; overflow: hidden; margin-top: 8px; padding-top: 20px; border-top: 1px solid #5c5c5c;}
.wrap_submain_store .store_minfobox .weather_today .tit {display: block; font-size: 0; line-height: 0;}
.wrap_submain_store .store_minfobox .weather_today .date {float: left; margin-top: 5px; font-weight: bold; letter-spacing: -1px;}
.wrap_submain_store .store_minfobox .weather_today .weather {float: right; margin-top: -7px;}
.wrap_submain_store .store_minfobox .weather_today .weather span {display: inline-block; height: 22px; overflow: hidden; font-size: 0; line-height: 500px; vertical-align: top; background: url(../../images/webhome/submain_store_weathernum.png) no-repeat 0 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtnum1 {width: 8px;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtnum2 {width: 14px; background-position: -8px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtnum3 {width: 13px; background-position: -22px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtnum4 {width: 16px; background-position: -35px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtnum5 {width: 14px; background-position: -51px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtnum6 {width: 14px; background-position: -65px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtnum7 {width: 12px; background-position: -79px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtnum8 {width: 15px; background-position: -91px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtnum9 {width: 15px; background-position: -106px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtnum0 {width: 14px; background-position: -121px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtc {width: 17px; background-position: -148px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtminus {width: 13px; background-position: -135px 0;}
.wrap_submain_store .store_minfobox .weather_today .weather span.txtbar {width: 13px; background-position: -169px 0;}
.wrap_submain_store .store_mcalender {float: right; position: relative; width: 244px; height: 230px; margin-top: 12px; padding-top: 16px; border: 1px solid #ccc; background: #fff;}
.wrap_submain_store .store_mcalender .month {position: relative; width: 188px; margin: 0 auto 15px; text-align: center; font-size: 16px; color: #666; letter-spacing: -1px;}
.wrap_submain_store .store_mcalender .month .prev, .wrap_submain_store .store_mcalender .month .next {position: absolute; top: 2px;}
.wrap_submain_store .store_mcalender .month .prev {left: 0;}
.wrap_submain_store .store_mcalender .month .next {right: 0;}
.wrap_submain_store .store_mcalender .month button {width: 14px; height: 14px;}
.wrap_submain_store .store_mcalender .month button.prev {background: url(../../images/webhome/submain_store_calender_prev.png) no-repeat 0 0;}
.wrap_submain_store .store_mcalender .month button.next {background: url(../../images/webhome/submain_store_calender_next.png) no-repeat 0 0;}
.wrap_submain_store .store_mcalender table {width: 201px; table-layout: fixed; margin: 0 auto;}
.wrap_submain_store .store_mcalender table th {width: 14%; text-align: center;}
.wrap_submain_store .store_mcalender table td {border: 3px solid #fff; text-align: center; color: #333; line-height: 20px;}
.wrap_submain_store .store_mcalender table td.dim {color: #767676;}
.wrap_submain_store .store_mcalender table td em {display: block;}
.wrap_submain_store .store_mcalender table td em.closed {background: #767676; color: #fff;}
.wrap_submain_store .store_mcalender table td em.extend {border: 1px solid #767676;}
.wrap_submain_store .store_mcalender .unit {position: absolute; bottom: 12px; right: 28px; margin: 0; font-size: 0; line-height: 0;}
.wrap_submain_store .store_mnews {position: relative; float: left; width: 246px; /*height: 272px;*/ margin: 12px 12px 0 0;}
.wrap_submain_store .store_mnews .rollingbtn button {position: absolute; top: 76px; width: 34px; height: 34px; z-index: 1;}
.wrap_submain_store .store_mnews .rollingbtn button.prev {left: 0; background: url(../../images/webhome/btn_rolling05_prev.png) no-repeat 0 0;}
.wrap_submain_store .store_mnews .rollingbtn button.next {right: 0; background: url(../../images/webhome/btn_rolling05_next.png) no-repeat 0 0;}
.wrap_submain_store .store_mnews .screen {position: relative; width: 246px; /*height: 272px;*/ overflow: hidden;}
.wrap_submain_store .store_mnews .rollinglist.datalist_boxtype5 {width: 5000%;}
.wrap_submain_store .store_mnews .rollinglist.datalist_boxtype5 > li {float: left; width: 244px; margin: 0; border-color: #c9c9c9; border-bottom-color: #c4c4ce;}
.wrap_submain_store .store_mnews .rollinglist.datalist_boxtype5 > li:first-child {margin-left: 0;}
.wrap_submain_store .store_mnews .rollinglist.datalist_boxtype5 > li .thumb img {width: 244px; height: 183px;}
.wrap_submain_store .store_mnews .rollinglist.datalist_boxtype5 > li.on {border-color: #c9c9c9; border-bottom-color: #c4c4ce;}
.wrap_submain_store .store_mnews.type2 .rollinglist.datalist_boxtype5 > li {height: 246px; border-bottom: 1px solid #c9c9c9;}
.wrap_submain_store .store_mservice .banner {float: left; margin-top: 12px;}
.wrap_submain_store .store_mservice ul.svclist {float: left; margin-top: 12px;}
.wrap_submain_store .store_mservice ul.svclist li {float: left;}
.wrap_submain_store .store_mservice ul.svclist li a {float: left; position: relative; display: block; width: 127px; overflow: hidden; margin: 0 -1px -1px 0;}
.wrap_submain_store .store_mservice ul.svclist li a:hover, .wrap_submain_store .store_mservice ul.svclist li a:focus, .wrap_submain_store .store_mservice ul.svclist li a:active {z-index: 1;}
.wrap_submain_store .store_mservice ul.svclist li a:hover img, .wrap_submain_store .store_mservice ul.svclist li a:focus img, .wrap_submain_store .store_mservice ul.svclist li a:active img {margin-left: -127px;}
.wrap_submain_store .store_mservice02 {float: left; width: 247px; margin: 12px 12px 0 0;}
.wrap_submain_store .store_mservice02 .banner {float: left;}
.wrap_submain_store .store_mservice02 ul.svclist {float: left; margin-top: 12px;}
.wrap_submain_store .store_mservice02 ul.svclist li {float: left;}
.wrap_submain_store .store_mservice02 ul.svclist li a {float: left; position: relative; display: block; width: 124px; overflow: hidden; margin: 0 -1px -1px 0;}
.wrap_submain_store .store_mservice02 ul.svclist li a:hover, .wrap_submain_store .store_mservice02 ul.svclist li a:focus, .wrap_submain_store .store_mservice02 ul.svclist li a:active {z-index: 1;}
.wrap_submain_store .store_mservice02 ul.svclist li a:hover img, .wrap_submain_store .store_mservice02 ul.svclist li a:focus img, .wrap_submain_store .store_mservice02 ul.svclist li a:active img {margin-left: -124px;}
.wrap_submain_store .area_mphotoinfo_wide {position: relative; width: 764px; height: 350px;}
.wrap_submain_store .area_mphotoinfo_wide .store_mphoto {width: 764px; height: 350px;}
.wrap_submain_store .area_mphotoinfo_wide .store_mphoto .screen {width: 764px; height: 350px;}
.wrap_submain_store .area_mphotoinfo_wide .store_mphoto .rollinglist li {width: 764px; height: 350px;}
.wrap_submain_store .area_mphotoinfo_wide .store_mphoto .rollingbtn {position: absolute; bottom: 10px; left: 10px;}
.wrap_submain_store .area_mphotoinfo_wide .box_muplexinfo {position: absolute; top: -13px; right: 0; width: 268px; height: 174px; padding-top: 176px; background: url(../../images/webhome/bg_submain_store_uplex.png) no-repeat 0 0;}
.wrap_submain_store .area_mphotoinfo_wide .box_muplexinfo .store_minfobox {height: 136px; padding: 20px 25px 18px 25px;}
.wrap_submain_store .area_mphotoinfo_wide .box_muplexinfo .store_minfobox h3 {margin-bottom: 12px;}
.store_service_facility .list_service {margin: -30px 0 0 -22px;}
.store_service_facility .list_service:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
*+ html .list_service {display: inline-block;}
.store_service_facility .list_service > li {float: left; margin-left: 22px; width: 240px; height: 386px; overflow: hidden; border-bottom: 1px solid #dddddd; margin-top: 30px;}
.store_service_facility .list_service > li .tit {font-size: 16px; color: #333333; letter-spacing: -1px;}
.store_service_facility .list_service > li .thumb {display: block; margin-top: 13px;}
.store_service_facility .list_service > li .thumb img {width: 240px; height: 180px;}
.store_service_facility .list_service > li .cont {margin-top: 13px;}
.store_service_facility .list_service > li .cont .detail {margin-top: 10px;}
.store_service_facility .list_service > li .cont .detail li strong {color: #333;}
.store_floorguide {border-top: 1px solid #444; border-bottom: 1px solid #444; background: url(../../images/webhome/bg_line_floorlist.png) repeat-y 0 0;}
.store_floorguide .floor {float: left; width: 214px; padding: 28px 0 56px 0;}
.store_floorguide .floor li {width: 100%;}
.store_floorguide .floor li a {display: block; overflow: hidden; padding: 12px 0 12px 20px; text-decoration: none; cursor: pointer;}
.store_floorguide .floor li b {float: left; width: 40px; font-size: 16px; color: #333;}
.store_floorguide .floor li .category {float: left; width: 145px; font-size: 14px; color: #444; font-weight: bold; letter-spacing: -1px;}
.store_floorguide .floor li a:hover b, .store_floorguide .floor li a:focus b, .store_floorguide .floor li a:active b {text-decoration: underline;}
.store_floorguide .floor li.on a {background: #21496e;}
.store_floorguide .floor li.on b, .store_floorguide .floor li.on .category {color: #fff;}
.store_floorguide .infogroup {float: right; width: 510px; padding-top: 35px;}
.store_floorguide .infogroup h4 {margin-bottom: 21px; font-size: 24px; line-height: 30px; color: #333;}
.store_floorguide .infogroup h4 .num {display: inline-block; vertical-align: top;}
.store_floorguide .infogroup h4 .subject {display: inline-block; width: 88%; vertical-align: top;}
.store_floorguide .infogroup .btn_type7.ico_layer {float: right; margin: 0 0 17px 10px;}
.store_floorguide .infogroup .ntc_guide {float: right; margin: 8px 0 12px 0;}
.store_floorguide .infogroup .ntc_guide img {vertical-align: -1px; margin-right: 6px;}
.store_floorguide .infogroup h5 {margin: 0 0 10px 0; font-size: 16px; color: #333;}
.store_floorguide .infogroup .itemgroup {overflow: hidden; width: 100%; /*background: url(../../images/webhome/bg_dotline_floor_storelist.png) no-repeat 0 100%; */}
.store_floorguide .infogroup .itemgroup .item {display:inline-block; width: 100%; padding: 8px 0; /*width: 235px; margin-left: 36px; */ line-height: 16px; border-bottom: 1px dashed #ccc;}
.store_floorguide .infogroup .itemgroup .item:first-child {margin-left: 0;}
.store_floorguide .infogroup .itemgroup .item .brand {display: inline-block; float: left; width: 330px; vertical-align: middle; font-weight: normal; color: #333; word-wrap: break-word;}
.store_floorguide .infogroup .itemgroup .item .tel {display: inline-block; float: right; width: 120px; vertical-align: middle; text-align: right;}
/* 2022-04-06 수정 */
.store_floorguide .infogroup .itemgroup .item .btn {display: inline-block; float: right; margin-left: 5px; vertical-align: middle;}
.store_floorguide .infogroup .itemgroup .item .btn-map{float:right;width:20px;height:20px;background:url("../../images/webhome/floor/list_icon_marker.png") no-repeat 50% 1px;margin-left:5px;}
.store_floorguide .infogroup .itemgroup .item .btn-store{float:right;width:20px;height:20px;background:url("../../images/webhome/floor/list_icon_store.png") no-repeat 50% 0;margin-left:5px;}
.store_floorguide .infogroup .section {clear: both; width: 100%; overflow: hidden; margin-bottom: 28px;}
*+ html .store_floorguide .infogroup .itemgroup .item,*+ html .store_floorguide .infogroup .itemgroup .item .brand,*+ html .store_floorguide .infogroup .itemgroup .item .tel,*+ html .store_floorguide .infogroup .itemgroup .item .btn {display: inline; zoom: 1;}
.store_map .triple_cont {width: 100%; overflow: hidden; padding: 42px 0 11px 0;}
.store_map .triple_cont h5 {float: left; font-size: 24px; line-height: 28px; margin-top: 3px; color: #333;}
.store_map .triple_cont .datalist {float: left; margin-left: 25px;}
.store_map .triple_cont .button {float: right; margin-top: 4px;}
.store_map .map {width: 762px; height: auto; border: 1px solid #c4c4c4;} /* 2023-01-04 수정 */
.store_map .map>img { width: 100%; } /* 2023-01-04 수정 */
.store_map .tit_section03 {font-size: 16px; margin-top: 30px; color: #333;}
.store_subway .transfer li {margin-top: 8px;}
.store_subway .transfer li.fir {margin-top: 0;}
.store_subway .sign_arrow01 {display: inline-block; width: 10px; height: 6px; margin-left: 5px; padding: 0 2px; background: url(../../images/webhome/icon_arrow_r_10x6_666666.png) no-repeat 0 0; vertical-align: middle;}

.store_subway .col_line_orange, .store_subway .col_line_indigo,.store_subway .col_line_green, .store_subway .col_line_blue,.store_subway .col_line_violet, .store_subway .col_line_brown,.store_subway .col_line_olive, .store_subway .col_line_pink,.store_subway .col_line_gold, .store_subway .col_line_yellow,.store_subway .col_line_skyblue, .store_subway .col_line_red,.store_subway .col_line_turquoise, .store_subway .col_line_lightblue,.store_subway .col_line_emerald, .store_subway .col_line_airline,.store_subway .col_line_suin {margin-right: 5px;}
.store_subway .col_line_orange {color: #cd4903 !important;}
.store_subway .col_line_indigo {color: #003499 !important;}
.store_subway .col_line_green {color: #298722 !important;}
.store_subway .col_line_blue {color: #3171d3 !important;}
.store_subway .col_line_violet {color: #893bb6 !important;}
.store_subway .col_line_brown {color: #8f490e !important;}
.store_subway .col_line_olive {color: #606d00 !important;}
.store_subway .col_line_pink {color: #c41a5e !important;}
.store_subway .col_line_gold {color: #7a6513 !important;}
.store_subway .col_line_yellow {color: #86640d !important;}
.store_subway .col_line_skyblue {color: #4a6991 !important;}
.store_subway .col_line_red {color: #a8022d !important;}
.store_subway .col_line_turquoise {color: #207e69 !important;}
.store_subway .col_line_lightblue {color: #457474 !important;}
.store_subway .col_line_emerald {color: #1c7f5f !important;}
.store_subway .col_line_airline {color: #487592 !important;}
.store_subway .col_line_suin {color: #a25a00 !important;}
.store_subway .subway_line_orange, .store_subway .subway_line_indigo,.store_subway .subway_line_green, .store_subway .subway_line_blue,.store_subway .subway_line_violet, .store_subway .subway_line_brown,.store_subway .subway_line_olive, .store_subway .subway_line_pink,.store_subway .subway_line_gold, .store_subway .subway_line_yellow,.store_subway .subway_line_skyblue, .store_subway .subway_line_red,.store_subway .subway_line_turquoise, .store_subway .subway_line_lightblue,.store_subway .subway_line_emerald, .store_subway .subway_line_airline,.store_subway .subway_line_suin {display: inline-block; width: 18px; height: 17px; margin: -2px 3px 1px 0; vertical-align: middle; color: #fff; text-align: center; text-indent: -1px; line-height: 18px;}
.store_subway .subway_line_orange {background: url(../../images/webhome/icon_subwayline_orange.png) no-repeat 0 0;}
.store_subway .subway_line_indigo {background: url(../../images/webhome/icon_subwayline_indigo.png) no-repeat 0 0;}
.store_subway .subway_line_green {background: url(../../images/webhome/icon_subwayline_green.png) no-repeat 0 0;}
.store_subway .subway_line_blue {background: url(../../images/webhome/icon_subwayline_blue.png) no-repeat 0 0;}
.store_subway .subway_line_violet {background: url(../../images/webhome/icon_subwayline_violet.png) no-repeat 0 0;}
.store_subway .subway_line_brown {background: url(../../images/webhome/icon_subwayline_brown.png) no-repeat 0 0;}
.store_subway .subway_line_olive {background: url(../../images/webhome/icon_subwayline_olive.png) no-repeat 0 0;}
.store_subway .subway_line_pink {background: url(../../images/webhome/icon_subwayline_pink.png) no-repeat 0 0;}
.store_subway .subway_line_gold {background: url(../../images/webhome/icon_subwayline_gold.png) no-repeat 0 0;}
.store_subway .subway_line_yellow {background: url(../../images/webhome/icon_subwayline_yellow.png) no-repeat 0 0;}
.store_subway .subway_line_skyblue {background: url(../../images/webhome/icon_subwayline_skyblue.png) no-repeat 0 0;}
.store_subway .subway_line_red {background: url(../../images/webhome/icon_subwayline_red.png) no-repeat 0 0;}
.store_subway .subway_line_turquoise {background: url(../../images/webhome/icon_subwayline_turquoise.png) no-repeat 0 0;}
.store_subway .subway_line_lightblue {background: url(../../images/webhome/icon_subwayline_lightblue.png) no-repeat 0 0;}
.store_subway .subway_line_emerald {background: url(../../images/webhome/icon_subwayline_emerald.png) no-repeat 0 0;}
.store_subway .subway_line_airline {background: url(../../images/webhome/icon_subwayline_airline.png) no-repeat 0 0;}
.store_subway .subway_line_suin {background: url(../../images/webhome/icon_subwayline_airline01.png) no-repeat 0 0;}
.subway_line_kyungeui {background: url(../../images/webhome/icon_subwayline_kyungeui.png) no-repeat 0 0; display: inline-block; width: 75px; height: 20px; margin: -2px 3px 1px 0; vertical-align: middle; color: #fff; text-align: center; text-indent: -1px; line-height: 18px;} /* 2020-10-05 추가 */
/* 2017-04-11 시외버스 추가 */
.store_bus .bus_air, .store_bus .bus_b,.store_bus .bus_g, .store_bus .bus_r,.store_bus .bus_t, .store_bus .bus_y, .store_bus .bus_e {display: inline-block; min-height: 17px; padding-left: 20px; vertical-align: middle; font-weight: bold;}
.store_bus .bus_air {background: url(../../images/webhome/icon_airplane.png) no-repeat 0 0; color: #666;}
.store_bus .bus_b {background: url(../../images/webhome/icon_bus_b.png) no-repeat 0 0; color: #26479d;}
.store_bus .bus_g {background: url(../../images/webhome/icon_bus_g.png) no-repeat 0 0; color: #3b7a18;}
.store_bus .bus_r {background: url(../../images/webhome/icon_bus_r.png) no-repeat 0 0; color: #d41c1a;}
.store_bus .bus_t {background: url(../../images/webhome/icon_bus_t.png) no-repeat 0 0; color: #3b7a18;}
.store_bus .bus_y {background: url(../../images/webhome/icon_bus_y.png) no-repeat 0 0; color: #9d6e00;}
.store_bus .bus_e {background: url(../../images/webhome/icon_bus_e.png) no-repeat 0 0; color: #04b5ab;}
/* 2017-04-11 시외버스 추가 */
.tb_type2.store_bus table td, .tb_type2.store_subway table td, .tb_type2.store_car table td {padding-right: 7px;}
/* 2018-03-21 컬쳐파크 수정 : S */
.store_sub01_06 .tab_type2 li a, .store_sub01_06 .tab_type2 li span {min-width:62px;text-align:center;padding:9px 18px 9px 18px;}
*+ html .store_sub01_06 .tab_type2 li a, *+ html .store_sub01_06 .tab_type2 li span {min-width: 58px;padding:9px 18px 9px 18px;}
/* 2018-03-21 컬쳐파크 수정 : E */
.store_sub01_06 .contact strong {color: #333;}
.store_sub15_02 .wrap_search {float: right;}
.wrap_culture_center li {float: left; margin-left: 10px;}
.wrap_culture_center li:first-child {margin-left: 0;}
/* sub contents - card */
.content.card_main {width: 984px; margin-top: 40px;}
/* S 2014-04-07 수정*/
.card_main .banner_intro {float: left; margin-bottom: 12px}
.card_main .banner_card {margin-bottom: 12px}
.card_main .list_mycardsvc {float: right; width: 237px; margin-top: 12px; padding: 20px 0; background: url(../../images/webhome/bg_quick_20140407.png) no-repeat;}
.card_main .list_mycardsvc li {padding-left: 50px;}
.card_main .list_mycardsvc li a {position: relative; display: block; width: 137px; height: 40px; overflow: hidden; margin: 0;}
.card_main .list_mycardsvc li a:hover, .card_main .list_mycardsvc li a:focus, .card_main .list_mycardsvc li a:active {z-index: 1;}
.card_main .list_mycardsvc li a:hover img, .card_main .list_mycardsvc li a:focus img, .card_main .list_mycardsvc li a:active img {margin-top: -40px;}
.card_main .banner_hpremium {float: left; width: 237px;}
.card_main .banner_hpremium p {margin-top: 12px;}
.card_main .box_cardsvc01 {float: left; width: 237px; overflow: hidden; margin: 12px 0 0px 12px;}
.card_main .box_cardsvc01 .banner_cardsvc01 {width: 179px; margin: 149px auto 0 auto;}
.card_main .box_cardsvc01 .banner_cardsvc01 li {border-top: 1px solid #777;}
.card_main .box_cardsvc01 .banner_cardsvc01 li:first-child {border-top: 0;}
.card_main .box_cardsvc01 .banner_cardsvc01 li a {display: block; height: 36px; overflow: hidden;}
.card_main .box_cardsvc01 .banner_cardsvc01 li a:hover img, .card_main .box_cardsvc01 .list_cardsvc01 li a:focus img, .card_main .box_cardsvc01 .banner_cardsvc01 li a:active img {margin-top: -36px;}
.card_main .box_cardsvc02 {float: left; width: 237px; margin: 12px 0 0px 12px;}
.card_main .box_cardsvc02 .banner_vip {margin-bottom: 12px;}
.card_main .box_cardsvc02 .banner_cardsvc {float: left; margin-bottom: 12px;}
/*.card_main .box_cardsvc02 .banner_cardsvc li {margin-top: 6px;}*/
/* 2015-03-23 */
.card_main .banner_cardbenefit .list_cardsvc02 {padding-left: 0px;}
.card_main .banner_cardbenefit .list_cardsvc02 li {margin-top: 7px;}
.card_main .banner_cardbenefit .list_cardsvc02 li:first-child {margin-top: 0;}
.card_main .banner_cardbenefit .list_cardsvc02 li a {display: block; height: 43px; overflow: hidden;}
.card_main .banner_cardbenefit .list_cardsvc02 li a:hover img, .card_main .box_cardsvc02 .list_cardsvc02 li a:focus img, .card_main .banner_cardbenefit .list_cardsvc02 li a:active img {margin-top: -43px;}
.card_main .banner_cardbenefit .banner_call {width: 217px; margin: 13px 0 7px 0px;}
.card_main .banner_cardbenefit .banner_insurance {width: 237px; margin: 7px 0 0 0px;}
.card_main .banner_cardbenefit .banner_insurance a {display: block; height: 74px; overflow: hidden;}
.card_main .banner_cardbenefit .banner_insurance a:hover img {margin-top: -74px;}
/* //2015-03-23 */
.card_main .banner_cardbenefit {float: right; width: 237px;}
.card_main .banner_cardbenefit p {margin-top: 0px;}
.card_main .cardeventlist_new {position: relative; float: left; width: 734x; height: 374px;}
.card_main .cardeventlist_new .screen {position: relative; width: 734px; height: 374px; overflow: hidden;}
.card_main .cardeventlist_new .rollinglist {width: 5000%;}
.card_main .cardeventlist_new .rollinglist li {position: relative; float: left; width: 734px; height: 374px;}
.card_main .cardeventlist_new .rollinglist li a {display: block; color: #fff; cursor: pointer;}
.card_main .cardeventlist_new .rollinglist li .banner img {width: 498px; height: 374x; padding-left: 237px}
.card_main .cardeventlist_new .rollinglist li .cont {position: absolute; top: 0; left: 0; width: 237px; min-height: 374px; padding: 150px 0px 0px 18px; background: url(../../images/webhome/bg_mask_20140407.png) no-repeat;}
.card_main .cardeventlist_new .rollinglist li .cont .tit {font-size: 18px; line-height: 22px; color: #fff; letter-spacing: -1px; width: 205px; display: block;}
.card_main .cardeventlist_new .rollingbtn {position: absolute; /*bottom: 5px; */ top: 331px; left: 5px; z-index: 2; padding: 10px;}
/* E 2014-04-07 수정*/
.card_main .cardeventlist_new .rollingbtn button {width: 18px; height: 14px; text-indent: 0 !important;}
.card_main .cardeventlist_new .rollingbtn .rollingpage {padding-right: 6px;}
.card_main .cardeventlist_new .rollingbtn .rollingpage button {background: url(../../images/webhome/btn_rollpaging04.png) no-repeat 50% 0;}
.card_main .cardeventlist_new .rollingbtn .rollingpage button.on {background-position: 50% -14px;}
.card_main .cardeventlist_new .rollingbtn button.play {background: url(../../images/webhome/btn_rolling04_play.png) no-repeat 50% 0;}
.card_main .cardeventlist_new .rollingbtn button.pause {background: url(../../images/webhome/btn_rolling04_pause.png) no-repeat 50% 0;}
/* S 2014-04-07 수정*/
.card_main .cardeventlist_new .area_tit h3 {position: absolute; left: 18px; top: 19px; z-index: 2;}
.card_main .cardeventlist_new .area_tit .mask {position: absolute; left: 0px; top: 0px; z-index: 1; width: 182px; height: 70px;}
/* E 2014-04-07 수정*/
.card_summarybox {background: #ececec; padding: 25px 0 22px 21px; margin-bottom: 50px;}
.card_summarybox .pic {float: left; width: 312px;}
.card_summarybox .pic_design {position: relative; width: 275px;}
.card_summarybox .pic_design ul.screen, .card_summarybox .pic_design .screen {position: relative; width: 260px; height: 164px; overflow: hidden; margin-left: 15px;}
.card_summarybox .pic_design ul.screen li, .card_summarybox .pic_design .screen p {position: absolute; top: 0; left: 0; width: 260px; height: 164px; background: url(../../images/webhome/bg_cardframe.png) no-repeat 0 0;}
.card_summarybox .pic_design ul.screen li.on {z-index: 1;}
.card_summarybox .pic_design .rollingpage {position: absolute; top: 0; left: 0; width: 10px;}
.card_summarybox .pic_design .rollingpage button {display: block; width: 10px; height: 10px; margin-top: 5px; background: #000;}
.card_summarybox .pic_design .rollingpage button.on {}
.card_summarybox .pic_design .rollingpage button.type_black {background: #000;}
.card_summarybox .pic_design .rollingpage button.type_pink {background: #eb6d9d;}
.card_summarybox .pic_design .rollingpage button.type_skyblue {background: #8acedb;}
.card_summarybox .pic_design .rollingpage button.type_gray {background: #8d8d8e;}
.card_summarybox .pic_design .rollingpage button.type_white {background: #fff; border: 1px solid #909091;}
.card_summarybox .textgroup {position: relative; float: right; width: 58%; min-height: 116px; padding: 5px 0 40px 0; color: #333;}
.card_summarybox .textgroup .bllist_type1 li {margin: 5px 0;}
.card_summarybox .textgroup .btn {position: absolute; bottom: 0; left: 0;}
.boxcontent_ARS {padding: 30px; border: 1px solid #dfdfdf;}
.boxcontent_ARS .ARS_num {float: left;}
.boxcontent_ARS .desc {float: right;}
.wrap_ARS {margin-top: 10px;}
.wrap_ARS .txt_ARS {padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.wrap_ARS .txt_ARS .menu, .wrap_ARS .list_ARS .menu {display: inline-block; width: 175px; font-weight: bold;}
.wrap_ARS .list_ARS {border-top: 1px solid #ccc;}
.wrap_ARS .list_ARS li {padding: 10px 0; border-bottom: 1px solid #ccc; width: 372px;}
.wrap_ARS .list_ARS .img_num, .wrap_ARS .txt_ARS .img_num {display: inline-block; width: 20px; height: 16px; margin: 0 2px; padding: 2px 0; color: #fff; font-weight: bold; text-align: center; vertical-align: middle; background: url(../../images/webhome/bg_ARSnum.png) no-repeat 0 0;}
.wrap_membcard .area_cardimg {float: left; width: 243px; margin-right: 30px;}
.wrap_membcard .area_cardimg .img_card {display: block; width: 243px; height: 152px; text-align: center; vertical-align: middle;}
.wrap_membcard .area_cardimg .img_card2 {display: block; width: 243px; height: 310px; text-align: center; vertical-align: middle;}
.wrap_membcard .area_cardimg .img_card.mobile {padding-top: 13px;}
.wrap_membcard .desc_card {float: right; width: 491px; ; border-top: 1px solid #cbcbcb;}
.wrap_cardappli_down {background: url(../../images/webhome/bg_card_application_down.png) no-repeat 100% 0; height: 141px; padding-top: 28px; margin-top: -28px;}
.wrap_cardappli_down .tit {font-size: 20px; color: #657492;}
.wrap_cardappli_down .txt {font-size: 14px; margin-top: 5px;}
.wrap_iclub_benefit {overflow: hidden;}
.wrap_iclub_benefit:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.wrap_iclub_benefit .bg_benefit01 {background: url(../../images/webhome/pic_iclub_benefit01.png) no-repeat 0 0;}
.wrap_iclub_benefit .bg_benefit02 {background: url(../../images/webhome/pic_iclub_benefit02.png) no-repeat 0 72px;}
.wrap_iclub_benefit .bg_benefit03 {background: url(../../images/webhome/pic_iclub_benefit03.png) no-repeat 0 0; width: 254px;}
.wrap_iclub_benefit li {width: 255px; height: 270px; float: left;}
.wrap_iclub_benefit li .cont {margin-top: 198px; background-color: #333333; height: 56px; color: #fff; padding: 16px 0 0 15px;}
.wrap_iclub_benefit li .cont.no_margin {margin-top: 0;}
.wrap_iclub_benefit li .cont .txt {letter-spacing: -1px; margin-top: 5px;}
.wrap_iclub_benefit02 {overflow: hidden;}
.wrap_iclub_benefit02:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.wrap_iclub_benefit02 li {float: left; width: 255px;}
.wrap_iclub_benefit02 li:first-child {width: 254px;}
.wrap_iclub_benefit02 li .txt {font-size: 14px; color: #262626; padding: 10px 0 0 0px;}
.wrap_premiumgallery {width: 763px; margin-bottom: 14px;}
.wrap_premiumgallery .tit {background: #333; padding: 18px 18px 16px 18px; font-size: 16px; line-height: 20px; color: #fff;}
.wrap_premiumgallery .gallerybox {height: 458px; overflow: hidden; background: #d1d1d1;}
.wrap_premiumgallery .gallerybox .thumblist {float: right; width: 152px; background: #d1d1d1; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.wrap_premiumgallery .gallerybox .thumblist li {width: 152px; height: 114px; background: #000; border-bottom: 1px solid #fff;}
.wrap_premiumgallery .gallerybox .thumblist li img {width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50);}
.wrap_premiumgallery .gallerybox .thumblist li img.filter {}
.wrap_premiumgallery .gallerybox .thumblist li.on img {opacity: 1; filter: alpha(opacity=100);}
.wrap_premiumgallery .gallerybox .screen {float: left; width: 610px; height: 458px;}
.wrap_premiumgallery .gallerybox .screen img {width: 100%; height: 100%;}
.card_sub01_01 .intro_cardlist {padding-bottom: 10px;}
.card_sub01_01 .intro_cardlist > ul {margin: -26px 0 0 -22px;}
.card_sub01_01 .intro_cardlist > ul > li {position: relative; float: left; padding: 26px 0 0  21px; text-align: center; font-weight: bold; color: #333;} /* 2021-08-13 카드쪽 수정 */
.card_sub01_01 .intro_cardlist > ul > li >a {display: block; color: #333;}
.card_sub01_01 .intro_cardlist > ul > li img {display: block; margin-bottom: 12px;}
.card_sub01_01 .intro_cardlist > ul > li .poplayer {position: absolute; left: -5000px; top: 0; visibility: hidden; z-index: 10000; width: 261px; font-weight: normal;}
.card_sub01_01 .intro_cardlist > ul > li.on {z-index: 1;}
.card_sub01_01 .intro_cardlist > ul > li.on .poplayer {visibility: visible; top: 26px; left: 270px;}
.card_sub01_01 .intro_cardlist > ul > li.on .poplayer.ar {left: auto; right: 248px;}
.card_sub01_02_02 .partner_benefit, .card_sub01_02_04 .partner_benefit {overflow: hidden; margin-top: 15px;}
.card_sub01_02_02 .partner_benefit .pic, .card_sub01_02_04 .partner_benefit .pic {float: left;}
.card_sub01_02_02 .partner_benefit .cont, .card_sub01_02_04 .partner_benefit .cont {float: left; padding-left: 20px;}
.card_sub01_02_03 .partner_benefit02 {margin-top: 30px;}
.card_sub01_02_03 .partner_benefit02 .wrap_happy {overflow: hidden;}
.card_sub01_02_03 .partner_benefit02 .pic {float: left;}
.card_sub01_02_03 .partner_benefit02 .cont {float: left; width: 655px;}
.card_sub01_02_03 .partner_benefit02 .cont .txt_notice {display: inline-block; margin-top: 13px;}
.card_sub01_02_03 .partner_benefit02 .refer {margin-top: 20px;}
.card_sub01_02_03 .partner_benefit02 .refer .txt a {color: #333; text-decoration: underline;}
.card_sub01_02_03 .partner_benefit02 .refer .txt02 {color: #333; display: block;}
.card_sub01_03_03 .tab_premiumctg {margin-top: 30px; overflow: hidden;}
.card_sub01_03_03 .tab_premiumctg > li {float: left; margin-right: 1px;}
.card_sub01_03_03 .tab_premiumctg > li a {display: block; background: #ccc; width: 48px; height: 48px; text-indent: -5000px; font-size: 0;}
.card_sub01_03_03 .tab_premiumctg > li a.icobtn_premiumctg_all {background: #ccc url(../../images/webhome/icon_premium_category_all.png) no-repeat 0 0;}
.card_sub01_03_03 .tab_premiumctg > li a.icobtn_premiumctg01 {background: #ccc url(../../images/webhome/icon_premium_category01.png) no-repeat 0 0;}
.card_sub01_03_03 .tab_premiumctg > li a.icobtn_premiumctg02 {background: #ccc url(../../images/webhome/icon_premium_category02.png) no-repeat 0 0;}
.card_sub01_03_03 .tab_premiumctg > li a.icobtn_premiumctg03 {background: #ccc url(../../images/webhome/icon_premium_category03.png) no-repeat 0 0;}
.card_sub01_03_03 .tab_premiumctg > li a.icobtn_premiumctg04 {background: #ccc url(../../images/webhome/icon_premium_category04.png) no-repeat 0 0;}
.card_sub01_03_03 .tab_premiumctg > li a.icobtn_premiumctg05 {background: #ccc url(../../images/webhome/icon_premium_category05.png) no-repeat 0 0;}
.card_sub01_03_03 .tab_premiumctg > li a.icobtn_premiumctg06 {background: #ccc url(../../images/webhome/icon_premium_category06.png) no-repeat 0 0;}
.card_sub01_03_03 .tab_premiumctg > li.on a {background-color: #657492;}
.card_sub01_03_03 .wrap_form {margin-top: 15px;}
.card_sub01_03_03 .wrap_form:after {content: " "; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden;}
.card_sub01_03_03 .wrap_form .radio_group {float: left; padding-top: 5px; color: #333;}
.card_sub01_03_03 .wrap_form .sel_group {float: right;}
.card_sub01_03_04 .vip_benefit {margin-top: 30px; overflow: hidden;}
.card_sub01_03_04 .vip_benefit li {float: left;}
.card_sub01_03_05 .list_banner {margin-top: 50px;}
.card_sub01_03_05 .list_banner li {margin-top: 20px;}
.card_sub01_03_05_01 .wrap_insur_guide {margin-top: 30px;}
.card_sub01_03_05_01 .wrap_insur_guide .cont {margin-top: 25px;}
.card_sub01_03_05_01 .wrap_insur_guide .cont .tit {font-size: 14px; color: #333;}
.card_sub01_03_05_01 .wrap_insur_guide .cont .txt {margin-top: 10px;}
.card_sub01_04_01 .recomm_progress li {margin-top: 30px;}
.card_sub01_04_01 .recomm_progress .step {color: #3d567e;}
.card_sub01_04_01 .recomm_progress .txt, .recomm_progress .txt a {color: #333; margin-bottom: 12px;}
.card_sub02_01_02 .box_policy01, .card_sub02_02_01 .box_policy01, .card_sub02_03_02 .box_policy01 {margin-bottom: 15px;}
/* 2017-11-29 현대오일뱅크카드 수정 : S */
.card_sub02_08 .wrap_add_benefit {vertical-align: middle;}
.card_sub02_08 .wrap_add_benefit .img {height: 64px; padding-top: 25px;}/*2018-10-18 수정*/
.card_sub02_08 .wrap_add_benefit .img02 {height: 68px; padding-top: 17px;}
.card_sub02_08 .wrap_add_benefit .img03 {height: 60px; padding-top: 25px;}
.card_sub02_08 .wrap_add_benefit .img04 {height: 60px; padding-top: 22px;}
/* 2017-11-29 현대오일뱅크카드 수정 : E */
.card_sub02_08 .wrap_iclub {background: url(../../images/webhome/bg_iclub02.png) no-repeat 16px 0; padding-left: 140px;}
.card_sub02_08 .wrap_iclub .tit {font-size: 14px; color: #195c8f;}
.card_sub02_08 .wrap_iclub .txt, .card_sub02_08 .wrap_iclub .bllist_type2 {margin-top: 10px;}
.card_sub03_01 .tb_type2 table td .txt_money {width: 76px; display: inline-block;}
/* 2013-12-27 added */
.card_sub03_01 .tb_type2 table td.sum {padding: 13px 0 13px 20px;}
/* 2013-12-27 added */
.card_sub03_01_01 .txt_btn {margin-top: 50px;}
.card_sub03_01_01 .txt_btn span {margin-left: 13px;}
.card_sub03_01_02 .cnt_radio {margin-top: 25px;}
.card_sub03_01_02 .cnt_radio p {float: left; font-weight: bold; color: #333;}
.card_sub03_01_02 .cnt_radio p.type2 {margin-top: 5px;}
.card_sub03_01_02 .cnt_radio ul {float: left; margin-left: 12px;}
.card_sub03_01_02 .cnt_radio ul li {float: left; margin-right: 4px;}
.card_sub03_02_06 .cnt_taxservice {float: right; padding: 13px 20px; background: #f4f2f4; border: 1px solid #dcdcdc; letter-spacing: -1px;}
.card_sub03_02_06 .cnt_taxservice img {vertical-align: -5px;}
.card_sub03_02_06 .cnt_wraptax {border-top: 2px solid #C2C7D5; border-bottom: 1px solid #C2C7D5;}
.card_sub03_02_06 .cnt_wraptax h4 {float: left; width: 82px; padding: 223px 0 224px 20px; font-weight: bold; letter-spacing: -1px; background: none;}
.card_sub03_02_06 .cnt_wraptax .tb_type2 table {border-right: none; margin-top: -1px; margin-bottom: -1px;}
.card_sub03_02_06 .cnt_wraptax .tb_type2 table .tfoot tr:first-child td {border-top: 1px solid #C2C7D5 !important;}
.card_sub03_02_06 .desc {border-bottom: 2px solid #C2C7D5;}
.card_sub03_05_01 .txt_sum {padding: 15px 0; text-align: right; font-weight: bold; color: #5d6c89; letter-spacing: -1px;}/* 2022-08-01 수정 */
.card_sub03_05_01 .txt_sum .txt_sum_table{width: 210px; float: right;}/* 2022-08-01 추가 */


.card_sub03_08 .cnt_insur li {float: left; margin: 0 4px 4px 0;}
.card_sub03_08 .cnt_insur li.right {margin-right: 0;}
.card_sub03_08_01 .area_default {border-top: 2px solid #c3c8d5; border-bottom: 2px solid #c3c8d5; height: 53px; padding: 57px 0; text-align: center; font-size: 20px; line-height: 28px; font-weight: bold; letter-spacing: -1px;}
.card_sub03_08_01 .area_default .color {color: #417b9c;}
.card_sub04_09_02 p {margin-bottom: 8px;}
.card_sub04_09_02 .credit_manage {margin: 15px 0 0 14px;}
.card_sub04_09_02 .credit_manage li {margin-top: 8px; text-indent: -16px;}
.card_sub06_01_01 .intro_umembership {background: url(../../images/webhome/bg_intro_memb.png) no-repeat 430px 50%;}
/* 여기부터 */
.card_sub06_01_01 .list_privilege {border: 3px solid #ccc; overflow: hidden;}
.card_sub06_01_01 .list_privilege > li {float: left; width: 252px; margin-top: -1px; border-top: 1px dotted #666; border-left: 1px dotted #666;}
.card_sub06_01_01 .list_privilege > li:first-child {border-left: none;}
.card_sub06_01_01 .list_privilege > li.type4 {border-left: none;}
.card_sub06_01_01 .list_privilege > li.type4 .txt {padding-bottom: 51px;}
.card_sub06_01_01 .list_privilege > li.type5 .txt {padding-bottom: 51px;}
.card_sub06_01_01 .list_privilege > li .txt {padding: 15px 0 15px 8px; background-color: #f7f7f7; color: #333; font-weight: bold;}
.card_sub06_01_01 .list_privilege > li .icon {display: block; width: 100%; height: 115px; margin: 25px 0 15px 0; background: url(../../images/webhome/icongroup_card_privilege.png) no-repeat 50% 0; overflow: hidden;}
.card_sub06_01_01 .list_privilege > li .icon.type01 {background-position: 50% 0;}
.card_sub06_01_01 .list_privilege > li .icon.type02 {background-position: 50% -124px;}
.card_sub06_01_01 .list_privilege > li .icon.type03 {background-position: 50% -243px;}
.card_sub06_01_01 .list_privilege > li .icon.type04 {background-position: 50% -359px;}
.card_sub06_01_01 .list_privilege > li .icon.type05 {background-position: 50% -479px;}
.card_sub06_01_01 .list_privilege > li .icon.type06 {background-position: 50% -594px;}
/* //여기까지 */
.card_sub06_01_02 .tit_benefit {margin-top: 50px; font-size: 26px; font-weight: bold; color: #888; letter-spacing: -1px;}
.card_sub06_01_02 .tit_benefit_sub {margin-top: 10px; font-size: 14px; color: #333; font-weight: bold;}
.card_sub06_01_02 .tit_benefit_sub.blue {color: #195c8f;}
.card_sub06_01_02 .tit_benefit_sub.purple {color: #784a9b;}
.card_sub06_01_02 .list_benefit {margin-top: 20px;}
.card_sub06_01_02 .list_benefit > li {float: left; height: 162px; padding: 0 40px; background: url(../../images/webhome/bg_line_1x4_dot.png) repeat-y 0 0;}
.card_sub06_01_02 .list_benefit.purple > li {height: 120px;}
.card_sub06_01_02 .list_benefit > li:first-child {background: none;}
.card_sub06_01_02 .list_benefit > li .icon_benefit {min-width: 135px;}
.card_sub06_01_02 .list_benefit > li .icon_benefit .tit_li {margin-bottom: 10px; font-weight: bold; color: #333;}
.card_sub06_01_02 .list_benefit > li .icon_benefit .icon {display: block; margin: 0 0 20px 30px; width: 86px; height: 60px; background-image: url(../../images/webhome/icongroup_card_benefit.png); background-repeat: no-repeat; overflow: hidden;}
.card_sub06_01_02 .list_benefit > li .icon_benefit .icon.icon01_01 {background-position: 0 0;}
.card_sub06_01_02 .list_benefit > li .icon_benefit .icon.icon01_02 {background-position: 0 -61px; margin-left: 40px;}
/* 2013-12-27 modify */
.card_sub06_01_02 .list_benefit > li .icon_benefit .icon.icon01_03 {background-position: 0 -122px;}
/* 2013-12-27 modify */
.card_sub06_01_02 .list_benefit > li .icon_benefit .icon.icon02_01 {background-position: 0 -185px; margin-left: 15px;}
/* 2013-12-27 modify */
.card_sub06_01_02 .list_benefit > li .icon_benefit .icon.icon02_02 {background-position: 0 -248px; margin-left: 45px;}
/* 2013-12-27 modify */
.card_sub06_01_02 .wrap_benefit_life {margin: 25px 0; padding-left: 254px; min-height: 59px; background: url(../../images/webhome/bg_img_cardsub06.png) no-repeat 78px 50%;}
.card_sub06_01_02 .upoint_service {background: url(../../images/webhome/bg_ucard_benefit.png) no-repeat 460px 0; min-height: 112px; margin-top: 30px;}
.card_sub06_01_02 .upoint_service .txt_topntc_type3 {padding-top: 30px;}
/* 여기부터 */
.box_shopping_life {border: 1px solid #b8b8b8; padding: 18px 0; overflow: hidden;}
.box_shopping_life:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.box_shopping_life > ul > li:first-child {background: none;}
.box_shopping_life > ul > li {background: url(../../images/webhome/bg_line_1x4_dot.png) repeat-y 0 0; height: 83px; float: left; width: 50%;}
*+ html .box_shopping_life > ul > li .icon {display: inline;}
.box_shopping_life > ul > li .icon {background: url(../../images/webhome/icongroup_card_benefit02.png) no-repeat; vertical-align: top; display: inline-block;}
.box_shopping_life > ul > li .icon01 {background-position: 0 0; width: 61px; height: 47px; margin: 14px 0 0 18px;}
.box_shopping_life > ul > li .icon02 {background-position: 50% -49px; width: 63px; height: 47px; margin: 16px 0 0 15px;}
.box_shopping_life > ul > li .icon03 {background-position: 50% -49px; width: 63px; height: 47px; margin: 16px 0 0 15px;}
.box_shopping_life > ul > li .icon04 {background-position: 50% -97px; width: 63px; height: 48px; margin: 17px 0 0 17px;}
.box_shopping_life > ul > li .icon05 {background-position: 50% -203px; width: 63px; height: 42px; margin: 22px 3px 0 18px;}
.box_shopping_life > ul > li .icon06 {background-position: 50% -245px; width: 63px; height: 52px; margin: 19px -5px 0 18px;}
.box_shopping_life > ul > li .cont {display: inline-block; margin: 13px 0 0 10px; vertical-align: top;}
.box_shopping_life2 {width: 764px; height: 264px; background: url(../../images/webhome/bg_box_shopping_life2.png) no-repeat 0 0;}
.box_shopping_life2 ul {overflow: hidden;}
.box_shopping_life2 ul li {width: 285px; ; height: 94px; padding: 30px 0 0 96px; float: left;}
.box_shopping_life2 ul li strong.tit {display: block; margin: 0 0 8px 0;}
/* //여기까지 */
*+ html .box_shopping_life > ul > li .cont {display: inline;}
.box_shopping_life > ul > li .cont .tit {color: #333; margin-bottom: 10px; display: block;}
.card_sub09_01_01 .wrap_iclub {background: url(../../images/webhome/bg_iclub.png) no-repeat 100% 54px; overflow: hidden;}
.card_sub09_01_01 .wrap_iclub .tit {font-size: 16px; color: #333;}
.card_sub09_01_01 .wrap_iclub .cont {float: left; width: 485px; margin-top: 10px;}
.card_sub09_01_01 .wrap_iclub .cont .bltxt_type1 {margin-top: 10px;}
.card_sub09_01_01 .tit_section03 {position: relative;}
.card_sub09_01_02 .list_point_present {overflow: hidden;}
.card_sub09_01_02 .list_point_present li {float: left; width: 255px; height: 236px;}
.card_sub09_01_02 .list_point_present li.third {width: 254px;}
.card_sub09_01_02 .list_point_present li .cont .txt_grade {color: #fff; font-size: 16px; background-color: #5d6c89; display: inline-block; padding: 15px 12px; vertical-align: middle;}
*+ html .card_sub09_01_02 .list_point_present li .cont .txt_grade {display: inline;}
.card_sub09_01_02 .list_point_present li .cont .desc {display: inline-block; width: 65%; margin-left: 14px; vertical-align: middle; color: #333;}
*+ html .card_sub09_01_02 .list_point_present li .cont .desc {display: inline;}
/* sub contents - culture */
.cont_introduce {margin-top: 30px;}
.cont_introduce .area_photo .thumb_left {float: left; display: block;}
.cont_introduce .area_photo .thumb_right {float: right; display: block;}
.cont_introduce .desc {margin-top: 15px;}
.cont_introduce .pic {margin-top: 15px;}
.cont_introduce .pic_double {margin-left: -10px;}
.cont_introduce .pic_double li {margin-left: 10px; float: left;}
.wrap_detail_lecture {overflow: hidden;}
.wrap_detail_lecture .tit {font-size: 16px; color: #333; letter-spacing: -1px;}
.wrap_detail_lecture > .tit {margin-bottom: 28px;}
.wrap_detail_lecture .thumb {float: left; width: 322px; height: 241px; margin-right: 30px;}
.wrap_detail_lecture .thumb img {width: 100%; height: 100%;}
.wrap_detail_lecture .resume {float: right; width: 412px;}
.wrap_detail_lecture .thumb.profile {float: left; width: 138px; height: 184px; margin-right: 20px;}
.wrap_detail_lecture .thumb.profile img {width: 100%; height: 100%;}
.wrap_detail_lecture .resume.profile {float: right; width: 606px;}
.wrap_detail_lecture .tb_type1 th, .wrap_detail_lecture .tb_type1 td {padding: 7px 0 6px 20px; border-top: 1px solid #e0e0e0;}
.wrap_detail_lecture .tb_type1 th {background: none; color: #333; letter-spacing: -1px; vertical-align: top;}
.wrap_detail_lecture .tb_type1 td {border-left: none; vertical-align: top;}
.wrap_img_concert {margin-top: 30px;}
.wrap_img_concert .pic_gallery {position: relative; width: 764px; padding-bottom: 35px;}
.wrap_img_concert .pic_gallery ul.screen {position: relative; width: 764px; height: 490px; overflow: hidden;}
.wrap_img_concert .pic_gallery ul.screen li {position: absolute; width: 100%; height: 100%; background: #eee; text-align: center;}
.wrap_img_concert .pic_gallery ul.screen li.on {z-index: 1;}
.wrap_img_concert .pic_gallery ul.screen li img {height: 100%;}
.wrap_img_concert .pic_gallery div.screen {position: relative; width: 764px; height: 490px; overflow: hidden;}
.wrap_img_concert .pic_gallery div.screen .rollinglist li {float: left; width: 764px; height: 490px; text-align: center;}
.wrap_img_concert .pic_gallery div.screen .rollinglist li img {height: 490px;}
.wrap_img_concert .pic_gallery .rollingbtn {position: absolute; bottom: -10px; left: 50%; z-index: 1; margin-left: -230px; width: 460px; padding: 10px; text-align: center; overflow: hidden;}
.wrap_img_concert .pic_gallery .rollingbtn button {width: 25px; height: 17px; text-indent: 0; line-height: 500px; vertical-align: top;}
.wrap_img_concert .pic_gallery .rollingbtn button.play {background: url('../../images/webhome/btn_rolling07_play.png') no-repeat 50% 50%;}
.wrap_img_concert .pic_gallery .rollingbtn button.pause {background: url('../../images/webhome/btn_rolling07_pause.png') no-repeat 50% 50%;}
.wrap_img_concert .pic_gallery .rollingbtn .rollingpage button {background: url(../../images/webhome/btn_rollpaging03.png) no-repeat 50% 0;}
.wrap_img_concert .pic_gallery .rollingbtn .rollingpage button.on {background-position: 50% -17px;}
.wrap_profileform {border-bottom: 2px solid #c2c7d5;}
.wrap_profileform .area_photo {float: left; width: 100px; height: 179px; padding: 10px; text-align: center; border-top: 2px solid #c2c7d5;}
.wrap_profileform .area_photo .photo {width: 100px; height: 133px; margin-bottom: 15px; background: #eee;}
.wrap_profileform .area_photo .photo img {width: 100%; height: 100%;}
.wrap_profileform .tb_type1 {float: left; width: 624px;}
.wrap_contract {padding: 20px;}
.wrap_contract .contractbox {border: 1px solid #d9d9d9; padding: 30px;}
.wrap_contract .contractbox .tit {font-size: 16px; color: #333; text-align: center; margin: 0 0 50px 0;}
.wrap_contract .contractbox .stit {margin-top: 25px; display: block;}
.wrap_contract .contractbox .txt {margin-top: 10px;}
.wrap_contract .contractbox .txt02 {margin-top: 25px; color: #333; text-align: center;}
.wrap_contract .contractbox .txt_num {margin-top: 10px; padding-left: 16px; text-indent: -16px;}
.wrap_contract .contractbox .txt_num > ol {margin: 0;}
.wrap_contract .contractbox ol {margin-top: 8px;}
.wrap_contract .contractbox ol > li {padding-left: 14px; text-indent: -14px; margin: 2px 0 3px 0;}
.wrap_contract .contractbox ol > li > ol {margin: 0;}
.wrap_contract .contractbox ol > li > ol > li {padding-left: 16px; text-indent: -16px; margin: 1px 0;}
.wrap_contract .contractbox .date {text-align: center; margin-top: 25px; color: #333;}
.wrap_contract .contractbox .area_sign {width: 265px; float: right; color: #333; position: relative; margin: 0 5px 0 0;}
.wrap_contract .contractbox .area_sign p {float: left; width: 100%; overflow: hidden; margin-top: 25px;}
.wrap_contract .contractbox .area_sign em {float: left; width: 35px;}
.wrap_contract .contractbox .area_sign .name {float: left; width: 75%;}
.wrap_contract .contractbox .area_sign .sign {position: absolute; right: 0;}
.wrap_contract .contractbox .area_sign02 {padding-left: 125px; color: #333; margin-top: 30px;}
.wrap_contract .contractbox .area_sign02 .date {padding-right: 50px;}
.wrap_contract .contractbox .area_sign02 .name {padding: 0 30px;}
.wrap_contract .contractbox .box_cont {border: 1px solid #d4d4d4; padding: 15px; margin-top: 15px;}
.content.culture_sub01 {width: 984px; margin-top: 40px;}
.culture_sub01 .section_sbmain {margin-top: 12px;}
.culture_sub01 .section_sbmain.ch1985_banner {margin-top: 33px;}/*2022-07-05 추가*/
.culture_sub01 .section_sbmain:first-child {margin-top: 0;}
.culture_sub01 .banner_search {float: right; width: 237px;}
.culture_sub01 .banner_catalog {float: right; width: 237px; margin-top: 12px;}
.culture_sub01 .banner_recomm_lecture {float: right; width: 237px; margin-top: 0;}/*2022-07-05 수정*/
.culture_sub01 .banner_guide {float: right; width: 237px;}
.culture_sub01 .banner_guide a {float: left; margin-left: 12px;}
.culture_sub01 .banner_guide a:first-child {margin-left: 0;}
.culture_sub01 .datalist_boxtype5 {float: left; margin-top: 0;}/*2022-07-05 수정*/
.culture_sub01 .datalist_boxtype5 > li {width: 235px; height: 243px; margin-left: 12px; border-bottom: 4px solid #e7b89d; text-align: center;}
.culture_sub01 .datalist_boxtype5 > li:first-child {margin-left: 0;}
.culture_sub01 .datalist_boxtype5 > li.on {border-color: #000;}
.culture_sub01 .datalist_boxtype5 > li .thumb img {width: 235px; height: 176px;}
.culture_sub01 .datalist_boxtype5 > li .cont {padding: 0 30px;}
.culture_sub01 .datalist_boxtype5 > li .cont .tit {color: #535353; font-size: 14px; white-space: normal;}
.culture_sub01 .culturelist_nowplaying {float: left; position: relative; width: 735px; height: 362px;}
.culture_sub01 .culturelist_nowplaying .screen {position: relative; width: 735px; height: 362px; overflow: hidden;}
.culture_sub01 .culturelist_nowplaying .rollinglist {width: 5000%;}
.culture_sub01 .culturelist_nowplaying .rollinglist li {float: left; position: relative; width: 735px; height: 362px;}
.culture_sub01 .culturelist_nowplaying .rollinglist li > a {display: block; text-decoration: none; color: #fefefe; cursor: pointer;}
.culture_sub01 .culturelist_nowplaying .rollinglist li .banner {display: block; width: 498px; height: 362px; padding-left: 237px;}
.culture_sub01 .culturelist_nowplaying .rollinglist li .banner img {width: 498px; height: 362px;}
.culture_sub01 .culturelist_nowplaying .rollinglist li .cont {display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 197px; /*width: 735px; */ height: 202px; /*height: 362px; */ padding: 140px 518px 20px 20px; background: url(../../images/webhome/bg_submain_rollingpattern.png) no-repeat 0 0; color: #fefefe;}
.culture_sub01 .culturelist_nowplaying .rollinglist li .cont .tit {display: block; font-size: 18px; line-height: 30px; letter-spacing: -1px; margin-bottom: 10px;}
.culture_sub01 .culturelist_nowplaying .rollinglist li a:hover .cont .tit, .culture_sub01 .culturelist_nowplaying .rollinglist li a:focus .cont .tit, .culture_sub01 .culturelist_nowplaying .rollinglist li a:active .cont .tit {text-decoration: underline;}
.culture_sub01 .culturelist_nowplaying .rollingbtn {position: absolute; bottom: 10px; left: 10px; z-index: 2; padding: 10px;}
.culture_sub01 .culturelist_nowplaying .rollingbtn button {width: 18px; height: 14px; text-indent: 0;}
.culture_sub01 .culturelist_nowplaying .rollingbtn .rollingpage {padding-right: 8px;}
.culture_sub01 .culturelist_nowplaying .rollingbtn .rollingpage button {background: url(../../images/webhome/btn_rollpaging04.png) no-repeat 50% 0;}
.culture_sub01 .culturelist_nowplaying .rollingbtn .rollingpage button.on {background-position: 50% -14px;}
.culture_sub01 .culturelist_nowplaying .rollingbtn button.play {background: url(../../images/webhome/btn_rolling04_play.png) no-repeat 50% 0;}
.culture_sub01 .culturelist_nowplaying .rollingbtn button.pause {background: url(../../images/webhome/btn_rolling04_pause.png) no-repeat 50% 0;}
.culture_sub01 .culturelist_nowplaying h3 {position: absolute; left: 20px; top: 19px; z-index: 2;}
.culture_sub01_01_01 table td.subject {padding-top: 13px; padding-bottom: 13px;}
.culture_sub01_01_01 .unit_icontype {margin: 10px 0 0 0;}
/* 2022-08-29 추가 [S] */
.culture_sub01_01_01 .ch1985_box{background-color: #f4f4f4; padding: 30px; width: 100%; margin-bottom: 40px;}
.culture_sub01_01_01 .ch1985_box h4{font-size: 20px; font-weight: 700; margin-bottom: 20px; color: #222222;}
.culture_sub01_01_01 .ch1985_box p{font-size: 16px; font-weight: 500; color: #666666;margin-bottom: 34px; line-height: 1.5;}
.culture_sub01_01_01 .ch1985_box .ref{font-size: 12px; font-weight: 500; color: #666666;}
.culture_sub01_01_01 .tab_type2{margin-bottom: 30px;}
.culture_sub01_01_01 .ch1985_flex{display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; line-height: 1.7;}
.culture_sub01_01_01 .ch1985_flex +.ch1985_flex{margin-top: 15px;}
.culture_sub01_01_01 .ch1985_flex dt{font-size: 16px; font-weight: 700; color: #222222; margin-right: 35px;}
.culture_sub01_01_01 .ch1985_flex dd{font-size: 16px; color: #222;}
.culture_sub01_01_01 .ch1985_location{margin-top: 40px; margin-bottom: 23px;}
.culture_sub01_01_01 .ch1985_location h4{font-size: 20px; font-weight: 700; color: #222222; margin-bottom: 20px;}
.culture_sub01_01_01 .route_guide h5{font-size: 13px; font-weight: 500; color: #222; margin-bottom: 15px;}
.culture_sub01_01_01 .route_guide .indent_wrap{font-size: 13px; color:#222; padding-left: 9px;}
.culture_sub01_01_01 .route_guide .indent_wrap li+li{margin-bottom: 30px;}
.culture_sub01_01_01 .ch1985_flex .mini_icon{padding-left: 27px;}
.culture_sub01_01_01 .ch1985_flex .mini_icon.icon_k{margin-right: 37px; background: url(../../images/webhome/ch1985_kakao.png)no-repeat; background-size: contain;}
.culture_sub01_01_01 .ch1985_flex .mini_icon.icon_i{background: url(../../images/webhome/ch1985_insta.png)no-repeat; background-size: contain;}

/* 2022-08-29 추가 [E] */
.culture_sub01_01_01_01 .wrap_detail_lecture .resume .tb_type1 {min-height: 239px; border-bottom-width: 2px;}
.culture_sub01_01_01_01 .wrap_detail_lecture .resume .tb_type1 table {border-bottom: 0;}
.culture_sub01_01_02 .best_lecturelist {background: url(../../images/webhome/bg_line_best_lecturelist.png) repeat-y 0 0;}
.culture_sub01_01_02 .best_lecturelist .section_theme {float: left; width: 254px; margin-left: 1px;}
.culture_sub01_01_02 .best_lecturelist .section_theme:first-child {margin-left: 0;}
.culture_sub01_01_02 .best_lecturelist .theme {position: relative; height: 191px; overflow: hidden;}
.culture_sub01_01_02 .best_lecturelist .theme img {width: 100%; height: 191px;}
.culture_sub01_01_02 .best_lecturelist .theme .theme_tit {position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 0; background: url(../../images/webhome/bg_mask_454545_opacity95.png) repeat; text-align: center; color: #fff; font-size: 18px; line-height: 22px; letter-spacing: -1px;}
.culture_sub01_01_02 .best_lecturelist .bestlecture {padding: 25px 23px 0 17px;}
.culture_sub01_01_02 .best_lecturelist .bestlecture li {margin-bottom: 25px;}
.culture_sub01_01_02 .best_lecturelist .bestlecture li .tit {display: block; /*height: 35px; overflow: hidden; */ font-size: 14px; letter-spacing: -1px;}
.culture_sub01_01_02 .best_lecturelist .bestlecture li .tit, .culture_sub01_01_02 .best_lecturelist .bestlecture li .tit a {color: #000;}
.culture_sub01_01_02 .best_lecturelist .bestlecture li .about_simply {margin-top: 10px;}
.culture_sub01_01_02 .best_lecturelist .bestlecture li .about_simply .date {display: block;}
.culture_sub01_01_02 .best_lecturelist .bestlecture li .about_simply .fee {display: block;}
.culture_sub01_01_03 .list_infotype2 {border-bottom: 0;}
.culture_sub01_01_03 .list_infotype2 > li {padding: 15px 0; border-top: 1px solid #efefef;}
.culture_sub01_01_03 .list_infotype2 > li:first-child {border-top: 0;}
.culture_sub01_01_03 .list_infotype2 > li .stit {padding-left: 20px; width: 65px; color: #3d567e;}
.culture_sub01_01_03 .list_infotype2 > li .text {width: 88%;}
.culture_sub01_01_03 .wrap_appguide {position: relative;} /* 2022-11-09 수정 */
.culture_sub01_01_03 .wrap_appguide .txt_summary {margin-bottom: 42px;}
.culture_sub01_01_03 .wrap_appguide .txt_summary strong {display: block; color: #333; font-size: 18px; line-height: 24px; letter-spacing: -1px; margin-bottom: 8px;}
/* 2022-11-09 수정 [S] */
.culture_sub01_01_03 .wrap_appguide .download {margin-top: 20px; padding-left: 12px;}
.culture_sub01_01_03 .wrap_appguide .download li {float: left; text-align: center;}
.culture_sub01_01_03 .wrap_appguide .download li img {vertical-align: middle;}
.culture_sub01_01_03 .wrap_appguide .download li .txt {display: block;  letter-spacing: -1px; margin-top: 13px; color: #000; font-size: 12px;}
.culture_sub01_01_03 .wrap_appguide .download li .txt a {display: inline-block; background: url(../../images/webhome/bul_arrow_5x9_666666.png) no-repeat right 40%; line-height: 14px; text-decoration: none; padding-right: 10px; border-bottom: 1px solid #666;}
.culture_sub01_01_03 .wrap_appguide .textgroup {position: relative; z-index: 1; margin-top: 34px; margin-bottom: 215px;}
.culture_sub01_01_03 .wrap_appguide .textgroup .bllist_type1 li:not(:last-child){margin-bottom: 15px;}
.culture_sub01_01_03 .wrap_appguide .textgroup .bllist_type1 li b{color: #033333; font-size: 16px; display: inline-block; margin-bottom: 10px;}
.culture_sub01_01_03 .wrap_appguide .image {position: absolute; top: -15px; right: 26px; z-index: 0;}
/* 2022-11-09 수정 [E] */
.culture_sub01_02_02_03_01 .tb_type1, .culture_sub01_02_02_03_02 .tb_type1 table {table-layout: fixed;}
.culture_sub01_02_02_03_01 .tb_type1 table tr td, .culture_sub01_02_02_03_02 .tb_type1 table tr td {word-break: break-all; word-wrap: break-word;}
.culture_sub01_02_03 table td.status .stat_finish {background: none; color: #666;}
.culture_sub01_02_03 table td.status .stat_close {background: none; color: #dd4c4c;}
.culture_sub01_02_03 table td.status .stat_apply {background: none; color: #333;}
.culture_sub01_02_03 table td.status .stat_visit {background: none; color: #3d567e;}
.content.culture_sub02 {width: 984px; margin-top: 40px;}
.culture_sub02 .section_sbmain {margin-top: 12px;}
.culture_sub02 .section_sbmain:first-child {margin-top: 0;}
.culture_sub02 .banner_intro {float: right; width: 237px;}
.culture_sub02 .banner_guide {float: right; width: 237px;}
.culture_sub02 .banner_guide a {float: left; margin-left: 12px;}
.culture_sub02 .banner_guide a:first-child {margin-left: 0;}
.culture_sub02 .datalist_boxtype5 {float: left;}
.culture_sub02 .datalist_boxtype5 > li {width: 235px; height: 243px; margin-left: 12px; border-bottom: 4px solid #cbe4fd; text-align: center;}
.culture_sub02 .datalist_boxtype5 > li:first-child {margin-left: 0;}
.culture_sub02 .datalist_boxtype5 > li.on {border-color: #000;}
.culture_sub02 .datalist_boxtype5 > li .thumb img {width: 235px; height: 176px;}
.culture_sub02 .datalist_boxtype5 > li .cont .tit {color: #535353;}
.culture_sub02 .culturelist_nowplaying {float: left; position: relative; width: 735px; height: 362px;}
.culture_sub02 .culturelist_nowplaying .screen {position: relative; width: 735px; height: 362px; overflow: hidden;}
.culture_sub02 .culturelist_nowplaying .rollinglist {width: 5000%;}
.culture_sub02 .culturelist_nowplaying .rollinglist li {float: left; position: relative; width: 735px; height: 362px;}
.culture_sub02 .culturelist_nowplaying .rollinglist li > a {display: block; text-decoration: none; color: #fefefe; cursor: pointer;}
.culture_sub02 .culturelist_nowplaying .rollinglist li .banner {display: block; width: 486px; height: 362px; padding-left: 249px;}
.culture_sub02 .culturelist_nowplaying .rollinglist li .banner img {width: 486px; height: 362px;}
.culture_sub02 .culturelist_nowplaying .rollinglist li .cont {display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 209px; /*width: 735px; */ height: 202px; /*height: 362px; */ padding: 140px 506px 20px 20px; background: url(../../images/webhome/bg_submain02_rollingpattern.png) no-repeat 0 0; color: #fefefe;}
.culture_sub02 .culturelist_nowplaying .rollinglist li .cont .tit {display: block; width: 100%; font-size: 18px; line-height: 22px; letter-spacing: -1px; margin-bottom: 10px;}
.culture_sub02 .culturelist_nowplaying .rollinglist li a:hover .cont .tit, .culture_sub02 .culturelist_nowplaying .rollinglist li a:focus .cont .tit, .culture_sub02 .culturelist_nowplaying .rollinglist li a:active .cont .tit {text-decoration: underline;}
.culture_sub02 .culturelist_nowplaying .rollingbtn {position: absolute; bottom: 10px; left: 10px; z-index: 2; padding: 10px;}
.culture_sub02 .culturelist_nowplaying .rollingbtn button {width: 18px; height: 14px; text-indent: 0; line-height: 500px;}
.culture_sub02 .culturelist_nowplaying .rollingbtn .rollingpage {padding-right: 8px;}
.culture_sub02 .culturelist_nowplaying .rollingbtn .rollingpage button {background: url(../../images/webhome/btn_rollpaging04.png) no-repeat 50% 0;}
.culture_sub02 .culturelist_nowplaying .rollingbtn .rollingpage button.on {background-position: 50% -14px;}
.culture_sub02 .culturelist_nowplaying .rollingbtn button.play {background: url(../../images/webhome/btn_rolling04_play.png) no-repeat 50% 0;}
.culture_sub02 .culturelist_nowplaying .rollingbtn button.pause {background: url(../../images/webhome/btn_rolling04_pause.png) no-repeat 50% 0;}
.culture_sub02 .culturelist_nowplaying h3 {position: absolute; left: 20px; top: 19px; z-index: 2;}
.culture_sub02_02 .lmargin {margin-left: 10px;}
.culture_sub02_02 .defaultmsg {margin-top: 15px; border: 1px solid #f1f1f1;}
.culture_sub02_02_01 .tit_banner {margin-top: 0;}
.culture_sub03 .wrap_superstage {margin: -16px 0 0 -16px;}
*+ html .culture_sub03 .wrap_superstage {position: relative;}
.culture_sub03 .wrap_superstage .superstage_now {float: left; width: 504px; height: 548px; margin: 16px 0 0 16px;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox {position: relative; width: 504px; height: 548px; display: block;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox > a {display: block; height: 548px; text-decoration: none; cursor: pointer;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox > a:hover .cont .tit, .culture_sub03 .wrap_superstage .superstage_now .innerbox > a:focus .cont .tit {text-decoration: underline;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox .thumb img {width: 504px; height: 416px;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox .cont {position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 132px; background: #333;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox .cont .tit {display: block; padding: 14px 18px 14px; font-size: 24px; line-height: 28px; letter-spacing: -1px;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox .cont .tit, .culture_sub03 .wrap_superstage .superstage_now .cont .tit a {color: #fff;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox .cont .txt {padding: 0 18px; color: #aaa;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox .cont .txt .date {display: block;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox .cont .txt b {margin-right: 3px;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox .over {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/webhome/bg_mask_333333_opacity50.png) repeat;}
.culture_sub03 .wrap_superstage .superstage_now .innerbox.on .over {display: block;}
.culture_sub03 .wrap_superstage .superstage_highlight {float: right; width: 244px; height: 266px; margin: 16px 0 0 16px;}
.culture_sub03 .wrap_superstage .superstage_highlight .innerbox {position: relative; width: 202px; height: 214px; border: 1px solid #ccc; background: #ccc; padding: 30px 20px 20px 20px;}
.culture_sub03 .wrap_superstage .superstage_highlight .innerbox > a {display: block; height: 214px; text-decoration: none; cursor: pointer;}
.culture_sub03 .wrap_superstage .superstage_highlight .innerbox > a:hover .tit, .culture_sub03 .wrap_superstage .superstage_highlight .innerbox > a:focus .tit {text-decoration: underline;}
.culture_sub03 .wrap_superstage .superstage_highlight .innerbox .tit_head {display: block; margin-bottom: 14px; font-size: 14px; letter-spacing: -1px; font-weight: normal; color: #333;}
.culture_sub03 .wrap_superstage .superstage_highlight .innerbox .tit {display: block; font-size: 18px; line-height: 24px; font-weight: bold;}
.culture_sub03 .wrap_superstage .superstage_highlight .innerbox .tit, .culture_sub03 .wrap_superstage .superstage_highlight .tit a {color: #333;}
.culture_sub03 .wrap_superstage .superstage_highlight .innerbox .icon_play {position: absolute; bottom: 19px; right: 19px; display: block; width: 45px; height: 45px; background: url(../../images/webhome/icon_vplay3.png) no-repeat 0 0; text-indent: -5000px; font-size: 0; line-height: 0;}
.culture_sub03 .wrap_superstage .superstage_highlight .innerbox.on {border-color: #333;}
.culture_sub03 .wrap_superstage .superstage_highlight .innerbox.on .icon_play {background-position: 0 -45px;}
.culture_sub03 .wrap_superstage .superstage_highlight02 {float: right; width: 244px; height: 266px; margin: 16px 0 0 16px;}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox {position: relative; width: 244px; height: 266px; overflow: hidden;}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox > a {display: block; height: 266px; text-decoration: none; cursor: pointer;}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox > a:hover .tit, .culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox > a:focus .tit {text-decoration: underline;}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox > a:hover .thumb .icon_play,.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox > a:focus .thumb .icon_play {background-image: url(../../images/webhome/bg_vplay_on.png);}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox > a:active .thumb .icon_play {background-image: url(../../images/webhome/bg_vplay_on.png);}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox .thumb {position: relative;}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox .thumb img {width: 244px; height: 183px;}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox .thumb .icon_play {position: absolute; left: 0; top: 0; display: block; background: url(../../images/webhome/bg_vplay.png) no-repeat 50% 50%; width: 244px; height: 183px; text-indent: -5000px; font-size: 0; line-height: 0;}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox .cont {position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 83px; background: #333;}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox .cont .tit {display: block; padding: 14px 18px 14px; font-size: 14px; line-height: 20px; letter-spacing: -1px;}
.culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox .cont .tit, .culture_sub03 .wrap_superstage .superstage_highlight02 .innerbox .cont .tit a {color: #fff;}
.culture_sub03_01_03 .wrap_listbtn {overflow: hidden; margin-top: 15px;}
.culture_sub03_01_03 .wrap_listbtn .bltxt_type1 {float: left; margin-top: 5px;}
.culture_sub03_01_03 .wrap_listbtn .btn_add {float: right;}
.culture_sub03_01_03 .cont_introduce .tit_superstage {margin-bottom: 24px; font-size: 24px; line-height: 30px; color: #000; font-weight: normal;}
.culture_sub03_01_03 .cont_introduce .tit_superstage .stit {display: block; font-size: 14px; line-height: 20px;}
/* sub contents - mypage */
.wrap_memberspoint {padding: 24px 38px 38px 24px; border: 1px solid #ebebeb;}
.wrap_memberspoint .graph_mypoint {position: relative; width: 684px; height: 28px; margin: 80px 0 0 13px; background: url(../../images/webhome/bg_graphbar.png) no-repeat 0 0;}/* 2022-08-11 수정 */
.wrap_memberspoint .graph_mypoint .graphbar {position: relative; display: block; height: 13px; background: url(../../images/webhome/bg_graphbar_general.png) no-repeat 0 0; text-align: right;}
.wrap_memberspoint .graph_mypoint .graphbar .pin {position: relative; display: inline-block; width: 21px; height: 22px; margin: -4px -10px 0 -3px; background: url(../../images/webhome/icon_graphpin_general.png) no-repeat 0 0;}
.wrap_memberspoint .graph_mypoint .graphbar .point {position: absolute; top: -62px; right: -37px; display: block; width: 91px; height: 58px; background: url(../../images/webhome/bg_graph_mypoint.png) no-repeat 0 0; text-align: center; line-height: normal; font-weight: normal; font-size: 10px;}/* 2022-08-11 수정 */
.wrap_memberspoint .graph_mypoint .graphbar .point::before{content: ''; display: block; height: 24%;}/* 2022-08-11 추가 */
.wrap_memberspoint .graph_mypoint .graphbar.last .pin {margin-right: -3px !important;}
.wrap_memberspoint .graph_mypoint .graphclass {position: absolute; top: 25px; left: 0; width: 100%;}
.wrap_memberspoint .graph_mypoint .graphclass li {position: relative; float: left; width: 25%; text-align: center; font-weight: bold; letter-spacing: -1px;}
.wrap_memberspoint .graph_mypoint .graphclass li .unit {position: absolute; width: 100%; top: 0; left: 0; font-size: 0; line-height: 0;}
.wrap_memberspoint .graph_mypoint .graphclass li .unit b {position: absolute; top: -9px; left: -41px; display: block; width: 85px; font-size: 12px; line-height: 16px; font-weight: normal; color: #767676; letter-spacing: 0; text-align: center;}
.wrap_memberspoint .graph_mypoint .graphclass li .unit b.start {left: 4px; text-align: left;}
.wrap_memberspoint .graph_mypoint .graphclass li .unit b.end {left: auto; right: 4px; text-align: right;}
.wrap_memberspoint .graph_mypoint.myclass_general .graphbar {background-image: url(../../images/webhome/bg_graphbar_general.png);}
.wrap_memberspoint .graph_mypoint.myclass_general .graphbar .pin {background-image: url(../../images/webhome/icon_graphpin_general.png);}
.wrap_memberspoint .graph_mypoint.myclass_general .graphclass .general {color: #000;}
.wrap_memberspoint .graph_mypoint.myclass_gold .graphbar {background-image: url(../../images/webhome/bg_graphbar_gold.png);}
.wrap_memberspoint .graph_mypoint.myclass_gold .graphbar .pin {background-image: url(../../images/webhome/icon_graphpin_gold.png);}
.wrap_memberspoint .graph_mypoint.myclass_gold .graphclass .gold {color: #000;}
.wrap_memberspoint .graph_mypoint.myclass_platinum .graphbar {background-image: url(../../images/webhome/bg_graphbar_platinum.png);}
.wrap_memberspoint .graph_mypoint.myclass_platinum .graphbar .pin {background-image: url(../../images/webhome/icon_graphpin_platinum.png);}
.wrap_memberspoint .graph_mypoint.myclass_platinum .graphclass .platinum {color: #000;}
.wrap_memberspoint .graph_mypoint.myclass_jasmin .graphbar {background-image: url(../../images/webhome/bg_graphbar_jasmin.png);}
.wrap_memberspoint .graph_mypoint.myclass_jasmin .graphbar .pin {background-image: url(../../images/webhome/icon_graphpin_jasmin.png);}
.wrap_memberspoint .graph_mypoint.myclass_jasmin .graphclass .jasmin {color: #000;}
.wrap_memberspoint .txt strong {display: block; margin-bottom: 10px; font-size: 18px; font-weight: bold; letter-spacing: -1px;}
.wrap_memberspoint .txt strong b {color: #000;}
.wrap_memberspoint .txt b {color: #010101;}
/* sub contents - customer */
.customer_info {width: 100%; margin-top: 20px; background: url(../../images/webhome/bg_line_764x1_333333_999999.png) no-repeat 0 0;}
.customer_info h4, .customer_info h5 {float: left;}
.customer_info h4 {width: 152px; margin-top: 10px; font-size: 14px; font-weight: bold; color: #333;}
.customer_info h5 {width: 152px; padding: 20px 0 3px 0; margin-bottom: 25px; font-size: 24px; font-weight: normal; color: #444;}
.customer_info .list_infotype1 {float: right; width: 612px; overflow: hidden; border-bottom: 0;}
.customer_info .list_infotype1 > li {width: 55%; margin: -1px 0 1px 0;}
.customer_info .list_infotype1 > li.wsize2 {width: 45%;}
.customer_info .list_infotype1 > li.wsize_wide {width: 100%;}
.customer_info .list_infotype2 {float: right; width: 612px; border-bottom: 0; margin-bottom: 10px;}
.customer_info .list_infotype2 > li:first-child {border-top: 0;}
.customer_info .list_infotype2 > li .text {width: 455px;}
.customer_info .emblem p {margin-bottom: 30px;}
.pointgift_info .tit {color: #333; font-size: 14px; margin: 25px 0 10px 0;}
.pointgift_info .area_info {overflow: hidden; margin-top: 10px;}
.pointgift_info .area_info .stit {float: left; margin-right: 20px; color: #333;}
.pointgift_info .area_info .txt {float: left;}
.list_svcprocess {margin-left: 18px;}
.list_svcprocess > li {width: 100%; padding: 17px 0 17px 0; background: url(../../images/webhome/bul_arrow_7x4_417b9c.png) no-repeat 24px 0; vertical-align: middle;}
.list_svcprocess > li.fir {background: none;}
.list_svcprocess.lispace01 > li {padding: 14px 0 12px 0;}
.list_svcprocess .process {display: inline-block; min-width: 52px; padding: 4px 0 3px 0; border: 1px solid #417b9c; color: #417b9c; margin-right: 10px; text-align: center; vertical-align: middle; font-weight: bold;}
.list_svcprocess .status {display: inline-block; vertical-align: middle;}
*+ html .list_svcprocess div.status {display: inline; zoom: 1;}
.list_svcprocess .bllist_type2 {height: 36px;}
.list_svcprocess .bltxt_type2 {height: 26px; margin-top: 10px;}
/* sub contents - vip program */
.left_menu_vip {float: left; width: 220px; margin-top: 43px;}
.left_menu_vip h2 {height: 19px; margin: 0 0 42px 5px;}
.left_menu_vip .lnb > ul > li {margin-top: 9px;}
.left_menu_vip .lnb > ul > li:first-child {margin-top: 0;}
.left_menu_vip .lnb > ul > li > a {display: inline-block; padding: 2px 6px; font-weight: bold; font-size: 14px; color: #666;}
.left_menu_vip .lnb > ul > li.on > a, .left_menu_vip .lnb > ul > li.over > a {background: #876f4a; color: #fff;}
.left_menu_vip .lnb > ul > li.on_hasdepth > a {background: none; color: #876f4a;}
.left_menu_vip .lnb > ul > li ul.menu_dep2 {margin-top: 4px;}
.left_menu_vip .lnb > ul > li ul.menu_dep2 > li > a {display: inline-block; padding: 0 6px;}
.left_menu_vip .lnb > ul > li ul.menu_dep2 > li.on > a, .left_menu_vip .lnb > ul > li ul.menu_dep2 > li.over > a {background: #876f4a; color: #fff;}
.content_vip {float: right; width: 764px; min-height: 200px; margin-top: 100px;}
.content_vip .vip_titbox {padding: 17px 0; background: #876f4a; color: #fff; font-weight: normal;}
.content_vip .vip_titbox .vip_titsub {float: left; margin: 0; padding-left: 45px; background: url(../../images/webhome/bg_bar_2x9_ffffff.png) no-repeat 21px 4px;}
.content_vip .vip_titbox .vip_subdesc {float: left; display: inline-block; padding-left: 45px; background: url(../../images/webhome/bg_bar_2x9_ffffff.png) no-repeat 21px 4px;}
.content_vip .vip_titcont {margin-top: 30px; padding-top: 180px; width: 764px; height: 40px; text-align: center;}
.content_vip .vip_titcont h3 {color: #fff; font-weight: normal;}
.content_vip .vip_contentbox {margin-top: 30px; padding: 148px 143px 0 143px; width: 478px;}
/* 2017-12-27 수정 : S */
.content_vip .vip_contentbox .vip_benefitinfo {padding: 30px;line-height:16px;}
.content_vip .vip_contentbox .vip_benefitinfo .head {padding-bottom: 5px; margin-top: 48px; margin-bottom: 10px;}
.content_vip .vip_contentbox .vip_benefitinfo .head.first {margin-top: 0;}
.content_vip .vip_contentbox .vip_benefitinfo ul > li {margin-bottom: 16px;}
.content_vip .vip_contentbox .vip_benefitinfo ul > li .name {font-weight: bold;}
.content_vip .bltxt_vip {padding-left: 15px; background: url(../../images/webhome/vip/bul_circle_10x10_333333.png) no-repeat 0 4px; line-height: 18px;}
.content_vip .bllist_vip {margin: 18px 0;}
.content_vip .bllist_vip > li {padding-left: 15px; background: url(../../images/webhome/vip/bul_circle_10x10_333333.png) no-repeat 0 4px;font-size:12px;}/* 2017-12-28 font-size 수정 */
/* 2017-12-27 수정 : E */
.content_vip .bllist_vip > li >ul {margin-left: -15px;}
.content_vip .bllist_vip > li >.bllist_type2 > li {padding-left: 15px;}
.content_vip .vipmaincont_section {padding: 25px 0; border-top: 2px solid #876f4a; border-bottom: 2px solid #876f4a;}
.content_vip .vipmaincont_section .tit_main {padding: 27px 0 25px 0; text-align: center; background: #876f4a;}
.content_vip .vipmaincont_section .tit_main p {margin-top: 15px; color: #fff;}
.content_vip .vipmaincont_section .img_menu li {float: left;}
.content_vip.vip_main {width: 100%; margin-top: 68px;}
.content_vip.vip_sub01 .vip_contentbox {height: 1657px; background: url(../../images/webhome/vip/bg_cont_sub01.png) no-repeat 0 0;}
.content_vip.vip_sub01 .vip_contentbox .vip_benefitinfo .head {border-bottom: 2px solid #876f4a;}
.content_vip.vip_sub01 .vip_titcont {background: url(../../images/webhome/vip/bg_tit_black.png) no-repeat 0 0;}
.content_vip.vip_sub02 .vip_contentbox {height: 1673px; background: url(../../images/webhome/vip/bg_cont_sub02.png) no-repeat 0 0;}
.content_vip.vip_sub02 .vip_contentbox .vip_benefitinfo .head {border-bottom: 2px solid #19398a;}
.content_vip.vip_sub02 .vip_titcont {background: url(../../images/webhome/vip/bg_tit_blue.png) no-repeat 0 0;}
.content_vip.vip_sub03 .vip_contentbox {height: 1093px; background: url(../../images/webhome/vip/bg_cont_sub03.png) no-repeat 0 0;}
.content_vip.vip_sub03 .vip_contentbox .vip_benefitinfo .head {border-bottom: 2px solid #5f0d3e;}
.content_vip.vip_sub03 .vip_titcont {background: url(../../images/webhome/vip/bg_tit_jasmin.png) no-repeat 0 0;}
.content_vip.vip_sub04 .vip_contentbox {height: 1012px; background: url(../../images/webhome/vip/bg_cont_sub04.png) no-repeat 0 0;}
.content_vip.vip_sub04 .vip_contentbox .vip_benefitinfo .head {border-bottom: 2px solid #676868;}
.content_vip.vip_sub04 .vip_titcont {background: url(../../images/webhome/vip/bg_tit_platinum.png) no-repeat 0 0;}
.content_vip.vip_sub05 .vip_contentbox {height: 613px; background: url(../../images/webhome/vip/bg_cont_sub05.png) no-repeat 0 0;}
.content_vip.vip_sub05 .vip_contentbox .vip_benefitinfo .head {border-bottom: 2px solid #a27a50;}
.content_vip.vip_sub05 .vip_titcont {background: url(../../images/webhome/vip/bg_tit_gold.png) no-repeat 0 0;}
/* sub contents - member */
.content.member_sub01_01 {margin-right: 110px;}
.member_sub01_02 .boxcontent_userform.type2 .btn_type6 button span,.member_sub01_02 .boxcontent_userform.type2 .btn_type6 input,.member_sub01_02 .boxcontent_userform.type2 .btn_type6 a {width: 188px; padding-left: 0; padding-right: 0; word-wrap: break-word; white-space: normal;}
.member_sub03_02 .box_policy01 {overflow-y: scroll; height: 100px;}
.member_sub03_04 .area_cardinfo {padding-top: 15px; border-top: 2px solid #434343; margin-top: 50px;}
.member_sub03_04 .area_cardinfo .wrap_cards {margin-top: -30px; overflow: hidden;}
.member_sub03_04 .area_cardinfo .wrap_cards .cardinfo {float: left; width: 50%; margin-top: 30px;}
.member_sub03_04 .area_cardinfo .wrap_cards .cardinfo.wide {width: 100%;}
.member_sub03_04 .area_cardinfo h4 {font-size: 14px; color: #333; margin-bottom: 10px;}
.member_sub03_04 .area_cardinfo .wrap_cards .cardinfo .img_area {float: left; padding-right: 20px;}
.member_sub03_04 .area_cardinfo .wrap_cards .cardinfo .img_area img {width: 131px; height: 82px;}
.member_sub03_04 .area_cardinfo .wrap_cards .cardinfo .desc_card {float: left; width: 58%; letter-spacing: -1px;}
.member_sub03_04 .area_cardinfo .wrap_cards .cardinfo .desc_card .cardname {margin-bottom: 10px; font-weight: bold; color: #666;}
.member_sub04_04 .cnt_branch {overflow: hidden; width: 584px; margin: 5px 0;}
.member_sub04_04 .cnt_branch li {float: left; width: 146px; line-height: 25px;}
.member_sub04_05 .txt_prgm {font-size: 14px; color: #333333; margin-top: 50px;}
.member_sub04_05 .tit_guide {margin-top: 45px;}
.member_sub04_05 .install_guide li:first-child, .member_sub04_05 .install_guide li.mtspace, .member_sub04_05_01 .install_guide li:first-child {margin-top: 5px;}
.member_sub04_05 .install_guide li, .member_sub04_05_01 .install_guide li {margin-top: 27px; overflow: hidden;}
.member_sub04_05 .install_guide li .step, .member_sub04_05_01 .install_guide li .step {padding-right: 14px; font-weight: bold; float: left; min-height: 25px;}
.member_sub04_05 .install_guide li .pic, .member_sub04_05_01 .install_guide li .pic {margin-top: 12px;}
.member_sub04_05 .install_guide li .exp, .member_sub04_05_01 .install_guide li .exp {margin-top: 27px; display: inline-block;}
/* sub contents - story */
.story_sub01_01 .datalist_boxtype2 > li .contgroup,.story_sub02_01 .datalist_boxtype2 > li .contgroup,.story_sub03_01 .datalist_boxtype2 > li .contgroup,.story_sub04_01 .datalist_boxtype2 > li .contgroup,.event_sub01_01 .datalist_boxtype2 > li .contgroup,.event_sub14_01 .datalist_boxtype2 > li .contgroup {background: #494949; color: #bbb;}
.story_sub01_01 .datalist_boxtype2>li .contgroup .multiline2, .story_sub02_01 .datalist_boxtype2>li .contgroup .multiline2, .story_sub03_01 .datalist_boxtype2>li .contgroup .multiline2, .story_sub04_01 .datalist_boxtype2>li .contgroup .multiline2, .event_sub01_01 .datalist_boxtype2>li .contgroup .multiline2, .event_sub14_01 .datalist_boxtype2>li .contgroup .multiline2 { height: 38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 2020-07-20 추가 */
.story_sub01_01 .datalist_boxtype2 > li .contgroup .tit, .story_sub01_01 .datalist_boxtype2 > li .contgroup .tit a,.story_sub02_01 .datalist_boxtype2 > li .contgroup .tit, .story_sub02_01 .datalist_boxtype2 > li .contgroup .tit a,.story_sub03_01 .datalist_boxtype2 > li .contgroup .tit, .story_sub03_01 .datalist_boxtype2 > li .contgroup .tit a,.story_sub04_01 .datalist_boxtype2 > li .contgroup .tit, .story_sub04_01 .datalist_boxtype2 > li .contgroup .tit a,.event_sub01_01 .datalist_boxtype2 > li .contgroup .tit, .event_sub01_01 .datalist_boxtype2 > li .contgroup .tit a,.event_sub14_01 .datalist_boxtype2 > li .contgroup .tit, .event_sub14_01 .datalist_boxtype2 > li .contgroup .tit a {color: #fff;}
/* sub contents - gift */
.gift_sub01 .list_giftcard li:first-child {margin-top: 0;}
.gift_sub01 .list_giftcard li {margin-top: 30px; overflow: hidden;}
.gift_sub01 .list_giftcard li .thumb {float: left; width: 255px;}
.gift_sub01 .list_giftcard li .cont {float: left; width: 508px;}
.gift_sub01 .list_giftcard li .cont .tit {font-size: 14px;}
.gift_sub01 .list_giftcard li .cont .txt {margin-top: 10px;}
.gift_sub01 .list_giftcard li .cont .wrap_btns {margin-top: 10px;}
.wrap_giftdo {margin-top: 12px;}
.wrap_giftdo .area_head {background-color: #333333; height: 45px; padding: 28px 305px 28px 30px;}
.wrap_giftdo .area_head .txt_giftcard {color: #999999; font-size: 14px;}
.wrap_giftdo .area_head .tit {color: #fff; font-size: 24px; font-weight: normal; margin-top: 5px;}
.wrap_giftdo .cont_giftdo {position: relative;}
.wrap_giftdo .cont_giftdo .box_txt {position: absolute; right: 0; bottom: 30px; background-color: #000000; padding: 17px 40px; opacity: 0.8; width: 350px; filter: alpha(opacity=80);}
.wrap_giftdo .cont_giftdo .box_txt02 {position: absolute; left: 0; top: 30px; background-color: #000000; padding: 17px 40px; opacity: 0.8; width: 444px; filter: alpha(opacity=80);}
.wrap_giftdo .cont_giftdo .box_txt03 {position: absolute; right: 0; top: 36px; background-color: #000000; padding: 17px 40px; opacity: 0.8; width: 460px; filter: alpha(opacity=80);}
.wrap_giftdo .cont_giftdo .box_txt04 {position: absolute; left: 0; bottom: 30px; background-color: #000000; padding: 17px 40px; opacity: 0.8; width: 446px; filter: alpha(opacity=80);}
.wrap_giftdo .cont_giftdo .tit {display: block; font-size: 18px; color: #fff;}
.wrap_giftdo .cont_giftdo .txt {color: #bbbbbb; margin-top: 10px;}
.wrap_giftdo .tab_giftdo {width: 100%; overflow: hidden;}
.wrap_giftdo .tab_giftdo li {float: left;}
.wrap_giftdo .tab_giftdo li:first-child a {width: 127px; border-left: 1px solid #c4c4c4;}
.wrap_giftdo .tab_giftdo li a {display: inline-block; padding: 8px 0 7px 0; width: 126px; background: #ececec; border-right: 1px solid #c4c4c4; color: #666; font-size: 14px; font-weight: bold; letter-spacing: -1px; text-align: center;}
.wrap_giftdo .tab_giftdo li.on a {background: #444444; border-right: 1px solid #444444; color: #ffffff; margin-left: -1px; padding-left: 1px;}
.wrap_gift_inquire {width: 382px; float: left; background: url(../../images/webhome/bg_bar_1x33_e5e5e5.png) no-repeat right 50%;}
.wrap_gift_inquire.no_bg {background: none;}
.wrap_gift_inquire .cont {display: inline-block; vertical-align: middle;}
*+ html .wrap_gift_inquire .cont {display: inline;}
/* sub contents - sitemap */
.sitemap_sub01 {width: 984px !important;}
.sitemap_sub01 .func_toggle {border-color: #0c0c0c;}
.sitemap_sub01 .wrap_menu_dep2 {border-top: 1px solid #f2f2f2; letter-spacing: -1px;}
.sitemap_sub01 .wrap_menu_dep2:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.sitemap_sub01 .wrap_menu_dep2:first-child {padding-top: 20px; border-top: 0;}
.sitemap_sub01 .menu_dep2 {font-size: 14px; color: #333; float: left; margin: 8px 36px 8px 0;}
.sitemap_sub01 .menu_dep2 a {display: inline-block; background: url(../../images/webhome/bul_arrsquare_11x11_6e6e6e.png) no-repeat 100% 3px; padding-right: 16px; color: #333;}
.sitemap_sub01 .wrap_menu_dep3 {float: right; width: 825px;}
.sitemap_sub01 .menugroup_dep3 {border-top: 1px solid #f2f2f2; padding: 8px 0; overflow: hidden;}
.sitemap_sub01 .menugroup_dep3:first-child {border: none;}
.sitemap_sub01 .wrap_menu_dep3.type_nodep4 .menugroup_dep3 {display: inline-block; width: 162px; margin: 0; vertical-align: top; border: 0;}
*+ html .sitemap_sub01 .wrap_menu_dep3.type_nodep4 .menugroup_dep3 {display: inline; zoom: 1;}
.sitemap_sub01 .menu_dep3 {color: #000; float: left; width: 131px;}
.sitemap_sub01 .menu_dep3 a {color: #000;}
.sitemap_sub01 .menugroup_dep4 {float: left; color: #000; width: 694px; margin-top: -4px;}
.sitemap_sub01 .menugroup_dep4 a, .menugroup_dep4 a:focus, .menugroup_dep4 a:hover {color: #000;}
.sitemap_sub01 .menu_dep4 {display: inline-block; width: 175px; margin: 4px -6px 0 0; vertical-align: top;}
*+ html .sitemap_sub01 .menu_dep4 {display: inline; zoom: 1; width: 172px; margin: 4px 0 0 0;}
.sitemap_sub01 .menu_dep4:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.sitemap_sub01 .menu_dep4 .tit {height: 30px;}
.sitemap_sub01 .menugroup_dep5 {background: #f4f4f4; padding: 10px 0 10px 10px; margin: 4px 0 3px 0; width: 160px;}
.sitemap_sub01 .menugroup_dep3.menu_card01 .menugroup_dep5 {height: 135px;}
.sitemap_sub01 .menugroup_dep3.menu_card03 .menugroup_dep5 {height: 155px;}
.sitemap_sub01 .menugroup_dep3.menu_card04 .menugroup_dep5 {height: 58px;}
.sitemap_sub01 .menugroup_dep3.menu_card04 .menugroup_dep5.htype2 {height: auto;}
.sitemap_sub01 .menugroup_dep3.menu_card05 .menugroup_dep5 {height: 77px;}
.sitemap_sub01 .menugroup_dep3.menu_member07 .menu_dep3, .sitemap_sub01 .menugroup_dep3.menu_member08 .menu_dep3 {width: auto;}
/* sub contents - userguide */
.userguide_sub01 {width: 984px !important;}
.userguide_sub01 .wrap_mobileapp {padding: 78px 60px 60px 60px; background: #7d7667; font-size: 14px; line-height: 21px; color: #fff;}
.userguide_sub01 .wrap_mobileapp .heading {text-align: center; font-size: 18px; line-height: 26px;}
.userguide_sub01 .wrap_mobileapp .heading p {margin-top: 13px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice {margin-top: 70px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li {position: relative; width: 100%; overflow: hidden;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li .textgroup {float: right; width: 406px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li .textgroup strong {display: block; margin-bottom: 20px; font-size: 24px; line-height: 34px; letter-spacing: -1px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li .image {float: left; width: 458px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li.svc01 .textgroup {padding-top: 85px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li.svc02 .textgroup {float: left; width: auto; padding: 105px 0 0 60px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li.svc02 .image {float: right; width: auto; padding-right: 60px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li.svc03 .textgroup {padding-top: 65px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li.svc04 {min-height: 404px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li.svc04 .textgroup {float: none; position: relative; z-index: 1; width: auto; padding: 85px 0 0 60px;}
.userguide_sub01 .wrap_mobileapp .list_smartservice li.svc04 .image {float: none; position: absolute; top: 0; right: 60px; z-index: 0; width: auto;}
.userguide_sub01 .wrap_mobileapp_download {padding: 60px 0 75px 80px; background: #e8e4de;}
.userguide_sub01 .wrap_mobileapp_download .textgroup {float: left; width: 470px;}
.userguide_sub01 .wrap_mobileapp_download .textgroup .tit {font-size: 18px; line-height: 24px; color: #3b3b3b; letter-spacing: -1px;}
.userguide_sub01 .wrap_mobileapp_download ul.download {float: right; width: 430px;}
.userguide_sub01 .wrap_mobileapp_download ul.download li {float: left; margin-right: 50px;}
.userguide_sub01 .wrap_mobileapp_download p.download {float: right; margin-right: 110px; letter-spacing: -1px;}
.userguide_sub01 .wrap_mobileapp_download .download .txt {display: block; margin-top: 10px;}
.userguide_sub01 .wrap_mobileapp_download .download .txt a {display: inline-block; padding-right: 10px; text-decoration: none; border-bottom: 1px solid #666; background: url(../../images/webhome/bul_arrow_5x9_666666.png) no-repeat right 40%; line-height: 14px;}
.userguide_sub02 {width: 984px !important;}
.userguide_sub02 .wrap_webacc .heading {padding: 58px 80px 56px 80px; background: #5087a7; text-align: center; font-size: 14px; line-height: 22px; font-weight: bold; color: #e8f0f5; letter-spacing: -1px;}
.userguide_sub02 .wrap_webacc .heading h2 {border-bottom: 1px solid #719db6; padding-bottom: 47px; margin-bottom: 46px; font-size: 0; line-height: 0;}
.userguide_sub02 .wrap_webacc .heading p {margin-top: 22px;}
.userguide_sub02 .wrap_webacc .area_sectiongroup {border: 3px solid #f4f4f4; border-top: 0;}
.userguide_sub02 .wrap_webacc .area_sectiongroup h3 {margin-bottom: 32px; font-size: 24px; line-height: 30px; color: #444; letter-spacing: -1px;}
.userguide_sub02 .wrap_webacc .section01, .userguide_sub02 .wrap_webacc .section02 {padding: 58px 77px 60px 77px;}
.userguide_sub02 .wrap_webacc .section01 {background: #f4f4f4;}
.userguide_sub02 .wrap_webacc .section01 .summary {position: relative; min-height: 90px;}
.userguide_sub02 .wrap_webacc .section01 .summary .symbol {position: absolute; right: 49px; top: -44px; font-size: 0; line-height: 0;}
.userguide_sub02 .wrap_webacc .section02 h4 {margin: 24px 0 10px 0; font-size: 14px; color: #333;}
.userguide_sub02 .wrap_webacc .section02 ol li {margin-bottom: 8px;}
.userguide_sub02 .wrap_webacc .section02 ol li strong {margin-right: 14px;}
.userguide_sub02 .wrap_webacc .section02 .screenshot {margin-top: 11px;}
.userguide_sub02 .wrap_webacc .list_feature {margin-top: 58px;}
.userguide_sub02 .wrap_webacc .list_feature li {float: left; width: 244px; /*width: 273px; */
 height: 125px; /*height: 311px; */
 margin: -1px -1px 0 0; padding: 186px 0 0 29px; border: 1px solid #e4e4e4; background: #fff;}
.userguide_sub02 .wrap_webacc .list_feature li .tit {display: block; margin-bottom: 24px; font-size: 14px; line-height: 20px; letter-spacing: -1px;}
.userguide_sub02 .wrap_webacc .list_feature li.feature01 {background: url(../../images/webhome/img_userguide_featurewa01.png) no-repeat 0 0;}
.userguide_sub02 .wrap_webacc .list_feature li.feature01 .tit {margin: 0 0 9px 0; padding-top: 15px;}
.userguide_sub02 .wrap_webacc .list_feature li.feature02 {background: url(../../images/webhome/img_userguide_featurewa02.png) no-repeat 0 0;}
.userguide_sub02 .wrap_webacc .list_feature li.feature03 {background: url(../../images/webhome/img_userguide_featurewa03.png) no-repeat 0 0;}
.userguide_sub02 .wrap_webacc .list_feature li.feature04 {background: url(../../images/webhome/img_userguide_featurewa04.png) no-repeat 0 0;}
.userguide_sub02 .wrap_webacc .list_feature li.feature04 .tit {margin: -5px 0 9px 0;}
.userguide_sub02 .wrap_webacc .list_feature li.feature05 {background: url(../../images/webhome/img_userguide_featurewa05.png) no-repeat 0 0;}
/* member_sub04_06 */
.member_sub04_06 {width: 100%; min-height: 380px; margin-top: 52px;}
.member_sub04_06 .wrap_mailNo {width: 764px; margin: 0 auto;}
.member_sub04_06 .box_mailNo {border-bottom: 1px solid #ccc; padding-bottom: 26px;}
.member_sub04_06 .box_mailNo h4 {font-size: 16px; color: #333;}
.member_sub04_06 .box_mailNo p {margin-top: 10px; letter-spacing: -0.03em;}
.member_sub04_06 .bot_mailNo {width: 100%;}
.member_sub04_06 .bot_mailNo .help {padding-top: 26px; float: left; width: 500px; line-height: 18px;}
.member_sub04_06 .bot_mailNo .help span {letter-spacing: -0.01em;}

.member_sub04_06 .bot_mailNo .help strong {color: #657492;}
.member_sub04_06 .btn_mailNo {padding-top: 30px; float: right;}
/* mypage_main */
.mypage_main .datalist_thumb li > a:hover .cont, .datalist_thumb li > a:focus .cont {text-decoration: underline;}
/* 2014-03-14 Added - shopping news */
.shoppingevent {position: relative; padding-bottom: 80px;}
.shoppingevent .rollingbtn button {text-indent: 0; font-size: 0; line-height: 0; vertical-align: top;}
.shoppingevent .rollingbtn button.prev, .shoppingevent .rollingbtn button.next {position: absolute; z-index: 1; top: 265px;}
.shoppingevent .rollingbtn button.prev {left: 0; width: 50px; height: 50px; background: url(../../images/webhome/btn_rolling06_prev.png) no-repeat 0 0;}
.shoppingevent .rollingbtn button.next {right: 0; width: 50px; height: 50px; background: url(../../images/webhome/btn_rolling06_next.png) no-repeat 0 0;}
.shoppingevent .rollingbtn .pages {position: absolute; left: 50%; bottom: 0; z-index: 1; width: 260px; margin-left: -140px; padding: 10px; text-align: center; overflow: hidden;}
.shoppingevent .rollingbtn .pages button {width: 18px; height: 14px; line-height: 500px;}
.shoppingevent .rollingbtn .pages .rollingpage {padding: 0 9px;}
.shoppingevent .rollingbtn .pages .rollingpage button {background: url(../../images/webhome/btn_rollpaging06.png) no-repeat 50% 0;}
.shoppingevent .rollingbtn .pages .rollingpage button.on {background-position: 50% -14px;}
.shoppingevent .rollingbtn .pages button.play {background: url(../../images/webhome/btn_rolling06_play.png) no-repeat 50% 0;}
.shoppingevent .rollingbtn .pages button.pause {background: url(../../images/webhome/btn_rolling06_pause.png) no-repeat 50% 0;}
.shoppingevent .screen {position: relative; width: 764px; height: 580px; overflow: hidden;}
.shoppingevent .screen .rollinglist li {float: left; position: relative; width: 764px; height: 580px; text-align: center; background: #666;}
.shoppingevent .screen .rollinglist li img {width: 100%; height: 100%;}
/* iclub point css 201404 */
.card_sub09_01_03 dl {margin: 13px 0;}
.card_sub09_01_03 .info dt {float: left;}
.card_sub09_01_03 .info dd {padding-left: 80px;}
.card_sub09_01_03 td.fir {text-align: center !important; padding: 8px 0 7px 0px;}
.card_sub09_01_03 td {text-align: left !important; padding: 8px 0 7px 20px;}
.card_sub09_01_03 .iclub_point {margin-bottom: 13px;}
.card_sub09_01_03 dl dd {padding-left: 12px; line-height: 18px;}
/* 2014-06-10 outletmembership*/
.card_sub10_01_01 .intro_umembership {background: url(../../images/webhome/bg_intro_Omemb.jpg) no-repeat 430px 50%;}
.card_sub10_01_01 .intro_pmembership {background: url(../../images/webhome/bg_intro_Pmemb.jpg) no-repeat 430px 50%;}
.card_sub10_01_01 .intro_pcitymembership {background: url(../../images/webhome/bg_intro_Pcitymemb.png) no-repeat 330px 50%;}
.card_sub10_01_01 .list_privilege {border: 3px solid #ccc;}
.card_sub10_01_01 .list_privilege > li {float: left; width: 33.253%; background: url(../../images/webhome/bg_line_1x4_dot.png) repeat-y 0 0;}
.card_sub10_01_01 .list_privilege > li:first-child {width: 33.253%; background: none;}
.card_sub10_01_01 .list_privilege > li .txt {width: 100%; margin-left: 1px; padding: 15px 0; background-color: #f7f7f7; color: #333; font-weight: bold; text-align: center;}
.card_sub10_01_01 .list_privilege > li .icon {display: block; width: 100%; height: 79px; margin: 30px 0; background: url(../../images/webhome/icongroup_card_omembership.png) no-repeat 50% 0; overflow: hidden;}
.card_sub10_01_01 .list_privilege > li .icon.type01 {background-position: 50% 0;}
.card_sub10_01_01 .list_privilege > li .icon.type02 {background-position: 50% -79px;}
.card_sub10_01_01 .list_privilege > li .icon.type03 {background-position: 50% -157px;}
.card_sub10_01_01 .list_privilege > li .icon.type04 {background-position: 50% -237px;}
/* // 2014-06-10 outletmembership*/

/* 2022-08-01 추가 [S] */
.card_sub03_09 .radio_tabs {position: relative; padding: 0; list-style: none;}
.card_sub03_09 .radio_tabs .radio_tab{float: left; padding: 10px 0;}
.card_sub03_09 .radio_tabs .radio_tab + .radio_tab{ margin-left: 5px;}
.card_sub03_09 .radio_tabs .radio_tab input[type="radio"].radio-btn{display: none;}
.card_sub03_09 .radio_tabs .radio_tab .radio-btn ~ label{position: relative; background: #eee; padding: 8px 20px; border: 1px solid #ececec; }
.card_sub03_09 .radio_tabs .radio_tab .radio_content{display: none; position: absolute; top: 70px;  left: 0; right: 0; padding: 0; box-sizing: border-box;}
.card_sub03_09 .radio_tabs .radio_tab [type="radio"]:checked.radio-btn ~ label{background: white; z-index: 2;}
.card_sub03_09 .radio_tabs .radio_tab [type="radio"]:checked.radio-btn + label + .radio_content{z-index: 1; display: block;}
.card_sub03_09 .radio_tabs .tit_section01{margin-top: 0;}
/* 2022-08-01 추가 [E] */

/* sub contents - gift: 20150116 add */
.gift_sub01 .wrap_giftcard:after {content: ''; display: block; clear: both; height: 0;}
.gift_sub01 .list_giftcard2 {}
.gift_sub01 .list_giftcard2:after {content: ''; display: block; clear: both; height: 0;}
.gift_sub01 .list_giftcard2 li {float: left; /* width: 254px; */
margin-bottom: 30px;}
.gift_sub01 .list_giftcard2 li a {display: block; margin-right: 22px;}
.wrap_policy .popTit {margin-bottom: 20px; color: #333; font-size: 14px; text-align: left !important; text-indent: 20px;}
.btn_giftcardArea {float: right; margin-top: 20px;}
/* //sub contents - gift: 20150116 add */
/* 20150128: ????? ?????? ??? NEW add: 20150212 ???? */
.gift_sub06 .designConcept li {display: block; width: 100%; margin-bottom: 30px; overflow: hidden;}
.gift_sub06 .designConcept h4 {float: left; width: 120px; color: #796a55; font-size: 16px; line-height: 1.2; font-weight: bold;}
.gift_sub06 .designConcept div.brief {float: left; width: 644px; color: #666; font-size: 12px; line-height: 1.4;}
.gift_sub06 .designConcept div p.fsize {font-size: 14px; line-height: 18px; font-weight: bold;}
.gift_sub06 .designConcept .designer {display: block; margin-bottom: 10px; color: #666; font-size: 12px; line-height: 1.4; font-weight: bold;}
/* //20150128: ????? ?????? ??? NEW add: 20150212 ???? */
/* 2015-02-12 premiumoutlet add */
.store_sub12_01 .intro_pmembership {background: url(../../images/webhome/bg_intro_Pmemb.jpg) no-repeat 430px 50%;}
.store_sub12_01 .list_privilege {border: 3px solid #ccc;}
.store_sub12_01 .list_privilege > li {float: left; width: 33.253%; background: url(../../images/webhome/bg_line_1x4_dot.png) repeat-y 0 0;}
.store_sub12_01 .list_privilege > li:first-child {width: 33.253%; background: none;}
.store_sub12_01 .list_privilege > li .txt {width: 100%; margin-left: 1px; padding: 15px 0; background-color: #f7f7f7; color: #333; font-weight: bold; text-align: center;}
.store_sub12_01 .list_privilege > li .icon {display: block; width: 100%; height: 77px; margin: 30px 0; background: url(../../images/webhome/icongroup_card_privilege.png) no-repeat 50% 0; overflow: hidden;}
.store_sub12_01 .list_privilege > li .icon.type01 {background-position: 50% 0;}
.store_sub12_01 .list_privilege > li .icon.type02 {background-position: 50% -78px;}
.store_sub12_01 .list_privilege > li .icon.type03 {background-position: 50% -156px;}
.store_sub12_01 .list_privilege > li .icon.type04 {background-position: 50% -235px;}
/* //2015-02-12 premiumoutlet add */
/* 2015-03-20 �߰�*/
.counsel_tit {display: block; padding: 0 0 0 13px; background: url("../../images/webhome/bul_square_3x3_666666.png") no-repeat 0 7px;}
.counsel {margin: 10px 0 0 0; padding: 4px 20px; border: 1px solid #bbb;}
.counsel .bllist_type1 li ul {margin-top: 10px;}
.counsel_agree {padding: 10px 0 10px 210px;}
.counsel_agree label {margin-right: 38px;}
.insurance {overflow: hidden;}
.insurance li {float: left; width: 176px; height: 206px; margin: 0 0 0 17px; border: 1px solid #dfdfdf; text-align: center;}
.insurance li:first-child {margin-left: 0;}
.insurance li.insurance01 {background: url("../../images/webhome/icon_insurance01.gif") no-repeat 50% 38px;}
.insurance li.insurance02 {background: url("../../images/webhome/icon_insurance02.gif") no-repeat 50% 38px;}
.insurance li.insurance03 {background: url("../../images/webhome/icon_insurance03.gif") no-repeat 50% 38px;}
.insurance li.insurance04 {background: url("../../images/webhome/icon_insurance04.gif") no-repeat 50% 38px;}
.insurance li p {padding: 115px 0 17px 0;}
.insurance li last-child p {padding: 124px 0 26px 0;}
.insurance li strong {font-size: 14px;}
/* 2015-03-24 추가 시작*/
.tb_type6 {width: 100%; border: 1px solid #c2c7d5;}
.tb_type6 table th,.tb_type6 table td {border-top: 1px solid #c2c7d5; border-left: 1px solid #c2c7d5;}
.tb_type6 table tr:first-child th, .tb_type6 table tr:first-child td {border-top: 0;}
.tb_type6 table th.fir, .tb_type6 table td.fir {border-left: 0;}
.tb_type6 table thead th {padding: 12px 0 11px 0; background: #eaedf3; color: #5d6c89; text-align: center; letter-spacing: -1px; border-top: 1px solid #c2c7d5; border-bottom: 1px solid #c2c7d5;}
.tb_type6 table td.vtop {vertical-align: top;}
.tb_type6 table td strong {display: block; margin: 10px 0 0 19px;}
.tb_type6 table td p {margin: 7px 0 0 19px;}
.tb_type6 table td p.btop {margin: 7px 0 0 0; border-top: 1px solid #c2c7d5; padding: 7px 0 0 19px;}
.tb_type6 table td em {display: block; margin: 0 0 0 19px;}
.tb_type6 table td ul {margin: 7px 0 0 19px;}
table.tdin_board {width: 100%; margin-top: 8px; border-top: 1px solid #c2c7d5; border-bottom: 1px solid #c2c7d5;}
table.tdin_board thead th {padding: 12px 0 11px 0; background: #f9f9f9; color: #5d6c89; text-align: center; letter-spacing: -1px; border-left: 1px solid #c2c7d5;}
table.tdin_board tbody td {padding: 8px 17px 7px 20px; border-left: 1px solid #c2c7d5; border-top: 1px solid #c2c7d5 !important;}
table.tdin_board thead th.fir, .tb_type6 table td.tdin_board tbody td.fir {border-left: none;}
.privacy .tb_type2 table td {padding: 8px 17px 7px 20px !important;}
/* //2015-03-24 추가 끝*/
/* 여기부터 */
.app_download {width: 724px; height: 183px; margin: 10px 0 0 0; padding: 40px 0 0 40px; background: #f5f5f5 url("../../images/webhome/bg_appdownload.gif") no-repeat 100% 0;}
.app_download strong {font-size: 16px; color: #000; letter-spacing: -1px;}
.app_download em {display: block; font-weight: bold; font-size: 14px; margin: 12px 0 7px 0;}
.app_download ul {margin: 0 0 9px 0;}
.shopping_life {overflow: hidden; padding: 25px 0 20px 0}
.shopping_life li {float: left; background: url('../../images/webhome/shopping_life.png') no-repeat 0 0;}
.shopping_life li em {display: block; margin: 5px 0 10px 0; color: #333; font-size: 14px; font-weight: bold; line-height: 20px;}
.shopping_life li.culture01 {width: 280px; padding: 0 0 0 116px; background: url('../../images/webhome/shopping_life.png') no-repeat 25px 6px;}
.shopping_life li.culture02 {width: 240px; padding: 0 0 0 116px; background: url('../../images/webhome/shopping_life.png') no-repeat 25px -81px;}
.shopping_life {overflow: hidden; padding: 25px 0 20px 0}
.shopping_life2 {overflow: hidden; padding: 25px 0 20px 0}

.shopping_life2 li.culture03 {height: 63px; padding: 0 0 0 116px; background: url('../../images/webhome/shopping_life.png') no-repeat 14px -166px;}
.shopping_life2 li em {margin: 5px 0 10px 0; color: #666; font-weight: bold;}
.shopping_life2 li ul {padding: 10px 0 0 0}
.shopping_life3 {overflow: hidden; padding: 25px 0 20px 0}
.shopping_life3 li {float: left; margin-top: 5px; background: url('../../images/webhome/shopping_life.png') no-repeat 0 0;}
.shopping_life3 li em {margin: 5px 0 10px 0; color: #666; font-weight: bold;}
.shopping_life3 li.culture01 {width: 280px; height: 70px; padding: 0 0 0 116px; background: url('../../images/webhome/shopping_life.png') no-repeat 25px -248px;}
.shopping_life3 li.culture02 {width: 240px; height: 70px; padding: 0 0 0 116px; background: url('../../images/webhome/shopping_life.png') no-repeat 25px -323px;}
.shopping_life3 li.culture03 {width: 280px; height: 70px; padding: 0 0 0 116px; background: url('../../images/webhome/shopping_life.png') no-repeat 25px -393px;}
.shopping_life3 li.culture04 {width: 240px; height: 70px; padding: 0 0 0 116px; background: url('../../images/webhome/shopping_life.png') no-repeat 25px -81px;}
.shopping_life3 li.culture05 {width: 100%; padding: 0 0 0 116px; background: url('../../images/webhome/shopping_life.png') no-repeat 25px -477px;}
.shopping_life3 li ul li {float: none; margin-top: 0; background: none;}
.mobile_service {padding: 0 0 0 270px;}
.mobile_service div {width: 490px; padding: 40px 0 40px 0; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;}
.mobile_service div em {color: #666; font-weight: bold;}
.mobile_service div p {margin: 15px 0 0 0;}
.h_app {background: url('../../images/webhome/img_happ.gif') no-repeat 19px 14px;}
.plus_kakao {padding: 0 0 43px 270px; background: url('../../images/webhome/img_plus_kakao.gif') no-repeat 19px 14px;}
.kakao_plusf {margin: 40px 0 0 0; padding: 32px 39px; border: 2px solid #fae91e; background: url('../../images/webhome/img_kakao_plusf.gif') no-repeat 409px 33px;}
.kakao_plusf strong {display: block; font-size: 16px}
.kakao_plusf strong em {color: #aa242d; font-size: 16px}
.kakao_plusf ul {margin: 12px 0 0 0;}
.kakao_plusf ul li em {font-weight: bold;}
/* //여기까지 */
.tits {display: block; margin-top: 15px; font-weight: bold; font-style: normal;}
/* 2015-06-11 모바일상품권 제휴사 추가*/
.wrap_progress .bg_galaxia, .bg_galaxia {background: url(../../images/webhome/bg_galaxia.png) no-repeat 50% 50%; width: 120px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0;}
/* 2021-12-23 추가 [S] */
.wrap_progress .bg_kt_alpha, .bg_kt_alpha {background: url(../../images/webhome/bg_ktalpha.png) no-repeat 50% 50%; width: 120px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0;}
/* 2021-12-23 추가 [E] */
/* 2015-07-01메인추가 */
.main_sale {width: 100%; height: 1350px; background: url('../../images/webhome/bg_mainsale.jpg') no-repeat 50% 0;}
.main_sale .visual {width: 985px; margin: 0 auto; padding-top: 363px;}
/* 2017-01-18 오디오북탭 클래스 추가 */
.audiobook_tab {margin: 0; padding: 0; display: table; width: 100%;}
.audiobook_tab li {list-style: none; display: table-cell; padding-right: 2px;}
.audiobook_tab.theme-a li {padding-right: 2px;}
.audiobook_tab.theme-b li {padding: 0;}
.audiobook_tab li a {display: block;}
.audiobook_tab li a img {display: block;}
/* 2017-06-01 수정 오디오카테고리 */
.audiobook-category {overflow: hidden;}
.audiobook-category .tit_category {display: block; text-align: center; padding: 80px 0 50px;}
.audiobook-category .audiobook_list {margin: 0 -13px 0 0; padding: 0;}
.audiobook-category .audiobook_list:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.audiobook-category .audiobook_list li {float: left; list-style: none; margin-bottom: 13px; padding-right: 13px; box-sizing: border-box; width: 33.3%;}
.audiobook-category .audiobook_list li a {display: block; position: relative; height: 336px; padding: 44px 19px 0 19px; border: 1px solid #e3e3e3; text-decoration: none;}
.audiobook-category .audiobook_list li a:hover {border-color: #000000;}
.audiobook-category .audiobook_list li a .icon_badge {position: absolute; left: 5px; top: 5px;}
.audiobook-category .audiobook_list li a .icon_badge img {display: block; width: 100%; height: auto;}
.audiobook-category .audiobook_list li a .cover {display: block; margin: 0 auto; width: 156px; height: 156px;}
.audiobook-category .audiobook_list li a .cover img {display: block; width: 100%; height: auto;}
.audiobook-category .audiobook_list li a .tit_audiobook {display: block; margin-top: 24px; line-height: 24px; font-size: 16px; color: #333333; text-align: center; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis;}
.audiobook-category .audiobook_list.type02 li a .tit_audiobook {display:block; line-height:18px;letter-spacing:-1px; min-height:43px; margin-left:-15px; margin-right:-15px}
.audiobook-category .audiobook_list li a .writer {display: block; margin-top: 8px; line-height: 20px; font-size: 12px; color: #333333; text-align: center;}
.audiobook-category .audiobook_list li a .btn {display: block; width: 60px; position: absolute; left: 50%; bottom: 26px; margin-left: -30px;}
/* APP전자지갑간편결제2015-07-31 */
.txt_box {padding: 27px 29px 26px; border: 1px solid #e1e1e1;}
.join_guide {overflow: hidden;}
.join_guide li {float: left; width: 244px; height: 383px; margin: 0 0 0 15px;}
.join_guide li:first-child {margin-left: 0;}
.join_guide li:nth-child(3n+4) {margin-left: 0;}
.join_guide em {display: block; font-weight: bold; color: #3d567e; font-size: 14px;}
.join_guide span {margin-left: 19px;}
.join_guide.join .join_guide01 {background: url(../../images/webhome/img_join_guide01.jpg) no-repeat 0 43px;}
.join_guide.join .join_guide02 {background: url(../../images/webhome/img_join_guide02.jpg) no-repeat 0 43px;}
.join_guide.join .join_guide03 {background: url(../../images/webhome/img_join_guide03.jpg) no-repeat 0 43px;}
.join_guide.join .join_guide04 {background: url(../../images/webhome/img_join_guide04.jpg) no-repeat 0 43px;}
.join_guide.join .join_guide05 {background: url(../../images/webhome/img_join_guide05.jpg) no-repeat 0 43px;}
.join_guide.join .join_guide06 {background: url(../../images/webhome/img_join_guide06.jpg) no-repeat 0 43px;}
.join_guide.use_under .join_guide01 {background: url(../../images/webhome/img_join_guide22.jpg) no-repeat 0 43px;}
.join_guide.use_under .join_guide02 {background: url(../../images/webhome/img_join_guide07.jpg) no-repeat 0 43px;}
.join_guide.use_under .join_guide03 {background: url(../../images/webhome/img_join_guide23.jpg) no-repeat 0 43px;}
.join_guide.use_more .join_guide01 {background: url(../../images/webhome/img_join_guide24.jpg) no-repeat 0 43px;}
.join_guide.use_more .join_guide02 {background: url(../../images/webhome/img_join_guide08.jpg) no-repeat 0 43px;}
.join_guide.use_more .join_guide03 {background: url(../../images/webhome/img_join_guide25.jpg) no-repeat 0 43px;}
.join_guide.sim_under .join_guide01 {background: url(../../images/webhome/img_join_guide26.jpg) no-repeat 0 43px;}
.join_guide.sim_under .join_guide02 {background: url(../../images/webhome/img_join_guide07.jpg) no-repeat 0 43px;}
.join_guide.sim_under .join_guide03 {background: url(../../images/webhome/img_join_guide27.jpg) no-repeat 0 43px;}
.join_guide.sim_more .join_guide01 {background: url(../../images/webhome/img_join_guide28.jpg) no-repeat 0 43px;}
.join_guide.sim_more .join_guide02 {background: url(../../images/webhome/img_join_guide08.jpg) no-repeat 0 43px;}
.join_guide.sim_more .join_guide03 {background: url(../../images/webhome/img_join_guide29.jpg) no-repeat 0 43px;}
.join_guide.card_pay .join_guide01 {background: url(../../images/webhome/img_join_guide10.jpg) no-repeat 0 43px;}
.join_guide.card_pay .join_guide02 {background: url(../../images/webhome/img_join_guide20.jpg) no-repeat 0 43px;}
.join_guide.card_pay .join_guide03 {background: url(../../images/webhome/img_join_guide10.jpg) no-repeat 0 43px;}
.join_guide.card_pay .join_guide04 {background: url(../../images/webhome/img_join_guide11.jpg) no-repeat 0 43px;}
.join_guide.card_pay .join_guide05 {background: url(../../images/webhome/img_join_guide12.jpg) no-repeat 0 43px;}
.join_guide.card_pay .join_guide06 {background: url(../../images/webhome/img_join_guide21.jpg) no-repeat 0 43px;}
.join_guide.use_under .join_guide02.bpay {background: url(../../images/webhome/img_join_guide13.jpg) no-repeat 0 43px;}
.join_guide.use_more .join_guide02.bpay {background: url(../../images/webhome/img_join_guide14.jpg) no-repeat 0 43px;}
.step_join {margin: 10px 0 0 0; height: 78px; padding-left: 2px; background: url(../../images/webhome/bg_step_left.jpg) no-repeat 0 0;}
.step_join ol {height: 78px; background: url(../../images/webhome/bg_step_right.jpg) no-repeat 100% 0;}
.step_join ol:after {content: ''; display: block; clear: both; height: 0;}
.step_join ol li {float: left; padding: 12px 0 12px 0;}
.step_join ol li em {color: #3d567e; font-weight: bold;}
.step_join ol li p {color: #333; font-weight: bold;}
.step_join ol li.step1 {width: 134px; padding-left: 30px; background: #bbb;}
.step_join ol li.step2 {width: 246px; padding-left: 54px; background: #ddd url(../../images/webhome/bg_step01.jpg) no-repeat 0 0;}
.step_join ol li.step3 {width: 112px; padding-left: 54px; background: #ddd url(../../images/webhome/bg_step02.jpg) no-repeat 0 0;}
.step_join ol li.step4 {width: 76px; padding-left: 54px; background: #7bbcd1 url(../../images/webhome/bg_step03.jpg) no-repeat 0 0;}
.step_join.bpay ol li.step2,.step_join.bpay ol li.step3 {width: 157px;}
.step_join.bpay ol li.step4 {width: 120px;}
.stit_section03 {margin: 50px 0 13px 0; font-size: 16px; color: #3d567e; letter-spacing: -1px;}
ol.step_join {height: 62px; background: url(../../images/webhome/bg_step_join.jpg) no-repeat 0 0;}
ol.step_join li {float: left; padding: 12px 0 12px 0;}
ol.step_join li em {color: #3d567e; font-weight: bold;}
ol.step_join p {color: #333; font-weight: bold;}
ol.step_join p span {font-weight: normal;}
ol.step_join li.step1 {width: 343px; padding-left: 33px;}
ol.step_join li.step2 {width: 238px;}
.join_guide.card_under .join_guide01 {background: url(../../images/webhome/img_join_guide15.jpg) no-repeat 0 26px;}
.join_guide.card_under .join_guide02 {background: url(../../images/webhome/img_join_guide16.jpg) no-repeat 0 26px;}
.join_guide.card_more .join_guide01 {background: url(../../images/webhome/img_join_guide17.jpg) no-repeat 0 43px;}
.join_guide.card_more .join_guide02 {background: url(../../images/webhome/img_join_guide18.jpg) no-repeat 0 43px;}
.join_guide.card_more .join_guide03 {background: url(../../images/webhome/img_join_guide19.jpg) no-repeat 0 43px;}
.hwallet_intro {overflow: hidden;}
.hwallet_intro li {float: left; width: 244px; margin: 50px 0 0 15px;}
.hwallet_intro strong {display: block; margin: 0 0 10px 0; color: #3d567e; font-size: 14px;}
.hwallet_intro em {display: block; margin: 13px 0 10px 0; font-weight: bold; color: #333;}
.hwallet_app {margin-bottom: 100px; padding: 15px 30px 45px 30px; background: #f7f7f7 url(../../images/webhome/img_hwallet_app.jpg) no-repeat 82% 32px;}
.hwallet_app li {margin-top: 27px;}
.hwallet_app strong {display: block; margin-bottom: 8px; color: #333;}
.hwallet_app em {color: #3d567e; font-weight: bold;}
.sign_guide {overflow: hidden; border: 1px solid #e2e2e2; padding: 20px 30px;}
.sign_guide ul {float: left;}
.sign_guide .qrcode {width: 273px; height: 101px; float: left; margin: 0 0 0 53px; padding: 0 0 0 0; border-left: 1px dashed #e2e2e2; text-align: center;}
.sign_guide .qrcode p {float: left; margin: 32px 0 0 28px;}
.sign_guide .qrcode em {display: block; font-weight: bold;}
.sign_guide .qrcode img {float: right; margin-top: 10px;}
.service_reg li {overflow: hidden; margin-bottom: 30px;}
.service_reg img {float: left; width: 240px; height: 180px; padding-right: 30px;}
.service_reg div {float: left; width: 494px; height: 180px; border-bottom: 1px solid #ddd;}
.service_reg div em {color: #3d567e; font-size: 16px; font-weight: bold;}
.service_reg div p {margin: 15px 0 0 18px;}
.hw_payment strong {font-size: 16px; color: #3d567e;}
.hw_payment em.stit {margin-top: 15px; color: #3d567e; display: block; font-weight: bold;}
.hw_payment ul li {padding: 0 0 0 20px;}
.hw_payment ol {overflow: hidden; margin: 20px 0 0 80px; padding-bottom: 30px;}
.hw_payment ol li {float: left; width: 144px; height: 286px; padding: 0 0 0 0; background: url(../../images/webhome/img_hw_depart.jpg) no-repeat 0 0;}
.hw_payment ol li.hw_depart01 {background: url(../../images/webhome/img_hw_depart.jpg) no-repeat 0 0;}
.hw_payment ol li.hw_depart02 {padding-left: 63px; background: url(../../images/webhome/img_hw_depart.jpg) no-repeat -144px 0;}
.hw_payment ol li.hw_depart03 {padding-left: 63px; background: url(../../images/webhome/img_hw_depart.jpg) no-repeat -350px 0;}
.hw_payment ol li span {display: block; overflow: hidden; font-size: 0px; line-height: 0; text-indent: -9999px}
.hw_payment ol.hw_mode li {background: url(../../images/webhome/img_hw_mode.jpg) no-repeat 0 0;}
.hw_payment ol li.hw_mode01 {background: url(../../images/webhome/img_hw_mode.jpg) no-repeat 0 0;}
.hw_payment ol li.hw_mode02 {padding-left: 63px; background: url(../../images/webhome/img_hw_mode.jpg) no-repeat -144px 0;}
.hw_payment ol li.hw_mode03 {padding-left: 63px; background: url(../../images/webhome/img_hw_mode.jpg) no-repeat -350px 0;}
.hw_payment .hwtxt {padding: 15px 0 0 20px;}
.hw_payment .hwtxt em {color: #3d567e; font-weight: bold;}
.hw_payment ol.ontouch li {float: left; width: 134px; height: 243px; padding: 0 0 0 0; background: url(../../images/webhome/img_ontouch.jpg) no-repeat 0 0;}
.hw_payment ol li.ontouch01 {background: url(../../images/webhome/img_ontouch.jpg) no-repeat 0 0;}
.hw_payment ol li.ontouch02 {width: 145px; padding-left: 70px; background: url(../../images/webhome/img_ontouch.jpg) no-repeat -133px 0;}
.hw_payment ol li.ontouch03 {width: 145px; padding-left: 63px; background: url(../../images/webhome/img_ontouch.jpg) no-repeat -346px 0;}
.hw_payment .hwtxt {padding: 15px 0 0 20px;}
.hw_payment .hwtxt em {color: #3d567e; font-weight: bold;}
.online_use {overflow: hidden;}
.online_use li {float: left; width: 244px; height: 104px; background: url(../../images/webhome/img_online_use.jpg) no-repeat 0 0;}
.online_use li.online01 {background: url(../../images/webhome/img_online_use.jpg) no-repeat 0 0;}
.online_use li.online02 {margin-left: 16px; background: url(../../images/webhome/img_online_use.jpg) no-repeat -260px 0;}
.online_use li.online03 {margin-left: 16px; background: url(../../images/webhome/img_online_use.jpg) no-repeat -520px 0;}
.online_use li span {display: block; overflow: hidden; font-size: 0px; line-height: 0; text-indent: -9999px}
/* 2015-08-06추가 */
.shoppingevent.audiobook .screen {height: 490px;}
.shoppingevent.audiobook .screen .rollinglist li {height: 490px;}
/* 2017-04-25 오디오북 클래스 추가 */
.shoppingevent.audiobook .screen.fixed {height: 410px;}
.shoppingevent.audiobook .screen.fixed .rollinglist li {height: 410px;}
.shoppingevent.audiobook .rollingbtn button.prev,.shoppingevent.audiobook .rollingbtn button.next {position: absolute; z-index: 1; top: 219px;}
/* 2015-08-12추가 */
.floorimg {margin-bottom: 64px;}
/* 2015-08-17추가 */
.pangyo_bookmuseum {padding-top: 52px; margin-bottom: -236px;}
/* 2015-07-16 */
.outletmembers {overflow: hidden; margin: 30px 0 50px 0;}
.outletmembers li {float: left; width: 120px; margin-left: 60px; padding-bottom: 10px;}
.outletmembers li.outletm01 {margin-left: 20px; padding-left: 77px; background: url('../../images/webhome/ouletbenefit01.jpg') no-repeat 0 0;}
.outletmembers li.outletm02 {padding-left: 86px; background: url('../../images/webhome/ouletbenefit02.jpg') no-repeat 0 0;}
.outletmembers li.outletm03 {padding-left: 84px; background: url('../../images/webhome/ouletbenefit03.jpg') no-repeat 0 0;}
.outletmembers li em {color: #236ca0; font-size: 16px; font-weight: bold;}
.outletmembers li p {color: #333; font-weight: bold;}
/* 2015-08-19추가 */
.card_summarybox .pic_design .rollingpage button.type_green {background: #13744d;}
.card_summarybox .pic_design .rollingpage button.type_classic {background: #000;}
/* 2018-03-20추가 */
.card_summarybox .pic_design .rollingpage button.type_smiley {background: #eade00;}
.store_sub19_01 .store_service_facility {margin-top: 30px;}
.store_sub19_01 #tabContent2_1 .store_service_facility .list_service > li {height: 406px;}
.store_sub19_01 #tabContent2_2 .store_service_facility .list_service > li {height: 476px;}
.sub_txt3 {padding: 0 0 16px 0;}
/* 2015-09-21추가 */
.list_icontype2.appli_down {overflow: hidden; width: 100%; border: 1px solid #C5C4C4; height: 141px;}
.list_icontype2.appli_down:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
/*.list_icontype2.appli_down li {width: 20%; float: left; height: 95px; margin-right: -6px;} */
.list_icontype2.appli_down li {width: 20%; height: 76px;}
.list_icontype2.appli_down li .w76xh76_icon01 {background: url(../../images/webhome/20150914_PC_card_01.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle;}
.list_icontype2.appli_down li .w76xh76_icon02 {background: url(../../images/webhome/20150914_PC_card_02.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle; margin-right: -8px;}
.list_icontype2.appli_down li .w76xh76_icon03 {background: url(../../images/webhome/20150914_PC_card_03.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle;}
.list_icontype2.appli_down li .w76xh76_icon04 {background: url(../../images/webhome/20150914_PC_card_04.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle;}
.list_icontype2.appli_down li .w76xh76_icon05 {background: url(../../images/webhome/20150914_PC_card_05.png) no-repeat 50% 50%; width: 76px; height: 76px; display: inline-block; vertical-align: middle;}
.list_icontype2.appli_down li .cont3 {display: inline-block; vertical-align: middle; width: 58%; color: #515252;}
/*.list_icontype2 li .cont2 {display: inline-block; width: 56%; vertical-align: middle; color: #127e77; font-weight: bold;} */
/* 2015-09-21추가 */
.insurance2 {overflow: hidden;}
.insurance2 li {float: left; width: 176px; height: 206px; margin: 0 0 0 17px; border: 1px solid #dfdfdf; text-align: center;}
.insurance2 li:first-child {margin-left: 0;}
.insurance2 li.insurance01 {background: url("../../images/webhome/icon_insurance01.gif") no-repeat 50% 38px;}
.insurance2 li.insurance02 {background: url("../../images/webhome/icon_insurance02.gif") no-repeat 50% 38px;}
.insurance2 li.insurance03 {background: url("../../images/webhome/icon_insurance03.gif") no-repeat 50% 38px;}
.insurance2 li.insurance04 {background: url("../../images/webhome/icon_insurance04.gif") no-repeat 50% 38px;}
/* 2015.09.22 추가*/
.top_banner2 {margin: 18px 0 5 0;}
.top_banner3 {padding: 18px 0 12px 0;}
/* 2015-11-27 */
.happypoint_terms {overflow: hidden; margin: 30px 0; padding: 15px 10px 5px; border-top: 2px solid #acacac; border-bottom: 2px solid #acacac;}
.happypoint_terms li {float: left; width: 50%; padding: 0 0 10px;}
/* 2015-12-17 주머니 */
.joo_money_list {border: 3px solid #ccc; overflow: hidden;}
.joo_money_list > li {float: left; width: 252px; margin-top: -1px; border-top: 1px dotted #666; border-left: 1px dotted #666;}
.joo_money_list > li:first-child {border-left: none;}
.joo_money_list > li.type4 {border-left: none;}
.joo_money_list > li .txt {padding: 15px 0 15px 25px; background-color: #f7f7f7; color: #333; font-weight: bold;}
/* 2016-01-27 syrup 카드 추가 */
.syrup_point_wrap {padding: 0 0 10px;}
.syrup_point {overflow: hidden; width: 100%;}
.syrup_point li {float: left; padding: 10px 35px 0 20px; vertical-align: top; line-height: 100%;}
.step_syrup {overflow: hidden; width: 100%; height: 60px; background: url(../../images/webhome/img_syrup_step.png) no-repeat 0 0;}
.step_syrup li {float: left; width: 210px; padding-left: 40px; padding-top: 13px; color: #333; font-weight: bold;}
.syrup {overflow: hidden; width: 100%; padding-top: 16px;}
.syrup div {float: left; width: 350px;}
/* 2016-01-27 운전면허증 추가 */
.identitycard_wrap {overflow: hidden; width: 100%;}
.identitycard_wrap .left {width: 330px; float: left;}
.identitycard_wrap .right {width: 300px; float: left;}
/* 2016-02-05 아울렛 동대문점 */
.store_mservice03 {float: left; width: 506px; margin-top: -130px; top: 522px; left: 499px;}
.svclist02 {margin-top: 146px;}
.svclist02 li {float: left;}
.svclist02 li a {float: left; position: relative; display: block; width: 124px; overflow: hidden; margin: 0 -1px -1px 0;}
.svclist02 li a:hover,.svclist02 li a:focus,.svclist02 li a:active {z-index: 1;}
.svclist02 li a:hover img,.svclist02 li a:focus img,.svclist02 li a:active img {margin-left: -124px;}
.banner_dongdaemun {width: 247px; height: 272px; float: left; margin-right: 13px;}
/* 2016-04-04 아울렛 송도점 추가 */
.banner_songdo {width: 247px; float: left; margin-right: 13px;}
.banner_songdo.garden {margin-top: 12px;}
/* 2018-01-30 상단 커튼배너 수정 : S */
.topbanner{/* display:none; */background :#b9b56e;height:90px;width:100%;padding:0;text-align:center;/* border-bottom:3px solid #252223; */background:url(../../html/main/20180201/images/topbanner_bg.png) no-repeat 50% 0;}
.topbanner .btn_open_topbanner{position:relative;}
.topbanner .btn_open_topbanner .img_click{position:absolute;left:50%;top:11px;margin-left:225px;animation:1s topbanner_blink infinite;}
@keyframes topbanner_blink {
	0% {opacity: 0}
	49%{opacity: 0}
	50% {opacity: 1}
}
/* 2018-01-30 상단 커튼배너 수정 : E */
/* 2018-07-16 상단 좌측 배너 : S */
.topbanner2{position:absolute;top:14px;left:12px;width:189px;height:137px;background-color:#006198}
.topbanner2 .item{position:absolute;top:0;left:0;width:100%;height:100%;animation:topbanner2Opacity2 10s infinite;}
.topbanner2 .item:first-child{animation:topbanner2Opacity1 10s infinite;}
@keyframes topbanner2Opacity1 {
    0% {opacity:1;}
    50% {opacity:0;}
	100% {opacity:1;}
}
@keyframes topbanner2Opacity2 {
    0% {opacity:0;}
    50% {opacity:1;}
	100% {opacity:0;}
}
@media screen and (max-width: 1440px) {
	.topbanner2{display:none}
}
/* 2018-07-16 상단 좌측 배너 : E */
/* 2016-05-19 클럽웨딩 CSS 추가 박영후 */
/* 2017-08-14 클럽웨딩 css 수정 : S */
/* 클럽웨딩 안내 */
.card_sub07_01_01 .intro_clubwedding {background: url('../../images/webhome/bg_intro_clubwedding.png') no-repeat 453px 100%;}
/* 2018-01-05 수정 : S */
/* 마일리지 */
.card_sub07_01_02 h4,.card_sub07_01_02 h5,.card_sub07_01_02 h6{color:#333;}
.card_sub07_01_02 h5{font-size:13px;line-height:1.6;}
.card_sub07_01_02 .intro_mileage{}
.card_sub07_01_02 .intro_mileage > li{position:relative;padding:30px 0 30px 250px;border-bottom:1px solid #dcdcdc;}
.card_sub07_01_02 .intro_mileage > li > img{position:absolute;left:35px;top:50%;margin-top:-40px;}
.card_sub07_01_02 .bllist_type1 > li{margin:3px 0;}
/* BENEFIT */
.card_sub07_01_03 h5{font-size:13px;line-height:1.6;}
.card_sub07_01_03 .wrap_clubwedding_benefit{overflow:hidden;background-color:#f7f7f7;}
.card_sub07_01_03 .wrap_clubwedding_benefit .fr{padding:35px 0px 35px 30px;width:450px;}
.card_sub07_01_03 .wrap_clubwedding_benefit .fr .bllist_type1 > li{margin:3px 0;}
.card_sub07_01_03 .wrap_clubwedding_benefit.n01{height:255px;}
.card_sub07_01_03 .wrap_clubwedding_benefit.n01 .fr .bllist_type2{overflow:hidden;}
.card_sub07_01_03 .wrap_clubwedding_benefit.n01 .fr .bllist_type2 li{float:left;width:230px;}
.card_sub07_01_03 .wrap_clubwedding_benefit.n01 .fr .bllist_type2 li:nth-child(2n){width:100px;}
.card_sub07_01_03 .wrap_clubwedding_benefit.n02{height:184px;}
.card_sub07_01_03 .wrap_clubwedding_benefit.n03{height:323px;}
.card_sub07_01_03 .wrap_clubwedding_benefit.n04{height:205px;}
/* 2017-08-14 클럽웨딩 css 수정 : E */
/* 2018-01-05 수정 : E */
/* 2016-09-06 제휴 서비스 수정 시작 */
.clubwedding-info-service>h3																		{margin: 0 0 54px 0; padding: 0;}
.clubwedding-info-service .content-item>h4															{margin: 0 0 30px 0; color: #333333; font-size: 16px; letter-spacing: -1px;}
.clubwedding-info-service .content-item+.content-item												{margin-top: 50px;}
.clubwedding-info-service .title+.info-board														{margin-top: 15px;}
.clubwedding-info-service .content-item>.title														{margin-top: 25px; color: #000000;}
.clubwedding-info-service .content-item .content-body												{margin-top: 20px;}
.clubwedding-info-service .content-item .content-body>div+div										{margin-left: 15px;}
.clubwedding-info-service .content-item .content-body:after											{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.clubwedding-info-service .content-item .content-body .image										{float: left; margin-right: 15px; padding-left: 20px;}
.clubwedding-info-service .content-item .content-body table											{float: left;}
.clubwedding-info-service .content-item .data-list.theme-a>li+li									{margin-top: 8px;}
.clubwedding-info-service .content-item .info-board.theme-a											{padding: 30px 20px; background-color: #f7f7f7;}
.clubwedding-info-service .content-item .info-board.theme-a:after									{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.clubwedding-info-service .content-item .info-board.theme-a>.title									{margin: 0; color: #000000;}
.clubwedding-info-service .content-item .info-board.theme-a>.sub-title								{margin-top: 15px;}
.clubwedding-info-service .content-item .info-board.theme-a>.text									{padding-left: 1em;}
.clubwedding-info-service .content-item .info-board.theme-a>.info									{float: left; padding: 0px; }
.clubwedding-info-service .content-item .info-board.theme-a>.info>.sub-title						{margin-top: 15px;}
.clubwedding-info-service .content-item .info-board.theme-a>.image									{float: right; padding-right: 15px;}
.clubwedding-info-service .content-item .info-board.theme-b											{background-color: #f7f7f7;}
.clubwedding-info-service .content-item .info-board.theme-b:after									{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.clubwedding-info-service .content-item .info-board.theme-b>.image									{float: left; width: 269px;}
.clubwedding-info-service .content-item .info-board.theme-b>.info									{float: left; padding: 50px 0 150px 0; background: url(../../images/webhome/pic_card_clubwedding_07_02.png) no-repeat 0 100%;}
.clubwedding-info-service .content-item .info-board.theme-b>.info>.title							{margin-bottom: 15px; color: #000000;}
.clubwedding-info-service .content-item .info-board.theme-b>.info .text span						{display: inline-block;}
.clubwedding-info-service .content-item .info-board.theme-b>.info .text .wbr						{padding-left: 8px;}
.clubwedding-info-service .content-item .info-board.theme-b>.info .text+.text .wbr					{padding-left: 52px;}
.clubwedding-info-service .content-item .info-board.theme-b>.info .text+.text strong				{display: inline-block; vertical-align: top;}
.clubwedding-info-service .content-item .info-board.theme-b>.info .text span+span					{display: block;}
/* 2016-09-06 제휴 서비스 수정 끝 */
/* 2017-09-14 제휴 서비스 추가 : S */
.clubwedding-info-service .content-item .info-board.theme-c{padding:45px 0 45px 95px; background-color: #f7f7f7;}
.clubwedding-info-service .content-item .info-board.theme-c p{display:inline-block;margin-left:35px;}
.clubwedding-info-service .content-item .divide-box{margin-top:40px;padding-bottom:35px;border-bottom:1px solid #dcdcdc;overflow:hidden;}
.clubwedding-info-service .content-item .divide-box .left{float:left;}
.clubwedding-info-service .content-item .divide-box .right{float:right;}
.clubwedding-info-service .content-item .divide-box h5{color:#000;font-weight:bold;}
.clubwedding-info-service .content-item .divide-box h5 em{display:inline-block;margin-right:10px;color:#5d1b9c;text-decoration:underline;}
.clubwedding-info-service .content-item .divide-box dl{margin-top:30px;overflow:hidden;}
.clubwedding-info-service .content-item .divide-box dl dt{clear:both;float:left;margin-top:20px;width:85px;color:#000;font-weight:bold;}
.clubwedding-info-service .content-item .divide-box dl dd{float:left;margin-top:20px;}
.clubwedding-info-service .content-item .divide-box dl.type02 dt{width:110px;}
.clubwedding-info-service .content-item .divide-box table.info03 thead th{text-align:left}
.clubwedding-info-service .content-item .divide-box table.info03 tbody td{padding:12px 0 11px 20px;}
/* 2017-09-14 제휴 서비스 추가 : E */
/* 제휴 서비스 */
.wrap_clubwedding_service00 {position: relative; background-color: #f7f7f7; padding: 30px 30px; margin-bottom: 20px;}
.wrap_clubwedding_service01 {position: relative; background-color: #f7f7f7; padding: 30px 30px; margin-bottom: 20px; height: 80px;}
.wrap_clubwedding_service01 .cont_clubwedding_service01 {float: left;}
.wrap_clubwedding_service01 .pic_clubwedding_service01 {float: right;}
.benefit-list						{margin-top: 8px; padding-bottom: 150px; background: url(../../images/webhome/pic_card_clubwedding_07_02.png) no-repeat 0 100%;}
.benefit-list .benefit-item .head {display: inline-block; vertical-align: top; width: 86px;}
.benefit-list .benefit-item .text {display: inline-block; vertical-align: top;}
.benefit-list .benefit-item .text span {display: block;}
/* 프로모션 */
.content-exbhit ul.exbhit-wrap																		{margin: 0; padding: 0;}
.content-exbhit .exbhit-wrap li.exbhit-item															{list-style: none;}
.content-exbhit .exbhit-wrap .exbhit-item .exbhit-head												{}
.content-exbhit .exbhit-wrap .exbhit-item .exbhit-head .image										{display: block;}
.content-exbhit .exbhit-wrap .exbhit-item .exbhit-head .image img									{vertical-align: top;}
.content-exbhit.theme-a .exbhit-wrap:after															{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.content-exbhit.theme-a .exbhit-wrap .exbhit-item													{float: left; width: 240px;}
.content-exbhit.theme-a .exbhit-wrap .exbhit-item+.exbhit-item										{margin-left: 22px;}
.content-exbhit.theme-a .exbhit-wrap .exbhit-item .exbhit-body										{background-color: #eaedf3;}
.content-exbhit.theme-a .exbhit-wrap .exbhit-item .exbhit-body .exbhit-title						{display: table; table-layout: fixed; width: 100%;}
.content-exbhit.theme-a .exbhit-wrap .exbhit-item .exbhit-body .exbhit-title .text					{display: table-cell; height: 52px; text-align: center; vertical-align: middle;}
.content-exbhit.theme-a .exbhit-wrap .exbhit-item .exbhit-body .exbhit-title .text strong			{display: block;}
.content-exbhit.theme-b .exbhit-wrap:after															{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.content-exbhit.theme-b .exbhit-wrap .exbhit-item													{float: left; width: 366px;}
.content-exbhit.theme-b .exbhit-wrap .exbhit-item+.exbhit-item										{margin-left: 32px;}
.content-exbhit.theme-b .exbhit-wrap .exbhit-item .exbhit-body										{background-color: #eaedf3;}
.content-exbhit.theme-b .exbhit-wrap .exbhit-item .exbhit-body .exbhit-title						{display: table; table-layout: fixed; width: 100%;}
.content-exbhit.theme-b .exbhit-wrap .exbhit-item .exbhit-body .exbhit-title .text					{display: table-cell; height: 72px; text-align: center; vertical-align: middle;}
.content-exbhit.theme-b .exbhit-wrap .exbhit-item .exbhit-body .exbhit-title .text strong			{display: block;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item													{display: table; table-layout: fixed; width: 100%; background-color: #f7f7f7;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-head										{display: table-cell; vertical-align: middle; width: 317px;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body										{display: table-cell; vertical-align: middle; padding-right: 30px;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .exbhit-title .text					{display: block;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .exbhit-summary						{margin-top: 12px;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .exbhit-summary .para				{margin: 0; font-weight: bold;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .benefits-info:after					{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .benefits-info>span					{float: left;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .benefits-info>span+span				{margin-left: 20px;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .benefits-info>span .head			{float: left; font-weight: bold;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .benefits-info>span .text			{float: left; margin-left: 4px;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .benefits-title						{margin: 12px 0; padding: 0 10px; height: 32px; line-height: 32px; border: 1px solid #c3c8d5;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .benefits-body						{padding-left: 12px;}
.content-exbhit.theme-c .exbhit-wrap .exbhit-item .exbhit-body .benefits-title-sub					{margin-top: 12px;}
.content-exbhit.theme-d .exbhit-wrap .exbhit-item:after												{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.content-exbhit.theme-d .exbhit-wrap .exbhit-item .exbhit-head										{float: left; width: 252px; margin-right: 20px;}
.content-exbhit.theme-d .exbhit-wrap .exbhit-item .exbhit-body										{float: none; overflow: hidden;}
.content-exbhit.theme-d .exbhit-wrap .exbhit-item .exbhit-body .exbhit-title .text strong			{color: #000000;}
.content-exbhit.theme-d .exbhit-wrap .exbhit-item .exbhit-body .exbhit-summary						{margin: 12px 0;}
.content-exbhit.theme-d .exbhit-wrap .exbhit-item .exbhit-body .exbhit-summary .para				{margin: 0; font-weight: bold;}
.content-exbhit.theme-d .exbhit-wrap .exbhit-item .exbhit-body .brand-list .brand-item				{padding: 26px 20px; background-color: #f7f7f7;}
.content-exbhit.theme-d .exbhit-wrap .exbhit-item .exbhit-body .brand-list .brand-item+.brand-item	{margin-top: 10px;}
.content-exbhit.theme-d .exbhit-wrap .exbhit-item .exbhit-body .brand-list .brand-item .brand-name	{margin-bottom: 10px;}
/* 클럽웨딩 가입 */
.card_sub07_02_01 .submit-form								{}
.card_sub07_02_01 .submit-form .form-item					{}
.card_sub07_02_01 .submit-form .form-item:after				{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.card_sub07_02_01 .submit-form .form-item .form-head		{float: left; margin: 4px 0; height: 28px; line-height: 28px; width: 36px;}
.card_sub07_02_01 .submit-form .form-item .form-body		{float: left;}
/* 2016-06-19 스마트 쿠폰 추가 김상유 */
.smartcoupon_sub01 .content_intro {background: url(../../images/webhome/bg_intro_smartcoupon.png) no-repeat 100% 9px;}
/* 2016-09-09 개인정보 처리방침 추가 박영후 */
.policy-personalinfo .tb_type2 table td						{padding: 8px 20px;}
/* 2016-11-21 고객서비스 (서비스제도) */
.store_service_facility .service-type														{}
.store_service_facility .service-type+.service-type											{margin-top: 23px;}
.store_service_facility .service-type .item-display											{}
.store_service_facility .service-type .item-display:after									{content: ''; display: block; clear: both;}
.store_service_facility .service-type .item-display .item-list								{float: left; position: relative; width: 244px; border: 1px solid #dfdfdf; box-sizing: border-box; text-align: center;}
.store_service_facility .service-type .item-display .item-list+.item-list					{margin-bottom: 16px; margin-left: 16px;}
.store_service_facility .service-type .item-display .item-list:nth-child(4)					{margin-left: 0;}
.store_service_facility .service-type .item-display .item-list:before						{content: ''; display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background-image: url(../../images/webhome/service_more.png); background-repeat: no-repeat;}
.store_service_facility .service-type .item-display .item-list:after						{content: ''; display: block; position: absolute; top: 0; left: 50%; width: 120px; height: 94px; margin-left:-60px; background-image: url(../../images/webhome/service_icon_bg.png); background-repeat: no-repeat;}
.store_service_facility .service-type .item-display .item-list .wrap						{display: block; position: relative; z-index: 3; padding: 114px 0 20px;}
.store_service_facility .service-type .item-display .item-list .wrap .text					{display: block;}
.store_service_facility .service-type .item-display .item-list .wrap strong					{display: block; margin-top: 18px; font-size: 14px;}
/* 2019-08-13 변경 : S */
.store_service_facility .service-type:nth-child(1) .item-display .item-list:nth-child(1):after			{background-position: -120px 0;}
.store_service_facility .service-type:nth-child(1) .item-display .item-list:nth-child(2):after			{background-position: -240px 0;}
.store_service_facility .service-type:nth-child(1) .item-display .item-list:nth-child(3):after			{background-position: 0 0;}
/* 2019-08-13 변경 : E */
.store_service_facility .service-type:nth-child(2) .item-display .item-list:nth-child(1):after			{background-position: 0 -94px;}
.store_service_facility .service-type:nth-child(2) .item-display .item-list:nth-child(2):after			{background-position: -120px -94px;}
.store_service_facility .service-type:nth-child(2) .item-display .item-list:nth-child(3):after			{background-position: -240px -94px;}
.store_service_facility .service-type:nth-child(3) .item-display .item-list:nth-child(1):after			{background-position: 0 -188px;}
.store_service_facility .service-type:nth-child(3) .item-display .item-list:nth-child(2):after			{background-position: -120px -188px;}
.store_service_facility .service-type:nth-child(3) .item-display .item-list:nth-child(3):after			{background-position: -240px -188px;}
.store_service_facility .service-type:nth-child(3) .item-display .item-list:nth-child(4):after			{background-position: 0 -282px;}
.store_service_facility .service-type:nth-child(4) .item-display .item-list:nth-child(1):after			{background-position: -120px -282px;}
.store_service_facility .service-type:nth-child(4) .item-display .item-list:nth-child(2):after			{background-position: -240px -282px;}
/* 2019-08-13 변경 : S */
.store_service_facility .service-type:nth-child(5) .item-display .item-list:nth-child(1):after			{background-position: -239px -473px;}
.store_service_facility .service-type:nth-child(5) .item-display .item-list:nth-child(2):after			{background-position: -240px -572px;} /* 2020-09-11 변경 */
.store_service_facility .service-type:nth-child(5) .item-display .item-list:nth-child(3):after			{background-position: -122px -572px;}
/* 2019-08-13 변경 : E */
.store_service_facility .service-type:nth-child(5) .item-display .item-list:nth-child(4):after			{background-position: 0 -470px;}
.store_service_facility .service-type:nth-child(5) .item-display .item-list:nth-child(5):after			{background-position: -120px -470px;}
#content.customer_sub03_01 .window																		{width: 764px;}
#content.customer_sub03_01 .window.poplayer .wrap_poplayer												{height: 207px; padding: 28px 20px 28px 242px;}
#content.customer_sub03_01 .window.poplayer .wrap_poplayer:after										{content: ''; display: block; position: absolute; top: 0; left: 0 ; width: 211px; background-repeat: no-repeat;}
#content.customer_sub03_01 .window.poplayer .wrap_poplayer .wrap_service								{overflow-y: auto;height:100%;padding:28px 20px;margin: -28px -20px;} /* 2020-09-11 추가 */
#content.customer_sub03_01 .window.poplayer .wrap_poplayer .wrap_service .service_pop_title				{position: relative; padding-bottom: 6px; font-weight: bold; color: #666666; letter-spacing: -1px;}
#content.customer_sub03_01 .window.poplayer .wrap_poplayer .wrap_service .service_pop_title:after		{content: ''; display: block; position :absolute; bottom: 0; left: 0; width: 17px; height: 1px; background: #000000;}
#content.customer_sub03_01 .window.poplayer .wrap_poplayer .wrap_service .sub_title						{margin: 16px 0 18px; font-size: 14px; color: #000000; letter-spacing: -1px}
#content.customer_sub03_01 .window.poplayer .wrap_poplayer .wrap_service .em strong						{display: block; margin-top: 10px; color: #333333;}
#content.customer_sub03_01 .window.poplayer .wrap_poplayer .wrap_service .em.bullet						{position: relative; padding-left: 12px;}
#content.customer_sub03_01 .window.poplayer .wrap_poplayer .wrap_service .em.bullet strong:after		{content: ''; display: block; position: absolute; top: 50%; left: 0 ; width: 3px; height: 3px; margin-top: -1px; background: #333333;}
#content.customer_sub03_01 .exchangepop.poplayer .wrap_poplayer:after												{height: 263px; background-image: url(../../images/webhome/service_pop01.png);}
#content.customer_sub03_01 #exchangePop01.poplayer .wrap_poplayer:after												{background-position: 0 0;}
#content.customer_sub03_01 #exchangePop02.poplayer .wrap_poplayer:after												{background-position: -211px 0;}
#content.customer_sub03_01 #exchangePop03.poplayer .wrap_poplayer:after												{height: 638px; background-position: -422px 0;}
#content.customer_sub03_01 #exchangePop03.poplayer .wrap_poplayer													{height: 582px;}
#content.customer_sub03_01 #exchangePop03.poplayer .wrap_poplayer .wrap_service .info-box .standard					{margin: 10px 0 4px;}
#content.customer_sub03_01 #exchangePop03.poplayer .wrap_poplayer .wrap_service .info-box ol						{margin-top: 0px }
#content.customer_sub03_01 #exchangePop03.poplayer .wrap_poplayer .wrap_service .info-box ol li						{letter-spacing: -0.5px;}
#content.customer_sub03_01 #exchangePop03.poplayer .wrap_poplayer .wrap_service .info-box+.info-box					{margin-top: 26px;}
#content.customer_sub03_01 #exchangePop03.poplayer .wrap_poplayer .wrap_service .info-box+.info-box .sub_title		{margin-bottom: 10px;}
#content.customer_sub03_01 #exchangePop03.poplayer .wrap_poplayer .wrap_service .info-box .tb_type2					{margin-top: 10px;}
#content.customer_sub03_01 #exchangePop03.poplayer .wrap_poplayer .wrap_service .info-box .tb_type2 table th		{padding: 15px 0; text-align: center;}
#content.customer_sub03_01 #exchangePop03.poplayer .wrap_poplayer .wrap_service .info-box .tb_type2 table td		{padding: 6px 0 6px 10px;}
#content.customer_sub03_01 .kidspop.poplayer .wrap_poplayer:after													{height: 263px; background-image: url(../../images/webhome/service_pop02.png);}
#content.customer_sub03_01 #kidsPop01.poplayer .wrap_poplayer:after													{background-position: 0 0;}
#content.customer_sub03_01 #kidsPop02.poplayer .wrap_poplayer:after													{background-position: -211px 0;}
#content.customer_sub03_01 #kidsPop03.poplayer .wrap_poplayer:after													{background-position: -422px 0;}
#content.customer_sub03_01 .foodpop.poplayer .wrap_poplayer:after													{height: 263px; background-image: url(../../images/webhome/service_pop03.png);}
#content.customer_sub03_01 #foodPop01.poplayer .wrap_poplayer:after													{background-position: 0 0;}
#content.customer_sub03_01 #foodPop02.poplayer .wrap_poplayer:after													{background-position: -211px 0;}
#content.customer_sub03_01 #foodPop03.poplayer .wrap_poplayer:after													{background-position: -422px 0;}
#content.customer_sub03_01 #foodPop04.poplayer .wrap_poplayer:after													{background-position: -633px 0;}
#content.customer_sub03_01 .infopop.poplayer .wrap_poplayer:after													{height: 263px; background-image: url(../../images/webhome/service_pop04.png);}
#content.customer_sub03_01 #infoPop01.poplayer .wrap_poplayer:after													{background-position: 0 0;}
#content.customer_sub03_01 #infoPop02.poplayer .wrap_poplayer:after													{background-position: -211px 0;}
#content.customer_sub03_01 .etcpop.poplayer .wrap_poplayer:after													{height: 263px; background-image: url(../../images/webhome/service_pop05.png);}
#content.customer_sub03_01 #etcPop01.poplayer .wrap_poplayer:after													{background-position: 0 0;}
#content.customer_sub03_01 #etcPop02.poplayer .wrap_poplayer:after													{background-position: -211px 0;}
#content.customer_sub03_01 #etcPop03.poplayer .wrap_poplayer:after													{background-position: -1055px 0;} /* 2020-09-11 변경 */
#content.customer_sub03_01 #etcPop04.poplayer .wrap_poplayer:after													{background-position: -633px 0;}
#content.customer_sub03_01 #etcPop05.poplayer .wrap_poplayer:after													{background-position: -844px 0;}
/* 2016-11-15 스마트 쿠폰 수정 박영후 */
.smartcoupon_sub01 .content_intro							{background: url(../../images/webhome/bg_intro_smartcoupon01.png) no-repeat 100% 6px;}
/* 2017-02-07 점별 오시는길 內 주차장 이용안내 추가 김신혜 */
.store_parking												{width: 722px; padding: 10px 20px;}
/* 2022-07-15 추가 [S] */
.store_parking .store_parking-title                         {font-size: 14px; font-weight: 700; color: #333; margin-bottom: 15px;}
.store_parking .store_parking-title.mt15                    {margin-top: 15px;}
/* 2022-07-15 추가 [E] */

.store_parking .bllist										{position: relative; padding-left: 12px;} /* 2020-12-16 추가 */
.store_parking .bllist:before								{content: ''; display: block; position: absolute; top: 5px; left: 0; width: 5px; height: 5px; background-color: #666} /* 2020-12-16 추가 */
.store_parking p											{margin-bottom: 6px; color: #333333;}
.store_parking li											{line-height: 20px} /* 2020-12-16 추가 */
.store_parking .info_numbering								{position: relative; padding-left: 18px;}
.store_parking .info_numbering:before						{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -7px; background-color: #777777; border-radius: 14px;}
.store_parking .info_numbering span							{position: absolute; left: 0; width: 14px; font-size: 11px; color: #fff; text-align: center;}
.store_parking .bllist_type4 li								{line-height: 20px;}
.store_parking .free_parking_info							{margin: 6px 0;}
.store_parking .parking_price_info							{overflow: hidden;}
.store_parking .parking_price_info li						{float: left; margin-right: 20px; line-height: 20px;}
.store_parking .parking_price_info li.full					{clear: left; width: 100%; margin-right: 0} /* 2019-04-16 */
.store_parking.type2 ul										{margin-left:12px} /* 2020-12-16 추가 */

/* 2022-08-03 수정 [S] */

.animal-tab *{color: #333;  font-size: 14px;}
.animal-tab .tab_title{font-family: 'Happiness-Sans-Title'; font-size: 20px; margin-bottom: 40px; margin-top: 40px;}
.animal-tab .animal-info dt{font-family: 'Happiness-Sans-Title'; display: inline-block; margin-right: 10px;}
.animal-tab .animal-info dd{ font-size: 13px; display: inline-block;}
.animal-tab .animal-info+.animal-info{margin-top: 2px;}
.animal-tab .animal-article{padding-top: 25px; border-top: 1px solid #e1e1e1; margin-top: 30px; }
.animal-tab .animal-article .animal-subtit{margin-top: 40px; font-family: 'Happiness-Sans-Title';}
.animal-tab .animal-article .animal-subtit:first-child{margin-top: 0;}
.animal-tab .animal-article p{margin-top: 10px;}
.animal-tab .animal-article button{width: 170px; text-align: center; font-weight: 700; background-color: #ececec; padding: 9px 0; margin-top: 10px; line-height: normal; text-indent: 0;}
.animal-tab .animal-article em{color: #959595;}
.animal-tab .animal-article .animal-list{width: 100%; background-color: #f6f6f6; padding: 15px 15px; box-sizing: border-box; margin-top: 5px;}
.animal-tab .animal-article .animal-list li{position: relative; padding-left: 10px;}
.animal-tab .animal-article .animal-list li::before{content: '\00B7'; position: absolute; top: 0; left: 0;}
.animal-popup-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: none; z-index: 1000;}
.animal-popup-wrap *{color: #333; font-size: 14px;}
.animal-popup-wrap.popup-active{display: block;}
.animal-popup-wrap .animal-popup{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  background-color: #fff; width: 600px; }
.animal-popup-wrap .animal-popup .popup-box{padding: 25px 16px 40px;}
.animal-popup-wrap .animal-popup .popup-img{width: calc(100% - 12px); margin: 6px auto 0 auto;}
.animal-popup-wrap .animal-popup .popup-img img{width: 100%;}
.animal-popup-wrap .popup-closed{position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; text-indent: 0;line-height: normal;}
.animal-popup-wrap .popup-closed img{width: 100%;}
.animal-popup-wrap .animal-popup .popup-box .popup-tit{font-family: 'Happiness-Sans-Title'; margin-bottom: 15px; font-size: 20px;}
.animal-popup-wrap .animal-popup .popup-table{border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-left: none; border-right: none; padding: 10px 0; display: block; margin: 15px 0;}
.animal-popup-wrap .animal-popup .popup-table th{vertical-align: top; padding: 0 5px;}
.animal-popup-wrap .animal-popup .popup-table th,.animal-popup-wrap .animal-popup .popup-table  td{padding-top:  10px; padding-bottom: 10px;}
.animal-popup-wrap .animal-popup .popup-table em{font-size: 11px; color: #898989;}
.animal-popup-wrap .animal-popup .popup-ref{color: #898989; position: relative; padding-left: 13px; display: inline-block;}
.animal-popup-wrap .animal-popup .popup-ref::before{content: '\203B'; position: absolute; top: 0; left: 0;}
/* 2022-08-03 수정 [E] */

/*2017.03.08
.btn-more a {display:block; width:100%; margin-top:-1px; background:#dfdfdf; padding:8px 0; text-align:center; border-top:1px solid #bfbfbf; color:#222;}
.btn-more.on a {background:#b9b9b9; color:}
.btn-more .numb-cont {display:inline-block; padding-left:20px; font-size:14px; line-height:18px; background-image:url('../../images/mobilehome/svg/bg_btnMore.png'); background-repeat:no-repeat; background-position:0 50%; background-size:14px 14px;}
*/
/* 2017-03-09 아울렛 행사안내 게시판 버튼 추가 */
.container .content.outlets-event .event-list .btn-more .more_outlet_event				{display: block; width: 246px; margin: 40px auto; text-align: center; text-decoration: none;}
.container .content.outlets-event .event-list .btn-more .more_outlet_event .text			{display: block; height: 30px; line-height: 30px; font-size: 12px; color: #000; border: 1px solid #000; webkit-transition: all 0.3s; transition: all 0.3s;}
.container .content.outlets-event .event-list .btn-more .more_outlet_event:hover .text	{background-color: #000; color: #fff;}
/*2017.03.08*/
/*2017.03.14*/
.btn-more {display: block; width: 246px; margin: 40px auto; text-align: center; text-decoration: none;}
.btn-more .text {display: block; height: 30px; line-height: 30px; font-size: 12px; color: #000; border: 1px solid #000; webkit-transition: all 0.3s; transition: all 0.3s;}
.btn-more .more_outlet_event:hover .text	{background-color: #000; color: #fff;}
/* 2017-03-16 내가 만드는 서비스 페이지 추가 */
.container .content.customer-make-service .service_offer_intro								{position: relative;}
.container .content.customer-make-service .service_offer_intro .btn_service_intro			{position: absolute; top: 426px; left: 48px; width: 208px; height: 42px;}
.container .content.customer-make-service .service_offer_intro .btn_service_intro a			{display: block; width: 100%; height: 100%; background-image: url(../../images/webhome/btn_service_offer_intro.png); background-repeat: no-repeat;}
.container .content.customer-make-service .service_offer_intro .btn_service_intro a .text	{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0);}
/* 2017-04-12 아울렛 가든파이브점 글로벌 라이프스타일 추가 */
.container .content.outlets-globallifestyle .page-container .video-area.pottery-barn				{text-align: center; background: url(../../images/webhome/img_gardenfive_globallifestyle02.png) no-repeat 0 0;}
.container .content.outlets-globallifestyle .page-container .video-area.pottery-barnkids			{text-align: center; background: url(../../images/webhome/img_gardenfive_globallifestyle04.png) no-repeat 0 0;}
.container .content.outlets-globallifestyle .page-container .video-area iframe						{display: inline-block; vertical-align: top; background-color: #000000;}
.container .content.outlets-globallifestyle .page-container .video-area iframe+iframe				{margin-top: 20px;}
.container .content.outlets-globallifestyle .page-container .video-area.west-elm					{text-align: center; background: url(../../images/webhome/img_gardenfive_globallifestyle06.png) no-repeat 0 0;}
/* 2017-04-20 백화점카드 약관동의 수정 */
.container .card_sub02_01_02 .indent_section01 .box_policy									{padding: 15px 21px;}
.container .card_sub02_01_02 .indent_section01 .box_policy .input_wrap						{display: block; float: right;}
.container .card_sub02_01_02 .indent_section01 .btn_detail									{display: inline-block; height: 20px; margin-left: 6px; vertical-align: middle;}
.container .card_sub02_01_02 .indent_section01 .btn_detail a								{display: inline-block; width: 16px; height: 16px; padding: 1px; border: 1px solid #c4c4c4; background: url(../../images/webhome/img_detail_icon.png) no-repeat center;}
.container .card_sub02_01_02 .indent_section01 .tit_section01 .input_checkwrap,
.container .card_sub02_01_02 .indent_section01 .tit_section02 .input_checkwrap				{display: block; float: right; font-size: 14px;}
  /* 2021-06-28 수정  : S */
.container .card_sub02_01_02 .input_checkwrap.ml21 {margin-left: 19px;}
.container .card_sub02_01_02 .confirmarea {position: relative; border-bottom:1px solid #e3e3e3;} 
.container .card_sub02_01_02 .confirmarea::after {display: block; content: ""; clear: both;}
.container .card_sub02_01_02 p.mt5 {margin-top:5px;}
.container .card_sub02_01_02 .confirmarea .fl {float: left;}
.container .card_sub02_01_02 .confirmarea .fr {float: right;  margin-top:13px;}

/* H.Point 멤버십 통합 회원전환 2017-04-17 추가 */
.hPointDiv {position:relative; width:100%; overflow:hidden}
.hPointDiv .left {float:left; width:380px}
.hPointDiv .left .tit {font-weight:bold; font-size:16px; color:#333}
.hPointDiv .left .txt {margin-top:20px}
.hPointDiv .left .txt2 {text-indent:-12px; margin-left:12px}
.hPointDiv .right {float:right; border:1px solid #e9e9e9}
/* H.Point 멤버십 통합 회원전환 */
.hpointLayerPop {display:block; position:absolute; top:0; left:0; margin-top:0; margin-left:0; z-index:999999}
.hpointLayerPop .popCon {position:relative; padding:29px 20px 10px; width:440px; height:450px; background:#fff; border:1px solid #c2c7d5}
.hpointLayerPop .popCon .closed {position: absolute; top:0; right:0; width: 33px; height: 30px; overflow: hidden; text-indent: -5000px; background: url("../../images/webhome/btn_popclose.png") no-repeat 0 0;}
.hpointLayerPop .popCon .conArea .img {text-align:center}
.hpointLayerPop .popCon .conArea .txt1 {text-align:center; font-weight:bold; font-size:18px; color:#333; margin-top:30px}
.hpointLayerPop .popCon .conArea .txt2 {text-align:center; font-size:14px; color:#666; line-height:20px; margin-top:15px}
.hpointLayerPop .popCon .conArea .btn {text-align:center}
/* 멤버십 안내 2017-04-17 추가 */
/* 2020-08-20 추가 : S */
.hpointLayerPop.v2 {font-family: 'Happiness-Sans', sans-serif;color:#333;letter-spacing:-.03em}/* 2022-03-04 수정 */
.hpointLayerPop.v2 .popCon {width:664px;height:auto;padding:80px 50px 60px;border-color:transparent}
.hpointLayerPop.v2 .popCon .conArea .tit {display:block;padding-bottom:17px;border-bottom:5px solid #333;font-size:25px;font-weight:700;}
.hpointLayerPop.v2 .popCon .conArea .txt1 {font-size:30px;font-weight:400;color:#333}
.hpointLayerPop.v2 .popCon .conArea .txt1 strong {font-weight:700}
.hpointLayerPop.v2 .popCon .conArea .txt2 {font-size:22px;font-weight:400;color:#333;line-height:1.6363;}
.hpointLayerPop.v2 .popCon .conArea .txt2 strong {font-weight:700}
.hpointLayerPop.v2 .popCon .conArea .list {display:table;width:500px;border-top:2px solid #d7d7d7;border-bottom:2px solid #d7d7d7;margin-right:auto;margin-left:auto;line-height:60px;text-align:center}
.hpointLayerPop.v2 .popCon .conArea .listTitle {display:table-cell;width:50%;font-size:18px;font-weight:700;}
.hpointLayerPop.v2 .popCon .conArea .listContent {display:table-cell;width:50%;font-size:18px}
.hpointLayerPop.v2 .popCon .conArea .btn {margin-top:67px}
.hpointLayerPop.v2 .popCon .conArea .btn a {display:inline-block;min-width:365px;padding:20px 30px 19px 30px;font-size:18px;font-weight:400;color:#fff;background-color:#333;vertical-align:top}
.hpointLayerPop.v2 .popCon .conArea .btn a:focus,
.hpointLayerPop.v2 .popCon .conArea .btn a:hover {text-decoration:none}
.hpointLayerPop.v2 .popCon .conArea .btn a strong {font-weight:700}
/* 2020-08-20 추가 : E */
/* 2018-03-09 H포인트 안내 텍스트 수정 : S */
.membershipTop {position:relative; width:100%; padding:47px 0 48px; overflow:hidden; background:url("../../images/webhome/hpoint_top_bg.jpg") no-repeat 50% 50%; text-align:center;color:#333;}
.membershipTop .txt {font-size:30px;line-height:32px}
.membershipTop .bar {margin-top:15px}
.membershipTop .txt2 {font-size:14px;line-height:22px; margin-top:15px}
/* 2018-03-09 H포인트 안내 텍스트 수정 : E */
.brand_tit {font-weight:bold; font-size:16px; color:#333; line-height:18px}
.brand_tit span {font-size:12px; color:#666; margin-left:10px}
.benefitList {position:relative; width:100%; overflow:hidden; margin-top:10px}
.benefitList li {float:left; display:table; width:382px; overflow:hidden; margin-top:20px}
.benefitList li p {display:table-cell; vertical-align:middle}
.benefitList li p.img {width:109px; padding-right:20px}
.benefitList li p.txt {font-size:12px; color:#555; line-height:20px}
.membership_brand {position:relative; width:100%; overflow:hidden}
.membership_brand .brandTit {font-weight:bold; font-size:16px; color:#5d6c89; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e1e1e1; margin-top:28px}
.membership_brand .brandTit > img {margin-top:2px; margin-right:5px}
.membership_brand .brandDiv {position:relative; width:100%; overflow:hidden}
.membership_brand .brandDiv > a {float:left; display:table; padding:0 19px; width:142px; border:1px solid #e1e1e1; margin-left:12px; margin-bottom:12px}
.membership_brand .brandDiv > a:nth-child(4n + 1) {margin-left:0}
.membership_brand .brandDiv > a .tr {display:table-row; text-align:center}
.membership_brand .brandDiv > a .logo {display:table-cell; width:100%; height:59px; border-bottom:1px solid #e1e1e1; vertical-align:middle;}
.membership_brand .brandDiv > a .logo > img {vertical-align:middle; max-width:140px; max-height:55px}
.membership_brand .brandDiv > a .name {display:table-cell; width:100%; height:60px; font-size:14px; vertical-align:middle;}
.membership_brand .brand_more_bt {display:block; border:1px solid #e1e1e1; font-size:14px; color:#333; line-height:40px; text-align:center}
.membership_brand .brand_more_bt span {display:inline-block; padding-right:20px; background:url("../../images/webhome/membership_brand_more.gif") no-repeat 100% 50%;}
.membership_brand .brand_more_bt.on span {display:inline-block; padding-right:20px; background:url("../../images/webhome/membership_brand_more_on.gif") no-repeat 100% 50%;}
/* 멤버십안내 브랜드 레이어팝업 2017-04-17 추가 */
.brandLayerPop {display:none; position:absolute; top:0; left:0; background:url("../../images/webhome/dimd.png") repeat 0 0; z-index:999999}
.brandLayerPop .popCon {padding:30px 20px; width:580px; background:#fff}
.brandLayerPop .popCon .closed {position: absolute; top: 0; right: 0; width: 33px; height: 30px; overflow: hidden; text-indent: -5000px; background: url("../../images/webhome/btn_popclose.png") no-repeat 0 0;}
.brandLayerPop .popCon .brandPopTop {display:table; width:100%; padding-bottom:20px; border-bottom:1px solid #e1e1e1; margin-bottom:20px}
.brandLayerPop .popCon .brandPopTop .logo {display:table-cell; border:1px solid #e1e1e1; width:228px; height:148px; text-align:center; vertical-align:middle}
.brandLayerPop .popCon .brandPopTop .logo > img {vertical-align:middle; max-width:220px; max-height:140px}
.brandLayerPop .popCon .brandPopTop .txtArea {display:table-cell; padding-left:30px}
.brandLayerPop .popCon .brandPopTop .txtArea .name {font-size:23px; color:#333; line-height:26px;}
.brandLayerPop .popCon .brandPopTop .txtArea .point {font-weight:bold; font-size:16px; color:#333; line-height:18px; margin-top:15px}
.brandLayerPop .popCon .brandPopTop .txtArea .btns {overflow:hidden; margin-top:20px}
.brandLayerPop .popCon .brandPopTop .txtArea .btns a {display:block; float:left; padding-left:18px; width:116px; height:42px; line-height:42px; font-size:15px; color:#fff; text-align:center; background:#000 url("../../images/webhome/local_icon.gif") no-repeat 25px 50%; margin-left:10px}
.brandLayerPop .popCon .brandPopTop .txtArea .btns a:first-child {background:#000 url("../../images/webhome/homepage_icon.gif") no-repeat 25px 50%; margin-left:0;}
.brandLayerPop .popCon .brandPopList li {font-size:14px; color:#555; line-height:26px}
.brandLayerPop .popCon .brandPopList li {font-size:14px; color:#767676; line-height:24px; text-indent:-10px; margin-left:10px; margin-top:15px}
.brandLayerPop .popCon .brandPopList li:first-child {margin-top:0;}
.brandLayerPop .popCon .brandPopList li .tit {font-size:15px; color:#000}
.brandLayerPop .popCon .brandPopList li a {font-size:14px; color:#767676; text-decoration:underline}
/* 2017-05-31 스마트 쿠폰북 추가 이민호 */
.smartcoupon_sub01 .content_intro.modify {background:none;position:relative}
.smartcoupon_sub01 .content_intro .button-area a{position:relative;display:block}
.smartcoupon_sub01 .content_intro .button-area a:after{display:block;content:'';position:absolute;top:-4px;left:-13px;z-index:0;background-repeat:no-repeat;background-position:0 0}
.smartcoupon_sub01 .content_intro .button-area a img{position:relative;z-index:1;display:block}
.smartcoupon_sub01 .content_intro .button-area .button-01{position:absolute;top:356px;left:60px;}
.smartcoupon_sub01 .content_intro .button-area .button-01:after{width:362px;height:118px;background-image:url(../../images/webhome/bg_btn_page_smartcoupon01.png);}
.smartcoupon_sub01 .content_intro .button-area .button-02{position:absolute;top:1499px;left:194px;}
.smartcoupon_sub01 .content_intro .button-area .button-02:after{width:426px;height:132px;background-image:url(../../images/webhome/bg_btn_page_smartcoupon02.png);}
/* 2017-06-22 현대백화점카드 이용약관 : S */
.card_sub02_01_02 .indent_section01 .box_policy{padding:15px 21px;}
.card_sub02_01_02 .indent_section01 .box_policy .input_wrap{display: block; float: right;}
.card_sub02_01_02 .indent_section01 .btn_detail{display: inline-block; height: 20px; margin-left: 6px; vertical-align: middle;}
.card_sub02_01_02 .indent_section01 .btn_detail a{display: inline-block; width: 16px; height: 16px; padding: 1px; border: 1px solid #c4c4c4; background: url('../../images/webhome/img_detail_icon.png') no-repeat center;}
.card_sub02_01_02 .indent_section01 .tit_section01 .input_checkwrap,
.card_sub02_01_02 .indent_section01 .tit_section02 .input_checkwrap{display: block; float: right; font-size: 14px;}
.card_sub02_01_02 .input_checkwrap input.radio {margin:0; margin-right:5px;}
.card_sub02_01_02 .input_checkwrap.mr10 {margin-right:10px;}
.card_sub02_01_02 .input_checkwrap.final {display: block; margin:20px 0;}
.card_sub02_01_02 .down_area {width:100%; height: 50px; padding:0 20px; margin-top:20px; background:#f5f5f5; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;}
.card_sub02_01_02 .down_area span {font-weight: bold; color:#333;}
.card_sub02_01_02 .down_area a {padding:5px 10px; background:#ccc; font-weight: bold; color:#333;}
/* 2017-06-22 현대백화점카드 이용약관 : E */
/* 2017-11-27 현대백화점카드 전화신청 이용약관 : S */
.card_sub02_02_01 .indent_section01 .box_policy{padding:15px 21px;}
.card_sub02_02_01 .indent_section01 .box_policy .input_wrap{display: block; float: right;}
.card_sub02_02_01 .indent_section01 .btn_detail{display: inline-block; height: 20px; margin-left: 6px; vertical-align: middle;}
.card_sub02_02_01 .indent_section01 .btn_detail a{display: inline-block; width: 16px; height: 16px; padding: 1px; border: 1px solid #c4c4c4; background: url('../../images/webhome/img_detail_icon.png') no-repeat center;}
.card_sub02_02_01 .indent_section01 .tit_section01 .input_checkwrap,
.card_sub02_02_01 .indent_section01 .tit_section02 .input_checkwrap{display: block; float: right; font-size: 14px;}
/* 2017-11-27 현대백화점카드 전화신청 이용약관 : E */
/* 2017-06-14 추가 : S */
/* policy */
.policywrap {padding-bottom: 30px; margin-bottom: 10px; border-bottom: 2px solid #cccccc;}
.box_policy {margin: 11px 0 0 0; padding: 15px 0 15px 21px; border: 1px solid #ccc;}
.box_policy ol li {margin: 10px 0 0 0;overflow:hidden;}
.box_policy ol li.fir {margin-top: 0;}
.box_policy .tit {color: #000;}
.box_policy01 {margin-top: 10px; padding: 12px 22px 11px 17px; border: 1px solid #ccc; color: #767676; overflow-y: auto;}
.icoDetail{display:inline-block;vertical-align:top;width:20px;height:20px;background:url("../../images/icon_mg_glass.png") no-repeat 0 0;text-indent:-9999px;overflow:hidden;}
/* 2017-06-14 추가 : E */
/* 2017-07-31 웰컴라운지 추가 : S */
.happy_voucher_gate{position:relative;}
.happy_voucher_gate .input_area_box{position:absolute;left:0;bottom:0;width:100%;padding:20px 0;background:rgba(0,0,0,0.5);text-align:center;}
.happy_voucher_gate .label_bold{font-size:14px;color:#fff;}
.happy_voucher_gate input{margin:0 10px;padding:8px;width:280px;font-size:14px;font-weight:bold;}
.happy_voucher_gate .btn_type1{vertical-align:top;}
.happy_voucher_gate .btn_type1 span{padding:10px;width:180px;color:#fff;font-size:14px;background-color:#e1a1b3;border:none;}
/* 2017-09-04 웰컴라운지_인증로그인 : S */
.happy_voucher_card_login{margin-top:20px;padding:35px 30px 25px;background-color:#f6f6f6;border:1px solid #e4e4e4;overflow:hidden;}
.happy_voucher_card_login dt,
.happy_voucher_card_login dd{margin-bottom:10px;}
.happy_voucher_card_login dt{clear:both;float:left;width:120px;font-weight:bold;font-size:14px;line-height:28px;color:#000;padding:3px 0;}
.happy_voucher_card_login dd{float:left;}
.happy_voucher_card_login dd button,
.happy_voucher_card_login dd input{width:110px;margin-right:10px;}
.happy_voucher_card_login dd button span{padding:10px;background-color:#457468;}
.happy_voucher_card_login input{text-align:center;font-size:14px;font-weight:bold;padding:10px 0;}
/* 2017-09-04 웰컴라운지_인증로그인 : E */
/* 2017-07-31 웰컴라운지 추가 : E */
/* 2017-12-27 마일리지 리워드 증정기준 추가 : S */
.blBox{margin-top:17px;width:100%;height:132px;background:#eaedf3;border:1px solid #c2c7d5;}/* 2017-12-28 height 수정 */
.blBox > span{display:inline-block;margin:9px 0 0 19px;font-size:14px;color:#644b89;font-weight:bold;}
.blBox .bllist_type1{margin:8px 0 0 36px;}
.blBox .bllist_type1 li{color:#333;margin:6px 0 0 0;text-indent:-59px;padding-left:72px;}
.blBox .bllist_type1 li > span{font-weight:bold;}
/* 2017-12-27 마일리지 리워드 증정기준 추가 : E */
/* 2018-01-08 U멤버실 종료안내 추가 : S */
.u_membership_end{}
.u_membership_end .notice_wrap{padding-right:335px;background: url(../../images/webhome/bg_intro_memb.png) no-repeat 430px top;}
.u_membership_end .notice_wrap .tit_end{padding-left:40px;color:#5d6c89;font-size:20px;line-height:1.4;font-weight:bold;background: url(../../images/webhome/icon_calendar.png) no-repeat left center;}
.u_membership_end .notice_wrap .tit_section03{line-height:1.4;}
.u_membership_end .notice_wrap dl{color:#333;font-size:16px;line-height:1.4;font-weight:bold;letter-spacing:-2px;overflow:hidden;}
.u_membership_end .notice_wrap dl dt{clear:both;float:left;width:140px;}
.u_membership_end .notice_wrap dl dd{float:left;}
.u_membership_end .hpoint_join_benefit{margin-top:50px;border:1px solid #ddd;}
.u_membership_end .hpoint_join_benefit .topCont{position:relative;padding:30px 60px;color:#333;}
.u_membership_end .hpoint_join_benefit .topCont h5{font-size:20px;font-weight:normal;}
.u_membership_end .hpoint_join_benefit .topCont p{font-size:16px;}
.u_membership_end .hpoint_join_benefit .topCont img{position:absolute;right:60px;top:30px;}
.u_membership_end .hpoint_join_benefit .add_txt{padding:15px 0;color:#333;font-size:13px;text-align:center;border:1px dashed #ddd;}
/* 2018-01-09 U멤버실 종료안내 수정 : S */
#layoutPopupUMemberEnd{width:330px;border:4px solid #414a45;}
#layoutPopupUMemberEnd .wrap_poplayer{padding:40px 20px;background-color:#eeeeee;}
#layoutPopupUMemberEnd .wrap_poplayer h6{padding-bottom:5px;color:#333;font-size:22px;line-height:1.4;font-weight:normal;text-align:center;letter-spacing:-2px;border-bottom:1px solid #c4c4c4;}
#layoutPopupUMemberEnd .wrap_poplayer p{padding-left:10px;margin-top:15px;color:#333;font-size:15px;line-height:25px;}
#layoutPopupUMemberEnd .wrap_poplayer p + p{margin-top:3px;}
#layoutPopupUMemberEnd .wrap_poplayer .btnArea{margin-top:20px;text-align:center;}
#layoutPopupUMemberEnd .wrap_poplayer .btnArea .btn_type5{width:150px;background-color:#000;}
#layoutPopupUMemberEnd .wrap_poplayer .btnArea .btn_type5 a{padding:5px;font-size:15px;line-height:18px;background-color:#000;}
#layoutPopupUMemberEnd .wrap_poplayer .no_more_wrap{position:absolute;left:0;right:-1px;bottom:-1px;text-align:right;border-top:1px solid #e7e7e7;}
#layoutPopupUMemberEnd .wrap_poplayer .no_more_wrap a{position:relative;display:inline-block;padding:5px 21px 4px 10px;color:#fff;font-size:11px;line-height:12px;letter-spacing:-1px;background-color:#414a45;}
#layoutPopupUMemberEnd .wrap_poplayer .no_more_wrap a:after{content:'';position:absolute;width:10px;height:10px;right:5px;top:50%;margin-top:-5px;background:url(../../images/webhome/btn_close_x_small.png) no-repeat 0 0;}
#layoutPopupUMemberEnd .wrap_poplayer .no_more_wrap a:hover{text-decoration:none;}
#layoutPopupUMemberEnd .wrap_poplayer .closed{top:11px;right:8px;width:21px;height:22px;overflow:hidden;text-indent:-5000px;background:url(../../images/webhome/btn_close_x.png) no-repeat 0 0;}
/* 2018-01-09 U멤버실 종료안내 수정 : E */
/* 2018-01-08 U멤버십 종료안내 추가 : E */
/* 2023-03-02 행복 인사이트 위원회 수정 [S] */
.customer-voc-service { } 
.customer-voc-service .voo_intro { position:relative; } 
.customer-voc-service .voo_intro a { position:absolute; top:311px; left:37px; } 
.customer-voc-service .voc-write { } 
.customer-voc-service .voc-write p { position:relative; margin:60px 0 20px; color:#333; font-weight:bold; font-size:15px; line-height:18px; } 
.customer-voc-service .voc-write p .btn_type4_02 { position:absolute; top:-3px; right:0; } 
.customer-voc-service .voc-write textarea { width:100%; height:100px; padding:15px; border:1px solid #dfdfdf; color:#666; font-size:12px; line-height:18px; margin-top:0; resize:none; box-sizing:border-box; } 
.customer-voc-service .voc-write textarea::placeholder { color:#999; } 
.customer-voc-service .voc-write textarea:focus::placeholder { color:#fff; } 
.customer-voc-service .voc-write .tb_type1 { border-bottom:none; } 
.customer-voc-service .voc-write .tb_type1 table { font-size:12px; line-height:18px; text-align:center; border-top-width:1px; } 
.customer-voc-service .voc-write .tb_type1 table + table{ margin-top: 10px;}
.customer-voc-service .voc-write .tb_type1 table tr th { padding:12px 0 11px; text-align:center; border-color:#c2c7d5; box-sizing: border-box;} 
.customer-voc-service .voc-write .tb_type1 table tr td { padding:12px 20px 11px 20px; text-align: left; border-color:#c2c7d5; box-sizing: border-box;} 
.customer-voc-service .voc-write .tb_type1 table input[type='text'] { width:80%; padding:3px; border:none; text-align:center; } 
.customer-voc-service .voc-write .tb_type1 table input[type='radio'] { margin:0 3px 0 5px; } 
.customer-voc-service .voc-write .tb_type1 table input[type='radio']:first-child { margin-left:0; } 
.customer-voc-service .voc-write .tb_type1 table textarea { border:none; } 
.customer-voc-service .voc-write .tb_type1 table thead th:nth-child(1) { border-left:1px solid #c2c7d5; } 
.customer-voc-service .voc-write .tb_type1 table thead th:nth-child(2) { border-left:1px solid #c2c7d5; } 
.customer-voc-service .voc-write .tb_type1 table th:last-child  {border-right: 1px solid #c2c7d5;}
.customer-voc-service .voc-write .tb_type1 table td:last-child  {border-right: 1px solid #c2c7d5;}
.customer-voc-service .voc-write .tb_type1 table tfoot th { color:#333; background:#fff; border-top:1px solid #c2c7d5; border-left:none; } 
.customer-voc-service .voc-write .tb_type1 table tfoot td { color:#5d6c89; background:#eaedf3; border-top:1px solid #c2c7d5; } 
.customer-voc-service .voc-write .tb_type1 table tbody th { color:#666; background-color:#eaedf3; }  
.customer-voc-service .voc-write .tb_type1 table .pd0 { padding:0; } 
.customer-voc-service .voc-write .tb_type1 table .subject { background:none; vertical-align:top; border-left:none; } 
.customer-voc-service .voc-write .charger-comment { border:1px solid #ccc; } 
.customer-voc-service .voc-write .charger-comment p { padding:15px; margin:0; color:#5d6c89; font-size:12px; background:#eaedf3; } 
.customer-voc-service .voc-write .charger-comment textarea { border:none; } 
.customer-voc-service .flex-box {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.customer-voc-service .voc-write .tb_type1 table tr td.bgf5 {background-color: #f5f5f5; text-align: center; color: #5d6c89;}
.customer-voc-service .voc-write .tb_type1 table tr td textarea {margin-top: 15px;}
.customer-voc-service .func_file  {display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 10px;}
.customer-voc-service .func_file .fileName  {height: 38px; width: calc(100% - 80px); box-sizing: border-box;}
.customer-voc-service .func_file .btn_file {background: #c2c7d5 url(../../images/webhome/txt_file2.png) no-repeat 50% 50%; height: 38px; width: 80px; box-sizing: border-box;}
.customer-voc-service .file_desc  {display: block; font-size: 14px; margin-top: 20px;}
.customer-voc-service .btn_add  {display: flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; background-color: #417b9c; width: 230px; height: 65px; font-size: 18px; line-height: 1; text-indent: 0; font-weight: 700;margin: 30px auto 0;}
.customer-voc-service .btn_submit  {display: flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; background-color: #001a4d; width: 450px; height: 65px; font-size: 18px; line-height: 1; text-indent: 0; font-weight: 700;margin: 98px auto 0;}
/* 2023-03-02 행복 인사이트 위원회 수정 [E] */
/* 2018-08-13 : 카드신청 : S */
.accordion_box_btn { display: inline-block;  background-image: url(../../images/webhome/ico_dropmenu.jpg);  background-repeat: no-repeat; background-position: 0 0; width: 20px; height: 20px; text-indent: -99999px; vertical-align: middle; }
.accordion_box_btn.is-selected { background-position: 0 -20px; }
.accordion_content { display: none; }
.accordion_content.is-selected { display: block; }
.auto_servicelist { margin-top: 12px; }
.auto_servicelist .accordion_header p strong { margin-right: 3px; display: inline-block; font-weight: bold; }
.auto_servicelist .accordion_content { margin-top: 10px; padding: 12px 12px 2px; background: #f5f5f5; }
.auto_servicelist .accordion_content p { padding-bottom: 10px; }
.tb_type1_recommender { margin-top: 10px; }
.tb_type1_recommender .func_input { padding-top: 5px; }
.tb_type1_recommender .func_title { font-weight: bold; }
.tb_type1_recommender .func_info { padding: 6px 0 5px; }
.form_list_job td { border-left: none !important; }
.form_list_job .select_job { padding: 8px 0 10px; }
/* 2018-08-13 : 카드신청 : E */
/* 2018-09-18 : 카드신청 : S */
.tb_type1.tb_type1_recommender { margin-top: 40px; }
.terms_listbox_wrapper {margin: 10px 0;padding: 15px 19px;border: 1px solid #e3e3e3;background: #f5f5f5;}
.terms_listbox_wrapper .accordion_box_btn { margin-left: 5px; }
.terms_listbox_wrapper .accordion_header_bold { display: block; font-weight: bold; margin-bottom: 5px; }
.terms_listbox_wrapper .auto_servicelist { margin-top: 0; }
.terms_listbox_wrapper .auto_servicelist .accordion_content { padding-left: 0; padding-right: 0;}
/* 2018-09-18 : 카드신청 : E */
/* 2018-19-18 : 카드신청 정보 입력 : S */
.identification_input { position: relative; width: 280px; margin: 10px 0;}
.identification_input_text { position: absolute; width: 100%;}
.identification_input_text input.text {border-width: 2px; border-color: #888; margin: 8px 0;text-align: center; color: #000; }
.identification_input_id .identification_input_text { left: 0; top:115px; text-align: center; }
.identification_input_driver .identification_input_text { right: 15px; top:30px; text-align: right; }
.identification_input_driver .identification_input_item.c2 { margin-top: 56px; }
/* 2018-19-18 : 카드신청 정보 입력 : E */

/* 2019-10-01 변경 : S */
.division-gray {padding:30px;margin-top:30px;background-color:#f5f5f5}
.division-gray-pattern {position:relative;padding:10px 30px;background:url(../../images/webhome/bg-division-gray-pattern-middle.png) repeat-y}
.division-gray-pattern:before {content:'';position:absolute;top:0;right:0;left:0;height:10px;background:url(../../images/webhome/bg-division-gray-pattern-top.png) no-repeat}
.division-gray-pattern:after {content:'';position:absolute;bottom:0;right:0;left:0;height:10px;background:url(../../images/webhome/bg-division-gray-pattern-bottom.png) no-repeat}

.radio-button {position:relative}
.radio-button input {position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;}
.radio-button .text {display:block;width:100%;height:48px;border:1px solid #666;font-size:14px;font-weight:700;color:#666;line-height:48px;text-align:center}
.radio-button .confirm-text {display:block;width:100%;height:48px;border:1px solid #666;font-size:14px;font-weight:700;color:white;line-height:48px;text-align:center;background:#666}
.radio-button input:checked ~ .text {height:46px;border:2px solid #009996;margin-right:-1px;margin-left:-1px;color:#009996;line-height:46px}

.statement {position:relative;float:none;width:764px;margin:52px auto;line-height:1.2}
.statement .tit_page {margin-bottom:40px;font-size:30px;font-weight:700;color:#000;line-height:1.2}
.statement .tit_page img {margin-top:4px;margin-left:4px;}
.statement .date {position:absolute;top:4px;right:0;width:100px}
.statement .func_option {line-height:18px}
.statement .button-more {width:100%;height:50px;font-family:'Happiness-Sans','맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;font-size:12px;font-weight:700;color:#333;letter-spacing:-.025em;text-indent:0}/* 2022-03-04 수정 */
.statement .button-more .icon {display:inline-block;width:12px;height:7px;margin-top:-3px;margin-left:8px;background:url(../../images/webhome/icon-arrow-bottom-12x7-191919.png) 0 0 no-repeat;vertical-align:middle;}
.statement .description-list {}
.statement .description-list .item {}
.statement .description-list .item:after {content:'';display:block;clear:both}
.statement .description-list .item + .item {margin-top:14px;}
.statement .description-list .title {float:left;font-size:14px;font-weight:400;color:#333;letter-spacing:-.025em}
.statement .description-list .description {float:right;font-size:14px;color:#333;letter-spacing:-.025em}
.statement .description-list .item.total {}
.statement .description-list .item.total .title {font-size:16px;font-weight:700;}
.statement .description-list .item.total .description {font-weight:700;color:#029a97}
.statement .description-list .item.total-remain .description {margin-left:20px; float:left;}
.statement .description-list .item.total-remain .paymentRemain-button {position:absolute;right:0;width:93px;height:43px;background-color:#000;font-size:14px;font-weight:700;color:#fff;line-height:43px;text-align:center}
.statement .description-list .item.total-remain .paymentRemain-button:hover,
.statement .description-list .item.total-remain .paymentRemain-button:focus {text-decoration:none}
.statement .description-list.dotted .item {background:url(../../images/webhome/bg-dotted-5x1.png) 0 50% repeat-x}
.statement .description-list.dotted .item + .item {margin-top:20px}
.statement .description-list.dotted .item .title {padding-right:20px;background-color:#f5f5f5;font-size:16px;font-weight:700;}
.statement .description-list.dotted .item .description {padding-left:30px;background-color:#f5f5f5;font-size:16px;font-weight:700;color:#009996 !important;}
.statement .payment-total-due {position:relative}
.statement .payment-total-due > .button {padding-right:23px;margin-top:0;font-family:'Happiness-Sans', '맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;font-size:16px;font-weight:700;color:#333;letter-spacing:-.025em;text-indent:0;line-height:1.2}/* 2022-03-04 수정 */
.statement .payment-total-due > .button {margin-top:0;background:url(../../images/webhome/icon-arrow-bottom-14x9-000.png) 100% 50% no-repeat;font-family:'Happiness-Sans','맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;font-size:16px;font-weight:700;color:#333;letter-spacing:-.025em;text-indent:0;line-height:1.2}/* 2022-03-04 수정 */
.statement .payment-total-due > .contents {display:none;padding-top:105px;padding-bottom:50px;margin-top:30px;margin-bottom:45px;text-align:center;}
.statement .payment-total-due > .contents .description-list {display:inline-block;width:330px;text-align:left;vertical-align:top}
.statement .payment-total-due > .contents .description-list + .description-list {padding-left:19px;border-left:1px solid #e6e6e6;margin-left:19px;}
.statement .payment-total-due > .contents .description-list .title {color:#666}
.statement .payment-total-due > .contents .description-list .description {color:#666}
.statement .payment-total-due > .contents .button {position:absolute;top:50px;right:30px;height:24px;padding:0 12px;border:1px solid #666;border-radius:24px;margin-top:0;line-height:24px;}
.statement .payment-total-due > .contents .button:hover,
.statement .payment-total-due > .contents .button:focus {text-decoration:none}
.statement .payment-total-due > .price {margin-top:17px;font-size:46px;font-weight:700;color:#009996;letter-spacing:-.025em;}
.statement .payment-total-due > .price .unit {font-size:42px;}
.statement .payment-total-due > .payment-button {position:absolute;right:0;bottom:5px;width:93px;height:43px;background-color:#000;font-size:14px;font-weight:700;color:#fff;line-height:43px;text-align:center}
.statement .payment-total-due > .payment-button:hover,
.statement .payment-total-due > .payment-button:focus {text-decoration:none}
.statement .payment-total-due > .button.is-active {background-image:url(../../images/webhome/icon-arrow-top-14x8-009996.png)}
.statement .payment-total-due > .button.is-active ~ .contents {display:block}
.statement .benefit {padding:37px 0;margin-top:37px;text-align:center}
.statement .benefit li {display:inline-block;text-align:left;vertical-align:top;}
.statement .benefit li + li {margin-left:28px}
.statement .benefit a {display:block;position:relative;width:136px;height:88px;padding:34px 20px 0 60px;border-radius:20px 20px 20px 0;background-color:#fff;box-shadow: 3px 4px 4.95px 0.05px rgba(0, 0, 0, 0.1);}
.statement .benefit a:hover,
.statement .benefit a:focus {text-decoration:none}
.statement .benefit a .icon {position:absolute;top:27px;left:21px;width:30px;height:30px;border-radius:50%}
.statement .benefit a .icon-benefit {background:#376155 url(../../images/webhome/icon-benefit-17x18-fff.png) 50% 50% no-repeat}
.statement .benefit a .icon-mileage {background:#009996 url(../../images/webhome/icon-mileage-18x18-fff.png) 50% 50% no-repeat}
.statement .benefit a .icon-parking {background:#df185b url(../../images/webhome/icon-parking-18x12-fff.png) 50% 50% no-repeat}
.statement .benefit a strong {font-size:14px;color:#333;letter-spacing:-.05em;}
.statement .benefit a > span {display:block;margin-top:18px;font-size:26px;font-weight:700;color:#000;text-align:right}
.statement .benefit a span span {font-size:22px}
.statement .payment-history {position:relative;margin-top:50px}
.statement .payment-history .title {font-size:16px;color:#333;letter-spacing:-.025em;}
.statement .payment-history .filter {overflow:hidden;display:block;position:absolute;top:-5px;right:0;width:31px;height:31px;background:url(../../images/webhome/icon-filter-31x31-3e3e3e.png) no-repeat;text-indent:100%;font-size:1px;white-space:nowrap;}
.statement .payment-history .excel {overflow:hidden;display:block;position:absolute;top:-5px;right:41px;width:31px;height:31px;background:url(../../images/webhome/icon-excel-31x31-3e3e3e.png) no-repeat;text-indent:100%;font-size:1px;white-space:nowrap;} /* 2020-03-09 추가 */
.statement .payment-history > ul {margin-top:20px}
.statement .payment-history > ul li {padding:20px 21px 20px 11px;border-bottom:1px solid #cdcdcd}
.statement .payment-history > ul li:after {content:'';display:block;clear:both}
.statement .payment-history > ul li:first-child {border-top:1px solid #cdcdcd}
.statement .payment-history > ul .title {float:left;font-size:14px;color:#333}
.statement .payment-history > ul .price {float:right;font-size:14px;font-weight:700;color:#333;}
.statement .payment-history > ul .meta {clear:both;float:left;margin-top:8px}
.statement .payment-history > ul .meta span{display:inline-block;font-size:14px;letter-spacing:-.025em;vertical-align:top;}
.statement .payment-history > ul .meta span + span:before {content:'';display:inline-block;width:1px;height:14px;margin:2px 5px 0 1px;background-color:#989898;vertical-align:top;}
.statement .event-list {margin-top:50px}
.statement .event-list .title {font-size:16px;color:#333;letter-spacing:-.025em;}
.statement .event-list ul {width:784px;margin-left:-20px}
.statement .event-list ul:after {content:'';display:block;clear:both}
.statement .event-list ul li {float:left;margin-top:20px;margin-left:20px;}
.statement .event-list ul li a {display:block;position:relative;width:372px;height:91px;box-sizing:border-box;padding-top:22px;padding-left:18px;letter-spacing:-1px} /* 2020-01-31 변경 */
/* 2020-01-31 추가 : S */
.statement .event-list ul li a:hover {text-decoration:none}
.statement .event-list .image {position:absolute;top:0;right:0;bottom:0;max-height:100%;max-width:100%;line-height:91px} /* 2020-03-09 변경 */
.statement .event-list .tag {position:relative;font-size:14px;font-weight:700;color:#0851a4}
.statement .event-list .tag span + span {margin-left:3px}
.statement .event-list .title {display:block;position:relative;margin-top:6px;font-size:20px;color:#000}
/* 2020-01-31 추가 : E */
.statement .collapse {}
.statement .collapse > .item {}
.statement .collapse > .item > .button {position:relative;width:100%;height:40px;padding-left:11px;border-bottom:1px solid #cdcdcd;margin-top:0;font-size:12px;font-weight:700;text-indent:0;line-height:1.2;text-align:left}
.statement .collapse > .item > .button .icon {position:absolute;top:17px;right:11px;width:12px;height:7px;background:url(../../images/webhome/icon-arrow-bottom-12x7-757575.png) no-repeat}
.statement .collapse > .item > .contents {display:none;padding:20px;border-bottom:1px solid #cdcdcd;background-color:#f5f5f5}
.statement .collapse > .item > .contents :first-child {margin-top:0 !important;}
.statement .collapse > .item > .contents em {display:block;margin-top:30px;margin-bottom:18px;font-size:12px;font-weight:700}
.statement .collapse > .item > .contents ul {margin-top:18px;}
.statement .collapse > .item > .contents li + li {margin-top:8px;}
.statement .collapse > .item:first-child {}
.statement .collapse > .item:first-child > button {border-top:1px solid #cdcdcd;}
.statement .collapse > .item > .button.is-active {}
.statement .collapse > .item > .button.is-active .icon {background-image:url(../../images/webhome/icon-arrow-top-11x6-009996.png)}
.statement .collapse > .item > .button.is-active ~ .contents {display:block}

.payment-history-filter {padding:20px 10px}
.payment-history-filter .title {display:block;margin-top:50px;font-size:16px;color:#333}
.payment-history-filter .title:first-child {margin-top:0}
.payment-history-filter .filter-region {margin-top:18px;font-size:0}
.payment-history-filter .filter-region .radio-button {width:226px}
.payment-history-filter .filter-region .radio-button + .radio-button {margin-left:12px}
.payment-history-filter .division-gray-pattern {display:none;padding-top:30px;padding-bottom:30px;margin:20px -30px 0;}
.payment-history-filter .division-gray-pattern[aria-hidden="false"] {display:block}
.payment-history-filter .division-gray-pattern .item {display:inline-block;width:236px;font-size:0;vertical-align:top;}
.payment-history-filter .division-gray-pattern .item .checkbox {}
.payment-history-filter .division-gray-pattern .item .checkbox .text {display:inline-block;margin-top:3px;margin-left:8px;vertical-align:middle}
.payment-history-filter .division-gray-pattern .item .checkbox .text span {font-size:14px;color:#333;letter-spacing:-.025em;}
.payment-history-filter .division-gray-pattern .item .checkbox .text span + span:before {content:'';display:inline-block;width:1px;height:13px;margin:0 10px;background-color:#9c9c9c;vertical-align:middle;}
.payment-history-filter .button-region {display:block;margin-top:30px;}
/* 2019-10-01 변경 : E */

/* 2019-09-26 추가 : S */
.box_notice {padding:20px;border:1px solid #c2c7d5;background-color:#eaedf3}
.box_notice > strong {display:inline-block;font-size:14px;color:#644b89;letter-spacing:-.03em}
.box_notice .bllist_type1 {display:table;margin-bottom:-12px;}
.box_notice .bllist_type1 li {display:table-row;}
.box_notice .bllist_type1 strong {display:table-cell;position:relative;padding:0 7px 6px 12px;font-weight:400}
.box_notice .bllist_type1 strong:after {content:'';position:absolute;top:4px;right:0;width:1px;height:10px;background-color:#9a9b9e}
.box_notice .bllist_type1 p {display:table-cell;padding-bottom:6px;padding-left:7px}
/* 2019-09-26 추가 : E */

/* 2019-02-07 추가 : S */
.volunteer_sharing_brokerage_center {position:relative;}
.volunteer_sharing_brokerage_center .link {position:absolute;bottom:51px;left:232px;}
/* 2019-02-07 추가 : E */

/* 2020-02-28 추가 : S */
.policy_agree_wrap {margin-top:25px;margin-bottom:25px}
.policy_agree_head {margin-bottom:20px}
.policy_agree_head .input_checkwrap2 label,
.policy_agree_head .input_checkwrap2 .label {font-size:15px}
.policy_agree_body {padding:20px;border-top:1px solid #c2c7d5;margin-top:20px}
.policy_agree_item ~ .policy_agree_item {margin-top:28px}
/* 2020-02-28 추가 : E */



/* 2020-03-12 추가 : S */
.green-friends-introduction {font-family: 'Happiness-Sans','Noto Sans KR', sans-serif;letter-spacing:-.025em;line-height:1.3846}/* 2022-03-04 수정 */
.green-friends-division {}
.green-friends-division--top {display:inline-block;position:relative;width:100%;height:1998px;background-color:#edfada} /* 2020-06-08 변경 */
.green-friends-division--top:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:1282px;background-color:#d2e6b5} /* 2020-06-08 변경 */
.green-friends-division--top:after {content:'';position:absolute;top:383px;left:50%;width:1119px;height:441px;margin-left:-562px;background:url(../../images/webhome/bg_green_friends_top.png) 50% no-repeat}
.green-friends-division--bottom {display:inline-block;position:relative;width:100%;padding:100px 0;background:#fff7ea url(../../images/webhome/bg_green_friends_story0.png) 50% 100% no-repeat;margin-top:100px;}
.green-friends-division--bottom:before {content:'';position:absolute;top:204px;left:50%;width:93px;height:93px;margin-left:-629px;background:url(../../images/webhome/bg_green_friends_story2.png) 50% no-repeat}
.green-friends-division--bottom:after {content:'';position:absolute;top:848px;left:50%;z-index:11;width:193px;height:133px;margin-left:364px;background:url(../../images/webhome/bg_green_friends_story3.png) 50% no-repeat}
.green-friends-division--bottom .green-friends-section {margin-top:0}
.green-friends-division-inner {position:relative;z-index:10;width:984px;margin:0 auto}
.green-friends-heading {margin-top:88px;text-align:center} /* 2020-06-08 변경 */
.green-friends-heading h2 {font-size:46px;font-weight:500;color:#349443}
.green-friends-heading img {margin-top:50px;}
.green-friends-heading p {margin-top:25px;font-size:26px;color:#000}
.green-friends-section {margin-top:100px}
.green-friends-section h3 {display:block;margin-bottom:50px;font-size:32px;color:#222;text-align:center}
.green-friends-slide {position:relative;width:798px;margin:0 auto;}
.green-friends-slide .bx-wrapper{}
.green-friends-slide-list {}
.green-friends-slide-item {box-sizing:border-box;border:1px solid #f1f1f1;background-color:#fff;}
.green-friends-slide-item img {width:100%;height:183px;}
.green-friends-slide-text {height:90px;box-sizing:border-box;padding:14px 15px;background-color:#494949}
.green-friends-slide-text strong {height:38px;font-size:14px;font-weight:400;color:#fff;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.green-friends-slide-text p {margin-top:6px;color:#bbb;}
.green-friends-slide .bx-prev {overflow:hidden;position:absolute;top:50%;left:-93px;width:50px;height:50px;margin-top:-25px;background:url(../../images/webhome/btn_green_friends_slide_prev.png) 50% no-repeat;text-indent:100%;white-space:nowrap}
.green-friends-slide .bx-next {overflow:hidden;position:absolute;top:50%;right:-93px;width:50px;height:50px;margin-top:-25px;background:url(../../images/webhome/btn_green_friends_slide_next.png) 50% no-repeat;text-indent:100%;white-space:nowrap}
.green-friends-slide .bx-pager{margin-top:30px;text-align:center;}
.green-friends-slide .bx-pager-item{display:inline-block;margin-left:5px !important;vertical-align:middle;}
.green-friends-slide .bx-pager-item:first-child{margin-left:0}
.green-friends-slide .bx-pager-link{overflow:hidden;display:block;width:12px;height:12px;box-sizing:border-box;border:1px solid #b8b8b8;border-radius:50%;background-color:#fff;white-space:nowrap;text-indent:100%;}
.green-friends-slide .bx-pager-link.active{background-color:#b8b8b8;}
.green-friends-slide-link {position:absolute;bottom:0;right:0;font-size:16px;font-weight:800;color:#333;letter-spacing:3px;}
.green-friends-slide-link:hover {text-decoration:none;}
.green-friends-list {}
.green-friends-list:after {content:'';display:block;clear:both}
.green-friends-list-item {position:relative;float:left;width:300px;margin-left:42px}
.green-friends-list-item:after {content:'';position:absolute;top:250px;left:-21px;width:1px;height:74px;background-color:#eaeaea}
.green-friends-list-item:first-child {margin-left:0}
.green-friends-list-item:first-child:after {display:none}
.green-friends-list-item img {}
.green-friends-list-item strong {display:block;margin-top:25px;font-size:22px;font-weight:700;color:#222;}
.green-friends-list-item p {margin-top:11px;font-size:18px;color:#555;line-height:1.5555}
.green-friends-story {}
.green-friends-story-text {width:944px;box-sizing:border-box;padding:55px 60px;margin:0 auto;background:#fff url(../../images/webhome/bg_green_friends_story1.png) 100% 100% no-repeat}
.green-friends-story-text p {margin-top:35px;font-size:22px;color:#333;line-height:1.4545}
.green-friends-story-text p:first-child {margin-top:0}
.green-friends-story-text strong {color:#3aae2a;font-weight:700}
.green-friends-story-list-item {display:block;position:relative;padding:43px 0 33px 100px;margin-top:30px;box-shadow: 1px 2px 11.16px 0.84px rgba(0, 0, 0, 0.14);} /* 2020-08-13 변경 */
.green-friends-story-list-item:first-child {margin-top:0}
.green-friends-story-list-item1 {background-color:#d6e9c2}
.green-friends-story-list-item2 {background-color:#eaf8b3}
.green-friends-story-list-item3 {background-color:#d7ef98}
.green-friends-story-list-item3 p {margin-top:14px}
.green-friends-story-list-item4 {background-color:#bce294} /* 2020-08-13 추가 */
.green-friends-story-list-item4 p {margin-top:14px} /* 2020-08-13 추가 */
.green-friends-story-list-item:after {content:'';display:block;clear:both}
.green-friends-story-list-item span {float:left;margin-top:-14px;margin-right:30px;font-size:62px;color:#333}
.green-friends-story-list-item p {float:left;font-size:22px;color:#333}
.green-friends-story-list-item a {display:block;position:absolute;top:50%;right:66px;padding-right:21px;margin-top:-17px;font-size:22px;font-weight:700;color:#333;} /* 2020-08-13 추가 */
.green-friends-story-list-item a:after {content:'';display:block;position:absolute;top:7px;right:0;width:11px;height:18px;background:url(../../images/webhome/ico_arrow_right_11x18_333.png) 0 no-repeat} /* 2020-08-13 추가 */
.green-friends-message {margin-top:70px;text-align:center}
.green-friends-message strong {display:block;font-size:28px;font-weight:700;color:#333;}
.green-friends-message img {margin-top:50px}
.green-friends-character {}
.green-friends-character-item {position:absolute;text-align:left}
.green-friends-character-item:hover .green-friends-character-information,
.green-friends-character-item:focus .green-friends-character-information {clip:auto} /* 2020-웹접근성-1차-002 변경 */
.green-friends-character-information {position:absolute;width:308px;padding:22px 0 19px 40px;box-sizing:border-box;clip:rect(0, 0, 0, 0)}
.green-friends-character-information:before {content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#000;opacity:.7;}
.green-friends-character-information:after {content:'';position:absolute;top:50%;right:100%;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #000;margin-top:-10px;opacity:.7;}
.green-friends-character-information-right:after {right:auto;left:100%;border-right:0;border-left:10px solid #000}
.green-friends-character-item-1 {top:295px;left:-70px;width:220px;height:226px}
.green-friends-character-item-1 .green-friends-character-information {top:52px;left:237px}
.green-friends-character-item-2 {top:295px;left:910px;width:140px;height:140px}
.green-friends-character-item-2 .green-friends-character-information {top:-31px;right:112px;}
.green-friends-character-item-3 {top:375px;left:788px;width:221px;height:107px}
.green-friends-character-item-3 .green-friends-character-information {top:-16px;right:246px}
.green-friends-character-item-4 {top:460px;left:139px;width:527px;height:276px}
.green-friends-character-item-4 .green-friends-character-information {top:-46px;left:421px}
.green-friends-character-item-5 {top:560px;left:39px;width:176px;height:176px}
.green-friends-character-item-5 .green-friends-character-information {top:-3px;left:149px}
.green-friends-character-item-6 {top:539px;left:666px;width:164px;height:197px}
.green-friends-character-item-6 .green-friends-character-information {top:18px;left:168px}
.green-friends-character strong {font-size:20px;font-weight:700;color:#fff}
.green-friends-character p {margin-top:2px;font-size:16px;font-weight:300;color:#fff;line-height:1.625}
.green-friends-youtube {margin-top:480px;margin-bottom:-33px} /* 2020-06-08 변경 */
/* 2020-03-12 추가 : E */
/* 2020-07-01 추가 : S */
.green-friends-floating {position:absolute;top:620px;right:0;z-index:30}
.green-friends-floating.is-fixed {position:fixed;top:60px;}
.green-friends-floating.is-limit {position:absolute !important}
/* 2020-07-01 추가 : E */

/* 2020-03-17 추가 : S */
.priavcy_emph{font-weight:bold;color:black;font-size:1.2em;text-decoration: underline;}
/* 2020-03-17 추가 : E */

/* 2020-03-24 추가 : S */
.public_certification_center_copy {border:1px solid #c2c7d5;padding:50px 40px;text-align:center}
.public_certification_center_copy .list {position:relative;height:150px;margin-top:25px;text-align:left}
.public_certification_center_copy .list li {position:absolute;font-size:14px;color:#222;letter-spacing:-.06em}
.public_certification_center_copy .list .item-1 {top:0;left:370px}
.public_certification_center_copy .list .item-2 {top:0;left:0}
.public_certification_center_copy .list .item-3 {top:37px;left:0}
.public_certification_center_copy .list .item-4 {top:74px;left:0}
.public_certification_center_copy .list .item-5 {top:37px;left:370px}
.public_certification_center_copy .list .item-6 {top:74px;left:370px}
.public_certification_center_copy .list .number {display:inline-block;width:23px;height:23px;border-radius:50%;margin-right:7px;font-weight:700;color:#fff;line-height:23px;text-align:center;vertical-align:0;}
.public_certification_center_copy .list .number.type-green {background-color:#3db877}
.public_certification_center_copy .list .number.type-orange {background-color:#e9a230}
/* 2020-03-24 추가 : E */

/* 2020-05-11 추가 : S */
.self-certification-type {*zoom:1;width:397px;border:1px solid #ebebeb;margin:50px auto;text-align:center}
.self-certification-type:after {content:'';display:block;clear:both}
.self-certification-type .item {display:table;float:left;width:198px;height:225px}
.self-certification-type .item + .item{border-left:1px solid #ebebeb}
.self-certification-type .item a {display:table-cell;height:100%;vertical-align:middle}
.self-certification-type .item a:hover,
.self-certification-type .item a:active,
.self-certification-type .item a:focus {background-color:#f4f4f4}
.self-certification-type .item i {display:block;height:100px;margin:0 auto;background-repeat:no-repeat}
.self-certification-type .item .phone {width:65px;background-image:url(http://www.ehyundai.com/images/webhome/ico-phone-65x100.png)}
.self-certification-type .item .monitor {width:114px;background-image:url(http://www.ehyundai.com/images/webhome/ico-monitor-114x100.png)}
.self-certification-type .item strong {display:inline-block;margin-top:40px;font-size:16px}
/* 2020-05-11 추가 : E */


/* 2020-06-18 추가 : S */
/* subpage - select_shop - global */
#wrap.is-extend {
	min-width: 984px; /* 20201207 */
}
.select_shop * {
	font-family:'Happiness-Sans', 'Noto Sans KR', 'Malgun Gothic', Dotum, Helvetica, Arial, sans-serif; /* 2022-03-04 수정 */
	line-height: 1.4;
	letter-spacing: -0.5px;
}
.select_shop .container {
	position: relative;
	z-index: 10;
	padding-bottom: 0;
}
.select_shop .header {
	min-width: 984px;
}
.select_shop .header.func_fixed {
	padding-bottom: 0;
}
.select_shop .slider:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
.select_shop .slider_box {
	font-size: 0;
}
.select_shop .slider_item {
	float: left;
	display: inline-block;
	width: 1700px !important;
}
.select_shop_section {
	position: relative;
}
.select_shop_section .header {
	text-align: center;
}

/* 2020-웹접근성-1차-001 : [S] */
/* subpage - select_shop - main */
.select_shop_keyvisual .container {
	width: 100%;
}
.select_shop_keyvisual .header {
	padding: 80px 0 70px !important;
	text-align: center;
}
.select_shop_keyvisual .subtitle {
	margin-top: 25px;
	font-size: 20px;
	color: #333;
}
.select_shop_keyvisual .list {
	margin-top: 30px;
}
.select_shop_keyvisual .list_box {
	font-size: 0;
}
.select_shop_keyvisual .list_item {
	display: inline-block;
	position: relative;
	padding-left: 40px;
}
/* 20201207 : [S]*/
.select_shop_keyvisual .list_item:first-child {
	padding-left: 0;
}
/* 20201207 : [E]*/
.select_shop_keyvisual .list_item:before {
	content: "";
	position: absolute;
	left: 20px;
	top: 0;
	width: 1px;
	height: 13px;
	background: #e3e3e3;
}
.select_shop_kezyvisual .list_item:first-child {
	padding-left: 0;
}
.select_shop_keyvisual .list_item:first-child::before {
	display: none;
}

.select_shop_keyvisual .slider {
	position: relative;
	height: 880px;
	width: 100%;
	overflow: hidden;
}
.select_shop_keyvisual .slider_wrapper {
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -346px;
}
.select_shop_keyvisual .bx-wrapper {
	max-width: 100% !important;
}
.select_shop_keyvisual .slider_item {
	position: relative;
}
.select_shop_keyvisual .slider_text {
	position: absolute;
	right: 0;
	bottom: 60px;
	width: 400px;
	height: 353px;
	padding: 60px 60px;
	box-sizing: border-box;
	background: #fff;
	margin-right: -30px;
	z-index: 5;
}
.select_shop_keyvisual .slider_title {
	margin-top: 28px;
	font-size: 30px;
	color: #333;
	font-weight: 700;
}
.select_shop_keyvisual .slider_subtitle {
	margin-top: 15px;
	line-height: 1.5;
	font-size: 18px;
	color: #333;
}
.select_shop_keyvisual .slider_anchor {
	position: absolute;
	left: 60px;
	bottom: 60px;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #333;
	text-decoration: none;
}
.select_shop_keyvisual .slider_controls {
	position: absolute;
	left: 0;
	top: 407px;
	width: 1444px;
	height: 67px;
	z-index: 6;
}

.select_shop_keyvisual .slider_prev,
.select_shop_keyvisual .slider_next {
	position: absolute;
	width: 60px;
	height: 60px;
	font-size: medium;
	color: transparent;
	line-height: 1;
	word-break: break-all;
	overflow: hidden;

}
.select_shop_keyvisual .slider_prev {
	top: 0;
	right: 60px;
	background: #48665a;
}
.select_shop_keyvisual .slider_next {
	top: 7px;
	right: 0;
	background: #333;
}

.select_shop_keyvisual .slider_prev:before,
.select_shop_keyvisual .slider_next:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 13px;
	height: 25px;
	margin: -12px 0 0 -6px;
	background-size: 13px 25px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.select_shop_keyvisual .slider_prev:before {
	background-image: url(../../images/webhome/selectshop/ico-arrow-left-33x62-fff.png);
}
.select_shop_keyvisual .slider_next:before {
	background-image: url(../../images/webhome/selectshop/ico-arrow-right-33x62-fff.png);
}
.select_shop_keyvisual .bx-prev,
.select_shop_keyvisual .bx-next {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    font-size: medium;
    line-height: 1;
    text-indent: -9999px;
    word-break: break-all;
    box-sizing: border-box;
	border: 0;
}
.select_shop_keyvisual .bx-prev:focus,
.select_shop_keyvisual .bx-next:focus {
	border: 2px solid black;
}

/* subpage - select_shop - sub */
.select_shop_overview .background {
	position: relative;
	height: 550px;/*2020-07-20*/
}
.select_shop_overview .background_image {
	position: absolute;
	left: 50%;
	top: 0;
	width: 2600px;
	margin-left: -1300px;
}
.select_shop_overview .header {
	padding: 80px 0 0;
	text-align: center;
}
.select_shop_overview .title {
	margin-bottom: 32px;
	font-size: 20px;
	font-weight: 700;
	color: #333;
}
.select_shop_overview .subtitle {
	font-size: 20px;
	color: #333;
}
.select_shop_overview .location {
	margin-top: 65px;
	text-align: center;
}
.select_shop_overview .location_anchor {
	position: relative;
	display: inline-block;
}
.select_shop_overview .location_anchor:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 35px;
	height: 35px;
	margin-left: -18px;
	background: #757575 url(../../images/webhome/selectshop/ico-pin.png) no-repeat 50% 50%;
	border-radius: 50%;
	overflow: hidden;
}
.select_shop_overview .location_text {
	display: inline-block;
	padding-bottom: 3px;
	margin-top: 55px;
	font-size: 20px;
	font-weight: 700;
	color: #333;
	border-bottom: 1px solid #333;

}

.select_shop_news {
	padding: 120px 0 120px;
}
.select_shop_news .header {
	margin-bottom: 40px;
}
.select_shop_news .title {
	font-size: 44px;
	color: #222;
	font-weight:700; /* 2022-06-09 수정 */
}
.select_shop_news .news {
	position: relative;
}
.select_shop_news .list {
	font-size: 0;
}
.select_shop_news .list_item {
	display: inline-block;
	width: 328px;
	height: 328px;
	overflow: hidden;
}
.select_shop_news .list_item img {
	width: 100%;
	height: 100%;  /*2020-07-21*/
    object-fit: cover;  /*2020-07-21*/
}
/* 2020-웹접근성-1차-001-02 : [S] */
.select_shop_news .list_item video,
.select_shop_news .list_item .list_video {
	width: 100%;
}
/* 2020-웹접근성-1차-001-02 : [E] */
.select_shop_news .more{
	margin:60px 0 0 0;
	text-align:center;
}
.select_shop_news .more > button{
	margin:0 auto;
	font-size:20px;
	color:#333;
	font-weight:700;
	border-bottom:1px solid #333;
	text-indent:0;
	line-height:1.2;
}
.select_shop_banner {
	height: 500px;
}
.select_shop_banner {
	height: 500px;
}
.select_shop_banner .background {
	position: absolute;
	left: 50%;
	top: 0;
	width: 2600px;
	margin-left: -1300px;
}
.select_shop_banner .header {
	padding: 170px 0 140px;
	text-align: center;
}
.select_shop_banner .subtitle {
	font-size: 30px;
	color: #fff;
	font-weight: 300;
	text-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
.select_shop_banner .title {
	margin-bottom: 20px;
	font-size: 60px;
	font-weight: 500;
	color: #fff;
	letter-spacing: -3px;
	text-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
.select_shop_banner .button.button-ghost {
	display: inline-block;
	height: 50px;
	padding: 12px 20px;
	font-size: 18px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 25px;
	box-sizing: border-box;
	text-decoration: none;
	background:rgba(0,0,0,.25);
	text-shadow: 2px 2px 2px rgba(0,0,0,.2);
	box-shadow: 2px 2px 5px rgba(0,0,0,.2) inset;
}

/* 21-01-21 추가 :  S */
.select_shop_news.pt120 {
	padding: 120px 0 0 0;
}
/* 21-01-21 추가 :  E */

/* 2022-06-30 수정 [S] */
.hbyh .select_shop_news .productList{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.hbyh .select_shop_news .productList .productItem{
	width: 440px;
	box-sizing: border-box;
	margin-bottom: 120px;
}

.select_shop_news .productList .productItem:nth-child(2n-1){
}

.select_shop_news .productList .productItem:nth-child(2n){
}

.hbyh .select_shop_news .productList .productItem .itemTitle{
	font-size: 30px;
	font-weight: 700;
	color: #333333;
	position: relative;
	padding-bottom: 15px;
	text-align: center;
}

.hbyh .select_shop_news .productList .productItem .itemTitle::after{
	content: '';
	position: absolute;
	background-color: #e6e6e6;
	bottom: 0;
	width: 30px;
	height: 3px;
	left: 50%;
	transform: translateX(-50%);
}

.hbyh .select_shop_news .productList .productItem .itemSubTitle{
	text-align: center;
    margin: 14px 0 50px 0;
    font-size: 20px;
    font-weight: 700;
	color: #333;
}

.select_shop_news .productList .productItem .productItem-imgWrap{
}

.hbyh .select_shop_news .productList .productItem .productItem-imgWrap img{
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	position: relative;
	z-index: 1;
}

.hbyh .select_shop_news .productList .productItem:nth-child(2n-1) .productItem-imgWrap{
	position: relative;
}

.hbyh .select_shop_news .productList .productItem:nth-child(2n) .productItem-imgWrap{
	position: relative;
}

.hbyh .select_shop_news .productList .productItem:nth-child(2n-1) .productItem-imgWrap::after{
	content: '';
	position: absolute;
	bottom: -20px;
	left: -20px;
	width: 300px;
	height: 300px;
	z-index: 0;
}

.hbyh .select_shop_news .productList .productItem:nth-child(2n) .productItem-imgWrap::after{
	content: '';
	position: absolute;
	top: -20px;
	right: -20px;
	width: 300px;
	height: 300px;
	z-index: 0;
}

.hbyh .select_shop_news .productList .productItem:nth-child(1) .productItem-imgWrap::after{
	background-color: #ba957a;
}

.hbyh .select_shop_news .productList .productItem:nth-child(2) .productItem-imgWrap::after{
	background-color: #7a9dba;
}

.hbyh .select_shop_news .productList .productItem:nth-child(3) .productItem-imgWrap::after{
	background-color: #baac7a;
}

.hbyh .select_shop_news .productList .productItem:nth-child(4) .productItem-imgWrap::after{
	background-color: #9eba7a;
}

.hbyh .select_shop_news .productList .productItem p{
	margin-top: 58px;
	font-size: 20px;
	color: #333333;
	letter-spacing: -0.03em;
}

.hbyh .select_shop_news .productList .productItem:nth-child(2n-1){
	padding-left: 20px;
}

.hbyh .select_shop_news .productList .productItem:nth-child(2n){
	padding-right: 20px;
}

.hbyh .select_shop_news .productList .productItem p span{
	font-weight: 700;
}
/* 2022-06-30 수정 [E] */

/* 21-01-21 추가 :  S*/

/* SNS 커스텀 */
/*리스트*/
.select_shop_section img {
	cursor: pointer;
}
.list_button { 
	display: block;
	text-indent: 0;
	vertical-align: top;
}
/*팝업*/
.shop_news_popup {
	position: fixed;
	height: 570px;
	width: 904px;
	top: 50%;
	z-index: 32;
	left: 50%;
	margin: -285px 0 0 -452px;
}
.shop_news_popup.dim {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	z-index: 31;
	margin:0;
}
.shop_news_popup > .swiper-container {
	/*height: 750px;*//*2020-07-21*/
	background-color: #FFF;
	margin-left: 0;
	margin-right: 0;
}
.shop_news_popup > .swiper-container .swiper-button-prev,
.shop_news_popup > .swiper-container .swiper-button-next {
	display: block;
	text-indent: 0;
	overflow: visible;
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 12px;
	width: 27px;
    height: 44px;
}
.shop_news_popup > .swiper-container .swiper-button-prev:after,
.shop_news_popup > .swiper-container .swiper-button-next:after {
    content: "";
    position: absolute;
    left: 0;
	top: 0;
	width: 27px;
    height: 44px;
}
.shop_news_popup > .swiper-container .swiper-button-prev {
	position: fixed;
	left:50%;
	margin: -22px 0 0 -495px;
	color:rgba(255,255,255,.5);
}
.shop_news_popup > .swiper-container .swiper-button-next {
	position: fixed;
	left:50%;
	margin: -22px 0 0 470px;
}
.shop_news_popup > .swiper-container .swiper-button-prev:after{
	content:"";
	position:absolute;
	left:0;
	background: url('../../images/webhome/selectshop/ico-prev.png') no-repeat 50% 50%;
    background-size: 22px 33px;
}
.shop_news_popup > .swiper-container .swiper-button-next:after{
	content:"";
	position:absolute;
	left:0;
	background:url('../../images/webhome/selectshop/ico-next.png') no-repeat 50% 50%;
	background-size:22px 33px;
}
.shop_news_popup > .swiper-container .swiper-button-prev:focus,
.shop_news_popup > .swiper-container .swiper-button-next:focus,
.shop_news_popup > .swiper-container .swiper-button-prev:active,
.shop_news_popup > .swiper-container .swiper-button-next:active {
	outline: 2px solid black;
}
.shop_news_popup > .swiper-container .swiper-slide {
	height: 570px;
	text-align: center;
	overflow:hidden;
	position:relative;
    float: left;
	width:570px; /*2020-07-20*/
	z-index:10;
}
.shop_news_popup > .swiper-container .swiper-slide .left {
	width: 570px;
	height: 570px;
	text-align: center;
	float:left; /*display:inline-block;*//*2020-07-21*/
}
.shop_news_popup > .swiper-container .swiper-slide .left .swiper-container {
	height: 100%;
}
.shop_news_popup > .swiper-container .swiper-slide .left .swiper-container .swiper-pagination {
	top: auto;
	bottom:10px;
	z-index: 99999;
}
.shop_news_popup > .swiper-container .swiper-slide .left .swiper-container .swiper-pagination .swiper-pagination-bullet{
	background: rgba(102,102,102,.4);
	opacity:1;
		overflow: hidden;
	text-indent: -9999px;
}
.shop_news_popup > .swiper-container .swiper-slide .left .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
	background:#48665a;
}
.shop_news_popup > .swiper-container .swiper-slide img {
	max-width: 570px;
	max-height: 570px;
	text-align:center;
	margin-top: auto;
	margin-bottom: auto;
}
/* 2020-웹접근성-1차-001-02 : [S] */
.shop_news_popup > .swiper-container .swiper-slide video,
.shop_news_popup > .swiper-container .swiper-slide .list_video {
	width: 100%;
}
/* 2020-웹접근성-1차-001-02 : [E] */
.shop_news_popup > .swiper-container .swiper-slide .inner-swiper-button-prev{
	position:absolute;
	z-index:35;
	left:10px;
	top:270px;
	width:30px;
	height:30px;
	border-radius:30px;
	cursor:pointer;
}
.shop_news_popup > .swiper-container .swiper-slide .inner-swiper-button-next{
	position:absolute;
	z-index:35;
	right:10px;
	top:270px;
	width:30px;
	height:30px;
	border-radius:30px;
	cursor:pointer;
}
.shop_news_popup > .swiper-container .swiper-slide .inner-swiper-button-prev:after{
	content:"";
	position:absolute;
	left:0;
	width:30px;
	height:30px;
	background:url('../../images/webhome/selectshop/ico-inner-prev.png') no-repeat 0 0;
	background-size:30px 30px;
}
.shop_news_popup > .swiper-container .swiper-slide .inner-swiper-button-next:after{
	content:"";
	position:absolute;
	left:0;
	width:30px;
	height:30px;
	background:url('../../images/webhome/selectshop/ico-inner-next.png') no-repeat 0 0;
	background-size:30px 30px;
}
.shop_news_popup > .swiper-container .swiper-slide .right {
	float:left; /*display:inline-block;*/ /*2020-07-21*/
	width: 334px;
	height: 570px;
	text-align:left;
	padding:40px;
	overflow:auto;
	overflow-x:hidden;
	box-sizing:border-box;
}
.shop_news_popup > .swiper-container .swiper-slide .right .caption {
	white-space: pre-wrap;
	font-size:16px;
	line-height:1.5;
	color:#666;
}
.shop_news_popup > .swiper-container .swiper-slide .right .caption a{
	color:#00376b;
}
.shop_news_popup_close {
	position: fixed;
    top: 50%;
    right: 50%;
    width: 40px;
    margin-right: -453px;
    margin-top: -335px;
    height: 40px;
    z-index: 9999;
}
.shop_news_popup_close_button {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
}
.shop_news_popup_close_button:before,
.shop_news_popup_close_button:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2px;
	height: 35px;
	margin: -17px 0 0 -1px;
	background: #fff;
}
.shop_news_popup_close_button:before {
	transform: rotate(45deg);
}
.shop_news_popup_close_button:after {
	transform: rotate(-45deg);
}

/*스크롤*/
body.noScroll.is-select-shop {
	overflow: visible;
}

/* 2020-08-19 : [S] */
.swiper-link {
	display: none;
}
 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.swiper-link {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: calc(100% - 50px);
		background: transparent;
		z-index: 9999;
		cursor: pointer;
	}
	.swiper-link-anchor {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
	}
	.shop_news_popup > .swiper-container .swiper-slide .right {
		display: none;
	}
	.shop_news_popup > .swiper-container .swiper-slide .left {
		float: none;
		display: inline-block;
	}
}

/* IE6,7,8 */
@media \0screen\,screen\9 {
	.swiper-link {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: calc(100% - 50px);
		background: transparent;
		z-index: 9999;
		cursor: pointer;
	}
	.swiper-link-anchor {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
	}
	.shop_news_popup > .swiper-container .swiper-slide .right {
		display: none;
	}
	.shop_news_popup > .swiper-container .swiper-slide .left {
		float: none;
		display: inline-block;
	}
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
	.swiper-link {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: calc(100% - 50px);
		background: transparent;
		z-index: 9999;
		cursor: pointer;
	}
	.swiper-link-anchor {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
	}
	.shop_news_popup > .swiper-container .swiper-slide .right {
		display: none;
	}
	.shop_news_popup > .swiper-container .swiper-slide .left {
		float: none;
		display: inline-block;
	}
}
/* 2020-웹접근성-1차-001 : [S] */
/* 2020-08-19 : [E] */
/* 2020-06-18 추가 : E */

/* 로그인 리뉴얼 부분  : S */

.tit_page.center {
	text-align: center;
}

.newLogin_area button {
	font-family:'Happiness-Sans', '맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;/* 2022-03-04 수정 */
}	

.newLogin_area .input_area.pb40 {
	padding-bottom:40px;
}

.newLogin_area .title {
	display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 550;
    color: #222;
}

.newLogin_area .hpoint_area {
	padding:0 150px;
	border-bottom:1px solid #eee;
	box-sizing: border-box;
}

.newLogin_area .hpoint_area .explain_txt {
	display: block;
	margin-top: 15px;
	margin-bottom: 20px;
	color:#767676; /* 2022-09-30 웹 접근성 */
	font-size:14px;
}

.newLogin_area .com_area {
	padding:0 150px 40px;
	box-sizing: border-box;
}

.newLogin_area a:hover {
	text-decoration: none;
}
.newLogin_area .input {margin-top:15px;}
.newLogin_area .input input[type="text"],.newLogin_area .input input[type="password"] {
	width:100%;
	height: 65px;
	padding-left:25px;
	border:1px solid #eee;
	box-sizing: border-box;
	font-size: 16px;
}

.newLogin_area .caution_txt {
	display: block;
	margin-top:10px;
	padding-left: 16px;
	
	font-size: 14px;
	color:#ff003a;
}

.newLogin_area .check_list {
	position: relative;
}

.newLogin_area .check_list.v2 .list_link {
	float: none;
	display: flex;
	justify-content: center;
}

.newLogin_area .check_list:after{
	display: block;
	content: "";
	clear: both;
}

.newLogin_area .check_list .check {
	float: left;
	margin-top:0;
}

.newLogin_area .check_list .check input[type="checkbox"] {
	opacity: 0;
}

.newLogin_area .check_list .check input[type="checkbox"] + label {
	position: relative;
	padding-left:10px;
}

.newLogin_area .check_list .check input[type="checkbox"] + label:before{
	content: "";
	position: absolute;
	top:50%;
	left: -20px;
	width:20px;
	height: 20px;
	background:url("https://dev.ehyundai.com:18011/images/webhome/chk_off.png") no-repeat left center;
	background-size: cover;
	transform: translateY(-50%);
}

.newLogin_area .check_list .check input[type="checkbox"]:checked + label:before {
	background:url("https://dev.ehyundai.com:18011/images/webhome/chk_on.png") no-repeat left center;
	background-size: cover;
}

.newLogin_area .check_list {
	margin-top:30px;
}

.newLogin_area .check_list .list_link {
	float: right;
	margin-top:0;
}

.newLogin_area .check_list .list_link li {
	position: relative;
	margin-left:0;
	padding:0 9px;
}

.newLogin_area .check_list .list_link li:last-child {
	padding:0;
	padding-left:9px;
}

.newLogin_area .check_list .list_link li:after{
	content: "";
	position: absolute;
	top:50%;
	left:0;
	width:1px;
	height: 14px;
	background:#eee;
	transform: translateY(-50%);
}

.newLogin_area .check_list .list_link li:first-child:after {
	display: none;
}

/* 2022-03-02 추가 [S] */
.popup_hpoint.popup_open{display: block;}
.popup_hpoint{width: 100vw; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; top: 0%; left: 0; z-index: 19; color: #222; text-align: center; display: none;}
.popup_hpoint .popup_hpoint_wrap{width: 540px; background-color: #fff; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents{padding:60px 45px;}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents h2{padding-bottom: 45px; border-bottom: 2px solid #e6e6e6; font-family:'Happiness-Sans'; font-weight: 700; font-size: 28px; line-height: 1;}/* 2022-03-4 수정 */
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents .contents_bold{margin-top: 50px; font-size: 18px; font-weight: 700; line-height: 30px;}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents .contents_normal{margin-top: 30px; font-size: 18px; line-height: 30px;}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents .contents_em{margin-top: 30px; font-size: 14px; color: #666666;}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents .change{margin-top: 50px; display: block; width: 100%; height: 65px; line-height: 65px; text-indent: 0; font-size: 18px; font-weight: bold; color: #fff; background-color: #376155;}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap{border-top: 2px solid #e6e6e6; font-family:'Happiness-Sans'; font-weight: 700; font-size: 18px; color: #222;}/* 2022-03-04 수정 */
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap::after{content: ""; display: block; clear: both;}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap .button_line{background-color: #e6e6e6; width: 2px; height: 16px; clear: both; margin-top: 25px; padding-top: 0; border: none; display: inline-block;}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap div{width: 100%; line-height: 65px; height: 65px; cursor: pointer;}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap .w50{width: calc(50% - 1px);}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap .close_7days{float: left;}
.popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap .close_btn{float: right;}

.newLogin_area .check_list .id_save:focus{text-decoration: none;}
.newLogin_area .check_list .id_save{text-decoration: none;}
.newLogin_area .check_list .id_save img{margin-right: 11px;}
.newLogin_area .button_area .button_wrap a{width:219px; float: right; font-size: 0;} /* 2022-09-30 웹 접근성 */
.newLogin_area .button_area .button_wrap a:first-child{float: left;}
.newLogin_area .button_area .button_wrap::after{content: ""; display: block; clear: both;}
.newLogin_area .hpoint_guide_area{text-align: center; font-size: 18px; margin:40px 0; color: #000; font-family:'Happiness-Sans', '맑은 고딕', 'Malgun Gothic'}/* 2022-03-04 수정 */
.newLogin_area .hpoint_guide_area span{font-size: 14px; color: #545cc3;}

/* 2022-03-02 추가 [E] */

.newLogin_area .button_area {
	margin-top:40px;
}

.newLogin_area .button_area.v2 {
	margin-top:15px;
}

.newLogin_area .button_area button, .newLogin_area .button_area a {
	display: block;
	width:100%;
	height: 65px;
	line-height: 65px;
	text-indent: 0;
	font-size: 18px;
	font-weight: bold;
}

.newLogin_area .button_area button.normal {
	color:#fff;
	background:#34483b;
	
}

.newLogin_area .button_area a {
	margin-top: 15px;
	text-align: center;
	color:#381e1f;
}

.newLogin_area .button_area a:hover {
	text-decoration: none;
}

.newLogin_area .button_area a.kakao {
	background:#fee600 url("http://www.ehyundai.com/images/webhome/kakao.png") no-repeat left center;
	background-position: 140px center;
}

/* 2022-03-02 수정 [S] */

.newLogin_area .button_area a.facebook {
	background:#4266b1 url("../../images/webhome/facebook_btn.png") no-repeat 50% 50%;
	color: #fff;
}

.newLogin_area .button_area a.google {
	background:#fff url("../../images/webhome/google_btn.png") no-repeat 50% 50%;
	color: #333;
}

/* 2022-03-02 수정 [E] */

.newLogin_area .button_area > a.otp{
	display: block;
	text-align: center;
	margin-top:40px;
	margin-bottom:40px;
	font-size: 14px;
	text-align: center;
	color:#000;
	height: auto;
	line-height: 1;
}

.newLogin_area .button_area a span {
	display: inline-block;
	padding-bottom: 4px;
	border-bottom: 1px solid #333;
}

.newLogin_area .com_area {
	margin-top: 40px;
}

.newLogin_area .com_area > .button_area {
	margin-top: 15px;
}

.newLogin_area .com_area .button_area a {
	display: block;
	width: 100%;
	height: 65px;
	margin-top:10px;
	line-height: 65px;
	background:#222;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: 550;
}


/* 로그인 리뉴얼 부분  : E */

.newLogin_area, .newLogin_area input,.newLogin_area textarea,.newLogin_area select,.newLogin_area button{font-family:'Happiness-Sans';}/* 2022-03-04 수정 */

/* 2021-04-06 변경 : S */
.call-out {display:table;width:100%;margin-top:40px;margin-bottom:20px;padding:15px;box-sizing:border-box;background:#f7f7f7}
.call-out__copy {display:table-row}
.call-out__copy-text {display:table-cell;padding-top:10px;color:#666;font-size:12px;line-height:1.3333;vertical-align:top}
.call-out__ico {display:table-cell;padding-top:10px;padding-right:10px;vertical-align:top}
.call-out__ico::before {display:block;background: no-repeat 50% 50%/cover;content:''}
.call-out__ico--home::before {width:15px;height:15px;background-image: url(http://www.ehyundai.com/images/webhome/ico-home-15x15-222.png)}
.call-out__copy:first-child .call-out__copy-text {padding-top:0}
.call-out__copy:first-child .call-out__ico {padding-top:0}
/* 2021-04-06 변경 : E */


/* 2021-04-12 추가 : S */
.brandshop.sub_title {margin-top:90px; text-align: center;}
.brandshop.sub_title span {display:block; font-weight: 500; font-size:44px; color:#333;}
.brandshop.sub_title p {margin-top:50px; text-align: center; font-size:20px; color:#333;}
/* 2021-04-12 추가 : E */


/* 2021-04-26 추가 */
#popupPolicy .img-frame {overflow: auto; height: 750px; margin:35px 0 0;}
#popupPolicy .img-frame .relative-area {position: relative;}
#popupPolicy .img-frame .relative-area img {width:100%;}
#popupPolicy .img-frame .relative-area a {position: absolute; bottom:2.5%; left:50%; transform: translateX(-50%);}
.btn_type16 a#popupPolicyStart {background: #fff; border:1px solid #333; color:#333}

div.event-hidden {
	display: block !important;
	position: absolute !important;
	overflow: hidden !important;
	margin: -1px !important;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	clip: rect(0, 0, 0, 0) !important;
  }
  
  
    /* 2021-06-28 개인정보 관리 페이지 신규 css 추가 */
  .personal_pocily .close {position: absolute; top:10px; right:10px;}
  .personal_pocily .close img {display: block;}
  .personal_pocily .title {display: block; margin-bottom:10px; font-size:15px; color:#333; font-weight: bold;}
  .personal_pocily table {text-align: center; border:0; border-top:1px solid #c2c7d5;  border-bottom:1px solid #c2c7d5}
  .personal_pocily table td {padding:10px 0;}
  .personal_pocily table td:first-child {border-left:0;}
  .personal_pocily table td:last-child {border-right:0;}
  .personal_pocily table a {margin-left:5px; font-weight: bold; color:#333; text-decoration: underline;}
  .personal_pocily table button {display: inline-block; margin-left:5px; color:#333; font-size:12px; line-height: normal; text-indent: 0;}
  .personal_pocily .table_area + .table_area {margin-top:50px;}
  .personal_pocily table .left_none {border-left: 0;}
  .personal_pocily .tb_type2 table th, .personal_pocily  .tb_type2 table td {border-left:0;}
  .personal_pocily .tb_type2 table.v2 td {padding: 5px 0;}
  .personal_pocily .tb_type2 table.v2 th, .personal_pocily .tb_type2 table.v2 td {border-top:0;}
  .personal_pocily .tb_type2 table.v2 .bdt {border-top:1px solid #c2c7d5;}
  .personal_pocily .btn_area {position: relative;}
  .personal_pocily .btn_area:after {display: block; clear: both; content: "";}
  .personal_pocily .btn_area .btn_type {padding:5px 15px 4px 15px; border:1px solid #666 ; margin-right: 10px; color:#666; font-weight: bold;}
  .personal_pocily .button02_ar a {width:175px; height: 45px; text-align: center; padding:0; line-height: 43px;}
  .personal_pocily .layer_frame {display: none; position: fixed; top:0; left:0; width:100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;}
  .personal_pocily .layer_frame .layer_area {position: absolute; top:50%; left:50%; padding:30px 35px; width:510px; border:4px solid #a7c4cf; transform: translate(-50%, -50%); background: #fff; box-sizing: border-box;}
  .personal_pocily .layer_frame .layer_area .title {display: block; padding-bottom: 10px; font-size:14px; color:#3c567d; border-bottom:1px solid #c3cdd2;}
  .personal_pocily .layer_frame .layer_area dl:first-child {margin-top:15px;}
  .personal_pocily .layer_frame .layer_area dl + dl {margin-top:30px;}
  .personal_pocily .layer_frame .layer_area dl dt {color:#3c567d; font-weight: bold;}
  .personal_pocily .layer_frame .layer_area dl img {margin-top:7px;}

  /* 오픈 웍스 추가 */
  .offworks {
	text-align: center;
	padding-bottom: 50px;
}

.offworks .select_shop_overview .subtitle {
	margin-top:50px;
}

.offworks .select_shop_overview h3 {
	font-size:44px;
	color:#222;
	font-weight: 500;
}
.offworks .img_area {
	margin-top:100px;
}

.offworks .main_brand {
	margin-top: 80px;
}

.offworks .main_brand .brand_box {
	margin-top:40px;
}

.offworks .main_brand .brand_box strong {
	font-size:20px;
	color:#333;
}
.offworks .main_brand .brand_box p {
	margin-top:10px;
	color:#333;
	letter-spacing: -0.05em;
}

.offworks .brand_news {
	position: relative;
	margin-top:50px;
}

.offworks .brand_news:after{
	display: block;
	clear:both;
	content:"";
}

.offworks .brand_news a {
	display:block;
	width:49%;
	margin: 5px 0;

}

.offworks .brand_news a:nth-child(2n-1) {
	float:right;
}
.offworks .brand_news a:nth-child(2n){
	float:left;
}

.offworks .brand_news .title {
	display: block;
	width:100%;
	margin-top:40px;
	font-size:44px;

}

.offworks .brand_news:after{
	display: block;
	clear:both;
	content:"";
}

.offworks .brand_news a {
	display:block;
	width:49%;
	margin: 5px 0;

}

.offworks .brand_news a:nth-child(2n-1) {
	float:right;
}
.offworks .brand_news a:nth-child(2n){
	float:left;
}

.offworks .brand_news .title {
	display: block;
	width:100%;
	margin-top:40px;
	font-size:44px;

}


/* 2022-05-19 추가 [S] */

.wineworks {
	text-align: center;
}

.wineworks .img_area {
	margin-top:100px;
}

.wineworks .select_shop_overview .subtitle {
	margin-top:30px;
}

.wineworks .tab-wrap{
	margin-top: 140px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.wineworks .tab-wrap li{
	width: 200px;
	font-size: 32px; /* 2023-01-03 수정 */
	padding-bottom: 25px;
	color: #333;
	cursor: pointer;
}

.wineworks.select_shop_overview .location{
	margin-top: 80px;
}

.wineworks.select_shop_overview .location_text{
	border-bottom: 2px solid #333;
}

.wineworks .tab-wrap li.tabOn{
	border-bottom: 4px solid #000;
	font-weight: 700;
}

.wineworks .tab_contents_wrap{
	position: relative;
}

.wineworks .tab_contents_wrap::before{
	content: "";
	position: absolute;
	height: calc(100% + 80px);
	width: 2600px;
	top: 0;
	left: -1000px;
	background-color: #f8f8f8;
}

.wineworks .tab_contents_wrap .tab_contents{
	display: none;
}

.wineworks .tab_contents_wrap .tab_contents.tabOn{
	display: block;
}

.wineworks .tab_contents_wrap .tab_contents p{
	position: relative;
	padding: 100px 0 60px;
	font-size: 20px;
}

.wineworks .select_shop_overview .location_text{margin-top: 50px; padding-bottom: 5px; border-bottom: 2px solid #333;}

.wineworks .tab_contents_wrap .swiper { width: 100%;  margin-left: auto; margin-right: auto; overflow: hidden;}
.wineworks .tab_contents_wrap .swiper-slide {background-size: cover; background-position: center; }
.wineworks .tab_contents_wrap .swiper-main{ width: 100%; position: relative; padding-bottom: 10px;}
.wineworks .tab_contents_wrap .swiper-thumb{ height: 160px; padding: 0px 0 26px; position: relative;}
.wineworks .tab_contents_wrap .swiper-thumb .swiper-slide {width: 20%; height: 100%; background-color: #000;}
.wineworks .tab_contents_wrap .swiper-thumb .swiper-slide img{opacity: 0.4;}
.wineworks .tab_contents_wrap .swiper-main .swiper-slide-thumb-active img,.wineworks .tab_contents_wrap .swiper-thumb .swiper-slide-thumb-active img{opacity: 1; }
.wineworks .tab_contents_wrap .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.wineworks .tab_contents_wrap .swiper-button-next:after,.wineworks .tab_contents_wrap .swiper-button-prev:after{content: '';}
.wineworks .tab_contents_wrap .swiper-button-next,.wineworks .tab_contents_wrap .swiper-button-prev{background-color: rgba(0,0,0,0.6); width: 50px; height: 50px; background-repeat: no-repeat;}
.wineworks .tab_contents_wrap .swiper-button-next{background-image: url(../../images/webhome/selectshop/slider_right_btn.png); background-position: 57% 50%;}
.wineworks .tab_contents_wrap .swiper-button-prev{background-image: url(../../images/webhome/selectshop/slider_left_btn.png); background-position: 47% 50%;}
.wineworks .tab_contents_wrap .swiper-container-horizontal>.swiper-statusBar{width: calc(100% - 80px); left: 0; height: 4px; bottom: 0; border-radius: 0;position: absolute; z-index: 50; background: rgba(0,0,0,.1);}
.wineworks .tab_contents_wrap .swiper-container-horizontal>.swiper-statusBar .swiper-statusBar-status{background: #4a675c;height: 100%; width: calc(100% / 9); position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0; transition: 0.3s;}
.wineworks .tab_contents_wrap .swiper-pagination{width: auto; display: inline-block; left: auto; bottom: 0; right: 0; font-weight: 500; font-size: 18px; color: #333; line-height: 1; transform: translateY(25%);}
.wineworks .tab_contents_wrap .swiper-pagination span{line-height: 1;}
.wineworks .tab_contents_wrap .swiper-pagination .swiper-pagination-current{font-weight: 700;}

/* 2022-05-19 추가 [E] */

/* 2022-06-09 추가 [S] */
.onetable {
	text-align: center;
}

.onetable .img_area {
	margin-top:100px;
}

.onetable .select_shop_overview .subtitle {
	margin-top:45px;
}

.onetable .select_shop_overview .subtitle.bold{
	font-weight: 700;
	margin-top: 30px;
}

.onetable .main_menu {
	margin-top: 80px;
}

.onetable .select_shop_overview .title{
	font-size: 44px;
	margin-bottom: 40px;
}

.onetable .menu_wrap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.onetable .menu_wrap .menu_item{
	width: calc(50% - 10px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	padding: 50px 0;

}

.onetable .menu_wrap .menu_item *{
	line-height: 1.25;
}

.onetable .menu_wrap .menu_item:nth-child(1),.onetable .menu_wrap .menu_item:nth-child(2){
	padding: 0 0 50px;
}

.onetable .menu_wrap .menu_item:nth-child(2n+3):after{
	content: '';
	position: absolute;
	top: 0;
	left: 0%;
	width: calc(200% + 20px);
	height: 2px;
	background-color: #e9e9e9;
}

.onetable .menu_wrap .menu_item .menu_txt_wrap{
	padding-left: 20px;
	text-align: left;
	letter-spacing: -0.04em;
	padding-top: 30px;
}

.onetable .menu_wrap .menu_item .menu_txt_wrap h4{
	font-size: 24px;
	font-weight: 700;
	color: #333;
}

.onetable .menu_wrap .menu_item .menu_txt_wrap p{
	font-size: 18px;
	color: #333;
	margin-top: 25px;
}

.onetable .menu_wrap .menu_item .menu_txt_wrap .menu_more{
	margin-top: 30px;
	font-size: 13.5px;
	color: #fff;
	display: inline-block;
	text-align: center;
	width: 100px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	padding-right: 18px;
	background: url(../../images/webhome/selectshop/menu_more_arrow.png) no-repeat calc(50% + 29px) 50%;
	background-color: #4a675c;
}

.mimc {
	text-align: center;
}

.mimc .img_area {
	margin-top:100px;
}

.mimc .select_shop_overview .subtitle {
	margin-top:45px;
}

.mimc .select_shop_overview .subtitle.bold{
	font-weight: 700;
	margin-top: 30px;
}

.mimc.select_shop_overview .location{
	margin-top: 80px;
}

.mimc.select_shop_overview .location_text{
	border-bottom: 2px solid #333;
}
/* 2022-06-09 추가 [E] */


/* IE전용 input 디자인 삭제 2021-11-04 접근성 관련 */
input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}
input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

.btn-brand-map {
	position: absolute;
	top:70px;
	right:30px;
}

.btn-brand-map > i {
	top:auto;
	right: auto;
	position: static!important;
}



.bbs_view {margin-top:30px;margin-bottom:20px;  border-top:2px solid #acacac; border-bottom:2px solid #acacac;}
.bbs_view .tit_area {padding:13px 30px 11px 30px; border-bottom:1px solid #e0e0e0; font-weight:bold; background:#f6f6f6;}
.bbs_view .tit_area .company {display: block; float:left; padding:0 25px 0 10px; color:#36855d; background:url('../../images/ir/ico_g_arrow.png') no-repeat 0 6px;}
.bbs_view .tit_area .tit {float:left; width:470px;}/* 2013-11-25 modify */
.bbs_view .tit_area .date {float:right; font-weight:normal; margin-top:0px;}
.bbs_view .tit_area .date .tName {display:inline-block; margin-right:30px;}
.bbs_view .tit_area .date .tDate {display:inline-block;}
.bbs_view .cnt {padding:30px;}
.bbs_view .writing {border-top:2px solid #acacac;}
.bbs_view .writing span {display:inline-block; vertical-align:middle;}
.bbs_view .prev {padding:12px 0 10px 30px; border-bottom:1px solid #e0e0e0;}
.bbs_view .next {padding:12px 0 10px 30px; position:relative;}
.bbs_view .prev .up {float:left; padding:0 30px 0 25px; width:37px; display:block; background:url('../../images/ir/ico_up.png') no-repeat 0 7px;}
.bbs_view .next .down {float:left; padding:0 30px 0 25px; width:37px; display:block; background:url('../../images/ir/ico_down.png') no-repeat 0 7px;}
.bbs_view .prev .tit,
.bbs_view .next .tit {float:left; width:390px;}/* 2013-11-25 modify */
.bbs_view .prev .date,
.bbs_view .next .date {float:right; width:149px; margin-right:30px; text-align:right; display:block;}/* 2013-11-25 modify */
.bbs_view a:hover {text-decoration:underline;}
.bbs_view .q_tit {padding-left:25px; background:url('../../images/ir/ico_question.png') no-repeat 0 0;}/* 2013-11-25 added */
.bbs_view .q_txt {margin:13px 0 0 25px; line-height:20px;}/* 2013-11-25 added */
.bbs_view .question {padding:30px; border-bottom:1px solid #e0e0e0;}/* 2013-11-25 added */
.bbs_view .answer {padding:30px;}/* 2013-11-25 added */
.bbs_view .a_tit {padding-left:25px; background:url('../../images/ir/ico_answer.png') no-repeat 0 0;}/* 2013-11-25 added */
.bbs_view .a_txt {margin:13px 0 0 25px; line-height:20px;}/* 2013-11-25 added */
.bbs_view .attach b {display:inline-block; width:80px; padding-left:6px; background:url('../../images/ir/ico_bullet.png') no-repeat 0 7px;}
.bbs_view .attach a {text-decoration:underline;}
.bbs_view .attach {margin:13px 0 0 25px;}

/* 2022-03-22 추가 [S] */
.article_project100 .project100_head .project100_head_text{margin: 50px auto; font-size: 23px; text-align: center; color: #111; line-height: 1.5;}
.article_project100 .project100_head .project100_head_text .fw700{font-weight: 700;}
.article_project100 .project100_contents{padding-top: 60px; border-top: 2px solid #09d474; text-align: center; color: #111; line-height: 1; margin-bottom: 60px;}
.article_project100 .project100_contents_title{font-family: 'Happiness-Sans-Title'; font-size: 30px; color: #09d474; line-height: 1; margin: 10px auto 50px;}
.article_project100 .project100_contents1_dl{margin-bottom: 70px;}
.article_project100 .project100_contents1_dl dt{font-size: 23px; font-weight: 700; }
.article_project100 .project100_contents1_dl dd{font-size: 20px; margin: 27px auto 40px; line-height: 1.5;}
.article_project100 .project100_youtube_wrap{position: relative;}
.article_project100 .youtube-area {width:82.3%!important;/* height:25.45%!important; */ position: relative; margin-top: 50px; left: 50%; transform: translateX(-50%);}
.article_project100 .youtube-area::before{content: ''; display: block; padding-top: 56.25% !important;}
.article_project100 .youtube-area iframe {position: absolute; top: 0; left: 0; width:100%!important; height:100%!important;}
.article_project100 .project100_youtube_title{font-family: 'Happiness-Sans-Title'; margin-bottom: 30px; font-size: 23px;}
.article_project100 .project100_youtube_title.mt-50{margin-top: 50px;}
.article_project100 .project100_contents .project100_subtit{margin-bottom: 50px; font-size: 23px; font-weight: 700;}

.article_gallery .gallery_head .gallery_head_text{margin: 50px auto; font-size: 23px; text-align: center; color: #111; line-height: 1.5;}
.article_gallery .gallery_head .gallery_head_text .fw700{font-weight: 700;}
.article_gallery .gallery_contents{padding-top: 60px;  text-align: center; color: #111; line-height: 1; margin-bottom: 60px;}
.article_gallery .gallery_contents.bdtop{border-top: 2px solid #09d474;}
.article_gallery .gallery_contents_title{font-family: 'Happiness-Sans-Title'; font-size: 30px; color: #09d474; line-height: 1; margin: 10px auto 50px;}
.article_gallery .gallery_img_title{font-weight: 700; font-size: 23px; margin-bottom: 30px ;}
.article_gallery .gallery_img_wrap.mt-10{margin-top: 10px;}
.article_gallery .gallery_contents .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; overflow: hidden;}
.article_gallery .gallery_contents .swiper-slide {background-size: cover; background-position: center; }
.article_gallery .gallery_contents .mySwiper2,.article_gallery .gallery_contents .mySwiper4 { height: 80%; width: 100%; position: relative;}
.article_gallery .gallery_contents .mySwiper,.article_gallery .gallery_contents .mySwiper3 { height: 20%; box-sizing: border-box; padding: 10px 0 13px; position: relative;}
.article_gallery .gallery_contents .mySwiper .swiper-slide,.article_gallery .gallery_contents .mySwiper3 .swiper-slide {width: 25%; height: 100%; background-color: #000;}
.article_gallery .gallery_contents .mySwiper .swiper-slide img,.article_gallery .gallery_contents .mySwiper3 .swiper-slide img{opacity: 0.4;}
.article_gallery .gallery_contents .mySwiper .swiper-slide-thumb-active img,.article_gallery .gallery_contents .mySwiper3 .swiper-slide-thumb-active img{opacity: 1; }
.article_gallery .gallery_contents .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.article_gallery .gallery_contents .swiper-button-next:after,.article_gallery .gallery_contents .swiper-button-prev:after{content: '';}
.article_gallery .gallery_contents .swiper-button-next,.gallery_contents .swiper-button-prev{background-color: #09d474; width: 40px; height: 40px; border-radius: 50%;  background-repeat: no-repeat;}
.article_gallery .gallery_contents .swiper-button-next{background-image: url(../../images/webhome/finance/slider_right_btn.png); background-position: 57% 50%;}
.article_gallery .gallery_contents .swiper-button-prev{background-image: url(../../images/webhome/finance/slider_left_btn.png); background-position: 47% 50%;}
.article_gallery .gallery_contents .swiper-container-horizontal>.swiper-scrollbar{width: 100%; left: 0; height: 3px; bottom: 0;}
.article_gallery .gallery_contents .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag{background: #09d474;}
/* 2022-03-22 추가 [E] */

/* 2022-06-30 추가 [S] */

.beclean .select_shop_news .productList .productItem{
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 120px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.beclean .select_shop_news .productList .productItem:nth-child(1){
	padding-left: 20px;
	margin-bottom: 155px;
}

.beclean .select_shop_news .productList .productItem:nth-child(2){
	margin-bottom: 110px;
}

.beclean .select_shop_news .productList .productItem:nth-child(3){
	padding-left: 20px;
	margin-bottom: 180px;
}

.beclean .select_shop_news .productList .productItem .itemTitle{
	font-size: 30px;
	font-weight: 700;
	color: #333333;
	position: relative;
	padding-bottom: 15px;
	margin-top: 54px;
}

.beclean .select_shop_news .productList .productItem .itemTitle::after{
	content: '';
	position: absolute;
	background-color: #e6e6e6;
	bottom: 0;
	width: 30px;
	height: 3px;
	left: 0;
}

.beclean .select_shop_news .productList .productItem .itemSubTitle{
	text-align: center;
    margin: 14px 0 50px 0;
    font-size: 20px;
    font-weight: 700;
	color: #333;
}

.beclean .select_shop_news .productList .productItem .productItem-imgWrap{
	width: 500px;
	height: 420px;
}


.beclean .select_shop_news .productList .productItem:nth-child(2n-1) .productItem-imgWrap{
	position: relative;
}

.beclean .select_shop_news .productList .productItem:nth-child(2n) .productItem-imgWrap{
	position: relative;
}

.beclean .select_shop_news .productList .productItem .productItem-imgWrap::after{
	content: '';
	position: absolute;
	width: 486px;
	height: 350px;
	z-index: 0;
}

.beclean .select_shop_news .productList .productItem:nth-child(2n-1) .productItem-imgWrap::after{
	bottom: -20px;
	left: -20px;
}

.beclean .select_shop_news .productList .productItem:nth-child(2n) .productItem-imgWrap::after{
	top: -20px;
	left: -20px;
}

.beclean .select_shop_news .productList .productItem:nth-child(1) .productItem-imgWrap::after{
	background-color: #6f5331;
}

.beclean .select_shop_news .productList .productItem:nth-child(2) .productItem-imgWrap::after{
	background-color: #e1ae77;
}

.beclean .select_shop_news .productList .productItem:nth-child(3) .productItem-imgWrap::after{
	background-color: #002280;
}

.beclean .select_shop_news .productList .productItem:nth-child(4) .productItem-imgWrap::after{
	background-color: #9eba7a;
}


.beclean .select_shop_news .productList .productItem .productItem-imgWrap img{
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	position: relative;
	z-index: 1;
	cursor:auto;
}

.beclean .select_shop_news .productList .productItem p{
	margin-top: 70px;
	font-size: 20px;
	color: #333333;
	letter-spacing: -0.03em;
}

.beclean .select_shop_news .productList .productItem h5{
	margin-top: 15px;
	font-size: 20px;
	color: #333333;
	letter-spacing: -0.03em;
}

.beclean .select_shop_news .productList .productItem p span{
	font-weight: 700;
}

/* 2022-06-30 추가 [E] */

/* 2022-07-06 추가 [S] */

.select_shop_news.pt50 {
	padding: 50px 0 0 0;
}

.select_shop.handsome .container{
	width: 1045px;
}

.handsome .select_shop_news .productList .productItem{
	width: 100%;
	height: 730px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.handsome .select_shop_news .productList .productItem:nth-of-type(2)::after{
	content: '';
	display: block;
	position: absolute;
	width: 2600px;
	height: 100%;
	margin-left: -1300px;
	top: 0;
	left: 50%;
	background-color: #fbf7ef;
}

.handsome .select_shop_news .productList .productItem .itemTitle{
	font-size: 30px;
	font-weight: 700;
	color: #333333;
	position: relative;
	padding-bottom: 15px;
	text-align: center;
}

.handsome .select_shop_news .productList .productItem .productItem-imgWrap{
	width: 600px;
	height: 570px;
}

.handsome .select_shop_news .productList .productItem .productItem-imgWrap img{
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	position: relative;
	z-index: 1;
	cursor:auto;
}

.handsome .select_shop_news .productList .productItem .productItem-txtWrap{
	width: calc(100% - 655px);
	text-align: center;
	position: relative;
	z-index: 1;
}

.handsome .select_shop_news .productList .productItem p{
	margin-top: 30px;
	font-size: 20px;
	color: #333333;
	letter-spacing: -0.05em;
}

.handsome .select_shop_news .productList .productItem .location{
	margin-top: 70px;
	text-align: center;
}

.handsome .select_shop_news .productList .productItem .location_anchor{
	position: relative;
	display: inline-block;
}

.handsome .select_shop_news .productList .productItem .location_anchor:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 35px;
	height: 35px;
	margin-left: -18px;
	background: #757575 url(../../images/webhome/selectshop/ico-pin.png) no-repeat 50% 50%;
	border-radius: 50%;
	overflow: hidden;
}

.handsome .select_shop_news .productList .productItem  .location_text {
	display: inline-block;
	padding-bottom: 3px;
	margin-top: 55px;
	font-size: 20px;
	font-weight: 700;
	color: #333;
	border-bottom: 1px solid #333;
}

.handsome .select_shop_news .productList .productItem .productItem-btn{
	display: inline-block;
	width: 230px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	background-color: #212121;
	border-radius: 25px;
	margin-top: 55px;
}

.handsome .select_shop_news .productList .productItem .productItem-btn:hover{
	text-decoration: none;
}

.handsome .select_shop_news .productList .productItem h5{
	margin-top: 15px;
	font-size: 20px;
	color: #333333;
	letter-spacing: -0.03em;
}

/* 2022-07-06 추가 [E] */

/* 2022-07-07 추가 [S] */

.lesplat .select_shop_news{
	padding-top: 200px;
}

.select_shop.lesplat .header.func_fixed{
	margin-bottom: 70px;
}

.lesplat .title02{
	text-align: center; 
	font-size: 44px; 
	color: #222; 
	font-weight: 700;
	margin-top: 75px;
}

.lesplat .lesplat_desc{
	font-size: 20px;
	color: #333;
	text-align: center;
	margin-top: 70px;
}

.lesplat .select_shop_news .productList .productItem{
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 155px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}


.lesplat .select_shop_news .productList .productItem .itemTitle{
	font-size: 30px;
	font-weight: 700;
	color: #333333;
	position: relative;
	padding-bottom: 15px;
	margin-top: 140px;
}

.lesplat .select_shop_news .productList .productItem .itemTitle::after{
	content: '';
	position: absolute;
	background-color: #e6e6e6;
	bottom: 0;
	width: 30px;
	height: 3px;
	left: 0;
}

.lesplat .select_shop_news .productList .productItem .productItem-imgWrap{
	width: 500px;
	height: 420px;
}

.lesplat .select_shop_news .productList .productItem .productItem-txtWrap{
	z-index: 1;
	width: calc(100% - 500px);
	padding-left: 70px;
	box-sizing: border-box;
}

.lesplat .select_shop_news .productList .productItem{
	position: relative;
}

.lesplat .select_shop_news .productList .productItem::after{
	content: '';
	position: absolute;
	width: calc(100% - 104px);
	height: 417px;
	z-index: 0;
	background-color: #fafafa;
}

.lesplat .select_shop_news .productList .productItem:nth-child(2n-1)::after{
	bottom: -57px;
	left: 104px;
}

.lesplat .select_shop_news .productList .productItem:nth-child(2n)::after{
	bottom: -57px;
	left: 0;
}

.lesplat .select_shop_news .productList .productItem .productItem-imgWrap img{
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	position: relative;
	z-index: 1;
	cursor:auto;
}

.lesplat .select_shop_news .productList .productItem p{
	margin-top: 23px;
	font-size: 20px;
	color: #333333;
	letter-spacing: -0.03em;
}

/* 2022-07-07 추가 [E] */

/* 2022-07-28 추가 [S] */
.withdrawal_form .txt_heading{font-size: 36px; font-family: "Happiness-Sans-Title"; color: #666; line-height: normal;}
.withdrawal_form .txt_desc{color: #666; font-size: 16px; margin-bottom: 50px; line-height: 1.5;}
.withdrawal_form .txt_subtit{font-size: 18px; font-family: "Happiness-Sans-Title"; color: #666; margin-bottom: 15px;}
.withdrawal_form .list_inputgroup li{position: relative; padding-left: 10px; font-size: 16px; line-height: 1.5; margin-bottom: 0;}
.withdrawal_form .list_inputgroup li::before{content: '\00B7'; position: absolute; top: 0; left: 0;}
.withdrawal_form .list_inputgroup li .colorR{color: #b80404;}
.withdrawal_form .list_inputgroup.mgb50{margin-bottom: 50px;}
/* 2022-07-28 추가 [E] */

/* 2022-08-29 추가 [S] */
.ch1985 {text-align: center;}
.ch1985 *{color: #222222; line-height: 1.5; word-break: keep-all;}
.ch1985 .ch1985_container{padding-top: 100px;}
.ch1985 .ch1985_container .img_area{margin-bottom: 130px;}
.ch1985 .ch1985_overview .background {position: relative; height: 550px;}
.ch1985 .ch1985_overview .background .background_image{position: absolute; left: 50%; top: 0; width: 2600px; margin-left: -1300px;}
.ch1985 .ch1985_overview .full_background{position: relative; height: 471px;  padding: 70px 0; box-sizing: border-box;}
.ch1985 .ch1985_overview .full_background .full_background_txt{position: absolute; left: 50%; top: 0; width: 2600px; margin-left: -1300px; background-color: #a5c3eb;  padding: 70px 0; height: 100%; box-sizing: border-box;}
.ch1985 .ch1985_overview .full_background .full_background_txt span{font-size: 18px; font-weight: 700; line-height: normal;}
.ch1985 .ch1985_overview .full_background .full_background_txt h3{font-family: "Happiness-Sans-Title"; font-size: 60px; margin: 40px 0 70px 0; line-height: 1;}
.ch1985 .ch1985_overview .full_background .full_background_txt p{font-weight: 700; font-size: 20px; line-height: 1.4;}
.ch1985 .ch1985_item_wrap{text-align: left;}
.ch1985 .ch1985_item_wrap .ch1985_item{width: 1080px; margin: 0 auto;}
.ch1985 .ch1985_item_wrap .ch1985_item +.ch1985_item{margin-top: 150px;}
.ch1985 .ch1985_item_wrap .ch1985_item .ch1985_item_subtit{color: #222; font-size: 24px; font-weight: 700; display: inline-block; margin-bottom: 20px; line-height: normal;}
.ch1985 .ch1985_item_wrap .ch1985_item h4{font-size: 60px; font-weight: 500; color: #222; line-height: 1.1; }
.ch1985 .ch1985_item_wrap .ch1985_item p{font-size: 20px; font-weight: 500; color: #999;}
.ch1985 .ch1985_item_wrap .ch1985_item p .empha{font-weight: 700; color: #333333;}
.ch1985 .ch1985_item_wrap .ch1985_item_type1{display: flex; flex-direction: row; justify-content: space-between;}
.ch1985 .ch1985_item_wrap .ch1985_item_type1 .ch1985_item_type1_txt{margin-top: 38px; margin-left: 113px;}
.ch1985 .ch1985_item_wrap .ch1985_item_type1 .ch1985_item_type1_txt h4{margin-bottom: 60px;}
.ch1985 .ch1985_item_wrap .ch1985_item_type2 .ch1985_item_type2_txt{display: flex; flex-direction: row; justify-content: space-between; margin-top: 78px;}
.ch1985 .ch1985_item_wrap .ch1985_item_type2 .ch1985_item_type2_txt p{width: 491px;}
.ch1985 .ch1985_item_wrap .ch1985_item_type3.ch1985_item{display: flex; flex-direction: row; justify-content: flex-start; width: 100%; position: relative;}
.ch1985 .ch1985_item_wrap .ch1985_item_type3>img{position: relative; z-index: 2;}
.ch1985 .ch1985_item_wrap .ch1985_item_type3 .ch1985_item_type3_txt .ch1985_item_subtit{position: relative; z-index: 1;}
.ch1985 .ch1985_item_wrap .ch1985_item_type3 .ch1985_item_type3_txt{padding-top: 38px; padding-left: 140px; position: relative; z-index: 1;}
.ch1985 .ch1985_item_wrap .ch1985_item_type3 .ch1985_item_type3_txt h4{margin-bottom: 73px; position: relative; z-index: 1;}
.ch1985 .ch1985_item_wrap .ch1985_item_type3 .ch1985_item_type3_txt p{padding-bottom: 160px; position: relative; z-index: 1;}
.ch1985 .ch1985_item_wrap .ch1985_item_type3 .ch1985_item_type3_txt::after{content: ''; position: absolute; top: -90px; width: calc(100vw - 870px); left: -93px; height: 100%; background-color: #e9f1fc;}
.ch1985 .ch1985_item_wrap .ch1985_item_type4.ch1985_item{width: calc(100% - 550px); margin: 150px 0 0 auto;}
.ch1985 .ch1985_item_wrap .ch1985_item_type4 .ch1985_item_type4_txt{width: 520px;}
.ch1985 .ch1985_item_wrap .ch1985_item_type1.type1-1{width: 1225px; margin-left: 257px;}
.ch1985 .ch1985_item_wrap .ch1985_item_type1.type1-1>img{height: 405px;}
.ch1985 .ch1985_item_wrap .ch1985_item_type1.type1-1 .ch1985_item_type1_txt{margin-top: 0;}
/* 2022-08-29 추가 [E] */

/* 2022-09-23 추가 [S] */

.labels .select_shop_overview .title{
	margin-bottom: 50px;
}

.labels .select_shop_overview .header{
	padding-top: 150px;
}

.labels .select_shop_news .header{
	margin-bottom: 90px;
}

.labels .select_shop_news .productList{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.labels .select_shop_news .productList .productItem{
	box-sizing: border-box;
	margin-bottom: 110px;
}

.labels .select_shop_news .productList .productItem:nth-child(1){
	padding-left: 20px;
}

.labels .select_shop_news .productList .productItem:nth-child(2){
	padding-right: 20px;
}

.labels .select_shop_news .productList .productItem:nth-child(3){
	padding-left: 20px;
}

.labels .select_shop_news .productList .productItem:nth-child(4){
	padding-right: 20px;
}

.labels .select_shop_news .productList .productItem .itemTitle{
	font-size: 30px;
	font-weight: 700;
	color: #333333;
	position: relative;
	padding-bottom: 23px;
	margin-top: 60px;
}

.labels .select_shop_news .productList .productItem .itemTitle::after{
	content: '';
	position: absolute;
	background-color: #e6e6e6;
	bottom: 0;
	width: 30px;
	height: 3px;
	left: 0;
}

.labels .select_shop_news .productList .productItem .productItem-imgWrap{
	width: 420px;
	height: 420px;
}


.labels .select_shop_news .productList .productItem:nth-child(2n-1) .productItem-imgWrap{
	position: relative;
}

.labels .select_shop_news .productList .productItem:nth-child(2n) .productItem-imgWrap{
	position: relative;
}

.labels .select_shop_news .productList .productItem .productItem-imgWrap::after{
	content: '';
	position: absolute;
	width: 300px;
	height: 300px;
	z-index: 0;
}

.labels .select_shop_news .productList .productItem:nth-child(2n-1) .productItem-imgWrap::after{
	bottom: -20px;
	left: -20px;
}

.labels .select_shop_news .productList .productItem:nth-child(2n) .productItem-imgWrap::after{
	top: -20px;
	right: -20px;
}

.labels .select_shop_news .productList .productItem:nth-child(1) .productItem-imgWrap::after{
	background-color: #d0d1c3;
}

.labels .select_shop_news .productList .productItem:nth-child(2) .productItem-imgWrap::after{
	background-color: #fcdc82;
}

.labels .select_shop_news .productList .productItem:nth-child(3) .productItem-imgWrap::after{
	background-color: #ebcccc;
}

.labels .select_shop_news .productList .productItem:nth-child(4) .productItem-imgWrap::after{
	background-color: #cdd2dc;
}


.labels .select_shop_news .productList .productItem .productItem-imgWrap img{
	width: 100%;
	height: 100%;
	image-rendering: -webkit-optimize-contrast;
	position: relative;
	z-index: 1;
	cursor:auto;
}

.labels .select_shop_news .productList .productItem p{
	margin-top: 20px;
	font-size: 20px;
	color: #333333;
	letter-spacing: -0.03em;
}

.labels .select_shop_news .news em{
	display: block;
	margin-bottom: 100px;
	font-weight: 700;
	font-size: 20px;
	color: #333;
	text-align: center;
}

/* 2022-09-23 추가 [E] */

/* 2022-11-01 추가 [S] */
.sub03_03_09 .sustain_main_img{width: 100%;}
.sub03_03_09 .sustain_main_img img{width: 100%;}
.sub03_03_09 .sustain_btn_wrap{ display: flex; margin-top: 10px; flex-direction: row; justify-content: space-between;}
.sub03_03_09 .sustain_btn_wrap>a{ display: block; width: calc(50% - 5px); height: 57px; color: #fff; font-size: 18px; line-height: 57px; font-family: 'Happiness-Sans-Title'; text-align: center;background-color: #005843;  box-shadow: 1.554px 1.259px 8px 0px rgba(0, 0, 0, 0.63);}
.sub03_03_09 .sustain_btn_wrap>a:hover{text-decoration: none;}
/* 2022-11-01 추가 [E] */

/* 2022-11-15 추가 [S] */
.member_sub03 .h_color { color: #4e2bf4!important; font-weight: 700; } 
.member_sub03 .member_link { color: #999; font-size: 20px; text-decoration: underline; text-underline-position: under; } 
.member_sub03 .member_section { padding: 60px 40px; } 

.member_sub03 .section_brand { text-align: center; } 
.member_sub03 .section_brand h4 { color: #111111; font-weight: 400; font-size: 35px; line-height: 45px; margin-bottom: 40px; } 
.member_sub03 .section_brand .member_brand_list { display: flex; margin-top: 60px; flex-direction: row;  } 
.member_sub03 .section_brand .member_brand_list.flex-start{justify-content: flex-start;}
.member_sub03 .section_brand .member_brand_list.flex-start li:first-of-type{margin-left: 40px;}
.member_sub03 .section_brand .member_brand_list.flex-end{justify-content: flex-end;}
.member_sub03 .section_brand .member_brand_list.flex-end li:last-of-type{margin-right: 40px;}
.member_sub03 .section_brand .member_brand_list ~ .member_brand_list{margin-top: 15px;}
.member_sub03 .section_brand .member_brand_list li { display: flex; width: 100px; height: 100px; border: 1px solid #e9e9e9; border-radius: 50%; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; margin-left: 20px; margin-right: 20px; } 
.member_sub03 .section_app_down { position: relative; text-align: center; background-color: #e8eaff; padding-bottom: 150px; } 
.member_sub03 .section_app_down h4 { color: #111111; font-weight: 400; font-size: 35px; line-height: 45px; } 
.member_sub03 .app_down_btn { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); } 
.member_sub03 .swiper_section { position: relative; background-color: #f9f9f9; } 
 
.member_sub03 .swiper_section .img_box {position: absolute;top: 60px;right: 0%;width: 50%;-webkit-transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, transform .3s;transition: opacity .3s, transform .3s, -webkit-transform .3s;opacity: 0;-webkit-transform: translateY(60px);-ms-transform: translateY(60px);transform: translateY(60px);max-width: 382px; } 
.member_sub03 .swiper_section .img_box img {width: 100%; } 
.member_sub03 .swiper_section .img_box .change_img {position: absolute;top: 11px;left: 25.4%;width: 48.6%;height: 516px;max-width: 244px;border-radius: 24px;overflow: hidden;z-index: 1; } 
.member_sub03 .swiper_section .img_box .fix_img {position: relative;z-index: 2;pointer-events: none; } 
.member_sub03 .txt_box {padding: 0;border: none; } 
.member_sub03 .swiper_section .txt_box .swiper-slide > * {opacity: 0;-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);-webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;transition: transform .15s ease-in-out, opacity .15s ease-in-out;transition: transform .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; } 
.member_sub03 .swiper_section .txt_box .swiper-slide .desc2 {margin-top: 20px; } 
.member_sub03 .swiper_section .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > * {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none; } 
.member_sub03 .swiper_section .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(1) {-webkit-transition-delay: 0.25s;transition-delay: 0.25s; } 
.member_sub03 .swiper_section .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(2) {-webkit-transition-delay: 0.35s;transition-delay: 0.35s; } 
.member_sub03 .swiper_section .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(3) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s; } 
.member_sub03 .swiper_section .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(4) {-webkit-transition-delay: 0.55s;transition-delay: 0.55s; } 
.member_sub03 .swiper_section .txt_box .tit2 { color: #111; font-size: 32px; line-height: 42px; }
.member_sub03 .swiper_section .txt_box .tit2 em { font-weight: 700; } 
.member_sub03 .swiper_section .txt_box .desc2 { color: #333; font-size: 18px; line-height: 28px; } 
.member_sub03 .swiper_section .txt_box .desc2.bold { font-weight: 700; } 
.member_sub03 .swiper_section .swiper-tools {margin-top: 45px; } 
.member_sub03 .swiper_section .swiper-tools .swiper-pagination {display: inline-block;position: static;width: 140px;height: 2px;background-color: #ccc;vertical-align: middle; } 
.member_sub03 .swiper_section .swiper-tools .swiper-pagination .swiper-pagination-progressbar-fill {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;background-color: #111; } 
.member_sub03 .swiper_section.on .img_box {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); } 
.member_sub03 .swiper_section .swiper-button-prev.type3,.member_sub03 .swiper_section .swiper-button-next.type3 {display: inline-block; position: static; width: 10px; height: 14px; opacity: 1; margin-top: 0; vertical-align: middle; }  /* 2023-01-17 수정 */
.member_sub03 .swiper_section .swiper-button-prev.type3 {background-image: url("../../images/webhome/card/ic_arrow9.png");background-repeat: no-repeat;background-size: contain;background-position: center center;margin-left: 25px; } 
.member_sub03 .swiper_section .swiper-button-next.type3 {background-image: url("../../images/webhome/card/ic_arrow9.png");background-repeat: no-repeat;background-size: contain;background-position: center center;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); } 
.member_sub03 .swiper_section .swiper-button-next:after,.member_sub03 .swiper_section .swiper-button-prev:after {content: none; } 
.member_sub03 .swiper_section .swiper-tools .swiper-count {display: inline-block;margin: 0 5px;color: #ccc;font-weight: 800;font-size: 18px;font-family: "HGGGothicssi";vertical-align: middle; } 
.member_sub03 .swiper_section .swiper-tools .swiper-count span {display: inline-block;font-weight: inherit;font-size: inherit;line-height: inherit;font-family: inherit;letter-spacing: inherit;text-align: center;opacity: .5; } 
.member_sub03 .swiper_section .swiper-tools .swiper-count span.active_num {width: 30px;color: #111;opacity: 1; } 
.member_sub03 .swiper_section .swiper-tools .swiper-count span.all_num {width: 30px; } 
.member_sub03 .swiper_section .swiper-tools .btn-swiper-play {display: inline-block;width: 12px;vertical-align: middle;margin-left: 15px;-webkit-transition: .3s;transition: .3s; } 
.member_sub03 .swiper_section .swiper-tools .btn-swiper-play span {display: block;text-indent: -99999px;overflow: hidden;opacity: .5; } 
.member_sub03 .swiper_section .swiper-tools .btn-swiper-play.paused span {width: 6px;height: 11px;border-left: 3px solid #ccc;border-right: 3px solid #ccc; } 
.member_sub03 .swiper_section .swiper-tools .btn-swiper-play.play span {width: 0px;height: 0px;border-right: 6px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #ccc; } 
.member_sub03 .swiper_section .btn_blue1 {display: block;display: inline-block;color: #603de3;font-size: 18px;margin-top: 50px;padding-right: 18px;background-image: url("../../images/webhome/card/ic_arrow8.png");background-repeat: no-repeat;background-size: auto;background-position: right 50%;text-indent: 0;}
.member_sub03 .receipt_section { position: relative;background-color: #fff;}  
.member_sub03 .receipt_section .inner { position: relative;min-height: 368px;} 
.member_sub03 .receipt_section .txt_box {/* padding-top: 150px;padding-left: 58.824%; */  position: absolute; top: 0%; right: 0;} 
.member_sub03 .receipt_section .img_box {position: absolute; top: 120px;left: 3%;width: 40%;max-width: 433px;opacity: 0;z-index: 2;-webkit-transition: opacity .5s ease-in-out, top .5s ease-in-out;transition: opacity .5s ease-in-out, top .5s ease-in-out; } 
.member_sub03 .receipt_section .img_box .img_mockup {position: relative;width: 100%;max-width: 433px;z-index: 1; } 
.member_sub03 .receipt_section .img_box .img_mockup > img {width: 100%; } 
.member_sub03 .receipt_section .img_box .img_mockup .part_inner1 {position: absolute;top: 63.5%;left: 0;opacity: 0;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transition: opacity .4s ease-in-out .6s, -webkit-transform .4s ease-in-out .6s;transition: opacity .4s ease-in-out .6s, -webkit-transform .4s ease-in-out .6s;transition: opacity .4s ease-in-out .6s, transform .4s ease-in-out .6s;transition: opacity .4s ease-in-out .6s, transform .4s ease-in-out .6s, -webkit-transform .4s ease-in-out .6s; } 
.member_sub03 .receipt_section .img_box .img_obj {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;-webkit-transform: translateY(25px);-ms-transform: translateY(25px);transform: translateY(25px);-webkit-transition: -webkit-transform .6s ease-in-out .3s;transition: -webkit-transform .6s ease-in-out .3s;transition: transform .6s ease-in-out .3s;transition: transform .6s ease-in-out .3s, -webkit-transform .6s ease-in-out .3s; } 
.member_sub03 .receipt_section .img_box .img_obj.z_down {position: absolute;top: 0;left: 0;z-index: 0; } 
.member_sub03 .receipt_section .img_box .img_obj.z_down .obj3 {width: 35%;max-width: 148px; } 
.member_sub03 .receipt_section .img_box .img_obj > img {position: absolute;opacity: 0;-webkit-transition: opacity .6s ease-in-out .3s;transition: opacity .6s ease-in-out .3s; } 
.member_sub03 .receipt_section .img_box .img_obj .obj1 {top: -7%;right: -3%;width: 32%;-webkit-transition-delay: .3s;transition-delay: .3s;max-width: 135px; } 
.member_sub03 .receipt_section .img_box .img_obj .obj2 {right: -13%;bottom: 0;width: 23%;-webkit-transition-delay: .54s;transition-delay: .54s;max-width: 95px; } 
.member_sub03 .receipt_section .img_box .img_obj .obj3 {bottom: 12px;left: -23%;width: 36.5%;-webkit-transition-delay: .42s;transition-delay: .42s;max-width: 154px; } 
.member_sub03 .receipt_section .img_box.on {top: 23px;opacity: 1; } 
.member_sub03 .receipt_section .img_box.on .img_mockup .part_inner1 {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); } 
.member_sub03 .receipt_section .img_box.on .img_obj {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); } 
.member_sub03 .receipt_section .img_box.on .img_obj > img {opacity: 1; } 
.member_sub03 .receipt_section .txt_box .tit1 { color: #111; font-weight: 700; font-size: 32px; line-height: 42px; margin-bottom: 30px;}
.member_sub03 .receipt_section .txt_box .desc1 { color: #333; font-size: 18px; line-height: 28px; margin-bottom: 40px;} 
.member_sub03 .receipt_section .btn_gray1 { color: #999; font-size: 20px; text-decoration: underline; text-underline-position: under;} 
.member_sub03 .coupon_section{ text-align: center;background-color: #e8eaff;}
.member_sub03 .coupon_section h4 { color: #111111; font-weight: 400; font-size: 35px; line-height: 45px; } 
.member_sub03 .coupon_section .coupon_list{ display: flex;margin-top: 40px; flex-direction: row; justify-content: space-between; align-items: center;}
.member_sub03 .coupon_section .coupon_list li{ width: calc((100% - 40px) / 3); padding: 60px 23px; background-color: #fff; box-shadow: 0px 7px 7px rgba(0,0,0,0.07); border-radius: 20px; box-sizing: border-box;}
.member_sub03 .coupon_section .coupon_list li img{height: 40px;}
.member_sub03 .coupon_section .coupon_list li dl dt{ color: #333; font-weight: 700;font-size: 20px; margin-top: 40px;}
.member_sub03 .coupon_section .coupon_list li dl dd{ color: #666;font-size: 18px; line-height: 24px; letter-spacing: -0.055em; margin-top: 20px;}
.member_sub03 .club_section{ text-align: center;background: url('../../images/webhome/card/club_bg.png')no-repeat; background-position: left 0 bottom 0; background-color: #f9f9f9;}
.member_sub03 .club_section h4{ color: #111111; font-weight: 400; font-size: 35px; line-height: 45px;}
.member_sub03 .club_section .club_btn{ display: inline-block; padding: 18px 38px; color: #fff;font-size: 20px; border-radius: 35px; background-color: #4e2bf4; margin-top: 40px;}
.member_sub03 .club_section .club_btn:hover{text-decoration: none;}
.member_sub03 .club_txt{width: 288px;}
.member_sub03 .club_section .club_txt{margin: 60px 0 0 auto;  text-align: left;}
.member_sub03 .club_txt h5{ color: #333333; font-weight: 700; font-size: 24px;}
.member_sub03 .club_txt p{font-size: 18px; line-height: 28px; margin-top: 15px;}
.member_sub03 .club_txt dl dt{ color: #4e2bf4; font-weight: 700; font-size: 18px; margin-top: 30px;}
.member_sub03 .club_txt dl dd{ color: #666; font-size: 18px; line-height: 24px;margin-top: 5px;}
.member_sub03 .club_txt dl dd.desc{font-size: 16px; line-height: 22px; text-indent: -12px; padding-left: 12px;}
.member_sub03 .club_section2{background: url('../../images/webhome/card/club_bg2.png')no-repeat; padding-bottom: 80px; background-position: right 0 bottom 0; background-color: #fff; background-size: cover;}
.member_sub03 .club_section2 .club_txt{text-align: left;}
.member_sub03 .club_section3{background: url('../../images/webhome/card/club_bg3.png')no-repeat; padding-bottom: 80px; background-position: left 0 bottom 0; background-color: #f7f7f7; background-size: cover;}
.member_sub03 .club_section3 .club_txt{margin: 0 0 0 auto;  text-align: left;}
.member_sub03 .club_section4{background: url('../../images/webhome/card/club_bg4.png')no-repeat; padding-bottom: 80px; background-position: right 0 bottom 0; background-color: #fff; background-size: cover;} 
.member_sub03 .club_section4 .club_txt{text-align: left;}
.memberPop {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display: none; z-index: 9999;}

.memberPop .container {position:absolute; top:50%; left:50%; width:640px; padding:70px 70px; transform: translate(-50%, -50%); background:#fff; display: none; text-align: center; box-sizing: border-box;}
.memberPop .container.active{display: block;}
.memberPop .container .close {display:block; position:absolute; top:0; right:0}
.memberPop .container h5{font-weight: 700; font-size: 23px; line-height: 30px; color: #000000; margin-bottom: 15px;}
.memberPop .container p{font-size: 16px; color: #767676; line-height: 30px; margin-bottom: 60px;}
.memberPop .container ul{display: flex; flex-direction: row; justify-content: space-between;}
.memberPop .container ul li{border-radius: 16px; border: 1px solid rgb(204, 204, 204); padding: 50px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 233px; box-sizing: border-box;}
.memberPop .container ul li span{margin-top: 40px; font-weight: 700; font-size: 22px; color: #000;}
/* 2022-11-15 추가 [E] */