@charset "utf-8";
@import url("master.css");
@import url("print.css");
@charset "utf-8";
/* 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%; width: 120px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0;}
.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;}
.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;}
.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 .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_close {border: 1px solid #666; color: #666;}
.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;}
.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;}
.data_storeinfo .list_notice li {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.data_storeinfo02 {padding: 30px 20px 20px; background: #444; color: #bbbbbb;}
.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;}
/* 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: 365px; margin-left: 29px;}
.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: block; text-align: center;}
.stand_ebooklist02 li .ebook img {width: 140px; height: 164px; 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: 20px; 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: 108px; height: 33px; overflow: hidden;}
/* 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 {float: left; display: -webkit-box; overflow: hidden; width: 148px; height: 54px; line-height: 18px; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.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; 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: 400px; vertical-align: middle; font-weight: normal; color: #333; word-wrap: break-word;}
.store_floorguide .infogroup .itemgroup .item .tel {display: inline-block; float: left; width: 87px; vertical-align: middle; text-align: left;}
.store_floorguide .infogroup .itemgroup .item .btn {display: inline-block; float: right; margin-left: 5px; vertical-align: middle;}
.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: 348px; border: 1px solid #c4c4c4;}
.store_map .map>img {width: 762px; height: 348px;}
.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;}
/* 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 22px; text-align: center; font-weight: bold; color: #333;}
.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;}
.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: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: 12px;}
.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: -81px;}
.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;}
.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; padding: 40px 30px 44px 30px; background: #f7f7f7;}
.culture_sub01_01_03 .wrap_appguide .txt_summary {margin-bottom: 42px;}
.culture_sub01_01_03 .wrap_appguide .txt_summary strong {display: block; margin-bottom: 8px; font-size: 18px; line-height: 24px; color: #333; letter-spacing: -1px;}
.culture_sub01_01_03 .wrap_appguide .download {margin-top: 25px;}
.culture_sub01_01_03 .wrap_appguide .download li {float: left;}
.culture_sub01_01_03 .wrap_appguide .download li img {vertical-align: middle;}
.culture_sub01_01_03 .wrap_appguide .download li .txt {display: inline-block; padding: 0 14px 0 8px; vertical-align: middle; letter-spacing: -1px;}
.culture_sub01_01_03 .wrap_appguide .download li .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;}
.culture_sub01_01_03 .wrap_appguide .textgroup {position: relative; z-index: 1;}
.culture_sub01_01_03 .wrap_appguide .image {position: absolute; top: 30px; right: 26px; z-index: 0;}
.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: 40px 0 0 13px; background: url(../../images/webhome/bg_graphbar.png) no-repeat 0 0;}
.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: -28px; right: -37px; display: block; width: 91px; height: 29px; background: url(../../images/webhome/bg_graph_mypoint.png) no-repeat 0 0; text-align: center; line-height: 24px; font-weight: normal;}
.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 .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*/
/* 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;}
/* 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(http://www.ehyundai.com/css/webhome/ /www.ehyundai.com/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: }
.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: 0 -572px;}
.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 .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: }
#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: -422px 0;}
#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;}
.store_parking p											{margin-bottom: 6px; color: #333333;}
.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 */

/*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;}
/* 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 추가 */
/* 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;}
/* 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 */
/* 2018-01-10 고객_VOC_위원회 추가 : S */
.customer-voc-service{}
.customer-voc-service .voo_intro{position:relative;}
.customer-voc-service .voo_intro a{position:absolute;left:278px;top:315px;}
.customer-voc-service .voc-write{}
.customer-voc-service .voc-write p{position:relative;margin:25px 0 10px;color:#333;font-size:15px;line-height:18px;font-weight:bold;}
.customer-voc-service .voc-write p .btn_type4_02{position:absolute;right:0;top:-3px;}
.customer-voc-service .voc-write textarea{margin-top:0;padding:15px;width:100%;height:100px;color:#666;font-size:12px;line-height:18px;resize:none;border:1px solid #dfdfdf;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{text-align:center;font-size:12px;line-height:18px;border-top-width:1px;}
.customer-voc-service .voc-write .tb_type1 table tr td,
.customer-voc-service .voc-write .tb_type1 table tr th{padding:12px 0 11px;text-align:center;border-color:#c2c7d5;}
.customer-voc-service .voc-write .tb_type1 table input[type='text']{padding:3px;width:80%;text-align:center;border:none;}
.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(2){border-left: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:#eeeeee;}
.customer-voc-service .voc-write .tb_type1 table .pd0{padding:0;}
.customer-voc-service .voc-write .tb_type1 table .subject{vertical-align:top;background:none;border-left:none;}
.customer-voc-service .voc-write .charger-comment{border:1px solid #ccc;}
.customer-voc-service .voc-write .charger-comment p{margin:0;padding:15px;color:#5d6c89;font-size:12px;background:#eaedf3;}
.customer-voc-service .voc-write .charger-comment textarea{border:none;}
/* 2018-01-10 고객_VOC_위원회 추가 : 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-09-23 추가 : 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 input:checked ~ .text {height:46px;border:2px solid #009996;margin-right:-1px;margin-left:-1px;color:#009996;line-height:46px}

.statement {position:relative;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:'맑은 고딕', '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}
.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.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:'맑은 고딕', '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}
.statement .payment-total-due > .button {margin-top:0;background:url(../../images/webhome/icon-arrow-bottom-14x9-000.png) 100% 50% no-repeat;font-family:'맑은 고딕', '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}
.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 > 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}
.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;}
/* 2019-09-23 추가 : 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 */