@charset "utf-8";
@import url('../../m/css/font.css');

/* reset */
html, body {width:100%; height:100%; font-size:10px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; text-size-adjust:none; }
body,input, textarea,select,button {font-family:"Noto Sans KR","Helvetica Neue","Apple SD Gothic Neo","Droid Sans","Malgun Gothic","맑은 고딕",sans-serif,Dotum,"돋움";}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr, figure {margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,button,label,input{-webkit-tap-highlight-color: rgba(0,0,0,.1); tap-highlight-color: rgba(0,0,0,.1);}
table {width:100%; border-collapse:collapse; border-spacing:0}
body {padding:0; background-color:transparent; color:#222;}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0}
form, fieldset, iframe {display:block; border:0}
img, button {border:0 none; vertical-align:top}
hr {height:0; display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend, .blind {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; visibility:hidden; font-size:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select {margin:0; padding:0; -webkit-border-radius:0; border-radius:0; vertical-align:top; outline-style:none; appearance: none;}
textarea {-webkit-box-sizing:border-box; box-sizing:border-box; padding:20px 12px; width:100%; border:1px solid #e5e5e5;}
button {overflow:visible; margin:0; padding:0; border:none; background:none; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
a {color:#222; text-decoration:none; word-wrap:break-word; word-break:keep-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
input[type=text]:-ms-clear{ display:none; } 
input[type=password]:-ms-reveal{display: none;}

/* common */
.blind { width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; visibility:hidden; font-size:0; }
.al_l{text-align:left;}
.color_blue{color:#1e75d6;}

.tooltip{position:absolute; top:-78px; left:160px; min-width:182px; padding:15px; background:#fff; border:1px solid #000;}
.tooltip:after{display:block; content:''; position:absolute; bottom:-4px; left:40px; width:8px; height:5px; background:url('../img_unit/promotion/tooltip_arrow.png') no-repeat 0 0;}
.tooltip .text{color:#000; font-size:17px; font-family: 'YouandiHB',sans-serif;}

.imgWrap{text-align:center;}
.imgWrap.type1{margin-top:35px;}
.imgWrap.type2{margin-top:80px;}

.textLayout02{position:relative; margin-top:80px;}
.textLayout02 .tit_style{position:relative; margin-bottom:30px; padding-left:8px; color:#0032a0; font-size:24px; line-height:28px;}
.textLayout02 .tit_style:before{display:block; content:''; position:absolute; top:8px; left:0; width:3px; height:20px; background:#0032a0;}

.floating_area{position:fixed; bottom:0; min-width:900px; width:100%; background:#002c7d;}
.floating_area .inner{width:760px; margin:0 auto; padding:20px 0 22px;}
.floating_area .inner:after{display:block; content:''; clear:both;}
.floating_area .inner .block{padding:0 17px;}
.floating_area .inner .block:after{display:block; content:''; clear:both;}
.floating_area .txt{float:left; color:#fff; font-size:30px; font-family: 'YouandiHB',sans-serif; line-height:40px;}
.floating_area .btn_area{float:right; position:relative; margin-top:7px;}
.floating_area .btn_area .btn_tooltip{position:relative; display:block; padding:13px 90px 13px 42px; background:#d0112b url('../img_unit/promotion/icon_arrow_right_2.png') no-repeat 184px 20px; color:#fff; font-size:30px; font-family: 'YouandiHB',sans-serif; border-radius:5px;}

/* layout */
#wrap { position:relative; width:100%; min-height:100%; box-sizing:border-box; overflow:hidden; overflow-x:auto;}
#wrap #container { position:relative; width:100%; background-color:#fff; border-top:3px solid #222; min-width:900px;}
#wrap #container .section { position:relative; }
#wrap #container .section.overBg { background-color:#f2f2f2; }
#wrap #container .section .content { max-width:800px; margin:0 auto; padding:60px 0; overflow:hidden;}
#wrap #container .section .content.type1 {padding-bottom:30px;}

/* title */
.titleArea {margin-bottom:70px;text-align:center;}
.titleArea h2{margin:50px 0 45px;font-size:58px;line-height:1;font-family:'YouandiHB',sans-serif;text-align:center;}
.titleArea span { font-size:28px;color:#555;font-family:'YouandiTR',sans-serif;}
.titleArea em { display:inline-block;width:21px;height:21px;margin:0 11px;background:url('../img_unit/promotion/cross.png') no-repeat;}
.titleArea.ver2 h1 > img:first-child{margin-bottom:30px;}
.titleArea.ver2 h1 span{display:block;margin-top:40px;}

/* ver3 */
#wrap #container.ver3 #event2.section .content{padding-top:0;}
#wrap #container.ver3 .section.overBg {background-color:#f6f6f6;}
#wrap #container.ver3 .section.overBg2 {background-color:#e8e8e8;}
.ver3 .titleArea {margin-bottom:0;}
.ver3 .titleArea h1 > img:first-child{margin-bottom:30px;}
.ver3 .titleArea > strong {margin:30px auto 0 !important;}
.ver3 .titleArea h2 {margin-top:30px;}
.ver3 .titleArea span {font-size:20px;color:#666;}
.ver3 .eventArea .entry {padding-top:20px;}
.ver3 .eventTitle.ver3 h2 > strong {display:block;margin-bottom:55px;font-size:72px;font-family:'YouandiHB',sans-serif;font-weight:normal;line-height:1;}
.ver3 .eventTitle.ver3 p {font-size:30px;font-family:'YouandiHB',sans-serif;}
.ver3 .eventTitle.ver3 p > span {color:#cc122b;}


/* box */
.boxGroup { width:660px; height: 410px; margin:0 auto; }
.boxGroup:after { clear:both; content:''; }
.boxGroup .box { float:left; width:320px; height:410px; }
.boxGroup .box:first-child { margin-right:20px; }
.boxGroup .box .boxInner { position:relative; width:320px; height:360px; background-color:#fff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12); }
.boxGroup .box .boxInner h2.boxTitle{ width:100px; height:65px; margin:0 auto; padding:35px 0 10px; background-color:#222; color:#fff; border-radius:0 0 10px 10px; text-align:center; font-size:16px; letter-spacing:-0.9px;}
.boxGroup .box .boxInner p { margin:34px 0 50px; text-align:center; font-size:18px; line-height: 26px; letter-spacing:-0.9px;}
.boxGroup .box .boxInner p strong { display:block; margin-top:10px; font-size:22px; line-height: 30px; font-family: YouandiHB; font-weight:normal; }
.boxGroup .box .boxInner .imgArea { position:absolute; bottom:-56px; left:0; }
.boxGroup .box:last-child .boxInner .imgArea { left:20px; bottom:-46px; }
.linkpop {position:relative;width:660px;height:55px;margin:0 auto;}
.linkpop a {position:absolute;bottom:0;right:0;font-family:'YouandiTR',sans-serif;font-size:18px;color:#1b4aa8;border-bottom:1px solid #1b4aa8;text-align:right;}
.linkpop a:after {display:inline-block;width:8px;height:16px;margin:0 0 -3px 5px;background:url('../img_unit/promotion/icon_link1.png') no-repeat;content:'';}

/* event */
.eventArea .eventTitle { text-align:center; }
.eventArea .eventTitle h2 { margin-bottom:40px; font-size:30px; font-family:YouandiTR; font-weight:normal; line-height:40px;}
.eventArea .eventTitle h2 span { display:block; width:140px; height:38px; margin:0 auto 20px; color:#fff; font-family:"Noto Sans KR","Helvetica Neue","Apple SD Gothic Neo","Droid Sans","Malgun Gothic","맑은 고딕",sans-serif,Dotum,"돋움";
    font-weight:normal; font-size:18px; line-height:36px; background-color:#222; border-radius:38px; letter-spacing:-0.9px; }
.eventArea .eventTitle h2 em { color:#d0112b; }
.eventArea .eventTitle .imgBox { width:100%; height:405px; padding:40px 0; border:1px solid #ccc; border-radius:10px; }
.eventArea .eventTitle .imgBox dl { width:700px; height:80px; margin:30px auto 0; }
.eventArea .eventTitle .imgBox dt, .eventArea .eventTitle .imgBox dd { float:left; height:80px; }
.eventArea .eventTitle .imgBox dt { width:28%; }
.eventArea .eventTitle .imgBox dt strong { display:block; margin-bottom:10px; font-size:18px; color:#222; text-align:left;}
.eventArea .eventTitle .imgBox dt span { display:block; font-size:14px; line-height:22px; color:#555; text-align:left; letter-spacing:-0.5px;}
.eventArea .eventTitle .imgBox dd { width:24%; padding-top:35px; font-size:14px; line-height:22px; border-right:1px solid #ddd; }
.eventArea .eventTitle .imgBox dd:nth-child(2) { background:url('../img_unit/promotion/icon_1.png') no-repeat top center; }
.eventArea .eventTitle .imgBox dd:nth-child(3) { background:url('../img_unit/promotion/icon_2.png') no-repeat top center; }
.eventArea .eventTitle .imgBox dd:last-child { border-right:0; background:url('../img_unit/promotion/icon_3.png') no-repeat top center; }
.eventArea .eventTitle .imgBox dd strong { display:block; color:#222; }
.eventArea .eventTitle .imgBox dd span { display:block; color:#999; }
.eventArea .textBox { padding:40px 0; font-size:18px; letter-spacing:-0.5px; }
#event2 .eventArea .textBox { padding:40px 0 30px;}
.eventArea .textBox .textLayout > li { position:relative; padding-left:150px; margin-bottom:20px; }
.eventArea .textBox .textLayout > li > strong { position:absolute; top:6px; left:0; width:150px; height:16px; line-height:15px; padding-left:8px; color:#d0112b; border-left:3px solid #d0112b;}
.eventArea .textBox .textLayout > li > span { display:inline-block; }
.eventArea .textBox .textLayout > li > span.txt_guide { display:block; margin-top:4px; color:#999; font-size:16px; }
.eventArea .textBox .textLayout > li:nth-child(5) { margin:40px 0;}
#event2 .eventArea .textBox .textLayout > li:nth-child(5) { margin:0;}
.eventArea .textBox .textLayout > li.dotList > span{display:block;margin-bottom:5px;}
.eventArea .textBox .textLayout > li.dotList > span:before { display:inline-block; width:10px; content:'·';}
.eventArea .textBox .textLayout > li.dotList > span.txt_guide:before { display:inline-block; width:10px; content:'';}
.eventArea .entry { text-align:center; padding-bottom:20px;}
.eventArea .entry .btn { display:inline-block; width:400px; height:80px; background-color:#d0112b; color:#fff; font-size:24px; text-align:center; line-height:80px; border-radius:10px; letter-spacing:-0.9px;}
.notice { padding:40px 0 !important; font-size:16px; letter-spacing:-0.9px; }
.notice h3 { position:relative; display:block; margin-bottom:14px; color:#555; padding-left:26px; font-size:16px; }
.notice h3:before { position:absolute; top:2px; left:0; width:20px; height:20px; border:2px solid #555; content:'!'; border-radius:50%; font-size:14px; text-align:center; line-height:16px; }
.notice ul > li { position:relative; margin-bottom:6px; color:#999; padding-left:12px; }
.notice ul > li:before { position:absolute; top:0; left:0; content:'·';}
.notice ul > li.space { margin-top:20px;}
.notice ul.finance > li { margin-bottom:0; font-size:20px; line-height:31px;}
.notice ul.finance > li:before { content:'-';}
.notice ul.list_dot_2 > li { position:relative; color:#999; padding-left:12px; font-size:20px; line-height:31px;}
.notice ul.list_dot_2 > li:before { position:absolute; top:0; left:0; content:'·';}

/* banner */
.bannerBox { position:relative; width:100%; margin-top:60px; background-color:#d5d5d6; border-radius:10px; }
.bannerBox a { display:block; }
.bannerBox h2 { position:absolute; top:40px; left:60px; display:inline-block; font-size:30px; font-family: 'YouandiHB', sans-serif; font-weight: normal; }
.bannerBox .textWrap { padding:40px 54px 40px 250px; letter-spacing:-0.9px; }
.bannerBox .textWrap h3 { font-weight:bold; font-size:20px; color:#111; }
.bannerBox .textWrap ul { padding:10px 0 20px; }
.bannerBox .textWrap ul li { position:relative; padding-left:10px; color:#333; font-size:16px; line-height:24px; }
.bannerBox .textWrap ul li:before { position:absolute; top:0; left:0; content:'·'; }
.bannerBox .textWrap .btn_blue { position:relative; display:block; width:210px; height:44px; padding:8px 0 8px 20px; background-color:#06284a; color:#fff; font-size:18px; border-radius:4px; }
.bannerBox .textWrap .btn_blue:after { position:absolute; top:15px; right:15px; display:block; width:7px; height:13px; background:url('../img_unit/promotion/icon_arrow_right.png') no-repeat center center; content:''; }

/* map */
.placeBox { border:1px solid #bbb; margin:30px 0 30px -150px; }
.placeBox h3 { height:46px; line-height:44px; background-color:#222; color:#fff; text-align:center; font-size:18px;}
.placeBox .mapWrap { width:798px; height:276px; position:relative; }
.placeBox .mapArea { position:absolute; top:0; left:0; width:460px; height:276px; border-right:1px solid #bbb; }
.placeBox .mapArea span { display:block; width:100%; height:100%; }
.placeBox .mapArea .map_gongse { background:url('../img_unit/promotion/map_gongse.png') no-repeat center center; }
.placeBox .mapArea .map_gwangmyeong { background:url('../img_unit/promotion/map_gwangmyeong.png') no-repeat center center; }
.placeBox .mapArea .map_daegu { background:url('../img_unit/promotion/map_daegu.png') no-repeat center center; }
.placeBox .mapArea .map_daeguhyeok { background:url('../img_unit/promotion/map_daeguhyeok.png') no-repeat center center; }
.placeBox .mapArea .map_daejeon { background:url('../img_unit/promotion/map_daejeon.png') no-repeat center center; }
.placeBox .mapArea .map_busan { background:url('../img_unit/promotion/map_busan.png') no-repeat center center; }
.placeBox .mapArea .map_sangbong { background:url('../img_unit/promotion/map_sangbong.png') no-repeat center center; }
.placeBox .mapArea .map_sejong { background:url('../img_unit/promotion/map_sejong.png') no-repeat center center; }
.placeBox .mapArea .map_songdo { background:url('../img_unit/promotion/map_songdo.png') no-repeat center center; }
.placeBox .mapArea .map_yangjae { background:url('../img_unit/promotion/map_yangjae.png') no-repeat center center; }
.placeBox .mapArea .map_yangpyung { background:url('../img_unit/promotion/map_yangpyung.png') no-repeat center center; }
.placeBox .mapArea .map_ulsan { background:url('../img_unit/promotion/map_ulsan.png') no-repeat center center; }
.placeBox .mapArea .map_uijeongbu { background:url('../img_unit/promotion/map_uijeongbu.png') no-repeat center center; }
.placeBox .mapArea .map_llsan { background:url('../img_unit/promotion/map_llsan.png') no-repeat center center; }
.placeBox .mapArea .map_cheonan { background:url('../img_unit/promotion/map_cheonan.png') no-repeat center center; }
.placeBox .mapArea .map_hanam { background:url('../img_unit/promotion/map_hanam.png') no-repeat center center; }
.placeBox .txtArea { position:absolute; top:0; right:0; width:338px; height:276px; padding:17px 30px; font-size:16px; }
.placeBox .txtArea .selectBox { position:relative; margin-bottom:22px; }
.placeBox .txtArea .selectBox > a { display:block; height:42px; padding:10px 0; border-bottom:1px solid #999; letter-spacing:-1.2px; background:url('../img_unit/promotion/icon_arrow_bottom.png') no-repeat right center; }
.placeBox .txtArea .selectBox ul.dropdown { display:none; position:absolute; top:41px; width:100%; max-height:200px; background-color:#fff; border:1px solid #bbb; overflow-y:auto; }
.placeBox .txtArea .selectBox ul.dropdown li:hover { background-color:#f2f2f2; }
.placeBox .txtArea .selectBox ul.dropdown li input[type=checkbox] { position:absolute; top:0; left:0; }
.placeBox .txtArea .selectBox ul.dropdown li input[type=checkbox]:checked + label { color:#222; }
.placeBox .txtArea .selectBox ul.dropdown li label { display:block; padding:10px; color:#777; }
.placeBox .txtArea .addressList li { display:none; }
.placeBox .txtArea .addressList li strong { display:block; margin-bottom:6px; color:#222; font-weight:normal; }
.placeBox .txtArea .addressList li span { display:block; color:#888; line-height:24px; word-break: keep-all; -ms-word-break: keep-all; }


/* popup */
.layer_pop {position: fixed; overflow:auto; background-color: #fff; box-sizing: border-box; z-index:9999; border:1px solid #777; border-radius:10px; -webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05); -ms-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 20px 10px rgba(0,0,0,0.05); box-shadow:0 0 20px 10px rgba(0,0,0,0.05);}
.layer_pop{width:560px; top:50%; left:50%; margin-left:-280px; display:none;}
.layer_pop .pop_content{min-height:100px; font-size:18px;}
.dim,.bg_dim {position:fixed; left:0; top:0; z-index:9000; min-width:100%; min-height:100%; background-color:#000; opacity:.5; /*ie 대응*/ filter:alpha(opacity=50); transition: .2s ease;}
.layer_wrap{position:fixed; top:0; left:0; z-index:99999999; overflow-y:auto; overflow-x:hidden; width:100%; height:100%; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;}
.layer_pop.scroll{position:fixed; top:20px; height:100%; overflow:hidden;}
.layer.alert_pop .btn_pop_close,
.layer.layer_pop .btn_pop_close{display:block; width:21px; height:21px; position:absolute; top:20px; right:20px; background:url("../img_unit/promotion/btn_pop_close.png") no-repeat;}
.pop_content.type2 ~  .btn_pop_close{top:30px; right:30px;}

/*qrcode*/
.linkArea {padding-left:117px;position:relative;margin-bottom:30px}
.linkArea .qrcode{position:absolute;left:0;top:5px;}
.linkArea .dot {position:relative}
.linkArea .dot li { position:relative; padding-left:10px; color:#777; font-size:16px; line-height:24px; }
.linkArea .dot li:first-child{margin:8px 0px 4px}
.linkArea .dot li:before { position:absolute; top:12px; left:0; content:''; width:3px; height:3px; background-color:#777;}

.eventPop .pop_content { padding: 50px 30px 40px; color:#111; }
.eventPop .pop_content .pop_title { text-align:center; }
.eventPop .pop_content .pop_title h2{ margin-bottom:20px; font-size:30px; letter-spacing:-2px; }
.eventPop .pop_content .pop_title p { font-size:20px; letter-spacing:-0.9px; }
.eventPop .pop_content .pop_title p span { font-weight:bold; }
.eventPop .pop_content .pop_view { letter-spacing: -0.9px; }
.eventPop .pop_content .pop_view .contentBox { padding:40px 0 30px; }
.eventPop .pop_content .pop_view .contentBox dt { width:116px; height:34px; background-color:#222; border-radius:34px; color:#fff; font-size:17px; font-weight:bold; text-align:center; line-height:34px; }
.eventPop .pop_content .pop_view .contentBox dd p { padding:10px 0 18px; }
.eventPop .pop_content .pop_view .contentBox dd:last-child p { padding-bottom:0; }
.eventPop .pop_content .pop_view .contentBox dd p span { color:#1b4aa8; }
.eventPop .pop_content .pop_view .linkArea strong { font-size:20px;color:#1b4aa8;display:inline-block  }
.eventPop .pop_content .pop_view .linkArea p { padding:10px 0 30px; font-size:17px; color:#777; }
.eventPop .pop_content .pop_view .bannerBox { margin:0; }
.eventPop .pop_content .pop_view .bannerBox a { display:block; padding:25px; }
.eventPop .pop_content .pop_view .bannerBox h2 { position:static; margin-bottom:20px; }
.eventPop .pop_content .pop_view .bannerBox .textWrap { padding:0; }
.eventPop .pop_content .pop_view .bannerBox .textWrap h3 { letter-spacing:-2px; }


/* promotion_pop.html */
.no_layer { overflow:auto!important; }
.no_layer .eventPop { position:static; display:block; margin:0 auto; border:none; box-shadow:none; border-radius:0; }


/* 사은행사장 팝업 */
.area_layer {width:1084px;height:835px;margin-left:-542px;padding-right:60px;background-color:transparent;overflow:hidden;font-family:'YouandiTR',sans-serif;font-size:15px;line-height:22px;color:#000;border-radius:0;box-shadow: none;border:0;}
.area_layer .costco-entry {height:835px;background-color:#fff;}
.area_layer .box_layer {padding: 40px 40px 40px;}
.area_layer .btn_close {position:absolute;top:0;right:0;width:40px;height:40px;}
.layer.layer_pop.area_layer .btn_pop_close {width:40px;height:40px;top:20px;right:0;background:url('../img_unit/promotion/sp_btn_icon.png')no-repeat;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;outline:0 none;}
.layer.layer_pop.area_layer .btn_pop_close:hover {transform: scale(.8);}
/* ani */
@-webkit-keyframes all{
     0% { transform:scale(1); }
    100% { transform:scale(.8);}
}
@keyframes all {
    0% { transform:scale(1); }
    100% { transform:scale(.8);}
}

body.open_pop {overflow:hidden;}
.area_layer .box_title {overflow:hidden;position:relative;}
.area_layer .box_layer .box_title h3 {margin-bottom:19px;font-size:21px;line-height:20px;font-weight:normal;text-align:center;}
.area_layer .list_dot {margin-bottom:10px;}
.area_layer .list_dot > li {position:relative;padding-left:10px;font-size:15px;line-height:18px;color:#888;}
.area_layer .list_dot > li:before {position:absolute;top:2px;left:0;content:'*'}
.area_layer .choice_base .sub_tab {width:100%;height:48px;margin-bottom:40px;}
.area_layer .choice_base .sub_tab li {float:left;width:25%;height:48px;}
.area_layer .choice_base .sub_tab li a {display:block;height:48px;border:1px solid #e1e1e1;border-left:0 none;text-align:center;line-height:48px;}
.area_layer .choice_base .sub_tab li a:hover {color:#1e75d6;background-color:#f0f0f0;}
.area_layer .choice_base .sub_tab li:first-child a {border:1px solid #e1e1e1;}
.area_layer .choice_base .sub_tab li.on a {color:#fff;background-color:#1e75d6;border:1px solid #1e75d6;font-family:'YouandiTB',sans-serif;font-weight:normal;}
.area_layer .choice_base .choice_group {display:block;width:100%;height:598px;overflow:auto;}
.area_layer .choice_base .choice_group .map_m_wrap li {float:left;width:49%;margin-bottom:40px;}
.area_layer .choice_base .choice_group .map_m_wrap li .map_boxing {padding-right:15px;}
.area_layer .choice_base .choice_group .map_m_wrap li:nth-child(2n) .map_boxing {padding-right:0;padding-left:15px;}
.area_layer .choice_base .choice_group > div {display:none;}
.area_layer .choice_base .choice_group > div.on {display:block;}
.map_m_wrap .map_boxing .location_tit {font-size:21px;padding-bottom:12px;}
.map_m_wrap .map_boxing > img {width:100%;}
.map_m_wrap .map_boxing .location_tel_txt {font-size:15px;padding-top:5px;font-weight:bold;}
.map_m_wrap .map_boxing .address_txt {padding-top:5px;font-size:15px;color:#666;}


/* promotin 2차 */
#wrap #container.promotion2 {border-top:0;}
#wrap #container.promotion2 .content.top {padding:60px 30px 30px;}
.promotion2 .titleArea {text-align:left;margin-bottom:0;}
.promotion2 .titleArea h1 {margin-bottom:48px;}
.promotion2 .titleArea > span {font-size:22px;color:#666;font-family:'YouandiTR',sans-serif;}
.promotion2 .titleArea h2 {margin:30px 0 40px;font-size:70px;font-family:'YouandiHB',sans-serif;line-height:76px;text-align:left;}
.promotion2 .titleArea h2 span {font-size:70px;font-style:italic;color:#222;}
.promotion2 .topEvent {margin-bottom:30px;font-family:'YouandiTR',sans-serif;}
.promotion2 .topEvent h3 {margin-bottom:20px;color:#111;font-size:18px;font-weight:normal;}
.promotion2 .topEvent h3 span {display:inline-block;margin-right:8px;padding:0 9px;color:#fff;background-color:#0032a0;text-align:center;line-height:30px;}
.promotion2 .topEvent .tit {margin-bottom:36px;font-size:28px;letter-spacing:-0.7px;}
.promotion2 .txt_bl {font-size:34px;color:#0032a0;font-family:'YouandiHB',sans-serif;}
.promotion2 .topEvent .tit strong {font-size:32px;font-family:'YouandiHB',sans-serif;}
.promotion2 .topEvent .imgArea {text-align:right;}
.promotion2 .topEvent.event2 {margin-bottom:23px;border:2px solid #b1bcc9; padding:31px;}
.promotion2 .topEvent.event2 .tit {margin-bottom:0;}
.promotion2 .topEvent.event2 .tit span {font-size:18px;}
.promotion2 .topEvent.event2 .tit strong {font-size:28px;font-weight:normal;}
.promotion2 .linkpop {width:100%;text-align:right;/*초기화*/position:static;height:auto;margin:0;}
.promotion2 .linkpop a {display:inline-block;font-family:'YouandiTR',sans-serif;font-size:18px;color:#1b4aa8;border-bottom:1px solid #1b4aa8;text-align:right;line-height:22px;/*초기화*/position:static;}
.promotion2 .linkpop a:after {display:inline-block;width:8px;height:16px;margin:0 0 -3px 5px;background:url('../img_unit/promotion/icon_link1.png') no-repeat;content:'';}
.promotion2 .eventArea .eventTitle {text-align:center;}
.promotion2 .eventArea .eventTitle h2 {margin-bottom:40px;font-size:30px;font-family:'YouandiTR',sans-serif;font-weight:normal;line-height:40px;}
.promotion2 .eventArea .eventTitle h2 span {display:block;width:140px;height:38px;margin:0 auto 20px;color:#a6b0bd;font-size:24px;font-family:'YouandiHB',sans-serif;font-weight:normal;line-height:36px;border-radius:38px;letter-spacing:-0.9px;/*초기화*/background-color:transparent;}
.promotion2 .eventArea .eventTitle h2 em {color:#0032a0;}
.promotion2 .eventArea .eventTitle .imgBox { width:100%; height:405px; padding:40px 0; border:1px solid #ccc; border-radius:10px; }
.promotion2 .eventArea .eventTitle .imgBox dl { width:700px; height:80px; margin:30px auto 0; }
.promotion2 .eventArea .eventTitle .imgBox dt, .eventArea .eventTitle .imgBox dd { float:left; height:80px; }
.promotion2 .eventArea .eventTitle .imgBox dt { width:28%; }
.promotion2 .eventArea .eventTitle .imgBox dt strong { display:block; margin-bottom:10px; font-size:18px; color:#222; text-align:left;}
.promotion2 .eventArea .eventTitle .imgBox dt span { display:block; font-size:14px; line-height:22px; color:#555; text-align:left; letter-spacing:-0.5px;}
.promotion2 .eventArea .eventTitle .imgBox dd { width:24%; padding-top:35px; font-size:14px; line-height:22px; border-right:1px solid #ddd; }
.promotion2 .eventArea .eventTitle .imgBox dd:nth-child(2) { background:url('../img_unit/promotion/icon_1.png') no-repeat top center; }
.promotion2 .eventArea .eventTitle .imgBox dd:nth-child(3) { background:url('../img_unit/promotion/icon_2.png') no-repeat top center; }
.promotion2 .eventArea .eventTitle .imgBox dd:last-child { border-right:0; background:url('../img_unit/promotion/icon_3.png') no-repeat top center; }
.promotion2 .eventArea .eventTitle .imgBox dd strong { display:block; color:#222; }
.promotion2 .eventArea .eventTitle .imgBox dd span { display:block; color:#999; }
.promotion2 .eventArea .textBox {padding:50px 0 60px;font-size:18px;letter-spacing:-0.5px;}
.promotion2 #event2 .eventArea .textBox {padding:40px 0 60px;}
.promotion2 .eventArea .textBox .textLayout > li{position:relative;padding-left:150px;margin-bottom:20px;}
.promotion2 #event1 .eventArea .textBox .textLayout > li:nth-child(3){margin-bottom:40px;}
.promotion2 .eventArea .textBox .textLayout > li > strong {position:absolute;top:6px;left:0;width:150px;height:16px;padding-left:7px;color:#0032a0;border-left:3px solid #0032a0;line-height:15px;letter-spacing:-1.2px;}
.promotion2 .eventArea .textBox .textLayout > li > span {display:inline-block;}
.promotion2 .eventArea .textBox .textLayout > li > span.txt_guide {display:block;margin-top:4px;color:#999;font-size:16px;}
.promotion2 .eventArea .textBox .textLayout > li:last-child {margin-bottom:0;}
.promotion2 .eventArea .textBox .textLayout > li.dotList > span {display:block;margin-bottom:5px;}
.promotion2 .eventArea .textBox .textLayout > li.dotList > span:before {display:inline-block;width:3px;height:3px;margin:0 6px 4px 0;background-color:#222;border-radius:50%;content:'';}
.promotion2 .eventArea .textBox .textLayout > li > em.txt_guide {display:block;margin-top:4px;padding-left:9px;color:#999;font-size:16px;}
.promotion2 .eventArea .textBox .textLayout > li > span.spacing {letter-spacing:-0.8px;}
.promotion2 .eventArea .entry {text-align:center;padding-bottom:20px;}
.promotion2 .eventArea .entry .btn {display:inline-block;width:400px;height:80px;color:#fff;font-size:24px;background-color:#111;border-radius:0;text-align:center;line-height:80px;letter-spacing:-0.9px;}
.promotion2 .eventArea .eventTitle .imgBox dt span {letter-spacing:-1.2px;}
.promotion2 .bannerBox { margin:0 0 60px;}

/*.headerImg {height:548px;background:url('../img/header_img1.png')no-repeat; background-size:cover;    
    background-position: 0 -100px;}*/
/*.headerImg {height:486px;background:#f2f2f2 url('../img/header_img1.png')no-repeat center 21%; background-size:1200px;}*/

/* promotin 3차 */
#wrap #container.promotion2.v3 .section .content {max-width:760px;padding:55px 0 28px 0;}
#wrap #container.promotion2.v3 .section .content.type2 {max-width:900px;padding:55px 70px 28px;}
.promotion2.v3 .titleArea {padding-left:25px;}
.promotion2.v3 .titleArea h2 {line-height: 74px;margin:25px 0 30px;}
.promotion2.v3 .eventArea .eventTitle h2 {margin-bottom:40px;padding-left:25px;font-size:34px;font-family:'YouandiHB',sans-serif;font-weight:normal;line-height:46px;text-align: left;letter-spacing: -1px;}
.promotion2.v3 .eventArea .eventTitle h2 span {display:block;width:140px;height:38px;margin:0 auto 20px;color:#a6b0bd;font-size:24px;font-family:'YouandiHB',sans-serif;font-weight:normal;line-height:36px;border-radius:38px;letter-spacing:-0.9px;/*초기화*/background-color:transparent;}
.promotion2.v3 .eventArea .eventTitle h2 em {color:#0032a0;}
.promotion2.v3 .eventArea .eventTitle .imgBox {position:relative;padding:40px 58px;background:#fff;}
.promotion2.v3 .eventArea .eventTitle .imgBox dl {width: 670px;}
.promotion2.v3 .eventArea .eventTitle .imgBox .label {position: absolute;top:152px;right:77px;display: table;width: 83px;height: 83px;background: #0032a0;border-radius: 100%;}
.promotion2.v3 .eventArea .eventTitle .imgBox .label span {display: table-cell;font-size: 20px;vertical-align: middle;line-height: 24px;color: #fff;}
.promotion2.v3 .eventArea .linkpop {margin-top:17px;}
.promotion2.v3 .bannerBox {margin:0;}
.promotion2.v3 .bannerBox .textWrap {padding: 40px 0 40px 250px;letter-spacing: -1px;}
.promotion2.v3 .eventArea .textBox {padding: 40px 0;}
.promotion2.v3 .eventArea .textBox .textLayout > li {margin-bottom: 17px;letter-spacing: -1.5px;}
.promotion2.v3 .eventArea .textBox .textLayout > li > span.txt_guide {letter-spacing: -1px;}
.promotion2.v3 .eventArea .textBox .textLayout > li:nth-child(5) {margin-top:0;}
.promotion2.v3 .eventArea .textBox .textLayout .placeBox .mapWrap {width:760px;}
.promotion2.v3 .eventArea .textBox .textLayout .placeBox .txtArea {width:300px;}
.promotion2.v3 .eventArea .textBox .textLayout .placeBox .txtArea .selectBox > a {height:auto;}
.promotion2.v3 .qrcode {overflow: hidden;padding:35px 0 35px 35px;margin-bottom:28px;border: 1px solid #ccc;border-radius: 10px;}
.promotion2.v3 .qrcode img, .promotion2.v3 .qrcode .text {float: left;}
.promotion2.v3 .qrcode .text {padding-left:17px;letter-spacing: -1.5px;}
.promotion2.v3 .qrcode .text strong {display:inline-block;margin-top: -5px;font-size:20px;color:#1b4aa8;}
.promotion2.v3 .qrcode .dot li { position:relative; padding-left:10px; color:#777; font-size:18px; line-height:25px;}
.promotion2.v3 .qrcode .dot li:first-child{margin:8px 0px 4px;padding-left: 12px;}
.promotion2.v3 .qrcode .dot li:before { position:absolute;left:0; content:'·';font-size: 32px;}

/* promotin new */
#container.ver_new .section {background:#f2f2f2 url('../img_unit/promotion/bg_ver3.png') no-repeat right top;}
#wrap #container.ver_new .content.top {max-width:700px;padding:50px 0 0 0;}
#container.ver_new .content h1 {margin-bottom: 207px;}
#container.ver_new .content h2 {margin:0 0 25px 0;}
#container.ver_new .titleArea > span {color:#222;}
#container.ver_new .topEvent {margin:50px 0 0 0;}
#container.ver_new .topEvent h3 span {background-color: #111;}
#container.ver_new .topEvent .tit {line-height:44px;}
#container.ver_new .topEvent .tit .txt_bl {color: #cc122b;}
#container.ver_new .bannerBox {width:760px;margin:60px auto 0 auto;}
#container.ver_new .bannerBox .textWrap {padding-right:0;letter-spacing: -1.5px;}
#container.ver_new .bannerBox .textWrap p {padding:15px 0 43px 0;color: #333;font-size: 16px;}
#container.ver_new .eventArea {width:1240px;margin:0 auto;}
#container.ver_new .eventArea .eventTitle {padding:70px 0 30px 0;color: #a6b0bd;font-size: 24px;font-family: 'YouandiHB',sans-serif;text-align: center;}
#container.ver_new .eventArea .bg_wrap {position:relative;height:542px;font-family: 'YouandiHB',sans-serif;color: #222;font-size:32px;background:url('../img_unit/promotion/img_event1.png') no-repeat 0 0;}
#container.ver_new .event2 .eventArea .bg_wrap {background-image:url('../img_unit/promotion/img_event2.png')}
#container.ver_new .eventArea .bg_wrap .txt {position:absolute;bottom:0;width:100%;height:186px;padding:22px 157px 0 0;text-align:right;background-color: rgb(250,250,250,0.6);}
#container.ver_new .eventArea .bg_wrap .txt p {font-size:54px;}
#container.ver_new .eventArea .bg_wrap .txt p > em {color: #cc122b;} 
#container.ver_new .eventArea .bg_wrap .txt span {font-family: 'YouandiTB',sans-serif;color: #111;font-size:24px;}
#container.ver_new .eventArea .textBox {margin:40px 0 0 240px;padding:0;}
#container.ver_new .eventArea .textBox .textLayout > li {margin-bottom: 15px;}
#container.ver_new .eventArea .textBox .textLayout > li > span {color:#111;}
#container.ver_new .eventArea .textBox .textLayout > li > span > em {font-size:14px;}
#container.ver_new .eventArea .textBox .entry {text-align: left;padding: 40px 0 0 150px;}
#container.ver_new .eventArea .textBox .entry .btn {display:inline-block;width:300px;height:80px;margin: 0 3px;color:#fff;font-size:24px;background-color:#0032a0;border-radius:5px;text-align:center;line-height:80px;letter-spacing:-1.5px;}
#container.ver_new .notice_wrap {background:#f6f6f6;}
#container.ver_new .notice_wrap .notice {width:760px;margin:60px auto 0 auto;padding:30px 0 40px 0 !important;}

/* 2019-07-24 코스트코 통합 랜딩 페이지 제작 */
.costcoMenu{background:#0032a0;}
.costcoMenu ul{width:760px; margin:0 auto; overflow:hidden;}
.costcoMenu li{float:left; width:50%; height:70px; font-size:21px; line-height:70px; text-align:center;} /* 2019-10-16 수정 */
.costcoMenu li.on{background:#fff;}
.costcoMenu li.on a{color:#000;}
.costcoMenu li.on .red{color:#d0112b;}
.costcoMenu li a{display:block; font-weight:bold; color:#fff; filter:alpha(opacity=70); opacity:0.7;} /* 2019-10-16 수정 */
.costcoMenu li.on a {filter:alpha(opacity=100); opacity:1;} /* 2019-10-16 추가 */

.promotion2.v3 .titleArea.type2{position:relative; padding-left:0;}
.promotion2.v3 .titleArea.type2 .link,
.promotion2.v3 .titleArea.type3 .link{display:block;position:absolute;top:0;right:0;margin-left:20px;padding:0 2px;font-size:13px;color:#999;line-height:22px;border-bottom:1px solid #999;}
.promotion2.v3 .titleArea.type2 .link:before,
.promotion2.v3 .titleArea.type3 .link:before{position:absolute;top:3px;left:-20px;display:block;width:14px;height:19px;background:url('../img/icon/ico_m.png') 0 0 no-repeat;content:' ';}
.promotion2.v3 .titleArea.type2 .link2 {position:absolute; top:-12px; right:-70px; display:block; width:37px; height:40px; background:url('../img_unit/promotion/ico_m2.png') 0 0 no-repeat;}
.promotion2.v3 .eventArea.type2 .eventTitle h2{font-size:20px;margin-bottom:30px;padding-left:0;}
.promotion2.v3 .eventArea.type2 .textBox{padding:35px 0 0;}
.promotion2.v3 .bannerBox.type2{background-image:url('../img_unit/promotion/banner_bg.png');}
.promotion2.v3 .eventArea .eventTitle.type2{margin-top:60px;}
.promotion2.v3 .eventArea .eventTitle.type2 h2{padding-left:0; text-align:center;}
.promotion2.v3 .eventArea .eventTitle.type2 p{padding:20px 0;font-family: 'YouandiHB',sans-serif;font-size:20px;color:#222; text-align:center;}
.promotion2.v3 .eventArea .eventTitle.type2 p span{font-style: italic;}
.promotion2.v3 .eventArea .eventTitle.type3{margin-top:60px;}
.promotion2.v3 .eventArea .eventTitle.type3 h2{padding-left:0; text-align:center;}
.promotion2.v3 .eventArea .eventTitle.type3 p{padding:20px 0;font-family: 'YouandiHB',sans-serif;font-size:20px;color:#222; text-align:center;}
.promotion2.v3 .eventArea .eventTitle.type3 p span{font-style: italic;}
.promotion2.v3 .linkpop.type2 a{font-size:14px; border-bottom:none;}
.promotion2.v3 .linkpop.type2 a:after{width:5px; height:9px; margin:0 0 -1px 10px; background-size:100% 100%;}
.promotion2.v3 .layer_pop.type2{width:760px;height:100%;max-height:850px;margin-left:-380px; overflow:hidden;}
.promotion2.v3 .layer_pop.type2 .pop_content{padding:60px 30px 50px;}
.promotion2.v3 .layer_pop.type2 .pop_content .eventArea.type2{padding: 0 30px 40px;}
.promotion2.v3 .layer_pop.type2 .pop_content .eventArea.type2 .eventTitle.type2{margin-top:0;}
.promotion2.v3 .layer_pop.type2 .pop_content .eventArea.type2 .eventTitle.type2 p{padding-top:0; text-align:left;}
.promotion2.v3 .layer_pop.type2 .pop_content .eventArea.type2 .eventTitle.type2 h2{text-align:left;}
.promotion2.v3 .layer_pop.type2 .pop_content .bannerBox img{width:100%;}
.promotion2.v3 .layer_pop.type2 .pop_content .section.overBg{margin:0 20px; padding: 0 30px 40px;}
.promotion2.v3 .layer_pop.type2 .pop_content .pop_content_inner{max-height:738px; overflow-y:scroll;}
.promotion2.v3 .layer_pop.type2 .eventArea .textBox .textLayout > li > span.txt_guide em{display:inline-block;padding-left:18px;}
.promotion2.v3 .pop_content .eventArea.type2 .eventTitle.type2 p{padding-left:0;}
.promotion2.v3 .pop_content .eventArea.type2 .eventTitle.type2 h2{font-size:33px;margin-bottom:0;padding-left:0;}
.promotion2.v3 .pop_content .eventArea .textBox .textLayout > li{text-align:left;}

.promotion2.v3 > .section.overBg{padding-bottom:200px;}
.promotion2.v3 .titleArea.type3{position:relative; padding-left:0; text-align:center;}
.promotion2.v3 .eventArea.type3{padding-bottom:55px;}
.promotion2.v3 .eventArea.type3 .eventTitle h2{margin-bottom:30px;padding-left:0;text-align:center;}
.promotion2.v3 .eventArea.type3 .eventTitle h2 em{color:#d0112b;}
.promotion2.v3 .eventArea.type3 .gray_txt{margin-top:20px; color:#999; font-size:16px; line-height:20px;}
.promotion2.v3 .eventArea.type3 .reward_point{margin-top:25px; color:#999; font-size:18px; background:url('../img_unit/promotion/ico_point.png') no-repeat 655px 20px;}
.promotion2.v3 .eventArea.type3 .reward_point .txt{margin-top:10px; color:#999; font-size:16px; line-height:20px;}
.promotion2.v3 .linkpop.type3{position:absolute; top:5px; right:0; width:auto; margin-top:0;}
.promotion2.v3 .linkpop.type3 a{border-bottom:none;}
.promotion2.v3 .linkpop.type3 a:after{width:7px; height:11px; margin:0 0 -1px 5px; background-size:100% 100%;}
.promotion2.v3 .linkpop.type4 a{font-size:12px; border-bottom:none;}
.promotion2.v3 .linkpop.type4 a:after{width:5px; height:8px; margin:0 0 0 5px; background-size:100% 100%;}
.promotion2.v3 .cashback{margin-top:20px; padding:20px 17px 0; border-top:1px solid #40619e;}
.promotion2.v3 .cashback:after{display:block; content:''; clear:both;}
.promotion2.v3 .cashback .text{float:left; font-family:'YouandiTR',sans-serif; font-size:20px; color:#fff;}
.promotion2.v3 .cashback .text .color_point{font-size:20px; color:#35b5ff}
.promotion2.v3 .cashback .cashback_link{float:right;}
.promotion2.v3 .cashback .cashback_link a{padding-right:15px; background:url(../img_unit/promotion/icon_arrow_right_2.png) no-repeat 100% 60%; background-size:8px 12px; font-size:20px; color:#f6f6f6; line-height:1;}
.promotion2.v3 .cashback_link a:hover{border-bottom:1px solid #f6f6f6;}

.promotion2.v3 .bannerBox.type3{margin-top:40px;border:1px solid #cacacb; border-radius:10px;background:url('../img_unit/promotion/banner_membership.png') 0 0 no-repeat;}
.promotion2.v3 .bannerBox.type3 a span{display:block;width:758px;height:88px;text-indent:-9999px;overflow:hidden;}
.promotion2.v3 .eventArea .eventTitle.type4{margin-top:75px;padding-top:5px;background:url('../img_unit/promotion/img_ecobag.png') no-repeat right top;border-bottom:1px solid #efefef;}
.promotion2.v3 .eventArea .eventTitle.type4 p{font-family: 'YouandiTB',sans-serif;font-size:20px;color:#222;line-height:37px;text-align:left;}
.promotion2.v3 .eventArea .eventTitle.type4 p span{font-style:italic;}
.promotion2.v3 .eventArea .eventTitle.type4 h2{padding-left:0;}

.promotion2.v3 .section.type2 .content.type2 .eventArea{margin-top:-55px;}
.promotion2.v3 .content.type2 .eventArea .eventTitle.type4{margin-top:0;}
.promotion2.v3 .content.type2 .bannerBox.type2{margin-top:55px;}

/*2019-09-04 [기타] 코스트코 카드신청목록 수정 요청 */
#wrap #container.lineless { position: relative; width: 100%; background-color: #fff; border-top: 0; min-width: 900px; }
.pr_ver3_1 .ev_tit {font-family: "Noto Sans KR", sans-serif;padding-bottom:30px;font-size: 32px; line-height:38px;text-align:left;}
.pr_ver3_1 .ev_tit strong{font-family: "Noto Sans KR", sans-serif;font-weight:bold;}
.pr_ver3_1 .title_area.al_c .card_comm_notice, .title_area.al_c {padding-top:0;border-top:0;}
.pr_ver3_1 .card_comm_notice:before, .title_area.al_c .card_comm_notice:after{display:none;}
.pr_ver3_1 .title_area.al_c .txt_subcopy{text-align:left;}
.pr_ver3_1 .title_area.al_c .card_comm_notice{padding-bottom:15px;}
.pr_ver3_1 .title_area.al_c .card_comm_notice li{padding-bottom: 15px; font-size: 19px; line-height: 25px; text-align: left;}
.pr_ver3_1 .card_detail_title { margin-top: 2.2rem; padding: 10px; text-align: left; font-size: 26px; line-height: 26px; vertical-align: middle; color: white; background: #474747; font-family: 'YouandiHB',sans-serif;}
.pr_ver3.pr_ver3_1  #priorConsent .title_area.al_c { padding-bottom: 30px; }
.pr_ver3.pr_ver3_1 .detailView em{margin-right:10px;}
.pr_ver3.pr_ver3_1 .detailView em.outline {float:left;padding:0 20px;height:38px;background:transparent; border:1px #d0112b solid; color:#d0112b; text-align:center;border-radius:2px;line-height: 36px;font-size:22px;margin-bottom: 40px;}
.pr_ver3.pr_ver3_1 .btn_inside a { width: 370px; height: 70px; background-color: #1b4aa8; color: #fff; font-size: 20px; font-weight: bold; text-align: center; line-height: 70px; border-radius: 6px; }
.pr_ver3.pr_ver3_1 .card_comm_notice{padding-top:15px;}
.pr_ver3.pr_ver3_1 .card_comm_notice li.ico_noti{ position: relative; padding-left: 22px; margin-bottom: 0; font-size: 18px; line-height: 26px; color: #1b4aa8; }
.pr_ver3.pr_ver3_1 .card_detail_wrap .cardDetail .txtWrap .card_comm_notice li.ico_noti:before{ position: absolute; top: 8px; left: 0px; width: 14px; height: 14px; color: #1b4aa8; border: 1px solid #1b4aa8; border-radius: 50%; font-size: 10px; line-height: 12px; font-weight: bold; text-align: center; content: '!'; }
.pr_ver3.pr_ver3_1 .font-gray{ color:#666 !important; }
.pr_ver3.pr_ver3_1 .card_detail_wrap .cardDetail .txtWrap p.mb0{margin-bottom:0}
.pr_ver3.pr_ver3_1 .txtline.mb0, .txtline a{margin-bottom:0 !important;}

/* promotion 4차 - 2019-10-16 */
#wrap.promotion4 #container {letter-spacing:-1px;  border-top:0 none;}
#wrap.promotion4 #container .section .content {max-width:900px; padding:0; overflow:visible;}
.promotion4 .list_txt {margin-top:14px;}
.promotion4 .list_txt > li,
.promotion4 p.list_txt {font-size:13px; color:#858585; line-height:22px;}
.promotion4 .list_dash_1 {margin-top:15px;}
.promotion4 .list_dash_1 > li,
.promotion4 p.list_dash_1 {position:relative; padding-left:7px; font-size:13px; color:#858585; line-height:22px;}
.promotion4 .list_dash_1 > li:before,
.promotion4 p.list_dash_1:before {position:absolute; left:0; top:0; display:inline-block; content:'-'; font-weight:normal; color:#858585;}
.promotion4 .list_dash_1 > li.em,
.promotion4 p.list_dash_1.em {font-weight:bold; color:#000;}
.promotion4 .list_dash_1 > li.em:before,
.promotion4 p.list_dash_1.em:before {color:#000;}
.promotion4 .list_dash_1.type2 > li,
.promotion4 p.list_dash_1.type2 {font-size:14px;}
.promotion4 .list_dot_1 > li,
.promotion4 p.list_dot_1 {position:relative; padding-left:7px; font-size:13px; color:#858585; line-height:22px;}
.promotion4 .list_dot_1 > li:before,
.promotion4 p.list_dot_1:before {position:absolute; left:0; top:0; display:inline-block; content:'·'; font-weight:normal; color:#858585;}
.promotion4 .list_dot_1 > li.em,
.promotion4 p.list_dot_1.em {font-weight:bold; color:#000;}
.promotion4 .list_dot_1 > li.em:before,
.promotion4 p.list_dot_1.em:before {color:#000;}
.promotion4 .list_dot_4 > li,
.promotion4 p.list_dot_4 {position:relative; padding-left:10px; font-size:15px; color:#5c5c5c; line-height:24px;}
.promotion4 .list_dot_4 > li:before,
.promotion4 p.list_dot_4:before {position:absolute; left:0; top:10px; display:inline-block; content:''; width:4px; height:4px; background-color:#949494; border-radius:2px;}
.promotion4 .list_dot_4 > li.em,
.promotion4 p.list_dot_4.em {font-weight:bold; color:#000;}
.promotion4 .list_dot_4 > li.em:before,
.promotion4 p.list_dot_4.em:before {color:#000;}
.promotion4 .titleArea {position:relative; margin-bottom:43px; padding:50px 0 0; text-align:center;}
.promotion4 .titleArea .link {position:absolute; top:43px; right:0; display:block; width:37px; height:40px; background:url('../img_unit/promotion/ico_m2.png') 0 0 no-repeat;}
.promotion4 .eventArea .eventTitle h2 {margin-bottom:43px; font-family:'YouandiHB',sans-serif; font-weight:normal; font-size:40px; line-height:50px; text-align:center;}
.promotion4 .cardWrap {margin-bottom:70px; padding:0; text-align:center;}
.promotion4 .cardWrap p {margin-top:25px; font-size:15px; line-height:23px; color:#858585;}
.promotion4 .benefit:after {content:''; display:block; clear:both;}
.promotion4 .benefit h3 {margin-bottom:12px; font-family:'YouandiHB',sans-serif; font-weight:normal; font-size:30px; color:#000; }
.promotion4 .benefit1Wrap {float:left; width:456px; height:601px; margin:-14px -16px -18px; padding:14px 16px 18px; background:url('../img_unit/promotion/bg_benefit1.png') 0 0 no-repeat;}
.promotion4 .benefit1Wrap h4 {font-weight:normal; font-size:26px; line-height:34px;}
.promotion4 .benefit1Wrap h4 span {font-size:15px; color:#333;}
.promotion4 .benefit1_1 {height:332px; padding:38px 0 0 40px;} 
.promotion4 .benefit1_1 h4 {font-weight:bold; color:#0032a0;}
.promotion4 .benefit1_1 h4 span {font-weight:normal;}
.promotion4 .benefit1_1 .rate {margin-top:30px;}
.promotion4 .benefit1_1 .rate:after {content:''; display:block; clear:both;}
.promotion4 .benefit1_1 .rate li {float:left; width:108px; color:#000;}
.promotion4 .benefit1_1 .rate li.i2 {width:131px;}
.promotion4 .benefit1_1 .rate strong {font-family:'YouandiHB',sans-serif; font-weight:normal; font-size:21px; line-height:38px;}
.promotion4 .benefit1_1 .rate strong em {font-size:40px;}
.promotion4 .benefit1_1 .rate span {font-size:15px; line-height:24px;}
.promotion4 .benefit1_2 {padding:61px 0 0 40px; background:url('../img_unit/promotion/bg_benefit1_2.png') 40px 0 no-repeat;} 
.promotion4 .benefit1_2 h4 {color:#666;}
.promotion4 .benefit2Wrap {float:right; width:425px; height:569px; border-bottom:1px solid #ebebeb;}
.promotion4 .benefit2Wrap dl {border-top:1px solid #ebebeb; padding:45px 0 0 80px;}
.promotion4 dl.benefit2_1 {height:178px; background:url('../img_unit/promotion/ico_benefit2_1.png') 0 50px no-repeat;}
.promotion4 dl.benefit2_2 {height:179px; background:url('../img_unit/promotion/ico_benefit2_2.png') 0 50px no-repeat;}
.promotion4 dl.point {background:url('../img_unit/promotion/ico_point1.png') 0 50px no-repeat;}
.promotion4 .benefit2 dt {font-weight:bold; font-size:21px; color:#000;}
.promotion4 .benefit2 dd {margin-top:10px; font-family:'YouandiTR',sans-serif; letter-spacing:0; font-size:15px; line-height:24px; color:#333;}
.promotion4 .point dt {font-weight:bold; font-size:17px; color:#666;}
.promotion4 .point dd {margin-top:10px; font-size:13px; line-height:22px; color:#858585;}
.promotion4 .go_card {margin-top:18px; text-align:right;}
.promotion4 .go_card a {font-size:13px; color:#0032a0;}
.promotion4 .reviewWrap {margin-top:70px;}
.promotion4 .reviewWrap h3 {margin-bottom:23px; font-family:'YouandiHB',sans-serif; font-weight:normal; font-size:26px; color:#000; }
.promotion4 .contactWrap {margin-top:77px; padding:39px; border:1px solid #ebebeb; border-radius:9px;}
.promotion4 .contactWrap > .inner {display:table; width:100%;}
.promotion4 .contact {display:table-cell; width:50%; vertical-align:top;}
.promotion4 .contact dt {font-weight:bold; font-size:21px; line-height:23px; }
.promotion4 .contact1 {padding:0 25px 0 100px; border-right:1px solid #ebebeb; background:url('../img_unit/promotion/ico_contact1.png') 0 0 no-repeat;}
.promotion4 .contact1 dd {margin-top:10px; font-size:15px; line-height:24px; color:#333;}
.promotion4 .contact2 {padding-left:50px;}
.promotion4 .contact2 dt {margin-top:-6px; color:#000;}
.promotion4 .contact2 dt span {font-size:14px;}
.promotion4 .contact2 dd {margin-top:10px; font-size:13px; line-height:22px; color:#858585;}
.promotion4 .noticeWrap {margin-top:71px; padding-bottom:174px;}
#wrap.promotion4 #container .section .content.notice2 {margin-bottom:76px;}
.promotion4 .noticeWrap h3 {font-size:26px; color:#000;}
.promotion4 .noticeWrap .list_dash_1 {margin-top:9px;}
.promotion4 .floating_area{border-top:1px solid #bdbdbd; background:#fff;}
.promotion4 .floating_area .inner {padding:20px 0 28px;}
.promotion4 .floating_area .btn {text-align:center;}
.promotion4 .floating_area .btn a {display:inline-block; width:480px; height:80px; background:#ff0000; border-radius:2px; font-weight:bold; font-size:34px; color:#fff; text-align:center; line-height:80px;}
.promotion4 .floating_area .go_cashback {margin-top:25px; text-align:center;}
.promotion4 .floating_area .go_cashback a {font-size:15px; color:#333;}

.promotion4 .visual {margin-top:55px; min-height:245px; color:#000; background:url('../img_unit/promotion/costco_visual.png') right 11px no-repeat;}
.promotion4 .visual p {font-family:'YouandiTR',sans-serif; letter-spacing:0; font-size:21px; line-height:50px;}
.promotion4 .visual h2 {font-family:'YouandiHB',sans-serif; font-weight:normal; font-size:40px; line-height:50px;}
.promotion4 .visual h2 em {color:#0443d9;}
.promotion4 .listWrap {padding-top:27px;}
.promotion4 .listWrap .inner {width:931px; height:794px; margin:-14px -16px -18px; padding:14px 16px 18px; background:url('../img_unit/promotion/bg_event.png') 0 0 no-repeat;}
.promotion4 .listWrap .list2 {padding:47px 40px 45px;}
.promotion4 .list2 dl {margin-top:31px;}
.promotion4 .list2 dl:first-child {margin-top:0;}
.promotion4 .list2 dt {font-weight:bold; font-size:21px; color:#000;}
.promotion4 .list2 dd {margin-top:8px; font-size:15px; color:#5C5C5C; line-height:24px;}
.promotion4 .list2 dl .subtxt1 {font-size:14px; color:#858585;}
.promotion4 .list2 dd.subtxt1 {margin-top:8px; line-height:20px;}
.promotion4 .listWrap .qrcode {margin:0 40px; padding-top:40px; border-top:1px solid #dcdcdc;}
.promotion4 .qrcode {overflow: hidden;}
.promotion4 .qrcode > span,
.promotion4 .qrcode > dl {float: left;}
.promotion4 .qrcode dl {margin-top:-5px; padding-left:20px; letter-spacing:-1.5px;}
.promotion4 .qrcode dt {font-size:21px; font-weight:bold; color:#0443d9;}
.promotion4 .qrcode dd {margin-top:11px;}
.promotion4 .banner2 {width:900px; margin:78px auto 74px;}
.promotion4 .go_join {margin-top:60px;}
.promotion4 .go_join p {font-weight:bold; font-size:24px; color:#000; text-align:center; letter-spacing:-2px}
.promotion4 .go_join .btn {width:900px; margin:14px auto 90px;}
.promotion4 .go_join .btn a {display:block; width:150px; height:42px; margin:0 auto; background:#666; border-radius:6px; font-size:16px; color:#fff; text-align:center; line-height:42px;}
.promotion4 .layer_pop {width:760px; margin-left:-380px; overflow:hidden;}
.promotion4 .pop_content .notice {padding:0 !important;}
.promotion4 .pop_content .notice h3 {margin-bottom:25px; padding-left:0; color:#333;}
.promotion4 .pop_content .notice h3:before {display:none;}