@import 'dx-hpm.css';

/* =============================================== reset ==========================================*/
/* font */
@font-face {
 font-family: 'ShinhanCard';
 src: local(※);
 src: url(/pconts/fonts/ShinhanCardL.woff) format('woff');
 src: url(/pconts/fonts/ShinhanCardL.woff) format('truetype');
 src: url(/pconts/fonts/ShinhanCardL.eot) format('embeded-opentype');
 font-style: normal;
 font-weight: 400;
      
}

@font-face {
 font-family: 'ShinhanCard';
 src: local(※);
 src: url(/pconts/fonts/ShinhanCardM.eot) format('embeded-opentype');
 src: url(/pconts/fonts/ShinhanCardM.woff) format('woff');
 src: url(/pconts/fonts/ShinhanCardM.woff) format('truetype');
 font-style: normal;
 font-weight: 700;
      
}

@font-face {
 font-family: 'ShinhanCard';
 src: local(※);
 src: url('/pconts/fonts/ShinhanCardB.eot') format('embeded-opentype');
 src: url('/pconts/fonts/ShinhanCardB.woff') format('woff');
 src: url('/pconts/fonts/ShinhanCardB.woff') format('truetype');
 font-style: normal;
 font-weight: 900;
}

/* base */
*, *:before, *:after {box-sizing:border-box;}
*{margin:0;padding:0;}
body, h1, h2, h3, h4, h5, h6, fieldset, ul, ol, dl, dt, dd, p, button, figure, xmp {margin:0;padding:0;}
body {color:#333;word-break:keep-all;-webkit-touch-callout:none;box-sizing:border-box;}
legend, caption {overflow:hidden;width:1px;height:1px;color:transparent;}
a {text-decoration:none;color:inherit;}
a[href^="tel"] {cursor:default;}
img {vertical-align:middle;border:0 none;}
fieldset, button {background:none;border:0px;}
ul:after,ol:after {content:'';display:block;clear:both;}
li {list-style:none;}
table {width:100%;border-spacing:0px;border-collapse:collapse;}
iframe {width:100%;vertical-align:middle;border:0 none;}
hr {margin:1.25em 0;border:0 none;height:1px;background:#ccc;}
button, input, optgroup, select, textarea {font:inherit;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;-webkit-font-smoothing:subpixel-antialiased;}
input::-ms-clear {display:none;}
input[type=password]::-ms-reveal {display:none;}
b, strong {font-weight: 700;}
em {font-style:inherit;}

a, button, input, div{outline:0 !important; -webkit-tap-highlight-color: transparent}

input, textarea{-webkit-appearance: none;}

html {font-size:10px;}
body {font: normal 1.5rem/1.53 'ShinhanCard', 'sans-serif';}
img{width:100%}

/* 요소형태 */

.block {display:block;}
.in_block {display:inline-block;}
.hide {display:none;}
.hidden {overflow:hidden;}
.visible {overflow:visible !important;}
.in_block_block {display:inline-block;} /* pc inline-block mo block */
.scr_auto {overflow:auto;}
.relative {position:relative;}

/* Underline */
.underline {text-decoration:underline;}

/* 감춤 */
.blind {position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important;}
.ellipsis {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.blur img {-webkit-filter:blur(6px);-moz-filter:blur(6px);}
.url_blind {overflow:hidden;position:absolute;width:50px !important;height:1px !important;border-color:#fff !important;z-index:-1;}

/* float */
.clear:after{content:''; display:block; clear:both}
.f_left {float:left !important;}
.f_right {float:right !important;}

/* font-size */
.font_basic {font-size:1.5rem !important;}
.font_sm {font-size:1.3rem !important;}
.font_md {font-size:1.6rem !important;}
.font_md01 {font-size:1.6rem !important;}
.font_md02 {font-size:1.5rem !important;}
.font_md03 {font-size:1.6rem !important;}
.font_md05 {font-size:1.5rem !important;}
.font_md06 {font-size:1.3rem !important;}
.font_lg {font-size:1.6rem !important;}
.font_lg01 {font-size:1.8rem !important;}
.font_lg02 {font-size:1.9rem !important;}
.font_lg03 {font-size:2.0rem !important;}
.font_lg04 {font-size:2.4rem !important;}
.font_lg05 {font-size:2.4rem !important;}
.font_lg06 {font-size:1.8rem !important;}
.font_lg07 {font-size:2.4rem !important;}
.font_lg08 {font-size:2rem !important;}
.font_lg09 {font-size:3.2rem !important;}
.font_lg10 {font-size:1.6rem !important;}
.font_lg11 {font-size:2.6rem !important;}

/* font color */
.fc_blue{color:#197edc}

/* font weight */
.fc_light{font-weight: 400}
.fc_bolder{font-weight: 900}

.scrollOff{position:fixed; overflow:hidden; width:100vw; height:100vh} /* 레이어창 띄울때 컨텐츠 스크롤방지 클래스 */
.sticky{position:fixed; top:23.46667vw; width:100%}

/* =============================================== reset ========================================== */

/* layout */
.wrap_recom{width:100%; max-width:750px; margin:0 auto; font-weight: 400; color:#333; overflow-x: hidden}
.wrap_recom .top, .wrap_landingpop .top{display:none; position:fixed; bottom:10.6666vw; right: 8vw; width:9.3334vw; height:9.3334vw; border-radius:50%; background:url('../images/btn_top1.png') no-repeat center center; background-size:100%; box-shadow:0 2px 4px 0 #777; opacity:0.8}
.wrap_inner{width:89.335vw; max-width:670px; margin:0 auto; font-size:1.5rem;}
.wrap_inner img{width:100%}
.wrap_btn{text-align:center}

/* btn */
.btn{display:inline-block; width: auto; height:inherit; padding:0 25px; border-radius: 5px; color:#fff; font-size:1.6rem; line-height:2.5em; cursor:pointer}
.btn.fixed{min-width:48vw; padding:0 5px; line-height:13vw}
.btn.blue{background:#197edc; border: 1px solid #197edc;}
.btn.grayblue{background:#657887; border: 1px solid #657887;}
.btn_allWinClose{position:absolute; top:4vw; right:4vw; width:5vw; height:5vw; background:url('../images/pop_close.png') no-repeat top center; background-size:contain; font-size:0; color:transparent; cursor:pointer; border:0}
.btn_search{display:block; width:5.335vw; height:5.335vw; background:url('../images/btn_search_3.png') no-repeat center center; background-size:100% auto; font-size:0;}
.btn_search.blue{background:url('../images/btn_search_3_b.png') no-repeat center center; background-size:100% auto}
.btn_close{width:7vw; height:7vw; background:#3e5262 url('../images/btn_close_w.png') no-repeat center center; background-size:50% auto; border:0; border-radius:5px; font-size:0;}

/* link */
.go_link{display:inline-block; margin-top:3.467vw; font-weight: 400; vertical-align:middle; color:#197edc}
.go_link:after{content:''; display:inline-block; width:1.6rem; height:1.6rem; margin-left:5px; background:url('../images/recommend/ico_link.png') no-repeat top center; background-size:contain; vertical-align:text-top}

/* form */
/* radio button */
.wrap_radio input[type="radio"]{display:none}
.wrap_radio input+label:before{content:''; display:inline-block}
.wrap-radiobtn input[type="radio"]{position:absolute; top:0; left:0; padding:0; background:none; -webkit-appearance:none; outline:none; cursor:pointer; box-sizing:border-box;}
.wrap-radiobtn input[type="radio"]+label{display:inline-block; height:21px; padding-left:30px; background:url('../images/radio.png') no-repeat 0 0; background-size:21px 21px; font-size:1.5rem; color:#000; line-height:21px;}
.wrap-radiobtn input[type="radio"]:checked+label{background:url('../images/radio_on.png') no-repeat 0 0; background-size:21px 21px;}
.wrap-radiobtn_w input[type="radio"] {display:none}
.wrap-radiobtn_w input[type="radio"]+label {display:inline-block; height:6.6667vw; font-size:1.5rem; color:#000; line-height:1; vertical-align:middle}
.wrap-radiobtn_w input[type="radio"]+label:before{content:''; display:inline-block; width:6.6667vw; height:6.6667vw; margin-right:2.6667vw; background:#fff; border:1px solid #197edc; border-radius:50%; vertical-align:middle}
.wrap-radiobtn_w input[type="radio"]:checked+label:before {background:url('../images/checkbox.png') no-repeat center center; background-size:100% auto; border:1px solid #197edc}

/* checkbox */
.wrap_chkbox{font-size: 1.4rem; vertical-align:middle; color:#333}
.wrap_chkbox input[type="checkbox"]{display:none}
.wrap_chkbox input+label:before{content:''; display:inline-block; width:6.6667vw; height:6.6667vw; margin-right: 10px; background: #fff; border:1px solid #197edc; border-radius:5px; vertical-align:middle}
.wrap_chkbox input:checked+label:before{background:#197edc url('../images/checkbox.png') no-repeat center center; background-size:90% auto}

/* Tab */
.tab .wrap_tab_menu{padding:30px 20px 22px}
.tab .tab_menu li{float:left; box-sizing:border-box}
.tab .tab_menu li a{display:block; line-height:3.33; border-left:1px solid #fff; background:#adbcc7; color:#fff; text-align:center; font-size:1.5rem; font-weight: 700}
.tab .tab_menu li:first-child a{border-left:0}
.tab .tab_menu li.on a{background:#353fdf;}
.tab .tab_menu:after{content:''; display:block; clear:both}
.tab .tab_cont{display:none}
.tab .tab_cont.on{display:block;}

.tab .tab_menu.col2 li{width:calc(100%/2);} /* 탭 메뉴가 2개일때 */
.tab .tab_menu.col3 li{width:calc(100%/3);} /* 탭 메뉴가 3개일때 */
.tab .tab_menu.col4 li{width:calc(100%/4);} /* 탭 메뉴가 4개일때 */

/* description */
.desc dt,.desc dt{vertical-align:middle}
.desc dt{padding-left:15px; text-indent:-15px; font-weight: 700}
.desc dd{padding-left:15px; word-break:break-all}
.desc dt:before{content:''; display:inline-block; width:4px; height:4px; margin-right:11px; background:#a5b6c3; border:0; vertical-align:middle}
.desc.inline {display:table; width:100%}
.desc.inline dt,.desc.inline dd{display:table-cell; max-width:50vw; vertical-align:top}
.desc.inline dd{padding-left:0}
.desc.notice{margin-top:1.25em}/* 200330 추가 */

/* score */
.wrap_score button{border:0; outline:0}
.wrap_score .score{width:6.135vw; height:5.87vw; margin-left:1.3334vw; background:url('../images/recommend/ico_score.png') no-repeat; background-position-y:center; background-position-x:right; background-size: auto 100%;}
.wrap_score .score.on{background-position-x:left;}

/* list */
.list_open{width:100%; padding:5.0667vw 0; background:#fff; border:0; color:#333; font-size:1.4rem}
/* 200303 수정[s] */
.list_open.first:before{content:'더보기';}
.list_open:before{content:'더보기';}
.list_open:after{content:''; display:inline-block; width:8px; height:8px; margin:0 0 2px 10px; border:0; border-left:2px solid #3c4042; border-bottom:2px solid #3c4042; transform:rotate(-45deg)}
.list_open.on:before{content:'닫기';}
.list_open.on:after{margin:0 0 -2px 10px; transform:rotate(135deg)}
/* 200303 수정[e] */
.wrap_list{padding-top:1px; border-top:0.5px solid #d6d6d6;}
.recom_list{display:table; width:100%; border-bottom:0.5px solid #d6d6d6; box-sizing:border-box}
.recom_list .list_cell{display:table-cell; padding:12px 0; vertical-align:middle; box-sizing:border-box; color:#111}
.recom_list .list_cell.cont_ci{padding-left:20px; vertical-align:top}
.recom_list .list_cell.cont_ci:before{display:block; width:16vw; line-height:5vw; margin:0 0 1px 0; border:0; border-radius:3px; text-align:center; font-size:2.6vw; vertical-align:middle; color:#fff;}
.recom_list .list_cell.cont_ci.first-come:before{content:'선착순'; padding:0 4px 0 4vw; background:#f13300 url('../images/recommend/ico_number.gif') no-repeat 2vw center; background-size: auto 70%}
.recom_list .list_cell.cont_ci.first-come.type2:before{background:#21b157 url('../images/recommend/ico_number.gif') no-repeat 2vw center; background-size: auto 70%}
.recom_list .list_cell.cont_ci.time-sale:before{content:'타임세일'; padding:0 4px 0 4vw; background:#353fdf url('../images/recommend/ico_time.gif') no-repeat 1vw center; background-size: auto 70%}
.recom_list .wrap_cont_ci{width:16vw; height:16vw; overflow:hidden; border:0.5px solid #dcdcdc; border-radius:5px; line-height:0; background: #fff}
.recom_list .wrap_cont_ci img{width:100%}
.recom_list .cont_info{width:60vw; padding-left:5.0666vw; padding-right:2vw; font-size:1.5rem; box-sizing:border-box; z-index:2; word-break: break-all;}/* 200311 수정 */
.recom_list .cont_info p.benefit{margin-bottom:10px; font-size:1.8rem; font-weight: 700; color:#0c3995;}
.recom_list .cont_info p.txt{display:-webkit-box; max-height:2.6em; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height:1.2; margin-bottom:5px; color:#555; font-weight: 700;}
.recom_list .cont_info p.time-sale{margin:0 0 5px; font-size:1.3rem; line-height:1.2; color:#555;}
.recom_list .cont_info p.date{font-size:1.3rem; color:#999}
.wrap_list .cont_info .state{display:none; margin-right:2vw; padding:0 3px; border:0; border-radius:3px; color:#fff; background-color:#f13300; vertical-align:middle; font-size: 1.1rem; line-height:1.6}
.wrap_list .cont_info .state.ongoing{display:inline-block;}
.wrap_list .cont_info .state.ongoing:before{content:'진행중'; line-height:1.6} 
.recom_list .recom_list_detail{display:none; padding:15px 20px; background:#eff3f8}
.recom_list .recom_list_detail dt, .recom_list .recom_list_detail dd{display:inline-block; font-size:1.5rem; line-height:1.5; }
.recom_list .recom_list_detail dt{font-weight: 700}
.recom_list.on .recom_list_detail{display:block}

.recom_list .list_btn{position:absolute; top:0; left:81%; display:table-cell; width:19vw; height:calc(100% - 1px); padding:0; background:#fff; border:0; z-index:1; border-radius: 0}
.recom_list .list_btn.download, .recom_list .list_btn.link{width:19vw; height:calc(100% - 1px); border:0; text-align:center;}
.recom_list .list_btn.download:before{content:''; display:block; width:5.6vw; height:4.8vw; margin:0 0 0 8vw; background:#fff url('../images/btn_down_red.png') no-repeat center center; background-size:auto 4.8vw;}
.recom_list .list_btn.link:before{content:''; display:block; width:5.6vw; height:5.06667vw; margin:0 9.6vw; background:#fff url('../images/recommend/ico_link_red.png') no-repeat center center; background-size:auto 5.06667vw;}
.recom_list .list_btn.detail{width:19vw; height:calc(100% - 1px); border:0;}
.recom_list .list_btn.detail:before{content:''; display:block; width:3vw; height:3vw; margin-left:50%; border:0; border-left:2px solid #ff4800; border-bottom:2px solid #ff4800; transform:rotate(-45deg)}
.recom_list.on .list_btn.detail:before{margin-top:20%; transform:rotate(135deg)}
.recom_list .list_btn.btn:before{display:inline-block; width:15vw; padding:1.8vw 0 1.4vw; margin:0 5.06667vw 0 0; border:0; border-radius:3px; text-align:center; line-height:1; font-size:2.9333vw; color:#fff; vertical-align: middle}
.recom_list .list_btn.getOK:before{content:'담기완료'; background:#6c8499}
.recom_list .list_btn.goOver:before{content:'바로가기'; background:#34495b}
.recom_list .list_btn.finish:before{content:'선착순마감'; background:#6c8499}
.recom_list .list_btn.hideCancel:before{content:'숨기기취소'; background:#6c8499}
.recom_list .recom_list_inner{position:relative; line-height:1}
.recom_list .btn_delete{position:absolute; top:0; right:0; display:table-cell; z-index:0; width:16vw; height:calc(100% - 1px); background:#e7ecf5 url('../images/recommend/btn_del.png') no-repeat 51% 52%; background-size: auto 4.8vw; border:0; font-size:0}
.recom_list.recom_list_banner{display:block; height:22.934vw; overflow:hidden;}
.recom_list.recom_list_banner li{line-height:0}
.recom_list.recom_list_banner img{width:100%}
.recom_list.recom_list_banner .btn_slide{position: absolute; top: 46%; width: 6vw; height: 8.5334vw; background: rgba(0,0,0,0.3); transform: translateY(-50%); text-align:center; z-index:1}
.recom_list.recom_list_banner .btn_slide:before{content:''; display:inline-block; width:2.134vw; height:2.134vw; margin-top:-1px; border-left:2px solid #fff; border-bottom:2px solid #fff; vertical-align:middle; opacity:0.8}
.recom_list.recom_list_banner .btn_slide.prev{left:0}
.recom_list.recom_list_banner .btn_slide.prev:before{margin-left:3px; transform: rotate(45deg)}
.recom_list.recom_list_banner .btn_slide.next{right:0}
.recom_list.recom_list_banner .btn_slide.next:before{margin-right:3px; transform: rotate(-135deg)}

.wrap_list.hid ul{overflow:hidden;}

/* list Action CSS */
.wrap_list{overflow:hidden}
.recom_list{transform: translateY(-30vh); -webkit-transform: translateY(-30vh); -moz-transform: translateY(-30vh); -ms-transform: translateY(-30vh); transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; opacity:0}
.show .recom_list{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); opacity:1}
.show .recom_list:nth-child(1+n){transition-delay:(n*50)+'ms'}

/* 추천페이지 */
.recom_header{position:fixed; top:0; width:100%; background:#e9f1f4; z-index: 1000}
.recom_header .recom_header_btn{padding:12px 20px;}
.recom_header .recom_header_btn .go_FAN{float:left; display:inline-block; width:13vw; height:4vw; margin-top:1px; font-size:0;}
.recom_header .recom_header_btn .go_FAN:before{content:''; display:inline-block; width:3.5vw; height:3.5vw; margin-top:2px; border-left:2px solid #000; border-bottom:2px solid #000; transform: rotate(45deg)}
.recom_header .recom_header_btn .btn_search, .recom_header .recom_header_btn .btn_help{float:right;}
.recom_header .recom_header_btn .btn_help{display:block; height:5.07vw; line-height:5.07vw; padding:0 1.2078vw; margin-right:2.4155vw; border-radius:3px; background:#416ab5; color:#fff; text-align:center; font-size:1rem}
.recom_header .recom_header_btn .btn_help:after{content:''; display:block; width: 1.867vw; height:1.335vw; margin:0 auto; border:0.8vw solid transparent; border-top:1.335vw solid #416ab5}
.recom_header .recom_menu li{float:left; width:25%; text-align:center; font-size:1.6rem}
.recom_header .recom_menu li a{position:relative; display:inline-block; padding:3.2vw 0; font-weight: 700; color:#717c89}/* 200311 수정 */
.recom_header .recom_menu li a:hover, .recom_header .recom_menu li.on a{padding:3.2vw 0 2.4vw; color:#000}/* 200311 수정 */
.recom_header .recom_menu li a:hover:after, .recom_header .recom_menu li.on a:after{content:''; display:block; position:relative; bottom:-2.266667vw; width:100%; height:4px; border-radius:10px; background:#4868e1}/* 200311 추가 */
.badge{position:absolute; top:-5px; right:-12px; min-width:20px; padding:4px 6px; border:0; border-radius:0.8em; background:#f13300; line-height:1; font-size:0.8em; color:#fff}/* 200117 수정 */
.recom_header:after, .recom_header_btn:after{content:''; display:block; clear:both}
.wrap_cont_header{padding:0 20px}
.wrap_cont_header .info-sign{margin-bottom:10px; font-size:1.5rem; font-weight: 700; letter-spacing: -1px; word-spacing: 1px}

.wrap_search_value{display:none}
.wrap_search_value.on{display:block}
.wrap_search_value:after{content:''; position:fixed; top:0; left:0; display:block; width:100vw; height:100vh; background:rgba(0,0,0,0.5); z-index:100}
.wrap_search_value .search_value{position:fixed; top:12vw; left:0; width:100vw; padding-bottom:7vw; background:#fff; z-index:101}
.wrap_search_value .search_value:before{content:''; position:absolute; top:-16px; right:24px; display:block; border:10px solid #e9f1f4; border-top:6px solid transparent; border-left:6px solid transparent; border-right:6px solid transparent;}
.wrap_search_value .search_value h3{padding:13px 20px; line-height:1; font-size:1.5rem; background:#e9f1f4}
.wrap_search_value .wrap_search_input{margin:20px; padding:2.535vw 19px; border:1px solid #5ca5e9; border-radius:5px}
.wrap_search_value .wrap_search_input input{width:92%; font-size:1.5rem; border:0; font-weight: 700; color:#197edc}
.wrap_search_value .wrap_search_input input::placeholder{font-weight: 400; color:#999}
.wrap_search_value .wrap_search_input .btn_search{margin-top:1px;}
.wrap_search_result.empty{height:18.135vw; padding: 0 20px 12.2666vw; text-align:center;}
.wrap_search_result.empty.yes:before{content:'검색결과가 없습니다. 다른 혜택을 입력하세요.'}
.wrap_search_result .wrap_list{max-height:43vh; overflow-y:auto; margin-bottom:20px}
.wrap_search_value .caution{margin:0 20px}
.wrap_search_value .caution dt{color:#f94812; font-size:1.4rem; font-weight: 700}
.wrap_search_value .caution dd{color:#666; font-size:1.4rem}
.wrap_search_value .caution dd li:before{content:''; display:inline-block; width:4px; height:4px; margin-right:10px; background:#64738a; vertical-align:middle}
.wrap_search_value .caution dd li{margin-top:5px; margin-left:14px; text-indent:-14px; vertical-align:middle}
.wrap_search_value .btn_close{position:absolute; bottom:0.5vw; right:0.5vw;}

.recom_cont .nothing{margin-top:7.4667vw; padding:0 20px 12.2667vw; text-align:center; font-size:1.5rem; line-height:1.5}
.recom_cont .nothing:before{content:''; display:block; width:10.6667vw; height:12.8vw; margin:0 auto; background:url('../images/recommend/ico_nothing_2.png')no-repeat top center; background-size: auto 12.8vw;}
.recom_cont .nothing p:first-child{margin-top:20px; font-weight: 700;}
.recom_cont .nothing .btn{display:inline-block; height:auto; margin-top:20px}/* 200113 추가 */
.recom_cont .nothing2{margin-top:21.3334vw; padding:18.1334vw 20px 61.3334vw; background:url('../images/recommend/ico_nothing_2.png')no-repeat top center; background-size:auto 12.8vw; text-align:center; font-size:1.7rem; line-height:1.5; color:#333}

/* 마케팅 응모하기 페이지 */
.marketing_apply{padding-top:32vw; text-align:center; font-size:4.267vw; font-weight: 400}
.marketing_apply h1:before{content:''; display:block; width:38.4vw; max-width:288px; height:7vw; margin:0 auto 5.335vw; background:url('../images/recommend/logo_shcard.png') no-repeat top center; background-size:contain} /* 200115 수정 */
.marketing_apply h1{font-size:1.9rem; line-height:1.5; margin-bottom:9.33vw;}
.marketing_apply p{line-height:1.5; font-size:1.6rem;}
.marketing_apply .wrap_form{margin-top:6%;}
.marketing_apply .wrap_form input[type="text"], .marketing_apply .wrap_form button{display:inline-block; width:inherit; box-sizing:border-box; vertical-align:middle}
.marketing_apply .wrap_form input[type="text"]{width:49.335vw; max-width:370px; height:inherit; line-height:inherit; padding:10px 5px 11px; border:1px solid #5ca5e9; border-radius:5px; font-size:1.8rem; color:#197edc; font-weight:500; text-align:center}
.marketing_apply .btn{line-height:3.2em; font-size:1.5rem; font-weight: 700}
.marketing_apply .txt_caution{width:70%; margin:4vw auto 0; text-align:center; box-sizing:border-box; word-break:break-all;}
.marketing_apply .txt_caution p{font-size:0.9em;}
.marketing_apply .txt_caution p:first-child{margin-left:12px; text-indent:-12px; text-align:left}

/* 레이어 팝업 alert */
.wrap_layerpop{position:absolute; top:0; right:0; bottom:0; left:0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flex; display:flex; align-items:center; justify-content:center; -webkit-align-items:center; -webkit-justify-content:center; -webkit-box-pack:center; -webkit-box-align:center; -moz-box-pack:center; -moz-box-align:center; -ms-box-pack:center; -ms-box-align:center; background:rgba(0,0,0,0.6)}
.wrap_layerpop .wrap_inner{position:relative; top:50%; width:100% !important; height:auto; margin:0; padding:13.3334vw 5.6vw 6.8vw; background:#fff; border-radius:5px; box-sizing:border-box; font-size:1.6rem; text-align:center; color:#111; z-index:10000; transform: translateY(-50%);}
.wrap_layerpop .wrap_inner p{margin-top:3.467vw; line-height:1.5; letter-spacing:-0.5px}
.wrap_layerpop .wrap_inner .pop_title, .wrap_layerpop .wrap_inner .pop_title+p{text-align:left;}
.wrap_layerpop .wrap_inner .pop_title{margin-top:0; font-weight: 700}
.wrap_layerpop .wrap_inner .pop_title+p{color:#666}
.wrap_layerpop .wrap_inner .btn{margin-top:7.2vw;}
.wrap_layerpop .cont_detail{height:auto; max-height:35vh; font-size:1.5rem; text-align:left}
.wrap_layerpop .cont_detail p{margin-top:0}

.wrap_layerpop .wrap_inner .wrap_tit{display:table; padding:0;}
.wrap_layerpop .wrap_inner .wrap_tit > div{display:table-cell; vertical-align: top;}
.wrap_layerpop .wrap_inner .wrap_tit .wrap_cont_ci .cont_ci{width:16vw; height:16vw; overflow:hidden; background:#fff; border-radius: 5px; border:0.5px solid #dcdcdc; line-height: 0;}
.wrap_layerpop .wrap_inner .wrap_tit .wrap_cont_ci .cont_ci img{width:100%;}
.wrap_layerpop .wrap_inner .wrap_tit .pop_title{display:table-cell; vertical-align: middle; width:50vw; padding:0 10px; font-size:1.5rem; word-break: break-all}
.wrap_layerpop .wrap_inner .wrap_tit .wrap_go_cont{padding-top:10px;}
.go_cont:before{content:''; display:block; width:3.7334vw; height:2.6667vw; margin:0 auto 1.3334vw; background:url('../images/recommend/ico_go_back.png') no-repeat top center; background-size:100% auto}
.go_cont{display:block; padding:1.77vw 1.3vw; background:#197edc; color:#fff; border:0; border-radius:5px; font-size:1.2rem; vertical-align:middle; line-height:1}

/* 컨텐츠 랜딩팝업 */
.wrap_landingpop{margin-top:13.3334vw; font-size:1.5rem; line-height:1.5}
.wrap_landingpop .wrap_btn{padding-top:7.467vw}
.wrap_landingpop .wrap_inner > .landing_title{margin:-30px 0 25px; font-size:1.7rem; line-height:1; color:#111; font-weight: 700} /* 200115 수정 */
.wrap_landingpop .wrap_inner > .landing_title2{margin:0 -5.3334vw; padding:3.0667vw 5.3334vw; font-size:1.6rem; color:#333; vertical-align:middle}
.wrap_landingpop .sec_cont{padding-top:4vw; border-top:1px solid #dce0eb}
.wrap_landingpop .sec_cont h3{margin-bottom:4vw; font-size:1.5rem; color:#333} /* 200115 수정 */
.wrap_landingpop .logo{display:block; width:38.4vw; max-width:288px; height:7vw; margin-bottom:1vw; background:url('../images/recommend/logo_shcard.png') no-repeat top center; background-size:contain; font-size:0}/* 200115 추가 */
.wrap_landingpop p{font-size:1.6rem}/* 200115 추가 */
.wrap_landingpop .wrap_inner .wrap_cell_tit{display:table; padding:0;}
.wrap_landingpop .wrap_inner .wrap_cell_tit > div{display:table-cell; vertical-align: top;}
.wrap_landingpop .wrap_inner .wrap_cell_tit .title, .wrap_landingpop .wrap_inner .wrap_cell_tit .title+p{text-align:left}
.wrap_landingpop .wrap_inner .wrap_cell_tit .title{display:table-cell; vertical-align: middle; width:70vw; padding:0 10px; font-size:1.5rem; word-break: break-all; margin-top:0; font-weight: 700}
.wrap_landingpop .wrap_inner .wrap_cell_tit .title+p{color:#666}
.wrap_landingpop .wrap_inner .wrap_cell_tit .wrap_cont_ci .cont_ci{width:16vw; height:16vw; overflow:hidden; background:#fff; border-radius: 5px; border:0.5px solid #dcdcdc; line-height: 0;}
.wrap_landingpop .wrap_inner .wrap_cell_tit .wrap_cont_ci .cont_ci img{width:100%;}
.wrap_landingpop .wrap_inner .wrap_cell_tit .wrap_go_cont{padding-top:10px;}
.wrap_cont_info{display:table; width:100%; margin-top:4vw; padding: 3.33vw 2.933vw; border:1px solid #dcdcdc; border-radius:5px; box-sizing:border-box;}
.wrap_cont_info > div{vertical-align:middle; box-sizing:border-box; color:#111}
.wrap_cont_info .wrap_cont_ci{width:16vw; height:16vw; overflow:hidden; border:1px solid #dcdcdc; border-radius:5px; line-height:0}
.wrap_cont_info .cont_info{display:table-cell; width:80vw; padding-left:5.0666vw; font-size:1.5rem;}
.wrap_cont_info .cont_info p.benefit{font-size:1.7rem; font-weight: 700}
.wrap_cont_info .cont_info p.txt{line-height:1.6}
.wrap_cont_info .cont_info p.date{font-size:1.3rem; color:#999}
.wrap_cont_code{position:relative; margin-top:2.667vw; padding-left:9.7vw; background:url('../images/recommend/bg_coupon.png') no-repeat top left; background-size:contain}
.wrap_cont_code .cont_code{display:table; width:100%; height:27vw; vertical-align:middle; border-top:1px solid #3c92e2; border-bottom:1px solid #3c92e2; border-right:1px solid #3c92e2; border-radius: 0 5px 5px 0; overflow:hidden}
.wrap_cont_code .cont_code p{display:table-cell; vertical-align:middle; font-size:1.5rem; color:#111; text-align:center}
.wrap_cont_code .cont_code, .wrap_cont_code .cont_code p{padding-right:9.7vw;}
.wrap_cont_code .wrap_barcode{width:32vw; height:16vw; margin: 6% auto}
.wrap_cont_code p{line-height:1.5}
.wrap_cont_code .cont_code .numCode{font-weight: 700; font-size:1.9rem}
.wrap_cont_code.putinCode .cont_code{text-align:right}
.wrap_cont_code.putinCode .cont_code p{text-align:left}
.wrap_cont_code.putinCode .cont_code, .wrap_cont_code.putinCode .cont_code p, .wrap_cont_code .cont_code .numCode{padding-right:0;}
.wrap_cont_code.putinCode .btn_putCode{width:22.135vw; height:100%; background:#3c92e2; border:0; color:#fff; font-size:1.4rem;}
.wrap_cont_code.putinCode .btn_putCode:before{content:''; display:block; width:5.6vw; height:4.8vw; margin:0 auto 5px; background:url('../images/btn_down_w.png') no-repeat center center; background-size:contain}
.wrap_cont_notice{margin-top:8vw; font-size:1.5rem;}
.wrap_cont_notice h2{margin-bottom:2.667vw; font-size: 1.6rem; font-weight: 700}
.cont_notice{height:65vw; padding:4vw 5.333vw; line-height:1.5; border:1px solid #d6d6d6; border-radius:5px; overflow:auto; box-sizing:border-box; color:#666}
.type3 .cont_notice{height:44.8vw; margin-bottom: 5.333vw}
/* 200103 추가[s] */
.wrap_cont{margin-top:4vw; border-top:1px solid #dce0eb; border-bottom:1px solid #dce0eb;}
.cont_detail{height:55vh; padding:5.3334vw 0; line-height:1.5; overflow:auto; box-sizing:border-box; color:#333}/* 200115 수정 */
.cont_detail p{font-size:1.5rem}/* 200115 추가 */
.cont_detail2{height:auto; max-height:76vh; padding:5.3334vw 0; font-size:1.5rem; text-align:left; overflow:auto}
/* 200103 추가[e] */
.cont_caution dt, .cont_caution dd{line-height:1.5; letter-spacing:-0.5px;}
.cont_caution dt{color:#f94812; font-weight: 700}
.cont_caution dd{color:#666}
.wrap_barcode_used{position:absolute; top:1px; display:table; width:calc(100% - 10vw); height:26vw; background:rgba(255,255,255,0.7); border-radius:5px; font-weight: 700;}
.wrap_barcode_used .tag_used span{display:block; width:22.67vw; margin: 0 auto 1vw; padding:2px 0; background:#000; border-radius:3px; font-size:1.2rem; color:#fff; vertical-align: super; font-weight: 400}

.list_chk_theme li{float:left; width:33.3%; margin-bottom:4vw; box-sizing:border-box;}
.list_chk_theme:after{content:''; display:block; clear:both}
.sec_cont textarea{width:100%; height:7rem; padding:10px; font-size:1.5rem; border-radius: 5px; border:0.5px solid #cfd2d4;}

/* 약관동의 */
.wrap_agree{padding-top:32vw; text-align:center; font-size:1.6rem; color:#333}
.wrap_agree p{color:#333; line-height:1.5}
.wrap_agree p:first-child:before{content:''; display:block; width:20vw; height:17.6vw; margin: 0 auto 10vw; background:url('../images/recommend/ico_checktxt.png') no-repeat top center; background-size:contain}
.wrap_agree .wrap_btn{margin-top:8vw}
.wrap_agree .wrap_btn .btn{line-height: 3em;}

/* 약관동의내용 */
.pop-tit.type2{background:#e9f1f4}
.wrap-radiobtn{position:sticky; top:0; margin-bottom:25px; padding:20px 0 25px; background:#fff; border-bottom:1px solid #ddd}
.wrap-radiobtn .wrap_btn .btn{width:50%;}
.agree-radiobtn{margin:25px 0; text-align:center}
.agree-radiobtn p{display:inline-block; margin-left:10%}
.agree-radiobtn p:first-child{margin-left:0;}

/* Life Style */
.recom_cont h2{padding:26px 20px 27px; font-size:1.8rem; letter-spacing:-1px}
.recom_cont .btn_att{float:right; margin:-14vw 5.3334vw 0 0;padding:0 7px; line-height:34px; font-size:1.3rem; vertical-align:middle}
.recom_cont .btn_att:before{content:''; display:inline-block; width:5vw; height:5vw; margin-right:5px; background: url(../images/recommend/ico_btn_att.png) no-repeat center center; background-size:100% auto; vertical-align:middle}

/* 200402 수정[s] */
.wrap_theme{position:relative; height:10vw; overflow-x: auto; overflow-y:hidden; scroll-behavior: smooth; -ms-overflow-style:none; scrollbar-width:none}
.wrap_theme::-webkit-scrollbar{display:none}
.wrap_theme ul:after{content:''; display:block; clear:both}
.wrap_theme ul{position:absolute; width:max-content; padding:0 0 0 20px}
.wrap_theme li{float:left; display:block; padding:8px 15px 5px; border:0; border-radius:20px; font-size:1.5rem; color:#199fdc; vertical-align:middle; font-weight: 700}
.wrap_theme .on{background:#353fdf; color:#fff; font-weight: 400}
.wrap_theme li a:before{content:''; display:inline-block; width:6.135vw; height:6.135vw; margin-top:-3px; margin-right:3px; background:url('/pconts/_hpm/images/recommend/ico_category.png') no-repeat; background-size: 200% auto; background-position-x:0; vertical-align:middle}
.wrap_theme .on a:before{background-position-x:100%}
.wrap_theme li a.btn_theme0:before{background-position-y:100.5%}
.wrap_theme li a.btn_theme1:before{background-position-y:0}
.wrap_theme li a.btn_theme2:before{background-position-y:7.4%}
.wrap_theme li a.btn_theme3:before{background-position-y:15.5%}
.wrap_theme li a.btn_theme4:before{background-position-y:23%}
.wrap_theme li a.btn_theme5:before{background-position-y:31%}
.wrap_theme li a.btn_theme6:before{background-position-y:38.5%}
.wrap_theme li a.btn_theme7:before{background-position-y:46.5%}
.wrap_theme li a.btn_theme8:before{background-position-y:54%}
.wrap_theme li a.btn_theme9:before{background-position-y:61.5%}
.wrap_theme li a.btn_theme10:before{background-position-y:69.5%}
.wrap_theme li a.btn_theme11:before{background-position-y:77%}
.wrap_theme li a.btn_theme12:before{background-position-y:84.5%}
.wrap_theme li a.btn_theme13:before{background-position-y:92.5%}
/* 200402 수정[e] */

@media (max-width:350px){
  .recom_cont h2{font-size:1.6rem}
  .recom_cont .btn_att{margin-top:-17vw}
}
.slideHidden .wrap_list, .slideHidden .wrap_theme, .slideHidden .wrap_themeImg .ani_wrap .object{visibility: hidden !important}
.wrap_themeImg{width:100%; height:24vw; margin:7.2vw auto 3.3334vw}
.wrap_themeImg .slick-slide > div{width:56vw; margin:0 auto}
/* Life Style slide animation position[s] */
.ani_wrap {position: relative; width:56vw; height: 24vw; text-align: center; margin: 0 auto; overflow: hidden}
.ani_wrap .object{position:absolute; line-height:0;}
.ani_wrap .object img{width:100%;}
.ani_wrap .object.obj1{z-index: 1}
.ani_wrap .object.obj2{z-index: 2}
.ani_wrap .object.obj3{z-index: 3}
.ani_wrap .object.obj4{z-index: 4}
.ani_wrap .object.obj5{z-index: 5}
/* 200227 추가[s] */
/* 전체 */
.ani_wrap.all .object.obj1 {width:46.27vw; left:4.8vw; bottom:4.26667vw; z-index:2}
.ani_wrap.all .object.obj2 {width:15.4667vw; left:36.5333vw; bottom:3.33334vw}
.ani_wrap.all .object.obj3 {width:14.535vw; left:16.8vw; bottom:4.26667vw; z-index:5}
.ani_wrap.all .object.obj4 {width:8.2667vw; left:6.13334vw; bottom:5.46667vw; z-index:1}
.ani_wrap.all .object.obj5 {width:8.934vw; left:20.4vw; bottom:14.13334vw; z-index:1}
/* 200227 추가[e] */
/* 자동차 */
.ani_wrap.car .object.obj1 {width:45.0667vw; left:4vw; bottom:2.2667vw}
.ani_wrap.car .object.obj2 {width:13.87vw; left:6.6667vw; bottom:2.2667vw}
.ani_wrap.car .object.obj3 {width:7.2vw; left:33.86667vw; bottom:2.2667vw}
.ani_wrap.car .object.obj4 {width:7.2vw; left:28.2667vw; bottom:2.2667vw}
/* 이사 */
.ani_wrap.move .object.obj1 {width:48.8vw; left:3.7334vw; bottom:4vw}
.ani_wrap.move .object.obj2 {width:10.535vw; left:33.06667vw; top:5.2vw}
.ani_wrap.move .object.obj3 {width:12.2667vw; left:18.6667vw; bottom:4vw}
/* 반려동물 */
.ani_wrap.pet .object.obj1 {width:42.2667vw; left:8.5333vw; bottom:2.5333vw}
.ani_wrap.pet .object.obj2 {width:8.667vw; left:8.134vw; bottom:4.6666vw}
.ani_wrap.pet .object.obj2_1 {width:5.7335vw; left:26.53334vw; bottom:7.46667vw; z-index: 2}
.ani_wrap.pet .object.obj3 {width:8.9334vw; left:33.8667vw; bottom:2.8vw}
.ani_wrap.pet .object.obj4 {width:7.0667vw; left:43.3334vw; bottom:2.5333vw}
.ani_wrap.pet .object.obj5 {width:8.4vw; left:15.7333vw; bottom:8.8vw}
/* 여행 */
.ani_wrap.trip .object.obj1 {width:34.1334vw; left:4vw; bottom:1.8666vw}
.ani_wrap.trip .object.obj2 {width:8.1334vw; left:32vw; bottom:2.2667vw}
.ani_wrap.trip .object.obj3 {width:13.0667vw; left:38.4vw; bottom:1.8666vw}
.ani_wrap.trip .object.obj4 {width:7.6vw; left:20vw; bottom:1.8666vw}
.ani_wrap.trip .object.obj5 {width:15.334vw; left:5.0667vw; bottom:5.0667vw}
/* 데이트 */
.ani_wrap.date .object.obj1 {width:43.2vw; left:7.0667vw; bottom:4.13334vw}
.ani_wrap.date .object.obj2 {width:9.2vw; left:21.6vw; bottom:9.3333vw}
.ani_wrap.date .object.obj3 {width:8.8vw; left:41.6vw; bottom:6.4vw}
.ani_wrap.date .object.obj4 {width:8.13334vw; left:33.3334vw; bottom:4.8vw}
/* 식도락 */
.ani_wrap.food .object.obj1 {width:39.06667vw; left:6vw; bottom:3.86667vw}
.ani_wrap.food .object.obj2 {width:10.2667vw; left:26.53334vw; bottom:3.2vw}
.ani_wrap.food .object.obj3 {width:8.9334vw; left:14.1333vw; bottom:3.86667vw}
.ani_wrap.food .object.obj4 {width:5.86667vw; left:37.3334vw; top:5.2vw}
.ani_wrap.food .object.obj5 {width:9.6vw; left:38.2666vw; bottom:3.2vw}
/* 쇼핑, 뷰티 */
.ani_wrap.beauty .object.obj1 {width:35.8667vw; left:12.1333vw; bottom:5.2vw}
.ani_wrap.beauty .object.obj2 {width:12.1334vw; left:4.6667vw; bottom:4.13334vw}
.ani_wrap.beauty .object.obj3 {width:11.86667vw; left:26.9333vw; bottom:3.6vw}
.ani_wrap.beauty .object.obj4 {width:6.2667vw; left:18.6667vw; bottom:8.4vw}
/* 해외이용 */
.ani_wrap.abroad .object.obj1 {width:45.2vw; left:5.86667vw; bottom:1.6vw}
.ani_wrap.abroad .object.obj2 {width:13.8667vw; left:12.1333vw; bottom:4.8vw}
.ani_wrap.abroad .object.obj3 {width:13.4667vw; left:28.13334vw; bottom:2.66667vw}
/* 시니어 */
.ani_wrap.senior .object.obj1 {width:32vw; left:5.46667vw; bottom:4.66667vw}
.ani_wrap.senior .object.obj2 {width:12vw; left:35.6vw; bottom:3.33334vw}
.ani_wrap.senior .object.obj3 {width:9.86667vw; left:24.66667vw; bottom:5.86667vw}
.ani_wrap.senior .object.obj4 {width:12.26667vw; left:11vw; bottom:2.93334vw}
/* 결혼, 육아 */
.ani_wrap.family .object.obj1 {width:44.6667vw; left:6.93334vw; bottom:3.46666vw}
.ani_wrap.family .object.obj2 {width:13.46667vw; left:36.93334vw; bottom:5vw}
.ani_wrap.family .object.obj3 {width:10.26667vw; left:31.86667vw; bottom:4.93334vw}
.ani_wrap.family .object.obj4 {width:5.33334vw; left:23.33334vw; bottom:9.73333vw}
.ani_wrap.family .object.obj5 {width:10.8vw; left:12.8vw; bottom:2.8vw}
/* 교육 */
.ani_wrap.edu .object.obj1 {width:42.667vw; left:5.33334vw; bottom:5.2vw}
.ani_wrap.edu .object.obj2 {width:14.26667vw; left:21.2vw; bottom:4.13334vw}
.ani_wrap.edu .object.obj3 {width:12.53334vw; left:6.13334vw; bottom:5.46667vw}
.ani_wrap.edu .object.obj4 {width:6.26667vw; left:36.4vw; bottom:10.13333vw}
/* 헬스, 건강 */
.ani_wrap.health .object.obj1 {width:33.2vw; left:16vw; bottom:5.06667vw}
.ani_wrap.health .object.obj2 {width:10.93334vw; left:27.73335vw; bottom:5.73334vw}
.ani_wrap.health .object.obj3 {width:3.73334vw; left:6.66667vw; bottom:6vw}
.ani_wrap.health .object.obj4 {width:10.6667vw; left:10.66667vw; bottom:6.13334vw}
/* 문화, 스포츠 */
.ani_wrap.culture .object.obj1 {width:38.6667vw; left:10.8vw; bottom:4vw}
.ani_wrap.culture .object.obj2 {width:7.33334vw; left:7.73334vw; bottom:5.06667vw}
.ani_wrap.culture .object.obj3 {width:7.2vw; left:16.4vw; bottom:10vw}
.ani_wrap.culture .object.obj4 {width:10.9334vw; left:22.5333vw; bottom:5.33334vw}
/* Life Style slide animation position[e] */

/* 담은혜택 */
.wrap_topcoupon{margin-bottom:25px; padding:20px 14px; border:1px solid #3c92e2; border-radius:5px; box-sizing:border-box; font-size:1.5rem;}
.wrap_topcoupon.tops{background:#f3f8ff url('../images/recommend/bg_topcoupon.png') no-repeat 95% center; background-size: auto 40px}
.wrap_topcoupon.coal{margin-top:-15px; background:#f3f8ff url('../images/recommend/bg_coalcoupon.png') no-repeat 95% center; background-size: auto 40px}
.wrap_topcoupon a{display:block}
.wrap_topcoupon p:first-child{font-size:1.7rem; margin-bottom:10px; font-weight: 700}
.wrap_topcoupon p:last-child:after{content:''; display:inline-block; width: 8px; height: 8px; margin-left:10px; border:0; border-right:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg)}

/* 지도 */
/* 200219 추가[s] */
.map .sticky{z-index:10}
/*.map.wrap_recom{height:100vh; overflow:hidden}*/
.map .wrap_list{overflow-y: auto}
.map .recom_cont .nothing{height:31vh; overflow:hidden; margin-top:11vw; padding-bottom:0}/* 200311 수정 */
/* 200219 추가[e] */
/* 200117 수정[s] */
.wrap_map .wrap_map_input{margin-top:3px}
.wrap_map_input{width:100%; padding:2.6667vw 15px; background:#197edc; border:0; box-sizing:border-box;}
.wrap_map_input:after{content:''; display:block; clear:both;}
.wrap_map_input [type="text"]{float:left; width:92.5%; padding-left:2.8vw; border:0; background:transparent; font-size:4vw; color:#fff; box-sizing:border-box}
.wrap_map_input [type="text"]::placeholder{color:#fff}
.wrap_map_input button{float:right; width:5.3334vw; height:5.3334vw; background:url('../images/btn_search_3_w.png') no-repeat center center; background-size:100% auto; font-size:0; vertical-align:middle}
.wrap_map_value{display:none; position:absolute; width:calc(100% - 30px); margin:0 15px; padding:0 20px; border:0; border-radius:0 0 5px 5px; box-sizing:border-box; background:#fff; box-shadow:0px 0px 5px 0 #d5d7d6; z-index:3}

.wrap_map_view .map_view{position:absolute; top:0; width:100%; height:100%; overflow:hidden}
.wrap_map_view .map_view > div > div > div > div{box-sizing:content-box;}/* 200303 추가 */
.wrap_btn_map{position:absolute; bottom:4vw; right:4vw}
.wrap_btn_map .btn_map:before{content:''; display:block; width:5.3334vw; height:5.3334vw; margin:50% auto; transform: translateY(-50%); border:0; background:url('../images/recommend/btn_map.png') no-repeat; background-size:460% auto; background-position-y:0; vertical-align:middle}
.wrap_btn_map .btn_map{display:block; width:10.67vw; height:10.67vw; margin-top:1.3334vw; background:#fff; border:0; border-radius:50%; box-shadow:0 1px 5px 0 #cecfcd; font-size:0}
.wrap_map_value .wrap_btn_map .btn_map.near{background-position-x:0;}
.wrap_btn_map .btn_map.inmap:before{background-position-x:55%;}
.wrap_btn_map .btn_map.myplace:before{background-position-x:105%;}
.wrap_btn_map .btn_map.on:before{background-position-y:50%;}
.map_result{position:relative; padding:0 0 14.6667vw}
.map_result h3{padding-top:5.8666vw; font-size:1.5rem}
.map_result .empty{display:block; padding:13.3334vw 0 20vw; text-align:center; line-height:1}
.map_result .having{overflow-y:auto}
.map_result .recently_result .having{padding-top:3.2vw; height:20vw;}
.map_result .recently_result .having li{float:left; display:inline-block; margin-top:3px; margin-right:3px}
.map_result .recently_result .having .select{padding:0 4vw; line-height:9.6vw; border:1px solid #cfd2d4; border-radius:5px;}
.map_result .recently_result .having .select:focus{background:#d3dce3; color:#333}
.map_result .searching_result .having{margin-top:2.5vw; height:36.8vw;}
.map_result .searching_result .having li{margin-top:3px}
.map_result .searching_result .having .select{width:100%; padding:0 4vw; height:9.6vw; line-height:9.6vw; border:1px solid #cfd2d4; border-radius:5px; box-sizing:border-box; text-align:left; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;}
.map_result .btn_close{position:absolute; bottom:0.5vw; right:-4.7vw;}
.wrap_map_view{position:relative; height:69.868vw; margin:0 0 -0.5px; padding-top:1.6vw; border-bottom:0.5px solid #cfd8dc; border-top:0; background:#e9f1f4}/* 200303 수정 */
.wrap_map_view .btn_map_rescan{position:absolute; top:10px; left:50%; transform: translateX(-50%); display:block; margin:0 auto; padding:0 4vw; border:0; border-radius:5vw; background:#fff; line-height:2.46; font-size:1.3rem; font-weight: 700; color:#197edc; vertical-align:middle}
.wrap_map_view .btn_map_rescan:before{content:''; display:inline-block; width: 1.3rem; height:1.4rem; margin-right:1.6vw; background:url('../images/recommend/ico_reset.png') no-repeat center center; background-size:100% auto; vertical-align:middle}
.wrap_map + .wrap_list .cont_info .go_map{display:inline-block; width:6.13334vw; height:6.13334vw; margin-right:2vw; padding:0; border:0; border-radius:3px; color:#fff; background-color:#197edc; vertical-align:middle; background-image: url('../images/recommend/ico_go_map.png'); background-repeat: no-repeat; background-position: center center; background-size:2.66667vw auto;}
.wrap_map + .wrap_list .cont_info .go_map.click{background-color:#f13300}
.map_dot{position:absolute; display:block; width:5.0667vw; height:5.0667vw; border:1px solid #cfd4d6; background: #fff; border-radius: 50%; z-index: 2}
.map_dot:before{content:''; display:block; width:70%; height:70%; margin:50%; border:0; border-radius:50%; background: #ff4930; transform: translate(-50%, -50%);}
/* 200117 수정[e] */

/* 추천혜택 */
.wrap_title{display:block; padding:20px; z-index:10; background:#fff; color:#111}
.wrap_title:after{content:''; display:block; clear:both}
.wrap_title h2{display:inline-block; padding:0; line-height:2}
.wrap_title a{display:inline-block; width:92%}
.wrap_title .title_2line{font-size:1.5rem; vertical-align:middle; font-weight: 400; line-height:1; font-weight:300}
.wrap_title .big{display:block; font-size:1.8rem; font-weight: 700;}
.wrap_title .title_2line .big{margin-bottom:9px}
.wrap_title a .title_2line .big:after{content:''; display:inline-block; width:3vw; height:3vw; margin-left:5.33334vw; margin-bottom:0.7vw; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg)}
.on .wrap_title a .title_2line .big:after{content:''; display:inline-block; width:3vw; height:3vw; margin-bottom:-0.7vw;  border-right:2px solid #fff; border-top:2px solid #fff; border-bottom:0; border-left:0; transform:rotate(-45deg)}
.wrap_title .btn_like{float:right; display:inline-block; width:5.335vw; height:4.8vw; background: url('../images/recommend/btn_like.png') no-repeat top center; background-size:100% auto;}
.wrap_title .btn_like.click{display:inline-block; background-position:bottom center}
/* 200311 추가[s] */
.beneList .wrap_title{padding:20px 20px 0}
.beneList .wrap_title h2{position:relative; margin-bottom:20px}
.beneList .wrap_title .badge{top:7px; transform: translateX(75%); letter-spacing: 0; font-size:0.711em; text-align:center; padding:4px 6px 4px 5px;}
/* 200311 추가[e] */
.beneList .wrap_title.sticky+.wrap_list{padding-top:73.5vw;}
.wrap_section.beneList{border-top:2.5px solid #e9eff8;}
.wrap_sec_cont{display:none; padding:20px; background:#e9eff7;}
.wrap_section.schedule .wrap_title a:before{content:''; display:inline-block; width:10.668vw; height: 9.6vw; margin-right:3.4vw; background: url('../images/recommend/ico_sec1.png') no-repeat center center; background-size:100% auto; vertical-align:middle}
.wrap_section.trends .wrap_title a:before{content:''; display:inline-block; width:10.668vw; height: 9.6vw; margin-right:3.4vw; background: url('../images/recommend/ico_sec2.png') no-repeat center center; background-size:100% auto; vertical-align:middle}
.wrap_section.goodluck .wrap_title a:before{content:''; display:inline-block; width:10.668vw; height: 9.6vw; margin-right:3.4vw; background: url('../images/recommend/ico_sec3.png') no-repeat center center; background-size:100% auto; vertical-align:middle}
.wrap_title.sticky + div{padding-top:26.6667vw}
.on .wrap_title.sticky + div + div {padding-top:0}
.wrap_section.top5{padding-bottom:20px; border-bottom:0.5px solid #cfd7e2;}

.btn_go_event{float:right; display:block; width:13.735vw !important; height:10vw; background:url('../images/recommend/btn_event.png') no-repeat center center; background-size:100% auto; font-size:0;}

/* 200406 추가[s] */
.top5 .wrap_slide .slider .tag{position:absolute; left:0; top:0; padding:0 6px; line-height:5vw; background:#102952; font-size:2.6vw; color:#fff; vertical-align:middle;}
.top5 .wrap_slide .slider .tag.first-come{padding:0 4px 0 4.7vw; background:#f13300 url('../images/recommend/ico_number.gif') no-repeat 0.7vw center; background-size: auto 70%}
.top5 .wrap_slide .slider .tag.first-come.type2{background-color:#21b157}
.top5 .wrap_slide .slider .tag.time-sale{; padding:0 4px 0 5vw; background:#353fdf url('../images/recommend/ico_time.gif') no-repeat 1vw center; background-size: auto 70%}
.top5 .wrap_slide .slider .tag:after{vertical-align:middle}
.top5 .wrap_slide .slider .tag.time-sale:after{content:'타임세일'}
.top5 .wrap_slide .slider .tag.first-come:after{content:'선착순'}
.top5 .wrap_slide .slider .tag.end:after{content:'쿠폰마감'}

.top5 .wrap_slide .slider .point{font-size:1.7rem; margin-bottom:1.6vw; font-weight: 700; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}
.top5 .wrap_slide .slider .info span{display:-webkit-box; height:2.6em; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical}/* 200304 수정 */

.top5 .wrap_slide .slider .nopoint .point{display:none}
.top5 .wrap_slide .slider .nopoint .info{display:table-cell; width:35vw; height:17.2vw; vertical-align:middle}/* 200414 수정 */
.top5 .wrap_slide .slider .nopoint .info span{height:auto; max-height:3.9em; -webkit-line-clamp:3;}/* 200304 추가 */
/* 200406 추가[e] */

/* 200313 khw */
.top5 .wrap_slide { padding: 0px 0px 0px 0px;}
.top5 .wrap_slide .slider > div{height: 52vw; margin-top:-15px; padding:5.3333vw 4vw 4vw; border-radius:4vw; box-sizing:border-box; background:#197edc; color:#fff; text-align:center; font-size:1.4rem; line-height:1.3; word-break:break-all; background-size:cover !important; background-repeat:no-repeat; background-position:top center}/* 200414 수정 */
.top5 .wrap_slide .slider > div.slide1{background:#197edc}
.top5 .wrap_slide .slider > div.slide2{background:#09bcc6}
.top5 .wrap_slide .slider > div.slide3{background:#349de6}
.top5 .wrap_slide .slider > div.slide4{background:#711def}
.top5 .wrap_slide .slider > div.slide5{background:#28af32}

.top5 .wrap_slide .slider .wrap_img { width:12vw; height:12vw; margin:0 auto 3.1vw; overflow:hidden; border-radius:50%; background: #fff; }
.top5 .wrap_slide .slider .img {padding:0; overflow:hidden}

.top5 .wrap_slide .slider [class*="btn_"]{width: 10vw; height:7vw; margin:2.667vw 2px 0; font-size:0;}/* 200304 수정 */
.top5 .wrap_slide .slider .btn_del{background:url('../images/recommend/btn_del_s.png') no-repeat center center; background-size: auto 5.06667vw;}
.top5 .wrap_slide .slider .btn_put{background:url('../images/btn_down_white.png') no-repeat center center; background-size: auto 4.8vw;}
.top5 .wrap_slide .slider .btn_more{background:url('../images/recommend/ico_link_white.png') no-repeat center center; background-size: auto 5.06667vw;}
.top5 .wrap_slide .slider .btn_put_fin{background:url('../images/recommend/ico_dwFin_white.png') no-repeat center center; background-size: auto 5.06667vw;}
.top5 .wrap_slide .carousel .indicators .indicator-item { display: inline-block; width: 6px; height: 6px; margin: 0 2px 4px; background: #d3dbe7; border-radius: 50%; font-size: 0; vertical-align: bottom; }
.top5 .wrap_slide .carousel .indicators .indicator-item.active { background: #197edc; }

/* 200414 수정[s] */
.top5 .wrap_slide .slider .slide a{display:block; padding-top:32.5334vw}
.top5 .wrap_slide .slider .slide.img a{padding-top:0}
.top5 .wrap_slide .slider .slide .wrap_img, .top5 .wrap_slide .slider .slide .point, .top5 .wrap_slide .slider .slide .info{display:none}
/* 200414 수정[e] */

.top5 .wrap_slide .slider .btn_none {background:url('../images/recommend/btn_del_s.png') no-repeat center center; background-size: auto 5.06667vw;}
.top5 .wrap_slide .slider .btn_put:before, .top5 .wrap_slide .slider .btn_put:after {
  position: absolute;
  content: '';
  display: block;
  width: 10%;
  height: 150%;
  left: 25%;
	bottom: -50px;
  z-index: -1000;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.top5 .wrap_slide .slider .btn_put:before {
	display: none;
	width: 100%;
  background-image: radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, transparent 20%, #02ffd2 20%, transparent 30%), radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, transparent 10%, #02ffd2 15%, transparent 20%), radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, #02ffd2 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}

.top5 .wrap_slide .slider .btn_put:after {
	display: none;
	width: 100%;
  background-image: radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, transparent 10%, #02ffd2 15%, transparent 20%), radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, #02ffd2 20%, transparent 20%), radial-gradient(circle, #02ffd2 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}

.top5 .wrap_slide .slider .btn_put.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.top5 .wrap_slide .slider .btn_put.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}
 @keyframes
topBubbles {  0% {
 background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
}
 50% {
 background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
}
 100% {
 background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
 background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
}
@keyframes
bottomBubbles {  0% {
 background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
}
 50% {
 background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
}
 100% {
 background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
 background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
}
/* 200313 */

/* 200303 수정[s] */
/* slide animate */
.motions_in{animation : pushInY 0.6s 1;}
.motions_out{animation : pushInY_out 0.6s 1;}

@keyframes pushInY_out{
  0%{
    -webkit-transform: perspective(900px) scale(0.8);
    -ms-transform: perspective(900px) scale(0.8);
    transform: perspective(900px) scale(0.8);
  }
  20%{
    -webkit-transform: perspective(900px) scale(0.8);
    -ms-transform: perspective(900px) scale(0.8);
    transform: perspective(900px) scale(0.8);
  }
  100%{
    -webkit-transform: perspective(900px) scale(1);
    -ms-transform: perspective(900px) scale(1);
    transform: perspective(900px) scale(1);
  }
}
@-webkit-keyframes pushInY_out{
  0%{
    -webkit-transform: perspective(900px) scale(0.8);
    -ms-transform: perspective(900px) scale(0.8);
    transform: perspective(900px) scale(0.8);
    }
  20%{
    -webkit-transform: perspective(900px) scale(0.8);
    -ms-transform: perspective(900px) scale(0.8);
    transform: perspective(900px) scale(0.8);
  }
  100%{
    -webkit-transform: perspective(900px) scale(1);
    -ms-transform: perspective(900px) scale(1);
    transform: perspective(900px) scale(1);
  }
}

@keyframes pushInY{
  0%{
    -webkit-transform: perspective(900px) scale(1);
    -ms-transform: perspective(900px) scale(1);
    transform: perspective(900px) scale(1);
  }
  50%{
    -webkit-transform: perspective(900px) scale(1);
    -ms-transform: perspective(900px) scale(1);
    transform: perspective(900px) scale(1);
  }
  100%{
    -webkit-transform: perspective(900px) scale(0.8);
    -ms-transform: perspective(900px) scale(0.8);
    transform: perspective(900px) scale(0.8);
  }
}

@-webkit-keyframes pushInY{
  0%{
    -webkit-transform: perspective(900px) scale(1);
    -ms-transform: perspective(900px) scale(1);
    transform: perspective(900px) scale(1);
  }
  50%{
    -webkit-transform: perspective(900px) scale(1);
    -ms-transform: perspective(900px) scale(1);
    transform: perspective(900px) scale(1);
  }
  100%{
    -webkit-transform: perspective(900px) scale(0.8);
    -ms-transform: perspective(900px) scale(0.8);
    transform: perspective(900px) scale(0.8);
  }
}
/* 200303 수정[e] */

/* 200219 추가 - 추후 수정예정[e] */
.btn_filter:before{content:''; display:block; width:4.8vw; height:4.27vw; margin:0 auto 1vw; background:url('../images/recommend/ico_filter.png') no-repeat top center; background-size:100% auto}
.btn_filter{float:right; padding:1.77vw 1.3vw; background:#197edc; margin-top:-1.2vw; color:#fff; border:0; border-radius:5px; font-size:1.2rem; vertical-align:middle; line-height:1}
.wrap_filter{display:none; background:#e1e7f0; padding-bottom:20px; margin:0 -20px}/* 200311 수정 */
.wrap_filter ul{margin:0 20px; padding:20px 20px 0;}/* 200311 수정 */
@media (max-width:350px){
  .wrap_filter ul{padding:20px 0 0 10px;}
}
.wrap_filter ul:last-child{border-top:1px solid #fff}
.wrap_filter ul:after{content:''; display:block; clear:both}
.wrap_filter li{float:left; width:50%}
.wrap_filter .check_service li{padding-bottom:15px}
.wrap_filter .check_service label{vertical-align:middle}
.wrap_filter .check_service label span{content:''; display:inline-block; width:20px; height:15px; margin-right:10px; vertical-align:middle}
.wrap_filter .check_service #service_all + label span{background:url('../images/recommend/ico_service_all.png') no-repeat center center; background-size:contain}
.wrap_filter .check_service #service_1 + label span{background:url('../images/recommend/ico_service_1.png') no-repeat center center; background-size:contain}
.wrap_filter .check_service #service_2 + label span{background:url('../images/recommend/ico_service_2.png') no-repeat center center; background-size:contain}
.wrap_filter .check_service #service_5 + label span{background:url('../images/recommend/ico_service_3.png') no-repeat center center; background-size:contain}
.wrap_filter .check_service #service_4 + label span{background:url('../images/recommend/ico_service_4.png') no-repeat center center; background-size:contain}
.wrap_filter .check_service #service_7 + label span{background:url('../images/recommend/ico_service_5.png') no-repeat center center; background-size:contain}
.wrap_section+.wrap_section{margin-top:5px;}
.wrap_section+.wrap_section.beneList{margin-top:0;}
.wrap_section.schedule .wrap_title{background:#19b35a; color:#fff}
.wrap_section.schedule th, .wrap_section.schedule td{background:#fff; border:1px solid #19b35a; font-size:3.2vw}
.wrap_section.schedule th{height:7.4vw; color:#555;}
.wrap_section.schedule td{position:relative; height:12vw; padding:0 1vw; vertical-align:top; text-align:right; color:#16a753;}
.wrap_section.schedule td.today{background:#dbf8e7}
.wrap_section.schedule table + a{display:block; width:100%; margin-top:6vw; text-align:center; font-size:3.73334vw}
.wrap_section.schedule table + a:after{content:''; display:inline-block; margin-left:1vw; width:2.5vw; height:2.5vw; border:0; border-left:2px solid #3c4042; border-bottom:2px solid #3c4042; transform:rotate(-135deg)}
.wrap_section.trends, .wrap_section.trends .wrap_title{background:#417cf4; color:#fff}
.wrap_section.trends .wrap_sec_cont li{display:block; height:13.5vw; max-height:13.5vw; margin-top:0.8vw; border-radius:3px; line-height:0; box-sizing:border-box; overflow:hidden}
.wrap_section.trends .wrap_sec_cont li:first-child{margin-top:0}
.wrap_section.trends .wrap_sec_cont a{display:block;}
.wrap_section.goodluck, .wrap_section.goodluck .wrap_title{background:#804bf9; color:#fff}
.wrap_section.goodluck .wrap_sec_cont{text-align:center}
.wrap_section.goodluck .wrap_sec_cont li{display:inline-block; width:35%; margin-left:1%; text-align:center; line-height:1;}
.wrap_section.goodluck .wrap_sec_cont li{margin-left:0}
.wrap_section.goodluck .wrap_sec_cont li a{display:block; color:#804bf9; font-weight: 700;}
.wrap_section.goodluck .wrap_sec_cont li a:before{content:''; display:block; width:16vw; height:16vw; margin:0 auto 3vw;}
.wrap_section.goodluck .wrap_sec_cont li:nth-child(1) a:before{background:url('../images/recommend/ico_sec3_1.png') no-repeat; background-size:contain}
.wrap_section.goodluck .wrap_sec_cont li:nth-child(2) a:before{background:url('../images/recommend/ico_sec3_2.png') no-repeat; background-size:contain}

.alert-layer {position:fixed; width:100%; left:0; bottom:15px; padding:0 15px; box-sizing:border-box; z-index:110;}
.alert-layer p {background:rgba(0,0,0,.8); padding:30px 20px; color:#fff; font-size:1.3rem; font-weight: 400; border-radius:5px; text-align:center;}
.alert-layer p {padding: 25px 15px;}

/* 트렌디스 상세 랜딩팝업 */
.trends.wrap_landingpop .landing_title2{margin-bottom:3vw; background:#417cf4; font-size:1.8rem; color:#fff}
.trends.wrap_landingpop .landing_title2:before{content:''; display:inline-block; width:8vw; height:7.2vw; margin-right:4vw; background:url('../images/recommend/ico_pop_trends.png') no-repeat center center; background-size:100% auto; vertical-align:middle}
.trends.wrap_landingpop .landing_title2+p{font-size:1.5rem; font-weight: 700; color:#417cf4}
.trends.wrap_landingpop .wrap_cont{margin-top:3vw; overflow-y:auto}
.wrap_pop_footer{margin-top:6.6667vw}
.wrap_pop_footer .f_left dl{line-height:2.7em}
.wrap_pop_footer .f_left dt, .wrap_pop_footer .f_left dd{display:inline-block; line-height:1; vertical-align:middle}
.wrap_pop_footer .f_left dt{font-weight: 700; color:#111; margin-right:2.6666vw}

/* 행사상품 상세 랜딩팝업 */
.schedule.wrap_landingpop .landing_title2{border-top:1px solid #dce0eb}
.schedule.wrap_landingpop .landing_title2:before{content:''; display:inline-block; width:8vw; height:7.2vw; margin-right:4vw; background:url('../images/recommend/ico_pop_event.png') no-repeat center center; background-size:100% auto; vertical-align:middle}
.schedule.wrap_landingpop .list_category{margin-left:-0.6667vw}
.schedule.wrap_landingpop .list_category li{position:relative; float:left; width:17.3334vw; margin:0 0 0.6667vw 0.6667vw; background:#2b38dd; border:0; border-radius:5px; line-height:10.66667vw; font-size:3.46667vw; color:#fff; box-sizing:border-box; text-align:center; opacity: 1.0} 
.schedule.wrap_landingpop .list_category li.dis{position:relative; float:left; width:17.3334vw; margin:0 0 0.6667vw 0.6667vw; background:#2b38dd; border:0; border-radius:5px; line-height:10.66667vw; font-size:3.46667vw; color:#fff; box-sizing:border-box; text-align:center; opacity: 0.5}
.schedule.wrap_landingpop .list_category li.on{opacity: 1}
.schedule.wrap_landingpop .list_category li.on:before{content:''; position:absolute; top:-5%; right:-3%; display:block; width:3.46667vw; height:3.46667vw; background:#000; border-radius:50%}
.schedule.wrap_landingpop .list_category li.on:after{content:''; position:absolute; top:2%; right:1.5%; display:block; width:1.8vw; height:1.3vw; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-45deg)}
.schedule.wrap_landingpop .list_category li.cate_all{background:#546577; opacity: 1}
.schedule td.on.cate2:after{color:#d0d7d9}
.schedule.wrap_landingpop .wrap_calender .month{position:relative; margin:6.3334vw 0;}
.schedule.wrap_landingpop .wrap_calender .month .this_month{line-height:1; font-size:4.5vw; text-align:center; color:#333}
.schedule.wrap_landingpop .wrap_calender .month .btn_move{position:absolute; top:0.5334vw; left:50%; font-size:0}
.schedule.wrap_landingpop .wrap_calender .month .btn_move.prev{margin-left:-12vw}
.schedule.wrap_landingpop .wrap_calender .month .btn_move.next{margin-left:9vw}
.schedule.wrap_landingpop .wrap_calender .month .btn_move:before{content:''; display:block; width:2.67vw; height:2.67vw; border-left:2px solid #333; border-bottom:2px solid #333}
.schedule.wrap_landingpop .wrap_calender .month .btn_move.prev:before{transform:rotate(45deg)}
.schedule.wrap_landingpop .wrap_calender .month .btn_move.next:before{transform:rotate(-135deg)}
.schedule.wrap_landingpop .wrap_calender .calender th,.schedule.wrap_landingpop .wrap_calender .calender td{height:12vw; border:1px solid #d0d7d9; color:#333}
.schedule.wrap_landingpop .wrap_calender .calender th{background:#e8edf6; font-size:3.73334vw}
.schedule.wrap_landingpop .wrap_calender .calender td{position:relative; padding: 0 1vw; text-align:right; font-size:3.2vw; vertical-align:top; box-sizing:border-box}
.schedule.wrap_landingpop .wrap_calender .calender td.today{background:#fffcd0}
.schedule.wrap_landingpop .wrap_calender .calender td:nth-child(1){color:#df1c1c}
.schedule.wrap_landingpop .wrap_calender .calender td:nth-child(7){color:#1271ca}
.schedule.wrap_landingpop .wrap_calender .calender td.not:nth-child(1){color:#e42a2a82;opacity: 90%;}
.schedule.wrap_landingpop .wrap_calender .calender td.not:nth-child(7){color:#1271ca8f;opacity: 90%;}
.schedule.wrap_landingpop .wrap_calender .calender td.not{height:12vw; border:1px solid #d0d7d9; color:#33333361}
.schedule.wrap_landingpop .wrap_list{margin:6.6667vw -5.3334vw}
.schedule.wrap_landingpop .recom_list .cont_info{width:77vw}

.schedule .wrap_layerpop .wrap_inner{height:80vh}

/* 행운번호 랜딩팝업 */
.fortuneNum{height:calc(100vh - 13.3334vw); padding:6.25vw 0; background:#e9f1f4; text-align:center}
.fortuneNum .wrap_inner{height:calc(100vh - 25.8334vw); padding: 6.5334vw 5.5vw; background:#fff; border:1px solid #ced7e3; border-radius:5px}
.fortuneNum .wrap_inner .wrap_btn{position:absolute; bottom:6.5334vw; width:calc(100% - 11vw); margin:0 -5.5vw 6.5334vw;}
.fortuneNum h2{font-size:2rem; color:#111}
.fortuneNum .txt_info{font-size:1.5rem; line-height:1.2}
/*.fortuneNum .txt_info:before{content:''; display:block; width:27.07vw; height:16.135vw; margin:6.9334vw auto; background:url('../images/recommend/bg_fortune.png') no-repeat center center; background-size: 100% auto}*/
.fortuneNum .txt_info:before{content:''; display:block; width:16.8vw; height:15.2vw; margin:6.9334vw auto; background:url('../images/recommend/bg_fortune2.png') no-repeat center center; background-size: 100% auto}
.wrap_lottery .lottery{margin:11.4666vw 0 13.3334vw -1.0667vw}
.wrap_lottery .lottery:after{content:''; display:block; clear:both}
.wrap_lottery .num{float:left; width:12vw; height:12vw; line-height:12vw; margin-left:1.0667vw; font-size:2rem; border:0; border-radius:50%; background:#a6b9ca; color:#fff}
.wrap_lottery #btn_start{width:48vw; height:13.334vw; background:#804bf9; border:0; border-radius:5px; font-size:1.7rem; color:#fff;}
.wrap_lottery #btn_start:before{content:'다른 '}
.wrap_lottery.first #btn_start:before{display:none}

.wrap_lottery .lottery .num.done{animation: lotteryAct 0.2s 1;}

@-webkit-keyframes lotteryAct{
  10%{
    -webkit-transform : scale(1.2);
    transform : scale(1.2);
  }
  100%{
    -webkit-transform : scale(1);
    transform : scale(1);
  }
}
@keyframes lotteryAct{
  10%{
    -webkit-transform : scale(1.2);
    transform : scale(1.2);
  }
  100%{
    -webkit-transform : scale(1);
    transform : scale(1);
  }
}

.wrap_lottery .lottery .num.color0{background:#ffbf27}
.wrap_lottery .lottery .num.color1{background:#3c70c6}
.wrap_lottery .lottery .num.color2{background:#cc1409}
.wrap_lottery .lottery .num.color3{background:#778698}
.wrap_lottery .lottery .num.color4{background:#50a81f}

/* 행사일정 카테고리 */
.schedule th, .schedule td{width:14.28%}/* 200212 추가 */
.schedule td a{position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
.schedule td:after{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; padding:5vw 1vw 0; border:0; background:transparent; box-sizing:border-box; text-align:center}
.schedule td.on:after{content:'●'; color:#3d5167} /* default 는 전체 */
.schedule td.on.cate1:after{color:#2b38dd}/* 할인점 */
.schedule td.on.cate2:after{color:#078deb}/* 백화점 */
.schedule td.on.cate3:after{color:#04b1b3}/* 가전 */
.schedule td.on.cate4:after{color:#06be60}/* 보험 */
.schedule td.on.cate5:after{color:#cd31d7}/* 면세점 */
.schedule td.on.cate6:after{color:#fd8b3c}/* 여행/항공 */
.schedule td.on.cate7:after{color:#a24bfb}/* 편의점 */
.schedule td.on.cate8:after{color:#6e4ad5}/* 온라인쇼핑 */
.schedule td.on.cate9:after{color:#f3596b}/* 홈쇼핑 */

/* 200227 추가[s] */
/* error 페이지 */
.error .nothing p:first-child{font-weight: 400}
.error .nothing strong{font-weight: 700}
.menuList li{margin-top:2.66667vw; border:1px solid #d6d6d6; border-radius:10px; box-sizing:border-box; line-height:1; overflow:hidden}
.menuList li:nth-child(1){margin-top:0; background:url('../images/recommend/img_error01.png') no-repeat 5.33334vw center; background-size:10.66667vw auto}
.menuList li:nth-child(2){background:url('../images/recommend/img_error02.png') no-repeat 5.33334vw center; background-size:10.66667vw auto}
.menuList li:nth-child(3){background:url('../images/recommend/img_error03.png') no-repeat 5.33334vw center; background-size:10.66667vw auto}
.menuList li:nth-child(4){background:url('../images/recommend/img_error04.png') no-repeat 5.33334vw center; background-size:10.66667vw auto}
.menuList li:nth-child(5){background:url('../images/recommend/img_error05.png') no-repeat 5.33334vw center; background-size:10.66667vw auto}
.menuList li a{display:block; padding:4vw 2.66667vw 4vw 23.6vw}
.menuList li .name{margin-bottom:3.2vw; font-weight: 700}
/* 200227 추가[e] */

/* 추천혜택 각각 내용 오픈 되었을 때 */
.on .wrap_sec_cont, .on .wrap_filter{display:block}
.on .btn_filter{background: #64738a;}

.md-modal {
  	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.45);
	z-index:1100;	
}
.md-content {
	position:absolute;
	top:30%;
	bottom:30%;
  	left:60px;
	right:60px;
	padding: 100px 20px 50px;
	background:#fff url(/conts/_hpm/images/bg_noti.png) no-repeat center 35px;
	background-size: 47px auto;
	overflow:hidden;
	z-index:1101;
	border-radius: 6px;
	font-size: 12px;
}
.md-title {
	text-align: center;
	padding-bottom:10px;
}
.md-box {
	padding-top:10px;
}
.md-wrapper {
	text-align:center;
}
.md-text {
	border-bottom:1px solid #888;
}
.md-info {
	text-align:center;
}
.md-info .xlarge {
	font-size:15px;
	padding-bottom:20px;
}
.md-info span{
	color: #8080ff;
}
.progress_bar {
	width:100%;
	height:8px;
	background:#aaa;
	border-radius:2px;
}

.slick-list, .slick-track {
	touch-action: pan-y;
}

/* 맛.zip */
.hotplace .wrap_title{background:#25afbb; color:#fff}
.wrap_section.hotplace .wrap_title a:before{content:''; display:inline-block; width:10.668vw; height: 10vw; margin-right:3.4vw; background: url('../images/recommend/ico_sec4.png') no-repeat center center; background-size:100% auto; vertical-align:middle}

/* 도움말 */
.wrap_help{position: fixed; width:100%; top:0; z-index:1004}
.wrap_help .wrap_slider{position:absolute; top:22.6667vw; width:92%; left:50%; transform: translateX(-50%); margin:-10px}
.wrap_help .slider .slick-list{border-radius:3px}
.wrap_help .slider .slick-list .slick-slide > div{position:relative; height:147.2vw}
.wrap_help .slider .slick-list .slick-slide:nth-child(1) > div{background: url('../images/recommend/help_ani/img_help_1.png') no-repeat top center; background-size: 100% auto}
.wrap_help .slider .slick-list .slick-slide:nth-child(2) > div{background: url('../images/recommend/help_ani/img_help_2.png') no-repeat top center; background-size: 100% auto}
.wrap_help .slider .slick-dots{position:relative; margin-top:-4.8vw; text-align:center}
.wrap_help .slider .slick-dots li{display:inline-block; margin:0 1.3334vw}
.wrap_help .slider .slick-dots li button{width:9.335vw; height:9.335vw; padding:2.67vw; line-height:1; background:#a4b0b6; border-radius:50%; font-weight:700; text-align:center; color:#c7d8e7}
.wrap_help .slider .slick-dots .slick-active button{background:#070e6c; color:#fff}
.wrap_help .slider .object{position:absolute;}
.wrap_help .slider .slick-list .slick-slide:nth-child(1) .object.obj1{left:73.77%; top:20.745%; width:22.667vw; height:14.4vw; background:url(../images/recommend/help_ani/help_1_1.png) no-repeat 0 0; background-size:contain}
.wrap_help .slider .slick-list .slick-slide:nth-child(1) .object.obj2{left:51.015%; top:29%; width:32.67vw; height:14.8vw; background:url(../images/recommend/help_ani/help_1_2.png) no-repeat 0 0; background-size:contain}
.wrap_help .slider .slick-list .slick-slide:nth-child(1) .object.obj3{left:1.74%; top:32.79%; width:79.6vw; height:50vw; background:url(../images/recommend/help_ani/help_1_3.png) no-repeat 0 0; background-size:contain}
.wrap_help .slider .slick-list .slick-slide:nth-child(1) .object.obj4{left:20.29%; top:67.935%; width:59.335vw; height:13.07vw; background:url(../images/recommend/help_ani/help_1_4.png) no-repeat 0 0; background-size:contain}
.wrap_help .slider .slick-list .slick-slide:nth-child(1) .object.obj5{left:19.712%; top:76.723%; width:60vw; height:13.2vw; background:url(../images/recommend/help_ani/help_1_5.png) no-repeat 0 0; background-size:contain}
.wrap_help .slider .slick-list .slick-slide:nth-child(1) .object.obj6{left:25.945%; top:85.418%; width:54.27vw; height:11.47vw; background:url(../images/recommend/help_ani/help_1_6.png) no-repeat 0 0; background-size:contain}
.wrap_help .slider .slick-list .slick-slide:nth-child(2) .object.obj1{left:5.8%; top:26.45%; width:81.067vw; height:18.4vw; background:url(../images/recommend/help_ani/help_2_1.png) no-repeat 0 0; background-size:contain}
.wrap_help .slider .slick-list .slick-slide:nth-child(2) .object.obj2{left:32.175%; top:40.039%; width:43.735vw; height:20.27vw; background:url(../images/recommend/help_ani/help_2_2.png) no-repeat 0 0; background-size:contain}
.wrap_help .slider .slick-list .slick-slide:nth-child(2) .object.obj3{left:30.87%; top:65.763%; width:56.4vw; height:13.87vw; background:url(../images/recommend/help_ani/help_2_3.png) no-repeat 0 0; background-size:contain}
.wrap_help .btn_allWinClose{background:url('../images/btn_close_w.png') no-repeat top center; background-size:contain; font-size:0; color:transparent; cursor:pointer; border:0}

/* popup.css 내용[s] */
/* 기본팝업 */
.pop_wrap {display:none;position:fixed;left:0;right:0;top:0;bottom:0;padding:10px;background:rgba(0,0,0,0.7);/*overflow:auto;*/z-index:60;}
.pop_wrap .popup {position:relative; width:580px;}
.pop_wrap .popup .pop_focus {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.pop_wrap .popup .pop_head,
.pop_wrap .popup .pop_cont,
.pop_wrap .popup .pop_btn {position:relative; z-index:11;}
.pop_wrap .popup .btn_close {position:absolute; z-index:12;}
.pop_wrap.large .popup {width:980px; max-height:683px;}
.pop_wrap.medium .popup {width:720px; max-height:570px;}
.pop_wrap.small .popup {width:400px; max-height:430px;}

/* popup_type01 */
.popup_type01 {position:relative;max-width:100%;max-height:100%;margin:0 auto;background:#fff;}
.popup_type01 .btn_close {display:block;position:absolute;right:20px;top:20px;width:40px;height:40px;background:url(/prjconts/images/icon/popup_close.png) no-repeat center center;color:transparent;overflow:hidden;-webkit-transition:transform 1s ease-in-out;transition:transform 1s ease-in-out;}
.popup_type01 .pop_head {padding:26px 30px 26px 30px; text-align:left;}
.popup_type01 .pop_head.has_line {padding:22px 30px 22px 30px; margin-bottom:26px; border-bottom:1px solid #eeeeee;}
.popup_type01 .pop_head h3 {font-weight:700;font-size:24px;line-height:1.3; color:#111;}
.popup_type01 .pop_head .explain {margin-top:11px;}
.popup_type01 .pop_cont {overflow-y:auto; overflow-x:hidden;padding:0 30px;}
.popup_type01 .pop_btn {padding:30px; text-align:center;}
.popup_type01 .pop_cont:after {content:'';display:block;}

/* Alert, Confirm 팝업 */
.pop_wrap.pop_alert .popup_type01,
.pop_wrap.pop_confirm .popup_type01 {width:400px; padding-top:44px;} /* 크기가 동일하지만 팝업성격이 달라서 구분함 */
.pop_wrap.pop_alert .popup_type01 .pop_btn,
.pop_wrap.pop_confirm .popup_type01 .pop_btn {padding-top:24px;}
.pop_wrap.pop_alert .popup_type01 .pop_cont, 
.pop_wrap.pop_confirm .popup_type01 .pop_cont {display:flex; align-items:center; justify-content:center; text-align:center; min-height:60px; flex-wrap:wrap;}
.pop_wrap.pop_alert .popup_type01 .pop_msg, 
.pop_wrap.pop_confirm .popup_type01 .pop_msg {width:100%; font-size:20px; color:#111111;}

@media only screen and (max-width:1100px) {
	.pop_wrap.large,
	.pop_wrap.medium {padding:0;}
	.pop_wrap.large .popup,
	.pop_wrap.medium .popup {width:100%; height:100%; max-height:100%; display:flex; flex-direction:column;}
	.pop_wrap.small .popup {max-width:400px; width:100%; max-height:100%;}
	.pop_wrap.large .popup .pop_cont,
	.pop_wrap.medium .popup .pop_cont {flex:1;}

	.popup_type01 .btn_close {top:10px; right:10px;}
	.popup_type01 .pop_head {padding:16px 20px 16px 20px;}
	.popup_type01 .pop_head.has_line {padding:12px 20px 12px 20px; margin-bottom:16px; border-bottom:1px solid #eeeeee;}
	.popup_type01 .pop_head h3 {font-size:18px; line-height:1.5;}
	.popup_type01 .pop_head .explain {margin-top:4px;}
	.popup_type01 .pop_cont {padding:0 20px;}
	.popup_type01 .pop_btn {padding:20px; text-align:center;}

	.pop_wrap.pop_alert,
	.pop_wrap.pop_confirm {padding:21px;}
	.pop_wrap.pop_alert .popup_type01,
	.pop_wrap.pop_confirm .popup_type01 {padding-top:21px;} /* 크기가 동일하지만 팝업성격이 달라서 구분함 */
	.pop_wrap.pop_alert .popup_type01 .pop_btn,
	.pop_wrap.pop_confirm .popup_type01 .pop_btn {padding-top:14px;}
	.pop_wrap.pop_alert .popup_type01 .pop_msg, 
	.pop_wrap.pop_confirm .popup_type01 .pop_msg {font-size:16px;}
}
/*
.popup_type01 .pop_cont .title {font-weight:700; font-size:24px; line-height:1.2;}
.popup_type01 .pop_cont .sub_title {font-size:18px;}
.popup_type01 .pop_cont .tip {color:#666;}
.popup_type01 .pop_btn > .button {width:100%;}
.popup_type01 .pop_cont .mCSB_inside > .mCSB_container {margin-right:0;}
.popup_type01 .pop_cont .mCSB_scrollTools {width:10px;}
.popup_type01 .pop_btn.btn2,
.popup_type01 .pop_btn.btn3 {display:flex; flex-wrap:wrap; justify-content:center;}
.popup_type01 .pop_btn.btn2 .button + .button {margin-left:8px;}

.pop_head.with_tab {padding-bottom:0; border-bottom:none;}
.pop_head.with_tab .tab_type01 {margin-top:20px;}
.pop_head.with_tab .tab_type01:after {content:'';position:absolute;top:0;left:calc(-50vw + 50%);width:100vw;height:1px;background-color:#ddd;}
.pop_cont .bg_lightgray.full {margin-top:-30px; margin-right:-30px; margin-left:-30px; padding:0 30px 0 30px;}
*/

/*
.popup_type01 .pop_btn.type2.btn2 > .button {margin-top:-1px;}
.popup_type01 .pop_btn.type2.btn2 > .button:nth-child(1),
.popup_type01 .pop_btn.type2.btn2 > .button:nth-child(2) {margin-top:0;}
.popup_type01 .pop_btn.type2.btn2 > .button:nth-child(even) {margin-left:-1px;}
.popup_type01 .pop_btn.type2.btn3 > .button {margin-left:-1px;}
.popup_type01 .pop_btn.type2.btn3 > .button:first-child {margin-left:0;}
.popup_type01 .pop_foot {margin-top:48px;text-align:center;}
.popup_type01 .pop_foot .popup_footer_txt {font-size:20px;}
.popup_type01 .pop_foot .popup_date {margin-top:15px;}
.popup_type01 .pop_foot .popup_seal {margin-top:55px;}
.popup_type01 .pop_foot .popup_seal span {display:inline-block;height:48px;padding-right:68px;background:url(/prjconts/images/common/pop_seal.png) no-repeat right top;font-size:24px;line-height:48px;vertical-align:middle;}
.popup_type01 .pop_foot .popup_seal img {vertical-align:middle;display:none;}
.pop_btn.space {height:50px;border-top:1px solid #ccc;margin:0 !important;}
*/

/* Tooltip Buttons */
.text_btn.question {height:22px; line-height:22px; font-size:16px; font-weight:700;}
.text_btn.question span {display:block; width:22px; height:22px; font-size:13px; text-align:center; border:solid #696969 1px; border-radius:50%; background-color:#FFF; box-sizing: border-box;}
.text_btn.feel {height:22px; line-height:22px; font-size:16px; font-weight:700;}
.text_btn.feel span {display:block; width:22px; height:22px; font-size:13px; text-align:center; border:solid #696969 1px; border-radius:50%; background-color:#FFF; box-sizing: border-box;}

/* Tooltip Layer */
.tooltip_wrap {display:none;position:absolute;left:0;top:0;z-index:10;width:400px;border-radius:4px;background-color:#fff;box-shadow:0 0 29px rgba(0, 0, 0, 0.25);}
.tooltip_wrap .tooltip_focus {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.tooltip_wrap .tooltip_box {position:relative;height:100%;}
.tooltip_wrap .tooltip_head {padding:26px 30px 14px;}
.tooltip_wrap .tooltip_head h3 {font-size:20px;line-height:28px;color:#111111; font-weight:700;}
.tooltip_wrap .tooltip_cont {padding:25px 30px;}
.tooltip_wrap .btn_close {display:flex; overflow:hidden; position:absolute; right:0; top:0; width:39px; height:39px; justify-content:center; align-items:center;}
.tooltip_wrap .btn_close span {display:block; position:relative; width:13px; height:13px; text-indent:-9999px; overflow:hidden;}
.tooltip_wrap .btn_close span:before, .tooltip_wrap .btn_close span:after {content:'';display:block;position:absolute;left:-2px;top:50%;width:17px;height:1px;margin-top:-1px;background-color:#000;}
.tooltip_wrap .btn_close span:before {transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.tooltip_wrap .btn_close span:after {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
@media only screen and (max-width:1100px) {
	.tooltip_wrap {width:calc(100% - 40px);}
}
/* popup.css 내용[e] */

 /* 임시 로딩바 - 시작 */
#__flying_partition__ .progress {position:fixed;top:50%;left:50%;min-width:100px;z-index:1100;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
#__flying_partition__ .progress .ico_morse {overflow:hidden;margin:0 auto;width:100px;height:100px;position:relative;background:url("/pconts/images/common/ani_loading.png") center 0 no-repeat;background-size:100px auto;-webkit-animation: morseCode 2s steps(20) infinite;animation:morseCode 2s steps(20) infinite;}
#__flying_partition__ .progress .txt_info {display:none;overflow:hidden;width:100%;margin-top:13px;font-size:15px;color:#f6f6f6;text-align:center;white-space:nowrap;}
#__flying_partition__ .layer_dimmed {display:none;overflow:hidden;position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.60);}

@-webkit-keyframes morseCode {
	0% { 
		background-position:50% 0
	}
	100% {
		background-position:50% -2000px
	}
}
@keyframes morseCode {
	0% {
		background-position:50% 0
	}
	100% {
		background-position:50% -2000px
	}
}
/* 임시 로딩바 - 끝 */

/* ==========================================================================
   POPUP
========================================================================== */
/* 20200114 2.0 추가 */
/* Popup Display/Transition */
.pop_wrap {display:none;opacity:0; transition:all 0.3s ease;}/* 200207 z-index:100 추가 */
.pop_wrap .popup {opacity:0; transition:all 0.3s ease;}/* transform:translateY(-100px); */
.pop_wrap.is_visible {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.pop_wrap.is_active {opacity:1;}
.pop_wrap.is_active .popup {opacity:1; opacity:1;} /*  transform:translateY(0); */
/* Popup Layout */
.pop_wrap {position:fixed;left:0;right:0;top:0;bottom:0;padding:10px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;background:rgba(0,0,0,0.7);/*overflow:auto;*/z-index:1010;}
.pop_wrap > div {display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.pop_wrap .popup {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:580px; background-color:#fff;}
.pop_wrap .popup .popup_dev {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.pop_wrap .popup .popup_dev.is_hidden {display:none;}
.pop_wrap .popup .pop_focus {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;transition:all 0.25s ease;}
.pop_wrap .popup .pop_focus > span {display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden;}
.pop_wrap .popup .pop_focus:focus {box-shadow:0 0 0 2px #4868e1;}
.pop_wrap .popup .pop_head,
.pop_wrap .popup .pop_cont {overflow:hidden;}
.pop_wrap .popup .pop_head,
.pop_wrap .popup .pop_cont,
.pop_wrap .popup .pop_btn {flex:none; overflow:hidden; position:relative; z-index:11;}
.pop_wrap .popup .pop_cont {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; overflow:auto; overflow-x:hidden;}
.pop_wrap .popup .pop_cont .pop_sub_cont {overflow-y:auto;}
.pop_wrap .popup .pop_cont .pop_sub_foot.btn_multiple {padding:20px 0;}
.pop_wrap .popup .pop_cont .pop_sub_foot.btn_multiple .pop_btn:nth-child(1) {margin-bottom:20px;}
.pop_wrap .popup .btn_close {position:absolute; z-index:12;}
/* Popup Sized */
.pop_wrap.large .popup {width:980px; max-height:683px;}
.pop_wrap.large.type01 .popup {width:1100px; max-height:683px;}
.pop_wrap.medium .popup {width:720px; max-height:570px;}
.pop_wrap.small .popup {width:400px; max-height:430px;}
.pop_wrap.auto_h .popup {max-height:100%;}

/* 기본팝업 20200114 1.0 백업
.pop_wrap {display:none;position:fixed;left:0;right:0;top:0;bottom:0;padding:10px;background:rgba(0,0,0,0.7);z-index:60;}
.pop_wrap .popup {position:relative; width:580px; background-color:#fff;}
.pop_wrap .popup .pop_focus {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.pop_wrap .popup .pop_head,
.pop_wrap .popup .pop_cont,
.pop_wrap .popup .pop_btn {position:relative; z-index:11;}
.pop_wrap .popup .btn_close {position:absolute; z-index:12;}
 */
/* popup_type01 */
.popup_type01 {position:relative;max-width:100%;max-height:100%;margin:0 auto; background:#fff;margin-top:0 !important;}
.popup_type01 .btn_close {display:block;position:absolute;right:20px;top:20px;width:40px;height:40px;background:url(/pconts/images/icon/popup_close.png) no-repeat center center;color:transparent;overflow:hidden;-webkit-transition:transform 1s ease-in-out;transition:transform 1s ease-in-out;}
.popup_type01.alert .btn_close {top:9px; right:10px;}
.popup_type01 .pop_head {flex:none; padding:26px 30px 26px 30px; text-align:left; background-color:#fff;}
.popup_type01 .pop_head.has_line {padding:22px 30px 22px 30px; margin-bottom:26px;}
.popup_type01 .pop_head h3 {min-height:31px;padding-right:30px;font-weight:700;font-size:24px;line-height:1.3; color:#111;}
.popup_type01 .pop_head.has_tab h3 {margin:0 0 25px;}
.popup_type01 .pop_head .explain {margin-top:11px;}
.popup_type01 .pop_cont {overflow-y:auto; overflow-x:hidden;padding:0 30px;}
.popup_type01 .pop_cont.type_visible {overflow:visible; z-index:20;}
.popup_type01 .pop_cont .pd_basic {padding-bottom:30px;}
.popup_type01 .pop_btn {padding:30px; text-align:center;}
.popup_type01 .pop_cont:after {content:'';display:block;}
.popup_type01 .pop_btn.pad_sm {padding:20px;}
.popup_type01.bg_gray {background-color:#f6f6f6;}
.popup_type01.bg_gray .pop_cont {padding-top:30px;}
.popup_type01.btn_none .pop_cont {padding-bottom:30px;}
.popup_type01 .pop_cont .bg_gray {margin:0 -30px;padding:0 30px;}
.popup_type01 .pop_cont .expend_wrap::before {left:0; width:100%;}
/* Small FullPopup */
.pop_wrap.mo_full {padding:0;}
.pop_wrap.mo_full .popup {max-height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.pop_wrap.mo_full .popup .pop_cont {flex-grow:1;}
/* Search Popup */
.pop_search .popup_type01 .pop_head .explain {margin-top:10px;}
/* Tab Popup */
.popup_type01 .pop_head.has_tab {padding-bottom:0;}
.popup_type01 .pop_head.has_tab .tab_type02 {margin-top:0px;}
.popup_type01 .pop_head.has_tab .tab_type01 .tab_pull:before {left:-30px; width:calc(100% + 60px);}
/* Tab Popup (Has Select: MOBFM046R06.html) */
.popup_type01 .pop_head.has_tab.has_select .tab_type01 {margin-top:0px;}
/* Alert, Confirm 팝업 */
.pop_wrap.pop_alert .popup_type01,
.pop_wrap.pop_confirm .popup_type01 {width:400px; padding-top:44px;} /* 크기가 동일하지만 팝업성격이 달라서 구분함 */
.pop_wrap.pop_alert .popup_type01 .pop_btn,
.pop_wrap.pop_confirm .popup_type01 .pop_btn {display:-webkit-flex; display:-ms-flexbox; display:flex;  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-top:24px;}
.pop_wrap.pop_alert .popup_type01 .pop_cont, 
.pop_wrap.pop_confirm .popup_type01 .pop_cont {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; min-height:60px; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.pop_wrap.pop_alert .popup_type01 .pop_msg, 
.pop_wrap.pop_confirm .popup_type01 .pop_msg {width:100%; font-size:20px; color:#111111;}
/* Tooltip Default */
.tooltip {position:relative; display:inline-flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center;padding:0 12px;font-size:13px;text-align:center;background:#333;color:#ddd;line-height:33px;border-radius:4px;}
.tooltip .tooltip_close {display:inline-block;width:19px;height:19px;margin-left:3px;margin-right:-4px;background:url(/pconts/images/contents/mypage/tooltip_close.png) no-repeat 50%;vertical-align:middle;}
.tooltip::before {content:"";position:absolute;bottom:-6px;left:50%;z-index:5;width:12px;height:6px;background:url(/pconts/images/contents/mypage/tooltip_arr.png) no-repeat;transform:translateX(-50%);}

/* Tooltip Buttons */
.text_btn.question {height:22px; line-height:22px; font-size:16px; font-weight:700;}
.text_btn.question span {display:block; width:22px; height:22px; font-size:13px; text-align:center; border:solid #696969 1px; border-radius:50%; background-color:#FFF; box-sizing: border-box;}
.text_btn.feel {height:22px; line-height:22px; font-size:16px; font-weight:700;}
.text_btn.feel span {display:block; width:22px; height:22px; font-size:13px; text-align:center; border:solid #696969 1px; border-radius:50%; background-color:#FFF; box-sizing: border-box;}
/* Tooltip Layer */
.tooltip_wrap {display:none;position:absolute;left:0;top:0;z-index:10;width:400px;border-radius:8px;background-color:#fff;box-shadow:0 0 29px rgba(0, 0, 0, 0.25);}
.tooltip_wrap .tooltip_focus {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.tooltip_wrap .tooltip_box {position:relative;height:100%;}
.tooltip_wrap .tooltip_head {padding:26px 30px 14px;}
.tooltip_wrap .tooltip_head h3 {font-size:20px;line-height:28px;color:#111111; font-weight:700;}
.tooltip_wrap .tooltip_cont {padding:25px 30px;}
.tooltip_wrap .btn_close {display:-webkit-flex; display:-ms-flexbox; display:flex; overflow:hidden; position:absolute; right:0; top:0; width:39px; height:39px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.tooltip_wrap .btn_close span {display:block; position:relative; width:13px; height:13px; text-indent:-9999px; overflow:hidden;}
.tooltip_wrap .btn_close span:before, .tooltip_wrap .btn_close span:after {content:'';display:block;position:absolute;left:-2px;top:50%;width:17px;height:1px;margin-top:-1px;background-color:#000;}
.tooltip_wrap .btn_close span:before {transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.tooltip_wrap .btn_close span:after {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
/* Popover */
.popover_wrap {display:none; position:absolute; z-index:100; background-color:#fff; opacity:0; transform:translateY(50px); transition:all 0.2s ease;}
.popover_wrap.is_active {opacity:1; transform:translateY(0);}
.popover_focus {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:10; text-indent:-9999px; overflow:hidden;}
.popover_type01 {position:relative; z-index:20; display:block; width:330px; height:400px; padding:20px; box-shadow:0 0 57px 0 rgba(0,0,0,0.25);} /* 445px */
.popover_type01::before {content:''; position:absolute; display:block; left:50%; margin-left:-3px; top:-3px; width:6px; height:3px; background:url(/pconts/images/common/arw_popover.png);}
.popover_type01 .popover_cont {overflow-x:hidden; overflow-y:auto;}
.popover_type01 .popover_foot {text-align:center; padding:30px 0 7px 0;}
.popover_type01 .mCSB_scrollTools {right:-6px;}
.popover_type01 .mCSB_scrollTools .mCSB_draggerRail {width:4px;}
.popover_type01 .mCSB_inside > .mCSB_container {margin-right:0;}

/* cont_wrap */
.cont_wrap + .cont_wrap {margin-top:85px;}
.cont_wrap + .cont_wrap_tit20,
.cont_wrap_tit20 + .cont_wrap_tit20 {margin-top:55px;}
.cont_sub_wrap + .cont_sub_wrap {margin-top:25px;}

/* PC : 양쪽 사이드 => Mobile : 위아래로  */
.both_divide {width:100%;}
.both_divide .divide {display:-webkit-flex; display:-ms-flexbox; display:flex; width:50%; float:left; word-break:break-all;}
.both_divide .divide:nth-of-type(1) {width:calc(50% - 10px); }
.both_divide .divide:nth-of-type(2) {width:calc(50% - 10px); margin-left:20px;}
.both_divide.fixed_none .divide {width:auto;margin:0;}
.both_divide label {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; margin-right:24px;}
.both_divide input[type="radio"] + span.rdo_area {display:block;width:100%;height:100%;border:1px solid #bbb;border-radius:5px;background-color:#fff;padding:20px;}
.both_divide input[type="radio"]:checked + span.rdo_area {border:2px solid #4868e1;padding:19px;color:#4868e1;}
.both_divide input[type="radio"] + span.rdo_area:before {content:'';display:block;width:48px;height:48px;margin-bottom:20px;background:url(/pconts/images/contents/finance/radio_type_box_default.png) no-repeat 0 0;}
.both_divide input[type="radio"]:checked + span.rdo_area:before {background-image:url(/pconts/images/contents/finance/radio_type_box_checked.png)}
.both_divide input[type="radio"] + span.rdo_area span {display:block;}
.both_divide input[type="radio"] + span.rdo_area span.title {font-weight:700;}
.both_divide label:last-child {margin-right:0;}

/* keyword_search_box */
.keyword_search_box:after {content:'';display:block;clear:both;}
.keyword_search_box .right_area {float:right;}
.keyword_search_box .input_wrap.search_type {width:360px;}

.search_box_type01:after {content:''; display:block; clear:both;}
.search_box_type01 .input_wrap.search_type {float:right; width:490px; background:url('/pconts/images/common/ico_search.png') no-repeat 0 50% / 24px 24px;}
.input_wrap.search_type {display:block; position:relative; margin:0; padding:0 0 0 23px; border-bottom:2px solid #414141;}
.input_wrap.search_type input {width:100%; height:52px; padding:0 35px 0 8px; border:0; font-weight:700; font-size:20px; line-height:52px;}
.input_wrap.search_type input::placeholder{font-weight:400; font-size:20px;}
.input_wrap.search_type input::-webkit-input-placeholder{font-weight:400; font-size:20px;}
.input_wrap.search_type input::-moz-placeholder{font-weight:400; font-size:20px;}
.input_wrap.search_type input:-moz-placeholder{font-weight:400; font-size:20px;}
.input_wrap.search_type input::-ms-input-placeholde{font-weight:400; font-size:20px;}
.input_wrap.search_type input:-ms-input-placeholder{font-weight:400; font-size:20px;}
.input_wrap.search_type input ~ .btn_clear {right:0;}
.input_wrap.search_type .btn_input_search {display:block; position:absolute; top:0; right:0; width:52px; height:52px; margin:0; padding:0; background:url('/pconts/images/icon/ico_search_type01.png') no-repeat 100% 50%; text-indent:-9999px;}

/* pc만 있는 화면 id="wrap"에 넣어주는 클래스 */
.only_pc {overflow-x:hidden; min-width:1100px;}

.flex_box {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.flex_box.flex_equal .flex_item {flex:1 1 0;}
.flex_box.flex_equal .flex_item:nth-child(1) {background-color:yellow}
.flex_box.flex_equal .flex_item:nth-child(2) {background-color:green}
.flex_box.flex_equal .flex_item:nth-child(3) {background-color:blue}

/* Map Area */
.map_area {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; height:217px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:gray; color:#fff;}
.map_area.hide {display:none;}

/* Card Box */
.card_box {display:block; position:relative; margin:0; padding:26px 28px; border:1px solid #ddd; border-radius:6px; box-shadow:2px 2px 24px -2px rgba(51, 51, 51, 0.17);}
.card_box .card_box_head {display:block; position:relative; margin:0 0 18px; padding:0;}
.card_box .card_box_head .card_box_title {font-weight:700; font-size:20px; color:#111;}

/* tel_link */
.tel_link {font-weight:700; color:#333;}

/* 진행바 가이드 */
.pop_cont .select_wrap.progress_index + .guide_con {padding-top:60px;}
.select_wrap.progress_index {display:none;z-index:12;height:45px;}
.select_wrap.progress_index.current {display:block;}
.select_wrap.progress_index .btn_select {display:inline-block;position:relative;width:100%;height:42px;border-top:none;padding-left:30px;background-color:#fff;font-weight:700;font-size:16px;line-height:42px;color:#333;}
.select_wrap.progress_index .btn_select:after {content:'';display:block;position:absolute;position:absolute;top:0;right:4px;width:42px;height:42px;background:url(/pconts/images/common/ico_list_select.png) no-repeat 50% 50% / 11px auto; transform:rotate(180deg);}
.select_wrap.progress_index .btn_select.focused:after {transform:rotate(0deg);}
.select_wrap.progress_index .btn_select:focus {border-left:none; border-right:none; border-bottom:solid #ddd 1px;}
.select_wrap.progress_index .btn_select.focused {border:none;}
.select_wrap.progress_index .list_selectbox {display:none;position:absolute;left:0;top:44px;width:100%;border:none;background-color:#fff; box-shadow:0px 3px 5px rgba(0, 0, 0, 0.3);}
.select_wrap.progress_index .list_selectbox li {height:43px;}
.select_wrap.progress_index .list_selectbox li + li {border-top:solid #ddd 1px;height:44px;}
.select_wrap.progress_index .list_selectbox li .option {display:inline-block;width:100%;height:43px; line-height:44px; color:#333; font-size:16px; font-weight:700; padding:0 30px;}
.select_wrap.progress_index .list_selectbox li .option:hover, .select_wrap.progress_index .list_selectbox li .option:focus {background-color:#FFF; color:#333;}
.select_wrap.progress_index .progress_bar {display:block; position:absolute; left:0; top:41px; width:100%; height:3px; background-color:#f0f0f0;}
.select_wrap.progress_index .progress_bar .bar {display:block; position:absolute;left:0; top:0; width:0; height:3px; background-color:#4766dd; font-size:1px; color:transparent;} 

/* gage bar */
.gage_group .both_side .form_group {float:left;width:50%;}
.gage_group .both_side .form_group:first-of-type  {padding-right:15px;}
.gage_group .both_side .form_group:last-of-type  {padding-left:15px;}
.gage_group .both_side .form_group label {display:inline-block;}
.gage_group .gage_wrap {position:relative; padding-top:10px;}
.gage_group .gage_wrap .gage_bar {position:relative; overflow:hidden;width:100%;height:10px;border-radius:5px;background-color:#ddd;}
.gage_group .gage_wrap .gage_bar .bar {display:block;position:absolute;top:0;height:10px; background-color:#4868e1; pointer-events:none;}
.gage_group .gage_wrap.single .gage_bar .bar {width:100%; right:100%; transform:translateX(0%);}
.gage_group .gage_wrap.multi .gage_bar .bar {left:0; right:0;}
.gage_group .gage_wrap .gage_text {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.gage_group .gage_wrap .gage_text > span {display:inline-flex; width:1px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.gage_group .gage_wrap .gage_text > span:first-child {-webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end;}
.gage_group .gage_wrap .gage_text > span:last-child {-webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end;}
.gage_group .gage_wrap .gage_text > span > span {display:block; font-size: 13px;}
_:-ms-input-placeholder, :root .gage_group .gage_wrap .gage_text > span > span {margin-left: -10px;}/*ie hack*/
.gage_group .gage_wrap .circle_btn {position:absolute;top:0;width:30px;height:30px;border-radius:50%;background-image:linear-gradient(to top, rgba(84,113,224, 1.0) 40%, rgba(100,133,254,1));}
.gage_group .gage_wrap .circle_btn.start {left:0; margin-left:-15px;}
.gage_group .gage_wrap .circle_btn.end {right:0; margin-right:-15px;}
.gage_group .both_side .form_group.float label,
.gage_group .both_side .form_group.float .input_wrap {float:left;}
.gage_group .both_side .form_group.float label {display:inline-block; width:45px;line-height:44px;color:#111;}
.gage_group .both_side .form_group.float .input_wrap {width:calc(100% - 45px);}
.gage_group .range {display:none; position:absolute; left:0; top:0; height:30px; width:100%; clip:rect(0,0,1px,1px)}
.gage_group .range:focus + .gage_area:before {content:''; display:block; height:30px; position:absolute; left:0; top:0; height:30px; width:100%; box-shadow:0 0 0 2px rgba(72,104,225, 0.5);}

/* 캠페인설문조사 */
.survey_campain .survey_head {margin-bottom:25px;}
.survey_campain .survey_cont .title {margin-bottom:10px; font-size:16px; color:#333; font-weight:700;}
.survey_campain .survey_cont .btn_wrap {margin-top:40px;}

/* 자동로그아웃 팝업 */
.pop_autoLogout {padding-top:68px; padding-bottom:30px;}
.pop_autoLogout .complete_body {margin-bottom:25px;}
.pop_autoLogout .complete_body.type01 {padding-top:95px; background-position:50% 0;}
.pop_autoLogout .complete_body.type01 .title {font-size:24px;}
.pop_autoLogout .complete_body.type01 .sub_title {font-size:15px;}
.pop_autoLogout .complete_body.type01 .sub_title + .sub_title {padding-top:5px;}
.pop_autoLogout.is_completed .complete_body.type01 {background:none; padding-top:0;}


@media only screen and (max-width:1100px) {
	.pop_wrap.large,
	.pop_wrap.medium {padding:0;}
	.pop_wrap.large .popup,
	.pop_wrap.medium .popup {width:100%; height:100%; max-height:100%; display:flex; flex-direction:column;}
	.pop_wrap.small .popup {max-width:400px; width:100%; max-height:100%;}
	.pop_wrap.large .popup .pop_cont,
	.pop_wrap.medium .popup .pop_cont {flex:1;}

	.popup_type01 .btn_close {top:10px; right:10px;}
	.popup_type01 .pop_head {padding:16px 20px 16px 20px;}
	.popup_type01 .pop_head.has_line {padding:12px 20px 12px 20px; margin-bottom:16px; border-bottom:1px solid #eeeeee;}
	.popup_type01 .pop_head h3 {font-size:18px; line-height:1.5;}
	.popup_type01 .pop_head .explain {margin-top:4px;}
	.popup_type01 .pop_cont {padding:0 20px;}
	.popup_type01 .pop_btn {padding:20px; text-align:center;}

	.pop_wrap.pop_alert,
	.pop_wrap.pop_confirm {padding:21px;}
	.pop_wrap.pop_alert .popup_type01,
	.pop_wrap.pop_confirm .popup_type01 {padding-top:21px;} /* 크기가 동일하지만 팝업성격이 달라서 구분함 */
	.pop_wrap.pop_alert .popup_type01 .pop_btn,
	.pop_wrap.pop_confirm .popup_type01 .pop_btn {padding-top:14px;}
	.pop_wrap.pop_alert .popup_type01 .pop_msg, 
	.pop_wrap.pop_confirm .popup_type01 .pop_msg {font-size:16px;}
}

/* 랜딩 템플릿 */
.wrap_temp_post{width:100%; max-width:768px; margin:0 auto; border:1px solid #f0f0f0; box-sizing:border-box; font-size:1.5rem}
.post_fixTxT, .post_btn{padding:20px;}
.post_detail{padding:20px 0}
.wrap_temp_post > div:nth-child(2n){background:#f3faff}
.post_img img, .post_banner img{width:100%}
.post_img + .post_banner, .post_banner + .post_img{padding-top:20px}
.post_banner a{display:inline-block}
.post_banner a + a{margin-top:5px}
.post_fixTxT{font-weight:600}
.post_fixTxT .txt_point1{color:#197edc}
.post_fixTxT .txt_point2{color:#fc2693}
.post_sum{width:calc(100% - 40px); margin:0 auto 40px; box-sizing:border-box;}
.post_sum .name{font-weight:600}
.post_sum .date{color:#888}
.post_detail .wrap_editor{padding:0 20px; line-height:1.5}
.post_detail .wrap_editor.img{padding:0}