@charset 'utf-8';
	/* WHAT'S NEW 메인 */

	/* s: 230810 what's new font */
	@font-face {font-family: 'NotoSans'; src: url('/common/fonts/NotoSansKR-Bold.otf') format('opentype'); unicode-range: U+AC00-D7A3; font-weight: 700;}
	@font-face {font-family: 'NotoSans'; src: url('/common/fonts/NotoSansKR-Medium.otf') format('opentype'); unicode-range: U+AC00-D7A3; font-weight: 500;}
	@font-face {font-family: 'NotoSans'; src: url('/common/fonts/NotoSansKR-Regular.otf') format('opentype'); unicode-range: U+AC00-D7A3; font-weight: 400;}
	@font-face {font-family: 'NotoSans'; src: url('/common/fonts/NotoSansKR-Light.otf') format('opentype'); unicode-range: U+AC00-D7A3; font-weight: 300;}
	@font-face {font-family: 'NotoSans'; src: url('/common/fonts/SoDoSans-Bold.otf') format('opentype'); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; font-weight: 700;}
	@font-face {font-family: 'NotoSans'; src: url('/common/fonts/SoDoSans-Regular.otf') format('opentype'); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; font-weight: 400;}
	@font-face {font-family: 'NotoSans'; src: url('/common/fonts/SoDoSans-Light.otf') format('opentype'); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; font-weight: 300;}
	/* e: 230810 what's new font */

	/*
	캐리백
	*/
	.doro_wrap_220804 .select-city .select_box {
		width: 49%;
		height: 26px;
		border: 1px solid #ddd;
		border-radius: 3px;
		padding: 0 5px;
		box-sizing: border-box;
		font-weight: bold;
		background: #fff url(https://image.istarbucks.co.kr/common/img/coffee/select_arrow.png) 95% center no-repeat;
	}

	/* 20150611 성연욱 - 서브 메인 슬라이드 bxslider 로 교체 */
	img.m_pic { display:none; margin:0 auto; }
	.whatSlideArea { width:100%; height:400px; position:relative; overflow:hidden; }
	.whatSlideArea .bxslide-main { width:100%; position:relative; z-index:1; }
	.whatSlideArea .bxslide-main .bx-wrapper .bx-viewport ul.whats_slider { width:100%; }
	.whatSlideArea .bxslide-main .bx-wrapper .bx-viewport ul.whats_slider li div { height:400px; width:2000px !important; position:relative; left:50%; margin-left:-1000px; top:0; }
	.whatSlideArea .bxslide-main .bx-wrapper .bx-viewport ul.whats_slider li div a { display:block; width:100%; height:100%; }

	.whatSlideArea .bxslide_btn_wrap { width:100%; height:55px; position:absolute; left:0; top:175px; z-index:2; }
	.whatSlideArea .bx-wrapper .bx-prev { display:none; }
	.whatSlideArea .bx-wrapper .bx-next { display:none; }

	.whatSlideArea #prevBtn { position:absolute; left:3%; top:175px; z-index:2; }
	.whatSlideArea #nextBtn { position:absolute; right:3%; top:175px; z-index:2; }
	.whatSlideArea #prevBtn a { 
		display:block;
		background: url("../img/common/arrow_left.png") no-repeat center center transparent;
		width:51px;
		height:51px;
		text-indent:-20000px;
		border:2px solid #fff;
		border-radius:27.5px;
		-webkit-border-radius:27.5px;
		transition:background-color .7s, color .7s;
		-webkit-transition:background-color .7s, color .7s;
	}
	.whatSlideArea #prevBtn a:hover { background:#fff url("../img/common/arrow_left_on.png") no-repeat center center; border:2px solid #fff; }

	.whatSlideArea #nextBtn a { 
		display:block;
		background:url("../img/common/arrow_right.png") no-repeat center center transparent;
		width:51px;
		height:51px;
		text-indent:-20000px;
		border:2px solid #fff;
		border-radius:27.5px;
		-webkit-border-radius:27.5px;
		transition:background-color .7s, color .7s;
		-webkit-transition:background-color .7s, color .7s;
	}
	.whatSlideArea #nextBtn a:hover { background:#fff url("../img/common/arrow_right_on.png") no-repeat center center; border:2px solid #fff; }

	.whats_slider_control_pager { bottom:20px; height:12px; position:absolute; text-align:center; width:100%; z-index:9999; }

	.whats_slider_controls { display:inline-block; height:12px; position:relative; width:9px; }
	.whats_slider_controls div.bx-controls-auto { position:absolute; }
	.whats_slider_controls div.bx-controls-auto a { display:block; overflow:hidden; text-indent:-20000px; }
	.whats_slider_controls div.bx-controls-auto a.bx-stop { background:url("../img/coffee/icon/pause.png") 0 0; height:15px; width:15px; }
	.whats_slider_controls div.bx-controls-auto a.bx-start { background:url("../img/coffee/icon/play.png") 0 0; height:15px; width:15px; }
	.whats_slider_controls div.bx-controls-auto a.bx-stop:hover,
	.whats_slider_controls div.bx-controls-auto a.bx-start:hover { background-position:0 0; }

	.whats_slider_pagers { display:inline-block; height:12px; }
	.whats_slider_pagers div.bx-pager div.bx-pager-item { float:left; margin-left:8px; }
	.whats_slider_pagers div.bx-pager div.bx-pager-item a { display:block; overflow:hidden; text-indent:-20000px; }
	.whats_slider_pagers div.bx-pager div.bx-pager-item a.bx-pager-link { background:url("../img/coffee/icon/visual_off.png") 0 0; height:15px; width:15px; }
	.whats_slider_pagers div.bx-pager div.bx-pager-item a.bx-pager-link.active { background:url("../img/coffee/icon/visual_on.png") 0 0; height:15px; width:15px; }
	/* 20150611 성연욱 - 서브 메인 슬라이드 bxslider 로 교체 end */

	.slideArea { width:100%; height:400px; position:relative; overflow:hidden; }

	#promotion_slide div.slide-main_01_bg{ width:100%; height:400px; position: absolute; left:0; top:0;z-index:-1; }
	#promotion_slide div.slide-main_02_bg{ width:100%; height:400px; position: absolute; left:0; top:0;z-index:-1; }
	#promotion_slide div.slide-main_03_bg{ width:100%; height:400px; position: absolute; left:0; top:0;z-index:-1; }

	.prom_bn1_section { width:100%; height:430px; background:url('../img/whatsnew/promotion_bimg1.jpg') 20% 50% no-repeat; background-size: cover; position:relative; }
	.prom_bn2_section { width:100%; height:430px; background:url('../img/whatsnew/promotion_bimg2.jpg') 80% 50% no-repeat; background-size: cover; position:relative; }
	.prom_bn3_section { width:100%; height:430px; background:url('../img/whatsnew/promotion_bimg3.jpg') 20% 50% no-repeat; background-size: cover; position:relative; }
	.prom_bn4_section { width:100%; height:430px; background:url('../img/whatsnew/promotion_bimg4.jpg') 80% 50% no-repeat; background-size: cover; position:relative; }

	.prom_bn_inner { width:1100px; margin:0 auto; position:relative; }

	.prom_bn1_txt01 { width:258px; /*height:78px; background:url('../img/whatsnew/promotion_btxt1.png') 0 0 no-repeat;*/ position:absolute; left:760px; top:115px; }
	.prom_bn1_btn01 { width:121px; border:2px solid #fff; border-radius:3px; height:34px; line-height:34px; position:absolute; left:760px; top:253px; }
	.prom_bn1_btn01 a { color:#fff; display:block; height:100%; text-align:center; width:100%; -webkit-transition:background-color .7s, color .7s; transition:background-color .7s, color .7s; }
	.prom_bn1_btn01 a:hover { background:#ffffff; color:#222222; }

	.prom_bn2_txt01 { width:245px; /*height:78px; background:url('../img/whatsnew/promotion_btxt2.png') 0 0 no-repeat;*/ position:absolute; left:0; top:127px; }
	.prom_bn2_btn01 { width:121px; border:2px solid #222; border-radius:3px; height:34px; line-height:34px; position:absolute; left:0; top:262px; }
	.prom_bn2_btn01 a { color:#222; display:block; height:100%; text-align:center; width:100%; -webkit-transition:background-color .7s, color .7s; transition:background-color .7s, color .7s; }
	.prom_bn2_btn01 a:hover { background:#222; color:#fff; }

	.prom_bn3_txt01 { width:273px; /*height:78px; background:url('../img/whatsnew/promotion_btxt3.png') 0 0 no-repeat;*/ position:absolute; left:696px; top:128px; }
	.prom_bn3_btn01 { width:121px; border:2px solid #fff; border-radius:3px; height:34px; line-height:34px; position:absolute; left:696px; top:264px; }
	.prom_bn3_btn01 a { color:#fff; display:block; height:100%; text-align:center; width:100%; -webkit-transition:background-color .7s, color .7s; transition:background-color .7s, color .7s; }
	.prom_bn3_btn01 a:hover { background:#ffffff; color:#222222; }

	.prom_bn4_txt01 { width:241px; /*height:78px; background:url('../img/whatsnew/promotion_btxt4.png') 0 0 no-repeat;*/ position:absolute; left:0; top:141px; }
	.prom_bn4_btn01 { width:121px; border:2px solid #222; border-radius:3px; height:34px; line-height:34px; position:absolute; left:0; top:278px; }
	.prom_bn4_btn01 a { color:#222; display:block; height:100%; text-align:center; width:100%; -webkit-transition:background-color .7s, color .7s; transition:background-color .7s, color .7s; }
	.prom_bn4_btn01 a:hover { background:#222; color:#fff; }

	.promotionArea { width:100%; height:70px; background:#7b7c7f; }
	.promotionInner { width:1100px; height:70px; background:url('../img/whatsnew/green_bg.jpg') 0 0 no-repeat; position:relative; left:50%; margin-left:-550px; }
	.promotionView { height:70px; line-height:70px; }
	.promotionView p { text-align:center; position:relative; left:20px; }
	.promotionView p a { font-size:26px; color:#ffffff; vertical-align:middle; }
	.promotionView img { vertical-align:middle; }

	.prom_section { display:none; }
	.prom_section div.prom_news { padding:40px 0 70px 0; position:relative; }
	.prom_section div.prom_pro_event { padding:40px 0 70px 0; background:#f4f4f2; }
	.prom_section div.prom_store_event { padding:40px 0 70px 0; }

	.prom_news p.edge { position:absolute; top:0; left:50%; margin-left:-14px; z-index:2; }
	.prom_section_inner { width:1100px; margin:0 auto; }
	.prom_section p.tit { font-size:18px; font-weight:bold; color:#222222; margin-bottom:20px; }
	.prom_section ul.prom_gallery { width:1120px; position:relative; left:-10px; top:-10px; }
	.prom_section ul.prom_gallery:after { content:""; display:block; clear:both; }
	.prom_section ul.prom_gallery li { float:left; width:260px; margin:10px; position:relative; cursor:pointer; }
	.prom_section ul.prom_gallery li dl { border:1px solid #e1e1e1; }
	.prom_section ul.prom_gallery li dt { width:258px; height:244px; overflow:hidden; }
	.prom_section ul.prom_gallery li dt img { transition: transform 1s; -webkit-transition: -webkit-transform 1s;  }
	.prom_section ul.prom_gallery li dt img:hover { transform: scale(1.1, 1.1); }
	.prom_section ul.prom_gallery li dd { width:258px; padding:12px 0 18px 0; text-align:center; vertical-align:middle; height:33px;}
	.prom_section ul.prom_gallery li dd p.p1 { font-size:16px; color:#444444; margin-bottom:5px; padding-top:2px; width:90%; margin:0 auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } /* 20210511 수정 */
	.prom_section ul.prom_gallery li dd p.p2 { font-size:12px; color:#666666; }

	.prom_section div.prom_store_event ul.prom_gallery li dt { width:258px; height:0; padding:0 0 75% 0; overflow:hidden; }

	.prom_section ul.prom_gallery li div.prom_cover { width:262px; height:318px; position:absolute; left:0; top:0; background:url('../img/whatsnew/pic_cover.png') 0 0 no-repeat; }
	/* WHAT'S NEW 메인 end */

	/* 소셜 스타벅스 */
	section.social_sbux { width:1100px; margin:0 auto; position:relative; }
	p.social_sbux_visual { margin-bottom:40px; }
	div.social_icon_wrap { height:28px; position:relative; margin-bottom:20px; }
	ul.social_icon { width:136px; position:absolute; right:0; top:0; }
	ul.social_icon:after { content:""; display:block; clear:both; }
	ul.social_icon li { float:left; width:28px; margin-left:8px; }
	ul.social_icon li.fli { margin-left:0; }

	.social_sbux_grid { position:relative; width:1100px; margin:0 auto; }
	.social_sbux_grid div.grid-item { width:258px; border-radius:3px; box-shadow:1px 1px 3px #dddddd; border:1px solid #dddddd; margin-bottom:20px; background:#ffffff; }
	.social_sbux_grid div.grid-item div.tit { padding:10px 18px; position:relative; border-bottom:1px dotted #ddd; }
	.social_sbux_grid div.grid-item div.tit p.date { font-size:12px; color:#666666; position:absolute; right:20px; top:20px; }
	.social_sbux_grid div.grid-item div.con { padding:20px; }
	.social_sbux_grid div.grid-item div.con p {  font-size:12px; color:#666666; line-height:1.6; }
	.social_sbux_grid div.grid-item div.con p.by { font-size:12px; font-weight:bold; color:#444444; }
	.social_sbux_grid div.grid-item div.con p.my { font-size:12px; font-weight:bold; color:#444444; margin-bottom:5px; }
	.social_sbux_grid div.grid-item div.con p a { font-size:12px; color:#006633; border-bottom:1px solid #006633; line-height:1; }

	.social_sbux_more { width:1100px; height:42px; line-height:42px; background:#f4f4f2; text-align:center; margin:40px auto 80px; cursor:pointer; }
	.social_sbux_more p { font-size:12px; font-weight:bold; color:#444444; }
	.social_sbux_more p img { vertical-align:middle; }
	/* 소셜 스타벅스 end */

	/* 새소식 */
	.news_area { width:1100px; margin:0 auto; position:relative; padding-bottom:80px; }
	.news_tab_wrap { width:1098px; height:95px; border:1px solid #dddddd; border-radius:3px; margin-bottom:50px; position:relative; }
	.news_sch_wrap { padding:20px 30px; height:38px; background:#f4f4f2; border-radius:3px; margin-bottom:40px; position:relative; }
	.news_sch_wrap p { position:absolute; right:30px; top:20px; }
	.news_sch_wrap p input { width:321px; height:36px; line-height:36px; border:1px solid #ddd; border-radius:3px; text-indent:10px; color:#666; }
	.news_sch_wrap p a { display:inline-block; *zoom:1; *display:inline; width:54px; height:38px; line-height:38px; background:#777; border-radius:3px; font-size:14px; font-weight:bold; color:#fff; text-align:center; }
	.news_content > dt { position:absolute; }
	.news_content > dt.dt1 { left:30px; top:30px; }
	.news_content > dt.dt2 { left:240px; top:30px; }
	.news_content > dt.dt3 { left:450px; top:30px; }
	.news_content > dt.dt4 { left:660px; top:30px; }
	.news_content > dt.dt5 { left:870px; top:30px; }
	.news_content > dt > a { display:block; color:#222222; width:200px; height:35px; line-height:35px; background:#f4f4f1; font-size:14px; color:#222222; text-align:center; border-radius:3px; }
	.news_content > dt > a.selected { background:#006633; color:#ffffff; position:absolute; }
	.news_content > dd { width:1100px; display:none; }
	.news_content > dd p.news_info { font-size:12px; color:#666666; text-align:right; margin-bottom:10px; }
	.news_content > dd p.news_info span { font-weight:bold; color:#b7312c; }

	table.news_tb { width:1100px; margin-bottom:40px; }
	table.news_tb th { padding:17px 0; font-size:14px; font-weight:normal; color:#222222; text-align:center; border-top:1px solid #333333; border-bottom:1px solid #333333; }
	table.news_tb td { padding:20px 0; vertical-align:middle; font-size:14px; color:#666666; text-align:center; border-bottom:1px solid #dddddd; }
	table.news_tb td.left { text-align:left; }
	table.news_tb td p.tit { font-size:16px; /*font-weight:bold;*/ color:#444444; /*margin-bottom:10px;*/ } /* 20210511 수정 */
	table.news_tb td p.con { line-height:1.6; padding-right:10px; }

	div.news_pagination { height:27px; margin-top:50px; width:100%; }
	div.news_pagination ul.pager { text-align:center; }
	div.news_pagination ul.pager li { display:inline-block; margin:0 10px; vertical-align:middle; }
	*:first-child+html div.news_pagination ul.pager li { display:inline; margin:0 5px; vertical-align:middle; }
	div.news_pagination ul.pager li.control { margin:0 1px; }
	div.news_pagination ul.pager li.active a { font-weight:bold; color:#0d5f34; border-bottom:1px solid #0d5f34; }
	div.news_pagination ul.pager li a { font-size:12px; color:#555555; }

	.wn_cont{ left:50%; margin:0 0 0 -550px; position: relative; width: 1100px; }

	section.news_veiw_wrap { position:relative; margin-bottom:60px}
	section.news_veiw_wrap.mb_none { position:relative; margin-bottom:0px !important;} /* 220518 불필요여백 삭제 */
	section.news_veiw_wrap header { border:1px solid #dddddd; border-radius:3px; padding:20px 140px 20px 20px; }
	section.news_veiw_wrap header:after { content:""; display:block; clear:both; }
	section.news_veiw_wrap header h3 {position: relative; float:left; font-size:18px; font-weight:bold; color:#222222; } /* 230531 공유하기 추가 */
	section.news_veiw_wrap header h3 span.date {display: inline-block;  font-size:12px; font-weight:normal; color:#666666; padding-left:5px; vertical-align: bottom; } /*20170731 수정*/
	section.news_veiw_wrap header h3 .icon_share {display: none;} /* 230531 공유하기 추가 */
	section.news_veiw_wrap header p.s_t { float:right; font-size:12px; font-weight:normal; color:#666666; margin-top:5px; background:url('../img/whatsnew/s_dot.png') 0 4px no-repeat; padding-left:8px; }
	section.news_veiw_wrap header p.s_t span { color:#006633; }
	section.news_veiw_wrap header ul.sns_wrap {  position:absolute; right:20px; top:15px; /*width:108px; */ height:28px; background:url('../img/whatsnew/cpv_line.png') 0 0 no-repeat;  } /*20170731  sns 삭제로 인한 수정*/
	section.news_veiw_wrap header ul.sns_wrap li { float:left; padding-left:8px; }

	section.news_veiw_wrap div.btn_news_wrap { width:100%; height:45px; position:relative; margin-top:20px; }
	section.news_veiw_wrap p.btn_news_list { border-radius:3px; height:45px; width:84px; background:#666666; position:absolute; right:50px; top:0; }
	section.news_veiw_wrap p.btn_news_list a { display:block; font-size:14px; color:#fff; font-weight:bold; text-align:center; height:45px; line-height:45px; width:100%; }

	article.news_veiw_info { padding:60px 50px 0 50px;}
	article.news_veiw_info div.news_veiw_info_inner { position:relative; }
	article.news_veiw_info div.news_veiw_info_inner p.img_01 { position:relative; width:100%; height:2587px; background:url('../img/whatsnew/event/campaign_veiw_info_img01.jpg') 0 0 no-repeat; }

	.campaign_veiw_each { position:relative; width:100%; }
	.campaign_veiw_each img { width:100%; }

	article.news_veiw_info div.news_veiw_info_inner p.img_01 a.img_01_link1 { display:block; position:absolute; left:20%; top:16.5%; width:61%; height:17%; overflow:hidden; text-indent:-20000px; background:gold; filter:alpha(opacity=0); opacity:0; }
	article.news_veiw_info div.news_veiw_info_inner p.img_01 a.img_01_link2 { display:block; position:absolute; left:22%; top:39%; width:52%; height:17.2%; overflow:hidden; text-indent:-20000px; background:gold; filter:alpha(opacity=0); opacity:0; }
	article.news_veiw_info div.news_veiw_info_inner p.img_01 a.img_01_link3 { display:block; position:absolute; left:39%; top:97%; width:22%; height:1.4%; overflow:hidden; text-indent:-20000px; background:gold; filter:alpha(opacity=0); opacity:0; }

	table.pn_content_tb { width:1100px; margin-bottom:75px; }
	table.pn_content_tb.mb_none { width:1100px; margin-bottom:0px !important; }/* 220518 불필요여백 삭제 */
	table.pn_content_tb th { padding:15px 0 15px 20px; font-size:14px; color:#222222; background:#f4f4f2; text-align:left; border-bottom:1px solid #dddddd; }
	table.pn_content_tb td { padding:15px 0 15px 20px; font-size:14px; color:#666666; border-bottom:1px solid #dddddd; }

	table.pn_content_tb th.fth { border-top:1px solid #333333; }
	table.pn_content_tb td.ftd { border-top:1px solid #333333; }

	table.pn_content_tb th.lth { border-bottom:1px solid #333333; }
	table.pn_content_tb td.ltd { border-bottom:1px solid #333333; }
	/* 새소식 end */

	/* 공지사항 */
	.notice_wrap { width:1100px; padding-bottom:80px; margin:0 auto; }
	table.notice_tb { width:1100px; }
	table.notice_tb th { font-size:14px; font-weight:bold; color:#222222; text-align:center; padding:17px 0; border-top:1px solid #333333; border-bottom:1px solid #333333; }
	table.notice_tb td { font-size:14px; color:#666666; text-align:center; padding:17px 0; border-bottom:1px solid #dddddd; line-height:1.8; }
	table.notice_tb td.left { text-align:left; padding-left:20px; }
	table.notice_tb td.first { background:#f4f4f2; }
	table.notice_tb td.first a { color:#006633; border-bottom:1px solid #006633; } 
	table.notice_tb td a { color:#666666; font-size: 16px; } /* 20210511 수정 */

	section.notice_veiw_wrap { position:relative; margin-bottom:60px; }
	section.notice_veiw_wrap header { border-top:1px solid #333333; border-bottom:1px solid #333333; padding:20px 140px 20px 20px; }
	section.notice_veiw_wrap header:after { content:""; display:block; clear:both; }
	section.notice_veiw_wrap header h3 { float:left; font-size:18px; font-weight:bold; color:#222222; }
	section.notice_veiw_wrap header h3 span.date { display: inline-block; font-size:12px; font-weight:normal; color:#666666; padding-left:5px; vertical-align: bottom; } /*20170731  edit*/
	section.notice_veiw_wrap header p.s_t { float:right; font-size:12px; font-weight:normal; color:#666666; margin-top:5px; background:url('../img/whatsnew/s_dot.png') 0 4px no-repeat; padding-left:8px; }
	section.notice_veiw_wrap header p.s_t span { color:#006633; }
	section.notice_veiw_wrap header ul.sns_wrap {  position:absolute; right:20px; top:15px; /*width:108px; */height:28px;  }/* 20170731   sns  삭제에 의한 수정*/
	section.notice_veiw_wrap header ul.sns_wrap li { float:left; padding-left:8px; }

	div.btn_notice_wrap { width:1100px; height:45px; position:relative; margin-top:20px; }
	section.notice_veiw_wrap p.btn_notice_list { border-radius:3px; height:45px; width:84px; background:#666666; position:absolute; right:0; top:0; }
	section.notice_veiw_wrap p.btn_notice_list a { display:block; font-size:14px; color:#fff; font-weight:bold; text-align:center; height:45px; line-height:45px; width:100%; }

	article.notice_veiw_info { padding:30px 10px; border-bottom:1px solid #dddddd;}
	article.notice_veiw_info div.notice_veiw_info_inner { position:relative; font-size:14px; color:#666666; line-height:1.6; }
	article.notice_veiw_info div.notice_veiw_info_inner ul { font-size:12px; }
	/* 공지사항 end */

	/* 월페이퍼/스크린세이버 */
	.wallpaper_wrap { width:1100px; margin:0 auto; /*padding-bottom:40px; */}  /*20170529 수정 : padding-bottom 삭제*/
	.wallpaper_wrap div.wallpaper_vis { margin-bottom:40px; }
	/*
	.wallpaper_wrap div.wallpaper_vis { width:1100px; height:180px; background:url('../img/whatsnew/wallpaper_vis_bg.jpg') 0 0 no-repeat; margin-bottom:40px; }
	.wallpaper_wrap div.wallpaper_vis p { text-align:center; color:#ffffff; }
	.wallpaper_wrap div.wallpaper_vis p.p1 { padding-top:65px; margin-bottom:14px; font-size:18px; font-weight:bold; }
	.wallpaper_wrap div.wallpaper_vis p.p2 { font-size:14px; }
	*/
	.screen_info dl { width:1100px; }
	.screen_info dl:after { content:""; display:block; clear:both; }
	.screen_info dt { width:376px; float:right; padding-top:20px; }
	.screen_info dd { width:724px; float:left; }
	.screen_info p.tit { font-size:18px; font-weight:bold; color:#222222; margin-bottom:15px; }
	.screen_info p.gt1 { font-size:14px; color:#006633; line-height:1.6; }
	.screen_info p.gt2 { font-size:14px; color:#444444; line-height:1.6; }

	.screen_info div.screen_method { width:468px; background:#f4f4f2; border-radius:3px; padding:20px; margin-bottom:20px; margin-top:20px; }
	.screen_info div.screen_method li { font-size:12px; color:#666666; padding-left:10px; margin-bottom:8px; background:url('../img/msr/scard/icon_dot.jpg') 0 5px no-repeat; line-height:1.4; }
	.screen_info div.screen_method li a { color:#006633; border-bottom:1px solid #006633; }
	.screen_info p.download a { display:block; width:82px; height:30px; line-height:30px; background:#006633; font-size:12px; font-weight:bold; color:#ffffff;  text-align:center; border-radius:3px;}

	.wallpaper_area { padding: 0 0 60px; /*background:#f4f4f2;*/ } /*20170529 수정 : padding-top: 수정 , bg삭제*/
	.wp_inner { width:1100px; margin:0 auto; position:relative; }
	.wallpaper_area p.tit { font-size:18px; font-weight:bold; color:#222222; margin-bottom:20px; }

	.wallpaper_area div.select_box { width:158px; height:38px; border:1px solid #dddddd; border-radius:3px; background:#ffffff url("../img/coffee/select_arrow.png") no-repeat 93% center; position:absolute; right:0; top:-20px; }
	.wallpaper_area div.select_box label.value{ display:block; margin:0 10px 0 10px; text-align:left; height:38px; line-height:38px;text-indent:4px; font-size:16px; color:#444444; font-family:"nbg"; overflow:hidden; }
	.wallpaper_area div.select_box select{ width:160px; padding:0 10px 0 10px; position:absolute; left:0; top:0px; height:38px;text-align:left;line-height:38px;font-size:16px; color:#444444; border:0;background:#fff; font-family:"nbg"; filter:alpha(opacity=0); opacity:0; z-index:20; }
    .wpYear { width:158px; height:38px; position:absolute; right:0; top:0; text-align:right} /*20170529 추가 : 셀렉트 삭제, 텍트트트추가/*20170529 추가*/

	.wallpaper_area ul.wp_gallery { width:1100px; }
	.wallpaper_area ul.wp_gallery:after { content:""; display:block; clear:both; }
	.wallpaper_area ul.wp_gallery > li { float:left; width:350px; margin-right:25px; margin-bottom:30px; }
	.wallpaper_area ul.wp_gallery > li.last { margin-right:0; }

	.wallpaper_area ul.wp_gallery dt { width:350px; height:280px; margin-bottom:20px; }
	.wallpaper_area ul.wp_gallery dt img { width:100%; height:100%; }
	.wallpaper_area ul.wp_gallery dd ul { width:350px; }
	.wallpaper_area ul.wp_gallery dd ul:after { content:""; display:block; clear:both; }
	.wallpaper_area ul.wp_gallery dd li { float:left; margin-right:4px; width:112px; }
	.wallpaper_area ul.wp_gallery dd li.last { margin-right:0; }
	.wallpaper_area ul.wp_gallery dd a { display:block; width:100%; height:28px; line-height:28px; background:#fcfcfc; border:1px solid #ddd; border-radius:3px; font-size:12px; color:#444; text-align:center; }
	.wallpaper_area ul.wp_gallery dd a img { margin-top:6px; }

	/* Journey with Starbucks Planner */
	.planner_wrap { width:1100px; margin:0 auto; padding-bottom:80px; }
	.planner_skin_area { width:1100px; }
	.planner_skin_area:after { content:""; display:block; clear:both; }
	.planner_skin_l { width:689px; float:left; }
	.planner_skin_r { width:400px; float:right; }
	.planner_skin_r > ul { width:400px; position:relative; }
	.planner_skin_r > ul:after { content:""; display:block; clear:both; }
	.planner_skin_r > ul > li { position:relative; margin-bottom:10px; }
	.planner_skin_r > ul > li.planner_twin_skin > ul { width:400px; }
	.planner_skin_r > ul > li.planner_twin_skin > ul:after { content:""; display:block; clear:both; }
	.planner_skin_r > ul > li.planner_twin_skin > ul > li { float:left; position:relative; }
	.planner_skin_r > ul > li.planner_twin_skin > ul > li.mr { margin-right:9px; }
	.planner_skin_cover { position:absolute; left:0; top:0; display:none; cursor:pointer; }

	/*
	..june_event_section1{width:948px;height:354px;background:url("../img/whatsnew/planner/june_event_section1.jpg") 0 0 no-repeat;position:relative;}
	..june_event_section2{width:948px;height:559px;background:url("../img/whatsnew/planner/june_event_section2.jpg") 0 0 no-repeat;position:relative;display:none;}
	..june_event_section3{width:948px;height:281px;background:url("../img/whatsnew/planner/june_event_section3.jpg") 0 0 no-repeat;position:relative;}

	.june_event_section1 p.event_view_btn1{position:absolute;left:382px;top:308px;}
	.june_event_section2 p.event_view_btn2{position:absolute;left:365px;top:315px;}
	.june_event_section2 p.winner_btn{position:absolute;left:561px;top:260px;}
	*/

	.planner_event_section1 { position:relative; }
	.planner_event_section2 { position:relative; display:none; }
	.planner_event_section3 { position:relative; }

	.planner_event_section1 p.event_view_btn1{ position:absolute; left:43%; top:88%; width:15%; }
	.planner_event_section1 p.event_view_btn1 a { display:block; width:100%; height:100%; }
	.planner_event_section2 p.event_view_btn2{ position:absolute; left:40%; top:57%; width:22.5%; }
	.planner_event_section2 p.winner_btn{ position:absolute; left:60%; top:48.5%; width:8%; } /*display:block !important;*/

	.planner_event_info{ width:1100px; position:relative; overflow:hidden; }
	.m_planner_event_info { display:none; }
	.planner_event_sample { width:1100px; height:637px; background:url('../img/whatsnew/planner/planner_event_sample.jpg') 0 0 no-repeat; position:relative; }
	.planner_event_sample p.event_view_btn1{position:absolute;left:458px;top:308px;}

	ul.planner_sns_wrap{width:125px;position:absolute;right:30px;top:30px;}
	ul.planner_sns_wrap:after{content:"";display:block;clear:both;}
	ul.planner_sns_wrap li{float:left;margin:0 4px;}
	
	.planner_gallery{ width:1100px; background:url("../img/whatsnew/planner/planner_gallery_bg.jpg") 0 0 repeat; margin-bottom:10px; padding-bottom:20px; }

	.planner_gallery ul.tab{width:535px;padding:18px 0;margin-left:300px;}
	.planner_gallery ul.tab:after{content:"";display:block;clear:both;}
	.planner_gallery ul.tab li{float:left;margin-right:11px;}
	.planner_gallery ul.tab li.mrn{margin-right:0;}
	.planner_gallery ul.tab a{display:block;width:171px;height:46px;text-indent:-9999px;}

	/* 웹용 월별 슬라이드 */
	.tabBigWrapper{position:relative;}
	.tabWrapper{width:718px; height:82px; margin:0 auto; position:relative; overflow:hidden;}

	.tabWrapper ul.tab{margin-left:0;position:absolute;left:0;top:5px;}
	.tabWrapper ul.tab li{width:171px;}
	.tabWrapper ul.tab li.li1 a{background:url("../img/whatsnew/planner/tab1.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li1 a.selected{background:url("../img/whatsnew/planner/tab1_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li2 a{background:url("../img/whatsnew/planner/tab2.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li2 a.selected{background:url("../img/whatsnew/planner/tab2_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li3 a{background:url("../img/whatsnew/planner/tab3.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li3 a.selected{background:url("../img/whatsnew/planner/tab3_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li4 a{background:url("../img/whatsnew/planner/tab4.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li4 a.selected{background:url("../img/whatsnew/planner/tab4_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li5 a{background:url("../img/whatsnew/planner/tab5.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li5 a.selected{background:url("../img/whatsnew/planner/tab5_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li6 a{back
ground:url("../img/whatsnew/planner/tab6.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li6 a.selected{background:url("../img/whatsnew/planner/tab6_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li7 a{background:url("../img/whatsnew/planner/tab7.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li7 a.selected{background:url("../img/whatsnew/planner/tab7_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li8 a{background:url("../img/whatsnew/planner/tab8.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li8 a.selected{background:url("../img/whatsnew/planner/tab8_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li9 a{background:url("../img/whatsnew/planner/tab9.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li9 a.selected{background:url("../img/whatsnew/planner/tab9_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li10 a{background:url("../img/whatsnew/planner/tab10.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li10 a.selected{background:url("../img/whatsnew/planner/tab10_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li11 a{background:url("../img/whatsnew/planner/tab11.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li11 a.selected{background:url("../img/whatsnew/planner/tab11_on.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li12 a{background:url("../img/whatsnew/planner/last/tab12.png") 0 0 no-repeat;}
	.tabWrapper ul.tab li.li12 a.selected{background:url("../img/whatsnew/planner/last/tab12_on.png") 0 0 no-repeat;}


	.tabBigWrapper #prevTabBtn{ position:absolute; left:50%; top:27px; margin-left:-393px; }
	.tabBigWrapper #nextTabBtn{ position:absolute; right:50%; top:27px; margin-right:-393px; }
	.tabBigWrapper #prevTabBtn a{display:block;width:18px;height:30px;background:url("../img/whatsnew/planner/prevBtn.png") 0 0 no-repeat;text-indent:-20000px;}
	.tabBigWrapper #nextTabBtn a{display:block;width:18px;height:30px;background:url("../img/whatsnew/planner/nextBtn.png") 0 0 no-repeat;text-indent:-20000px;}
	/* 웹용 월별 슬라이드 end */

	/* 모바일 용 월별 슬라이드 */
	.month_wrap { position:relative; display:none; }
	.month_wrap .swiper-container {padding:5% 0 7.5% 0;margin:0 auto;width:80%;overflow:hidden;}
	.month_wrap .swiper-container .swiper-slide {position:relative;left:0.5%;}
	.month_wrap .swiper-container .swiper-slide a {display:block; width:96%; height:332%; text-indent:-20000px;}
	/* 모바일 용 월별 슬라이드 end */

	.slider_loading { position:absolute; left:0; top:0; z-index:9999; width:100%; height:100%; background:#000; }
	.slider_loading p { text-align:center; position:absolute; top:50%; left:50%; margin-left:-63.5px; margin-top:-63.5px; }

	.m_planner_skin_area { display:none; }

	.diary_sliderWrap ul.diary_gallery_slider li div.store_pop img { width:1535px; max-width:inherit; }

	ul.planner_last_section li.li2 { height:399px; background:#000;  }
	ul.planner_last_section li.li2 p.m_skin { display:none; }

	..all_popup{width:96%;max-width:600px;position:absolute;left:2%;top:2%;z-index:9999;display:none;}
	..size_popup{width:96%;max-width:600px;position:absolute;left:2%;top:2%;z-index:9999;display:none;}
	..color_popup{width:96%;max-width:600px;position:absolute;left:2%;top:2%;z-index:9999;display:none;}
	..concept_popup{width:96%;max-width:600px;position:absolute;left:2%;top:2%;z-index:9999;display:none;}
	..other_popup{width:96%;max-width:600px;position:absolute;left:2%;top:2%;z-index:9999;display:none;}

	..popup_head{width:100%;height:65px;background:#bd211e;position:relative;}
	.popup_head p.tit{font-size:24px;color:#ffffff;font-weight:bold;text-align:center;padding-top:23px;}
	.popup_head p.close{position:absolute;right:15px;top:15px;}
	.popup_head p.close a { display:block; width:32px; height:32px; transition:transform 1s; }
	.popup_head p.close a:hover { transform:rotate(180deg); }

	..store_popup{width:96%;max-width:600px;position:absolute;left:2%;z-index:9999;display:none;}
	.store_content_wrap{position:relative;}
	.store_content_wrap p.prevBtn{position:absolute;left:2%;top:44%;}
	.store_content_wrap p.nextBtn{position:absolute;right:2%;top:44%;}
	ul.storeSlider li{position:relative;}
	ul.storeSlider p.zoom{position:absolute;left:3%;bottom:3%;width:8%;}
	.popup_foot{height:55px;background:#000;position:relative;}
	.popup_foot p.popup_num{font-size:16px;color:#ffffff;font-weight:bold;padding:20px 0 0 15px;}
	.popup_foot p.go_park{position:absolute;right:3%;top:20%;width:35%;text-align:right;}
	.store_popup .bx-wrapper { margin:0 auto; }
	.store_popup .bx-wrapper .bx-pager { display:none; }

	.product_view_more_wrap { height:55px; margin-bottom:70px; width:100%; }
	.product_view_more_wrap p { height:55px; margin:0 auto; width:55px; }
	.product_view_more_wrap p a { background:url("../img/menu/product_view_more.png"); background-size:100% auto; display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; }

	.month_wrap .swiper-container .swiper-slide a.t1{background:url("../img/whatsnew/planner/tab1.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t2{background:url("../img/whatsnew/planner/tab2.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t3{background:url("../img/whatsnew/planner/tab3.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t4{background:url("../img/whatsnew/planner/tab4.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t5{background:url("../img/whatsnew/planner/tab5.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t6{background:url("../img/whatsnew/planner/tab6.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t7{background:url("../img/whatsnew/planner/tab7.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t8{background:url("../img/whatsnew/planner/tab8.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t9{background:url("../img/whatsnew/planner/tab9.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t10{background:url("../img/whatsnew/planner/tab10.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t11{background:url("../img/whatsnew/planner/tab11.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t12{background:url("../img/whatsnew/planner/last/tab12.png") 0 0 no-repeat;background-size:100% auto;}

	.month_wrap .swiper-container .swiper-slide a.t1.selected{background:url("../img/whatsnew/planner/tab1_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t2.selected{background:url("../img/whatsnew/planner/tab2_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t3.selected{background:url("../img/whatsnew/planner/tab3_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t4.selected{background:url("../img/whatsnew/planner/tab4_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t5.selected{background:url("../img/whatsnew/planner/tab5_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t6.selected{background:url("../img/whatsnew/planner/tab6_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t7.selected{background:url("../img/whatsnew/planner/tab7_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t8.selected{background:url("../img/whatsnew/planner/tab8_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t9.selected{background:url("../img/whatsnew/planner/tab9_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t10.selected{background:url("../img/whatsnew/planner/tab10_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t11.selected{background:url("../img/whatsnew/planner/tab11_on.png") 0 0 no-repeat;background-size:100% auto;}
	.month_wrap .swiper-container .swiper-slide a.t12.selected{background:url("../img/whatsnew/planner/last/tab12_on.png") 0 0 no-repeat;background-size:100% auto;}

	.month_wrap ..arrow-left{width:2.5%;height:50%;display:block;background:url("../img/whatsnew/planner/prevBtn.png") no-repeat;background-size:100% auto;position:absolute;left:3%;top:35%;}
	.month_wrap ..arrow-right{width:2.5%;height:50%;display:block;background:url("../img/whatsnew/planner/nextBtn.png") no-repeat;background-size:100% auto;position:absolute;right:3%;top:35%;}
	/* 모바일 용 월별 슬라이드 end */

	.gallery_slide_wrap{ width:916px; height:456px; overflow:hidden; position:relative; margin:0 auto; }
	.p_gallery{width:916px;}
	.p_gallery ul{width:916px;height:456px;}
	.p_gallery ul:after{content:"";display:block;clear:both;}
	.p_gallery ul li{float:left;margin:1px;width:150px;height:150px;position:relative;}
	.p_gallery ul li.bigImg{width:300px;height:300px;}
	.p_gallery ul li div.bg{position:absolute;left:0;top:0;border:5px solid #13a277;width:140px;height:140px;}
	.p_gallery ul li.bigImg div.bg{position:absolute;left:0;top:0;border:5px solid #13a277;width:290px;height:290px;}

	.planner_last_section { width:1100px; margin-bottom:10px; }
	.planner_last_section:after { content:""; display:block; clear:both; }
	.planner_last_section li.li1 { float:left; width:660px; }
	.planner_last_section li.li2 { float:right; width:430px; }
	.youtube_wrap { width:660px; height:399px; }

	/* 플래너 팝업 */
	..lightbox{width:100%;height:100%;background:url("../img/whatsnew/planner/overlay.png") repeat;position:fixed;left:0;top:0;z-index:9998;display:none;}
	..planner_pop_head{width:888px;height:63px;text-align:center;background:#bd211e;position:relative;}
	.planner_pop_head p.tit{font-size:30px;color:#ffffff;padding-top:14px;font-family:arial, HelveticaNeue, DroidSans, Sans-serif, Helvetica;}
	.planner_pop_head p.close{position:absolute;right:22px;top:15px;}
	.planner_pop_head p.close a { display:block; width:32px; height:32px; transition:transform 1s; }
	.planner_pop_head p.close a:hover { transform:rotate(180deg); }
	/* width → 760px 레이어 팝업 */
	.planner_sliderWrap{padding:20px 0;background:#fff;position:relative;width:888px;}
	..planner_gallery_sliderArea{width:760px;margin-left:65px;overflow:hidden;position:relative;}
	.planner_sliderWrap ul.planner_gallery_slider{width:20000px;position:absolute;}
	.planner_sliderWrap ul.planner_gallery_slider:after{content:"";display:block;clear:both;}
	.planner_sliderWrap ul.planner_gallery_slider li{float:left;}

	..planner_pop_all{width:888px;position:absolute;left:50%;margin-left:-444px;z-index:10001;display:none;}
	..planner_pop_size{width:888px;position:absolute;left:50%;margin-left:-444px;z-index:10001;display:none;}
	..planner_pop_color{width:888px;position:absolute;left:50%;margin-left:-444px;z-index:10001;display:none;}
	..planner_pop_concept{width:888px;position:absolute;left:50%;margin-left:-444px;z-index:10001;display:none;}
	..planner_pop_other{width:888px;position:absolute;left:50%;margin-left:-444px;z-index:10001;display:none;}
	..planner_pop_diary{width:888px;position:absolute;left:50%;margin-left:-444px;z-index:10001;display:none;}

	.size_gallery{height:578px;}
	.color_gallery{height:578px;}
	.concept_gallery{height:594px;}
	.diary_gallery{height:730px;}

	.color_foot{height:50px;background:#000000;}
	.color_foot p.planner_gallery_slider_num{font-size:12px;color:#ffffff;text-align:center;padding-top:20px;}

	/* width → 880px 레이어 팝업 */
	.diary_sliderWrap{background:#fff;position:relative;width:888px;}
	..diary_gallery_sliderArea{width:888px;overflow:hidden;position:relative;}
	.diary_gallery_sliderArea p.zoom{position:absolute;left:20px;bottom:20px;cursor:pointer;}
	.diary_sliderWrap ul.diary_gallery_slider{width:20000px;position:absolute;}
	.diary_sliderWrap ul.diary_gallery_slider:after{content:"";display:block;clear:both;}
	.diary_sliderWrap ul.diary_gallery_slider li{float:left;position:relative;}
	.diary_sliderWrap ul.diary_gallery_slider li div.store_pop{position:absolute;left:0;top:0;width:888px;height:730px;overflow:scroll;display:none;z-index:10003;}
	.diary_sliderWrap .planner_slide_prev{top:330px;}
	.diary_sliderWrap .planner_slide_next{top:330px;}
	.diary_foot{height:50px;background:#262626;position:relative;}
	.diary_foot p.planner_gallery_slider_num{font-size:12px;color:#ffffff;padding:20px 0 0 28px;}
	.diary_foot p.park_view{position:absolute;right:28px;top:12px;}

	/* 플래너 슬라이드 앞, 뒤 버튼 공통 */
	..planner_slide_prev{position:absolute;left:16px;top:44%;width:56px;height:56px;}
	..planner_slide_next{position:absolute;right:16px;top:44%;width:56px;height:56px;}
	.planner_slide_prev p{position:relative;}
	.planner_slide_next p{position:relative;}
	.planner_slide_prev a{position:absolute;left:0;top:0;}
	.planner_slide_next a{position:absolute;left:0;top:0;}
	.planner_slide_prev a.prevOn{display:none;}
	.planner_slide_next a.nextOn{display:none;}

	.planner_free_info{width:948px;position:relative;margin-bottom:5px;}
	..planner_free_section1{width:948px;height:426px;background:url("../img/whatsnew/planner/planner_event_img01.jpg") 0 0 no-repeat;position:relative;}
	..planner_free_section2{width:948px;height:635px;background:url("../img/whatsnew/planner/planner_event_img02.jpg") 0 0 no-repeat;position:relative;display:none;}
	.event_free_btn{position:absolute;left:384px;top:294px;}
	.free_btn1{position:absolute;left:755px;top:146px;}
	.entry_wrap{width:725px;height:79px;background:#312c27;border:3px solid #000000;position:absolute;left:114px;top:301px;}
	.inner_entry{position:relative;}
	p.entry_tit{padding:33px 0 0 56px;}
	ul.entry_btn{position:absolute;left:462px;top:23px;}
	ul.entry_btn li{float:left;margin-right:5px;}
	p.entry_input{width:234px;padding-left:60px;height:34px;background:url(".../img/whatsnew/planner/entry_input_bg.jpg") 0 0 no-repeat;position:absolute;left:148px;top:22px;}
	p.entry_input input{background:#eaeaea;font-size:16px;color:#312c27;width:228px;height:21px;line-height:21px;font-weight:bold;border:0;padding-top:5px;}
	/* Journey with Starbucks Planner end */
	
	
	/* 리저브 매거진 list */	
	/* 20200527 추가 */
	section.magazine_wrap { position:relative; }
	section.magazine_wrap h3 { display:block; position:absolute; top:20px; border-radius:3px; }
	section.magazine_wrap h3.magazine_all { left:30px; }
	section.magazine_wrap h3.magazine_people { left:240px; }
	section.magazine_wrap h3.magazine_coffee { left:450px; }
	section.magazine_wrap h3.magazine_places { left:660px; }
	section.magazine_wrap h3.magazine_experience { left:870px; }
	
	section.magazine_wrap h3 a { background:#fff; color:#222222; border-radius:3px; display:block; font-size:14px; height:35px; line-height:35px; text-align:center; width:200px; } /* 20200603 수정 */
	section.magazine_wrap h3 a.on { background:#eae7e0; color:#222; border-radius:3px; display:block; font-size:14px; height:35px; line-height:35px; text-align:center; width:200px; } /* 20200603 수정 */

	section.magazine_wrap article { padding-top:40px; display:none; }
	section.magazine_wrap article.on { padding-top:40px; display:block; }
	section.magazine_wrap div.box_bg { background:#ffffff; border:1px solid #dddddd; height:71px; width:1098px; border-radius:3px; }

	section.magazine_wrap article div.magazine_list { position:relative; }
	section.magazine_wrap article div.magazine_list > dl > dt { padding:21px; background:#f4f4f2; margin-bottom:21px; border-radius:3px; font-size:18px; font-weight:bold; color:#222222; overflow:hidden;}
	section.magazine_wrap article div.magazine_list > dl > dd { margin-bottom:40px; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul { width: 1120px; position:relative; left:-10px; top:-10px; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul:after { content:""; display:block; clear:both; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul > li { width:260px; float:left; margin:10px; position:relative; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul > li > div.campaign_list_cover { width:260px; height:318px; background:url('../img/whatsnew/event/event_cover.png') 0 0 no-repeat; position:absolute; left:0px; top:0; cursor:pointer; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dl { width:260px; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dt { width:260px; height:260px; position:relative; overflow:hidden; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dt > a > img { transition: transform 1s; -webkit-transition: -webkit-transform 1s; width:100%; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dt > a > img:hover { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dd { height:50px; padding:19px 10px 0 10px; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dd h4 { font-size:14px; color:#444444; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:16px; line-height:16px; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dd p.date { font-size:12px; color:#666666; height:16px; line-height:16px; margin-top:8px; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
	/* //20200527 추가 */
	/* (프로모션&이벤트) list */	

	section.campaign_wrap { position:relative; }
	section.campaign_wrap h3 { display:block; position:absolute; top:20px; border-radius:3px; }
	section.campaign_wrap h3.campaign_all { left:30px; }
	section.campaign_wrap h3.campaign_store { left:240px; }
	section.campaign_wrap h3.campaign_card { left:294px; }
	section.campaign_wrap h3.campaign_reserve { left:557px; }
	section.campaign_wrap h3.campaign_online { left:820px; }

	section.campaign_wrap h3 a { background:#f4f4f2; color:#222222; border-radius:3px; display:block; font-size:14px; height:35px; line-height:35px; text-align:center; width:250px; }
	section.campaign_wrap h3 a.on { background:#006633; color:#ffffff; border-radius:3px; display:block; font-size:14px; height:35px; line-height:35px; text-align:center; width:250px; }

	section.campaign_wrap article { padding-top:40px; display:none; }
	section.campaign_wrap article.on { padding-top:40px; display:block; }
	section.campaign_wrap div.box_bg { background:#ffffff; border:1px solid #dddddd; height:71px; width:1098px; border-radius:3px; }

	section.campaign_wrap article div.campaign_list { position:relative; }

	section.campaign_wrap article div.campaign_list > dl > dt { padding:21px; background:#f4f4f2; margin-bottom:21px; border-radius:3px; font-size:18px; font-weight:bold; color:#222222; overflow:hidden; }

	section.campaign_wrap article div.campaign_list > dl > dd { margin-bottom:40px; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul { width: 1120px; position:relative; left:-10px; top:-10px; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul:after { content:""; display:block; clear:both; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul > li { width:260px; float:left; margin:10px; position:relative; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul > li > div.campaign_list_cover { width:260px; height:318px; background:url('../img/whatsnew/event/event_cover.png') 0 0 no-repeat; position:absolute; left:0px; top:0; cursor:pointer; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dl { width:260px; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dt { width:260px; height:260px; position:relative; overflow:hidden; }

	section.campaign_wrap article div.campaign_list > dl > dd > ul li dt > a > img { transition: transform 1s; -webkit-transition: -webkit-transform 1s; width:100%; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dt > a > img:hover { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); }

	section.campaign_wrap article div.campaign_list > dl > dd > ul li dd { height:50px; padding:19px 10px 0 10px; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dd h4 { font-size:16px; color:#444444; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:16px; line-height:19px; font-weight: normal; } /*20210511 수정*/
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dd p.date { font-size:12px; color:#666666; height:16px; line-height:16px; margin-top:8px; text-align:center; text-overflow:ellipsis; white-space:nowrap; }

	/* s::20210511 추가 */
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dd h4 span.icon_pin,
	div.news_area dl.news_content p.tit span.icon_pin,
	div.notice_wrap table.notice_tb td a span.icon_pin,
	div.notice_wrap ul.m_notice_list li a span.icon_pin,
	section.prom_section ul.prom_gallery li dd p.p1 span.icon_pin {text-indent: -9999px; background: url('https://image.istarbucks.co.kr/upload/common/img/icon/icon_whats_new_pin.png') no-repeat center top; display: inline-block; width: 16px; height: 16px; margin-right: 3px; line-height: 19px;}
	div.notice_wrap table.notice_tb td a span.icon_pin {margin-right: 12px;}
	div.news_area dl.news_content p.tit span.icon_pin,
	div.notice_wrap ul.m_notice_list li a span.icon_pin {margin-right: 6px;}
	/* e::20210511 추가 */

	/* (프로모션&이벤트) view */
	section.campaign_veiw_wrap { position:relative; margin-bottom:60px; }
	section.campaign_veiw_wrap > header { border:1px solid #dddddd; border-radius:3px; padding:20px 140px 20px 20px; }
	section.campaign_veiw_wrap > header:after { content:""; display:block; clear:both; }
	section.campaign_veiw_wrap > header h3 {position: relative; float:left; font-size:18px; font-weight:bold; color:#222222; } /* 230531 공유하기 추가 */
	section.campaign_veiw_wrap > header h3 span.date {display:inline-block; font-size:12px; font-weight:normal; color:#666666; padding-left:5px; vertical-align: bottom; }
	section.campaign_veiw_wrap > header h3 .icon_share {display: none;} /* 230531 공유하기 추가 */
	section.campaign_veiw_wrap > header p.s_t { float:right; font-size:12px; font-weight:normal; color:#666666; margin-top:5px; background:url('../img/whatsnew/s_dot.png') 0 4px no-repeat; padding-left:8px; }
	section.campaign_veiw_wrap > header p.s_t span { color:#006633; }
	section.campaign_veiw_wrap > header ul.sns_wrap {  position:absolute; right:20px; top:15px; /*width:108px; */height:28px; background:url('../img/whatsnew/cpv_line.png') 0 0 no-repeat;  } /*20170731  수정 */
	section.campaign_veiw_wrap > header ul.sns_wrap li { float:left; padding-left:8px; }

	div.btn_campaign_wrap { width:100%; height:45px; position:relative; padding-top:20px; }
	
	section.news_veiw_wrap p.btn_campaign_list,
	section.campaign_veiw_wrap p.btn_campaign_list { border-radius:3px; height:45px; width:84px; background:#666666; margin-top:20px; position:absolute; right:50px; top:0; }
	section.news_veiw_wrap p.btn_campaign_list a,
	section.campaign_veiw_wrap p.btn_campaign_list a { display:block; font-size:14px; color:#fff; font-weight:bold; text-align:center; height:45px; line-height:45px; width:100%; }

	article.campaign_veiw_info { padding:60px 50px 0 50px;}
	article.campaign_veiw_info div.campaign_veiw_info_inner { position:relative; }
	article.campaign_veiw_info div.campaign_veiw_info_inner p.img_01 { position:relative; width:100%; }

	article.campaign_veiw_info div.campaign_veiw_info_inner p.img_01 a.img_01_link1 { display:block; position:absolute; left:20%; top:16.5%; width:61%; height:17%; overflow:hidden; text-indent:-20000px; background:gold; filter:alpha(opacity=0); opacity:0; }
	article.campaign_veiw_info div.campaign_veiw_info_inner p.img_01 a.img_01_link2 { display:block; position:absolute; left:22%; top:39%; width:52%; height:17.2%; overflow:hidden; text-indent:-20000px; background:gold; filter:alpha(opacity=0); opacity:0; }
	article.campaign_veiw_info div.campaign_veiw_info_inner p.img_01 a.img_01_link3 { display:block; position:absolute; left:39%; top:97%; width:22%; height:1.4%; overflow:hidden; text-indent:-20000px; background:gold; filter:alpha(opacity=0); opacity:0; }

	section.ing_campaign_wrap { position:relative; margin-bottom:80px; }

	section.ing_campaign_wrap div.campaign_list { position:relative; }
	section.ing_campaign_wrap div.campaign_list > dl > dt { padding:21px; background:#f4f4f2; margin-bottom:21px; border-radius:3px; overflow:hidden;  font-size:18px; font-weight:bold; color:#222222; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul { width: 1120px; position:relative; left:-10px; top:-10px; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul:after { content:""; display:block; clear:both; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul > li { width:260px; float:left; margin:10px; position:relative; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul > li > div.campaign_list_cover { width:260px; height:318px; background:url('../img/whatsnew/event/event_cover.png') 0 0 no-repeat; position:absolute; left:0px; top:0; cursor:pointer; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dl { width:260px; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dt { width:260px; height:245px; position:relative; overflow:hidden; }

	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dt > a > img { transition: transform 1s; -webkit-transition: -webkit-transform 1s; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dt > a > img:hover { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); }

	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dd { padding:19px 10px 17px 10px; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dd h4 { font-size:14px; color:#444444; text-align:center; margin-bottom:8px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dd p.date { font-size:12px; color:#666666; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

	/* (매장별 이벤트) list */
	p.store_event_stit1 { font-size:16px; color:#444444; margin-bottom:20px; }

	section.store_event_wrap { position:relative; margin-bottom:90px; }
	section.store_event_wrap h3 { display:block; position:absolute; top:30px; border-radius:3px; }
	section.store_event_wrap h3.store_event_all { left:30px; }
	section.store_event_wrap h3.store_event_store { left:240px; }
	section.store_event_wrap h3.store_event_card { left:450px; }
	section.store_event_wrap h3.store_event_reserve { left:660px; }
	section.store_event_wrap h3.store_event_online { left:870px; }

	section.store_event_wrap h3 a { background:#f4f4f2; color:#222222; border-radius:3px; display:block; font-weight:normal; font-size:14px; height:35px; line-height:35px; text-align:center; width:200px; }
	section.store_event_wrap h3 a.on { background:#006633; color:#ffffff; border-radius:3px; display:block; font-weight:normal; font-size:14px; height:35px; line-height:35px; text-align:center; width:200px; }

	section.store_event_wrap article { display:none; padding-top:40px; padding-bottom:80px; }
	section.store_event_wrap article.on { padding-top:40px; display:block; }
	section.store_event_wrap div.box_bg { background:#ffffff; border:1px solid #dddddd; height:95px; width:1098px; border-radius:3px; }
	
	/* (매장별 이벤트) 지역별 매장별 검색 */
	div.store_event_pick_often form fieldset legend { font-size:0; height:0; line-height:0; margin:0; overflow:hidden; padding:0; text-indent:-20000px; width:0; }
	div.store_event_pick_often { background:#f4f4f2; border-radius:3px; height:80px; width:100%; }
	
	div.store_frm_wrap { width:1040px; padding:20px 30px; }
	div.store_frm_wrap:after { content:""; display:block; clear:both; }
	dl.store_event_pick { float:left; width:490px; height:38px; }
	dl.store_event_search_name { float:right; width:519px; height:38px; }

	dl.store_event_pick:after { content:""; display:block; clear:both; }
	dl.store_event_search_name:after { content:""; display:block; clear:both; }
	
	dl.store_event_pick dt,
	dl.store_event_pick dd,
	dl.store_event_pick dd select,
	dl.store_event_pick dd label { margin:0; padding:0; }
	dl.store_event_pick dt { color:#222; font-size:16px; height:40px; line-height:40px; width:110px; float:left; }
	dl.store_event_pick dd { float:left; color:#444; font-size:12px; height:40px; line-height:40px; width:380px; }
	dl.store_event_pick dd > div { float:left; margin-right:5px; }
	dl.store_event_pick dd p.btn_search_name { float:right; height:38px; width:54px; }
	dl.store_event_pick dd p.btn_search_name a { background:#777; border-radius:3px; color:#fff; display:block; line-height:38px; text-align:center; width:100%; }
	
	div.store_event_select_view { height:26px;  }
	div.store_event_select_view div.select_box{  position:relative; left:0; top:0px; float:left; width:150px; height:36px; border:1px solid #dddddd; border-radius:3px; background:#fff url("../img/util/reward/select_arrow.png") no-repeat 130px center; }
	div.store_event_select_view div.select_box label.value{ display:block; margin:0 10px 0 10px; text-align:left; height:36px; line-height:36px;text-indent:4px; font-size:14px; color:#444444; font-family:"nbg"; overflow:hidden; }
	div.store_event_select_view div.select_box select{ padding:0 10px 0 10px; position:absolute; left:0; top:0px; width:150px; height:36px; text-align:left;line-height:36px;font-size:14px; color:#444444; border:0;background:#fff; font-family:"nbg"; filter:alpha(opacity=0); opacity:0; z-index:20; }
	
	p.t_total_all { color:#666666; font-size:12px; text-align:right; margin:40px 0 10px 0; }
	p.t_total_all span { color:#b7312c; }

	dl.store_event_search_name dt,
	dl.store_event_search_name dd,
	dl.store_event_search_name dd input { margin:0; padding:0; }
	dl.store_event_search_name dt { color:#222; font-size:16px; height:40px; line-height:40px; width:124px; float:left; }
	dl.store_event_search_name dd { float:left; color:#444; font-size:14px; height:40px; line-height:40px; width:395px; }
	dl.store_event_search_name dd input { border:none; height:36px; line-height:36px; text-indent:10px; width:325px; }
	dl.store_event_search_name dd div.search_name { background:#fff; border:1px solid #ddd; border-radius:3px; float:left; height:36px; width:325px; }
			
	dl.store_event_search_name dd p.btn_store_event_select { float:right; height:38px; width:54px; }
	dl.store_event_search_name dd p.btn_store_event_select a { background:#777; border-radius:3px; color:#fff; display:block; line-height:38px; text-align:center; width:100%; }

	div.store_event_list { position:relative; }
	div.store_event_list ul { border-top:1px solid #333333; border-bottom:1px solid #333333; margin-bottom:40px; }
	div.store_event_list ul > li { padding:20px; border-bottom:1px solid #dddddd; }
	div.store_event_list ul > li.on:hover { background: #f4f4f2; }
	div.store_event_list ul > li.last { border-bottom:0; }
	div.store_event_list ul > li > dl { display:table; width:1053px; }
	div.store_event_list ul > li > dl:after { content:""; display:block; clear:both; }
	div.store_event_list ul > li > dl > dt { float:left; margin-right:50px; width:263px; overflow:hidden; }

	div.store_event_list ul > li > dl > dt > a > img { transition: transform 1s; -webkit-transition: -webkit-transform 1s; }
	div.store_event_list ul > li > dl > dt > a > img:hover { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); }

	div.store_event_list ul > li > dl > dd { float:left; width:740px; }
	div.store_event_list ul > li.end { background:white ; filter:alpha(opacity=60); opacity:0.6; } 

	div.store_event_list ul > li dl dd h4 { font-size:14px; color:#222222; margin-bottom:20px; margin-right:5px; }
	div.store_event_list ul > li dl dd h4 span.date{ font-size:12px; color:#666666; border-left:1px solid #dddddd; padding-left:5px; vertical-align: bottom; }
	div.store_event_list ul > li dl dd p.store_t { font-size:14px; color:#006633; font-weight:bold; margin-bottom:15px; }
	div.store_event_list ul > li dl dd p.store_t a { color:#006633; }

	div.store_event_list ul > li dl dd ol { margin-bottom:20px; line-height:1.3; font-size:14px; color:#444444; font-weight:normal; }
	div.store_event_list ul > li dl dd dl { line-height:1.3; font-size:14px; color:#444444; font-weight:normal; }
	div.store_event_list ul > li dl dd li { font-size:14px; color:#444444; font-weight:normal; line-height:1.6; }

	section.store_event_wrap dl.se_info dt { font-size:12px; color:#666666;  font-weight:bold; margin-bottom:10px; }
	section.store_event_wrap dl.se_info dd { font-size:12px; color:#666666;  font-weight:normal; line-height:1.6; background:url('../img/whatsnew/s_dot.png') 0 4px no-repeat; padding-left:8px; }

	/* (매장별 이벤트) 페이징 */
	div.store_event_pagination { height:27px; width:100%; }
	div.store_event_pagination ul.pager { text-align:center; }
	div.store_event_pagination ul.pager li { display:inline-block; margin:0 10px; vertical-align:middle; }
	*:first-child+html div.store_event_pagination ul.pager li { display:inline; margin:0 5px; vertical-align:middle; }
	div.store_event_pagination ul.pager li.control { margin:0 1px; }
	div.store_event_pagination ul.pager li.active a { font-weight:bold; color:#0d5f34; border-bottom:1px solid #0d5f34; }
	div.store_event_pagination ul.pager li a { font-size:12px; color:#555555; }

	/* (매장별 이벤트) 신규매장  list */
	div.store_event_list ul > li.store_new { padding:20px; }
	div.store_event_list ul > li.store_new  dl dt { position:relative; }
	div.store_event_list ul > li.store_new  dl dt span.icon_store_new { display:block; height:61px; width:64px; background:url('../img/whatsnew/store_event/icon_store_new.png') 0 0 no-repeat;  position:absolute; left:0; top:0px; }

	/* 검색결과가 없을때 */
	div.store_event_list ul > li.last p.last_end { font-size:12px; color:#666666; text-align:center; padding:40px; }
	div.pagination_last_end { display:none; }

	/* (매장별 이벤트) view */
	section.store_event_veiw_wrap { position:relative; margin-bottom:40px}
	section.store_event_veiw_wrap header { border:1px solid #dddddd; border-radius:3px; padding:20px 140px 20px 20px; position:relative; }
	section.store_event_veiw_wrap header:after { content:""; display:block; clear:both; }
	section.store_event_veiw_wrap header h3 { float:left; font-size:18px; font-weight:bold; color:#222222; }
	section.store_event_veiw_wrap header h3 span.date { font-size:12px; font-weight:normal; color:#666666; padding-left:5px; vertical-align: bottom; }
	section.store_event_veiw_wrap header p.s_t { float:right; font-size:12px; font-weight:normal; color:#666666; margin-top:5px; background:url('../img/whatsnew/s_dot.png') 0 4px no-repeat; padding-left:8px; }
	section.store_event_veiw_wrap header p.s_t span { color:#006633; }
	section.store_event_veiw_wrap header ul.sns_wrap {  position:absolute; right:20px; top:15px; width:108px; height:28px; background:url('../img/whatsnew/cpv_line.png') 0 0 no-repeat;  }
	section.store_event_veiw_wrap header ul.sns_wrap li { float:left; padding-left:8px; }

	section.store_event_veiw_wrap div.btn_store_event_wrap { position:relative; height:65px; }
	section.store_event_veiw_wrap ul.btn_store_event { position:absolute; left:50%; top:0; margin-left:-122px; }
	section.store_event_veiw_wrap ul.btn_store_event:after { content:""; display:block; clear:both; }
	section.store_event_veiw_wrap ul.btn_store_event li { float:left; margin-left:5px;}

	section.store_event_veiw_wrap p.btn_store_event_list { border-radius:3px; height:45px; width:84px; background:#666666; margin:0 auto; margin-top:20px;}
	section.store_event_veiw_wrap p.btn_store_event_list a { display:block; font-size:14px; color:#fff; font-weight:bold; text-align:center; height:45px; line-height:45px; width:100%; }
	
	section.store_event_veiw_wrap p.btn_store_event_list_map { border-radius:3px; height:45px; width:136px; background:#222222; margin:0 auto; margin-top:20px;}
	section.store_event_veiw_wrap p.btn_store_event_list_map a { display:block; font-size:14px; color:#fff; font-weight:bold; text-align:center; height:45px; line-height:45px; width:100%; }

	article.store_event_veiw_info { padding:50px 50px 0 50px;}
	article.store_event_veiw_info div.store_event_veiw_info_inner { position:relative; }
	article.store_event_veiw_info div.store_event_veiw_info_inner p.img_01 { position:relative; width:100%; }

	article.store_event_veiw_info div.store_event_veiw_info_inner p.img_01 a.img_01_link1 { display:block; position:absolute; left:20%; top:16.5%; width:61%; height:17%; overflow:hidden; text-indent:-20000px; background:gold; filter:alpha(opacity=0); opacity:0; }
	article.store_event_veiw_info div.store_event_veiw_info_inner p.img_01 a.img_01_link2 { display:block; position:absolute; left:22%; top:39%; width:52%; height:17.2%; overflow:hidden; text-indent:-20000px; background:gold; filter:alpha(opacity=0); opacity:0; }
	article.store_event_veiw_info div.store_event_veiw_info_inner p.img_01 a.img_01_link3 { display:block; position:absolute; left:39%; top:97%; width:22%; height:1.4%; overflow:hidden; text-indent:-20000px; background:gold; filter:alpha(opacity=0); opacity:0; }

	section.ing_store_event_wrap { position:relative; margin-bottom:80px; }

	section.ing_store_event_wrap div.store_event_blist { position:relative; }
	section.ing_store_event_wrap div.store_event_blist > dl > dt { padding:21px; background:#f4f4f2; margin-bottom:21px; border-radius:3px; overflow:hidden;  font-size:18px; font-weight:bold; color:#222222; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul { width: 1120px; position:relative; left:-10px; top:-10px; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul:after { content:""; display:block; clear:both; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul > li { width:260px; float:left; margin:10px; position:relative; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul > li > div.store_event_blist_cover { width:260px; height:318px; background:url('../img/whatsnew/event/event_cover.png') 0 0 no-repeat; position:absolute; left:0px; top:0; cursor:pointer; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dl { width:258px; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dt { width:258px; height:244px; position:relative; overflow:hidden; }

	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dt > a > img { transition: transform 1s; -webkit-transition: -webkit-transform 1s; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dt > a > img:hover { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); }

	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dd { padding:19px 10px 17px 10px; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dd h4 { font-size:14px; color:#444444; text-align:center; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dd p.date { font-size:12px; color:#666666; text-align:center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

	section.campaign_veiw_wrap header p.sns_share_btn { display:none; }
	section.store_event_veiw_wrap header p.sns_share_btn { display:none; }
	section.campaign_wrap div.store_select_box { display:none; }
	section.store_event_wrap div.store_select_box { display:none; }
	.campaign_select_box { display:none; }
	.news_select_box { display:none; }
	.m_news_list { display:none; }
	.m_notice_list { display:none; }
	section.notice_veiw_wrap header p.sns_share_btn { display:none; }
	p.m_hidden_list { display:none; }
	
	.m_sns_btn_wrap { position: absolute; right:10px; top:10px; }
	.m_sns_btn_wrap li { float:left; margin:0 2px; }

	/* 150819 추가 종료 도장 딤처리 */
	.i_end_event li dl dt span.i_dimm { width:100%; height:100%; background:#000; display:block; opacity:0.7; filter:alpha(opacity=70); position:absolute; }
	.i_end_event li dl dt span.i_dimm i { position:absolute; left:50%; top:30%; margin-left:-17%; }
	/* 구명준 end */

	/* 150903 플래너 스탬프 이벤트 */
	.planner_stamp { margin-bottom:10px; }
	.planner_stamp_sec1, .planner_stamp_sec2 { position:relative; width:100%; }
	.planner_stamp_sec2 { display:none; }
	.planner_stamp_sec1 p.btn_stamp_view { width:14%; position:absolute; left:50%; bottom:10%; margin-left:-7%; }
	.planner_stamp_sec1 p.btn_stamp_view_it { width:14%; position:absolute; left:35%; bottom:20%; margin-left:0; }
	.planner_stamp_sec1 p.btn_stamp_view a { display:block; width:100%; height:100%; }

	.planner_stamp_sec1 p.btn_win_view { width:16%; position:absolute; left:50%; bottom:20%; }
	.planner_stamp_sec1 p.btn_win_view a { display:block; width:100%; height:100%; }
	.planner_stamp_sec2 ul { width:36%; margin-left:-18%; position:absolute; left:50%; bottom:39.5%; }
	.planner_stamp_sec2 ul li { float:left; width:48%; margin:1%; }

	..stamp_ev_dimm{width:100%;height:100%;background:url("../img/whatsnew/planner/overlay.png") repeat;position:fixed;left:0;top:0;z-index:9998;display:none;}

	.stamp_ev_pop { width:580px; z-index:9999; position:absolute; left:50%; margin-left:-290px; top:100px; display:none; }
	.stamp_ev_pop div.head { height:63px; line-height:63px; background:#bd211e; position:relative; }
	.stamp_ev_pop div.head p.tit { font-size:30px; color:#fff; text-align:center; }
	.stamp_ev_pop div.head p.close { position:absolute; right:25px; top:15px; }
	.stamp_ev_pop div.head p.close a { display:block; width:32px; height:32px; transition:transform 1s; }
	.stamp_ev_pop div.head p.close a:hover { transform:rotate(180deg); }
	.stamp_ev_pop div.content { padding:25px 15px; background:#fff; }
	.stamp_ev_pop div.input_area { background:#f4f4f2; border-radius:3px; padding:20px; }

	.stamp_ev_pop div.input_area dl { width:510px; }
	.stamp_ev_pop div.input_area dl:after { content:""; display:block; clear:both; }
	.stamp_ev_pop div.input_area dt { width:82px; float:left; font-size:14px; color:#444; }
	.stamp_ev_pop div.input_area dd { width:420px; float:right; position:relative; }
	.stamp_ev_pop div.input_area dt label { display:block; width:82px; padding-top:7px; }
	.stamp_ev_pop div.input_area input.bar1 { width:202px; height:26px; line-height:26px; border:1px solid #ddd; border-radius:3px; }
	.stamp_ev_pop div.input_area a.btn_q { display:inline-block; margin:3px 0 0 2px; }

	.stamp_ev_pop div.input_area div.sec_q { position:absolute; left:235px; top:-30px; display:none; z-index:2; }
	.stamp_ev_pop div.input_area div.sec_q_t { width:158px; height:27px; padding:10px 10px 0 20px; background:url('../img/whatsnew/planner/stamp/pop_tip_bg1.png') 0 0 no-repeat; position:relative; }
	.stamp_ev_pop div.input_area div.sec_q_m { width:158px; padding:0 10px 0 20px; background:url('../img/whatsnew/planner/stamp/pop_tip_bg2.png') 0 0 repeat-y; }
	.stamp_ev_pop div.input_area div.sec_q_b { width:158px; height:14px; padding:0 10px 10px 20px; background:url('../img/whatsnew/planner/stamp/pop_tip_bg3.png') 0 -15px no-repeat; }

	.stamp_ev_pop div.input_area > ul > li { margin-bottom:7px; }
	.stamp_ev_pop div.input_area > ul > li.last { margin-bottom:0; }

	.stamp_ev_pop div.input_area div.sec_q p { font-size:12px; color:#444; }
	.stamp_ev_pop div.input_area div.sec_q_t p.close { position:absolute; right:10px; top:7px; }
	.stamp_ev_pop div.input_area div.sec_q_t p.close a { display:block; width:16px; height:16px; transition:transform 1s; }
	.stamp_ev_pop div.input_area div.sec_q_t p.close a:hover { transform:rotate(180deg); }
	.stamp_ev_pop div.input_area div.sec_q_m p { position:relative; top:-5px; line-height:1.4; }

	.stamp_ev_pop div.input_area a.btn_sch { display:inline-block; width:52px; height:26px; line-height:26px; border:1px solid #ddd; font-size:12px; font-weight:bold; color:#444; background:#fff; text-align:center; }

	.stamp_ev_pop div.input_area div.select_box { height:26px; border:1px solid #ddd; border-radius:3px; position:relative; top:0; background:#fff url("../img/coffee/select_arrow.png") no-repeat 94% center; }
	.stamp_ev_pop div.input_area div.select_box label.value{ display:block; margin:0 10px 0 10px; text-align:left; height:26px; line-height:26px;text-indent:4px; font-size:12px; /*color:#b7312c;*/ font-family:"nbg"; overflow:hidden; }
	.stamp_ev_pop div.input_area div.select_box select { padding:0 10px 0 10px; position:absolute; left:0; top:0px; height:26px; text-align:left; line-height:26px; font-size:12px; /*color:#b7312c;*/ border:0;background:#fff; font-family:"nbg"; filter:alpha(opacity=0); opacity:0; z-index:20; width:100%; }
	.stamp_ev_pop div.input_area div.select_box1 { width:74px; }
	.stamp_ev_pop div.input_area div.select_box2 { width:128px; }

	.stamp_ev_pop div.input_area div.tel_wrap { width:300px; }
	.stamp_ev_pop div.input_area div.tel_wrap:after { content:""; display:block; clear:both; }

	.stamp_ev_pop div.input_area div.tel_wrap div.select_box { float:left; }
	.stamp_ev_pop div.input_area div.tel_wrap span.edge { width:12px; height:28px; line-height:28px; color:#ddd; float:left; text-align:center; }
	.stamp_ev_pop div.input_area div.tel_wrap input.bar2 { width:72px; height:26px; line-height:26px; border:1px solid #ddd; border-radius:3px; float:left; text-indent:10px; }

	.stamp_ev_pop div.input_area div.email_wrap { width:420px; }
	.stamp_ev_pop div.input_area div.email_wrap:after { content:""; display:block; clear:both; }
	.stamp_ev_pop div.input_area div.email_wrap div.select_box { float:left; margin-left:5px; }
	.stamp_ev_pop div.input_area div.email_wrap input.bar3 { width:128px; height:26px; line-height:26px; border:1px solid #ddd; border-radius:3px; float:left; text-indent:10px; }
	.stamp_ev_pop div.input_area div.email_wrap span.gb { width:25px; height:28px; line-height:28px; color:#444; float:left; text-align:center; }

	.stamp_ev_pop ul.stamp_btns { width:230px; margin:25px auto 0; }
	.stamp_ev_pop ul.stamp_btns:after { content:""; display:block; clear:both; }
	.stamp_ev_pop ul.stamp_btns li { float:left; }
	.stamp_ev_pop ul.stamp_btns li.li1 { margin-right:5px; }

	.stamp_ev_pop div.store_sch_wrap { width:413px; margin:0 auto 30px; }
	.stamp_ev_pop div.store_sch_wrap:after { content:""; display:block; clear:both; }
	.stamp_ev_pop div.store_sch_wrap label { float:left; display:block; width:55px; height:26px; line-height:26px; color:#616161; font-weight:bold; }
	.stamp_ev_pop div.store_sch_wrap input { float:left; width:282px; height:26px; line-height:26px; border:1px solid #ddd; text-indent:10px; border-radius:3px; }
	.stamp_ev_pop div.store_sch_wrap a.btn_sch { float:left; display:block; width:62px; height:29px; line-height:29px; background:#1c8140; border-radius:3px; text-align:center; font-size:12px; color:#fff; margin-left:10px; }

	.stamp_ev_pop table { width:100%; border-radius:3px 3px 0 0; overflow:hidden; border-bottom:1px solid #ddd; }
	.stamp_ev_pop table th { height:39px; line-height:39px; background:#787877; text-align:center; font-size:14px; font-weight:bold; color:#fff; }
	.stamp_ev_pop table tr.first td { padding-top:15px; }
	.stamp_ev_pop table td { font-size:12px; color:#444; padding:5px 0; }
	.stamp_ev_pop table td.center { text-align:center; }
	.stamp_ev_pop table a.btn_select { display:block; width:52px; height:23px; line-height:23px; border:1px solid #ddd; text-align:center; font-size:12px; color:#444; margin:0 auto; }

	.stamp_ev_pop div.table_wrap { border-bottom:1px solid #ddd; padding-bottom:10px; height:224px; width:102%; }

	.stamp_ev_pop div.table_wrap .mCSB_scrollTools .mCSB_draggerRail { width:10px; background:#f4f4f2; }
	.stamp_ev_pop div.table_wrap .mCSB_scrollTools .mCSB_dragger { height:33px !important; }
	.stamp_ev_pop div.table_wrap .mCSB_scrollTools .mCSB_dragger ..mCSB_dragger_bar { width:10px; background:#666 !important; }
	.stamp_ev_pop div.table_wrap .mCSB_scrollTools .mCSB_dragger ..mCSB_dragger_bar:hover { background:#666; }
	.stamp_ev_pop div.table_wrap .mCSB_scrollTools .mCSB_dragger:active ..mCSB_dragger_bar,
	.stamp_ev_pop div.table_wrap .mCSB_scrollTools ..mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#666; }
	.stamp_ev_pop div.table_wrap .mCSB_scrollTools .mCSB_dragger:active ..mCSB_dragger_bar:hover,
	.stamp_ev_pop div.table_wrap .mCSB_scrollTools ..mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar:hover { background:#666; }
	.stamp_ev_pop div.table_wrap .mCSB_inside > .mCSB_container { margin-right:20px; }

	.stamp_ev_pop p.join_t1 { font-size:16px; color:#444; margin-bottom:30px; }
	.stamp_ev_pop p.pri_tit { color:#444; font-size:14px; font-weight:bold; margin-bottom:10px; }
	.stamp_ev_pop div.pri_area { padding:10px; border:1px solid #ddd; margin-bottom:10px; }
	.stamp_ev_pop div.pri_area p { line-height:1.4; margin-bottom:5px; }
	.stamp_ev_pop div.pri_area p.tit { color:#222; }
	.stamp_ev_pop div.pri_area table.pri_table { width:100%; line-height:1.4; }
	.stamp_ev_pop div.pri_area table.pri_table th { border:1px solid #ccc; }
	.stamp_ev_pop div.pri_area table.pri_table td { border:1px solid #ccc; padding:5px; }

	.stamp_ev_pop div.pri_cont { height:88px; overflow:hidden; }
	.stamp_ev_pop div.pri_cont .mCSB_scrollTools .mCSB_draggerRail { width:10px; background:#f4f4f2; }
	.stamp_ev_pop div.pri_cont .mCSB_scrollTools .mCSB_dragger { height:33px !important; }
	.stamp_ev_pop div.pri_cont .mCSB_scrollTools .mCSB_dragger ..mCSB_dragger_bar { width:10px; background:#666 !important; }
	.stamp_ev_pop div.pri_cont .mCSB_scrollTools .mCSB_dragger ..mCSB_dragger_bar:hover { background:#666; }
	.stamp_ev_pop div.pri_cont .mCSB_scrollTools .mCSB_dragger:active ..mCSB_dragger_bar,
	.stamp_ev_pop div.pri_cont .mCSB_scrollTools ..mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#666; }
	.stamp_ev_pop div.pri_cont .mCSB_scrollTools .mCSB_dragger:active ..mCSB_dragger_bar:hover,
	.stamp_ev_pop div.pri_cont .mCSB_scrollTools ..mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar:hover { background:#666; }
	.stamp_ev_pop div.pri_cont .mCSB_inside > .mCSB_container { margin-right:20px; }
	.stamp_ev_pop div.pri_cont p { font-size:14px; color:#666; }

	.stamp_ev_pop p.pri_agree { margin-bottom:30px; font-size:12px; color:#666; }
	.stamp_ev_pop p.btn_confirm { margin:0 auto; width:112px; }

	.stamp_ev_pop div.gray_section { background:#f4f4f2; padding:15px 30px; font-size:12px; color:#444; }

	.stamp_ev_pop div.content p.complete_t1 { font-size:18px; font-weight:bold; color:#444; text-align:center; margin-bottom:15px; }
	.stamp_ev_pop div.content p.complete_t2 { font-size:14px; font-weight:normal; color:#444; text-align:center; line-height:1.6; }
	/* 150903 플래너 스탬프 이벤트 end */
	/* 150909 구명준 추가 수정 */
	section.ing_campaign_wrap div.campaign_list dl dd .bnr_slider_wrap {/* height:360px; */margin:30px auto 70px;position:relative;width:98%;} /* 20170629 높이값 삭제 */
	/* 150909 구명준 추가 수정 end */

	/* 150917 플래너 스탬프 이벤트 추가 */
	.planner_stamp a.stamp_ev_view { display:block; width:16%; height:2%; background:gold; opacity:0; filter:alpha(opacity=0); text-indent:-20000px; position:absolute; left:66%; top:19.5%; }
	.planner_stamp a.stamp_ev_view.stamp_ev_view_it { display:block; width:16%; height:2%; background:gold; opacity:0; filter:alpha(opacity=0); text-indent:-20000px; position:absolute; left:66%; top:17.5%; }
	.pribtn_wrap { width:100%; height:28px; position:relative; margin-top:20px; }
	.pribtn_wrap a.btn_private { display:block; width:94px; height:28px; line-height:28px; font-size:12px; color:#fff; text-align:center; position:absolute; right:0; top:0; background:#240706; border-radius:3px; }

	/* 160114 공지사항 홀케익 팝업 남인태 추가 */
	.free_bev_pop_dimm { background:#000; display:none; height:100%; left:0; opacity:0.7; filter:alpha(opacity=70); position:fixed; top:0; width:100%; z-index:99999; }
	.free_bev_pop { border-radius:5px; display:none; left:50%; margin:0 0 0 -275px; position:absolute; width:550px; z-index:100000; }
	.free_bev_pop_t { background:#8c8279; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; font-size:14px; font-weight:bold; height:56px; line-height:56px; position:relative; text-indent:20px; }
	.free_bev_pop_t p { height:22px; position:absolute; right:20px; top:17px; width:22px; }
	.free_bev_pop_t p a { background:url("../img/util/efreq/btn_close_pop.png") no-repeat; display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; transition:transform 1s; -webkit-transition:transform 1s; }
	.free_bev_pop_t p a:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); }
	.free_bev_pop_b { background:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:20px; position:relative; }
	.free_bev_pop_b:after { clear:both; content:""; display:block; }
	.free_bev_pop_b p strong { font-size:14px; }
	.free_bev_pop_b > ul { margin-top:10px; }
	.free_bev_pop_b > ul > li { line-height:1.8; }
	.free_bev_pop_b > ul > li > ul > li { margin-left:10px; line-height:1.6; }
	.free_bev_pop_b p.free_bev_pop_btn { float:left; margin-top:20px; width:100%; }
	.free_bev_pop_b p.free_bev_pop_btn a { background:#222; border-radius:5px; color:#fff; display:block; font-size:12px; font-weight:bold; height:30px; line-height:30px; margin:0 auto; text-align:center; width:80px; }
	/* 160114 공지사항 홀케익 팝업 남인태 추가 end */
	
	/* 공지사항 이용약관 테이블*/
	.useinfo_wrap { background:url("../img/whatsnew/notice/useinfo_wrap_bg.png") 0 bottom no-repeat; background-size:100% auto;  border:1px solid #ddd; max-width:600px; padding:50px 35px; }
	.useinfo_wrap strong { display:block; }
	.useinfo_wrap .shadow_bg { background:url("../img/whatsnew/notice/useinfo_ttl_shbg.png") 0 bottom no-repeat; background-size:100% auto; color:#2a2a2a; font-size:18px; padding-bottom:20px; }
	.t_56a526 { color:#56a526; }
	.useinfo_bt_txt { color:#2a2a2a; font-size:18px; padding-left:10px; }
	.change_day li{ color:#3b3b3b; font-size:14px; font-weight:bold; }
	.change_text { color:#525252; font-size:13px; }
	.useinfo_tb { width:100%; border:none; border-collapse:collapse; }
	.useinfo_tb thead { background:#f1f1f1; border-bottom:2px solid #282828; }
	.useinfo_tb th, .useinfo_tb td { padding:5px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-collapse:collapse; color:#6b6b6b;  }
	.useinfo_tb th { font-size:14px; }
	.useinfo_tb td { font-size:12px; }
	th.last_td { border-right:none !important; background:#77c26d; color:#fff; }
	td.last_td { border-right:none !important; background:#f9fef7; }

	.btn_rules { background: #006633; border-radius: 3px; color: #fff; display: block; font-size: 12px; margin: 5px 0; padding: 5px 0; text-align: center; width: 50px; }
	
	.notice_dimm { display:none; background: #000; height: 100%; left: 0; opacity: 0.7; filter: alpha(opaicty=70); position: absolute; top: 0; width: 100%; z-index: 98; }
	.notice_pop { display:none; box-shadow:3px 3px 3px #444; left:50%; margin-left:-410px; position:fixed; top:20px; width:820px; z-index:99; }
	.pop_pri_head { background:#a5916c; border-top-left-radius:3px; border-top-right-radius:3px; height:56px; position:relative; }
	.pop_pri_head h5 { color:#fff; font-size:18px; font-weight:normal; line-height:56px; text-align:center; }
	.pop_pri_head h5 img { vertical-align:middle; }
	.pop_pri_head p.btn_close_pop { height:22px; position:absolute; right:20px; top:17px; width:22px; }
	.pop_pri_head p.btn_close_pop a { background:url("https://image.istarbucks.co.kr/common/img/util/efreq/btn_close_pop.png"); display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; -webkit-transition:-webkit-transform 1s; transition:transform 1s; }
	.pop_pri_head p.btn_close_pop a:hover { transform:rotate(180deg); }
	.pop_pri_cont { background:#fff; border-bottom-left-radius:3px; border-bottom-right-radius:3px; overflow:hidden; padding:20px 15px; }
	.pop_pri_cont .popPriTxt{padding-top:17px; padding-left:13px; line-height:1.4; font-size:12px; color:#666} /*20170413추가*/
	.pop_pri_cont .popPriTxt a{font-weight:bold} /*20170413추가*/
	.pri_cont01 { height:435px; }
	
	.pri_cont_tbl { border-top:2px solid #a5916e; width:100%; }
    .pri_cont_tbl thead tr th { background:#dedad1; border-bottom:1px solid #cac5c1; border-right:1px solid #cac5c1; color:#333; font-size:14px; font-weight:bold; height:35px; text-align:center; vertical-align:middle; } /*20170413수정*/
    .pri_cont_tbl tbody tr td { background:#fff; border-bottom:1px solid #cac5c1; border-right:1px solid #cac5c1; color:#666; font-size:12px; line-height:1.4; padding:10px 5px; text-align:center; vertical-align:middle; }
    .pri_cont_tbl thead tr th.nbr,
	.pri_cont_tbl tbody tr td.nbr { border-right:none; }
	.pri_cont_tbl tbody tr td.tc { text-align:center; }
	.pri_cont_tbl tbody tr td.tl {padding-left:13px; text-align:left} /*20170413추가*/

	.pri_cont01 .mCSB_inside .mCSB_container { margin-right:20px !important; }
	.pri_cont01 .mCSB_scrollTools { width:4px !important; }
	.pri_cont01 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.pri_cont01 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.pri_cont01 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.pri_cont01 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag ..mCSB_dragger_bar { background-color:#a4926c; width:4px !important; }
	.pri_cont01 .mCSB_scrollTools .mCSB_draggerRail { background-color:#cccccc; width:4px !important; }

	/* 161118 추가 */
	td.last_td p.text_top { margin-top:5px; }
	/* 161118 추가 end */

	/* 공지사항 이용약관 테이블 end */

@media screen and (min-width:961px) and (max-width:1099px) {
	.whatSlideArea { height:300px; }
	.whatSlideArea .bxslide-main .bx-wrapper .bx-viewport ul.whats_slider li div { height:300px; width:1500px !important; position:relative; left:50%; margin-left:-750px; top:0; }
	.whatSlideArea .bxslide_btn_wrap { top:125px; }
	.whatSlideArea #prevBtn, .whatSlideArea #nextBtn { top:130px; }
	.whatSlideArea #prevBtn a { width:38.25px; height:38.25px; }
	.whatSlideArea #nextBtn a { width:38.25px; height:38.25px; }

	.prom_bn1_section { height:300px; }
	.prom_bn2_section { height:300px; }
	.prom_bn3_section { height:300px; }
	.prom_bn4_section { height:300px; }

	.prom_bn_inner { width:100%; }

	.prom_bn1_txt01 { left:65%; top:65px; }
	.prom_bn1_btn01 { left:65%; top:206px; }

	.prom_bn2_txt01 { left:5%; top:65px; }
	.prom_bn2_btn01 { left:5%; top:206px; }

	.prom_bn3_txt01 { left:65%; top:65px; }
	.prom_bn3_btn01 { left:65%; top:206px; }

	.prom_bn4_txt01 { left:5%; top:65px; }
	.prom_bn4_btn01 { left:5%; top:206px; }

	.prom_section_inner { width:100%; }
	.prom_section ul.prom_gallery { width:100%; left:0; top:0; }
	.prom_section ul.prom_gallery li { margin:0.5%; width:24%; overflow:hidden; }
	.prom_section ul.prom_gallery li dt { width:100%; height:auto; }
	.prom_section div.prom_store_event ul.prom_gallery li dt { width:100%; height:0; }
	.prom_section ul.prom_gallery li dt img { width:100%; }
	.prom_section ul.prom_gallery li dd { width:100%; }

	.wn_cont { width:96%; margin:0 0 0 -48%; }
	section.campaign_wrap div.box_bg { width:100%; }
	section.campaign_wrap h3.campaign_all { width:22%; left:2%; }
	section.campaign_wrap h3.campaign_card { width:22%; left:26.6%; }
	section.campaign_wrap h3.campaign_reserve { width:22%; left:51.3%; }
	section.campaign_wrap h3.campaign_online { width:22%; left:76%; }
	section.campaign_wrap h3 a { width:100%; }
	section.campaign_wrap h3 a.on { width:100%; }

	section.campaign_wrap article div.campaign_list > dl > dd > ul { width:100%; left:0; top:0; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul > li { width:24%; margin:0.5%; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dl { width:100%; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dt { width:100%; height:0; padding:0 0 100% 0; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dt img { width:100%; }

	div.btn_campaign_wrap { width:100%; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul { width:100%; left:0; top:0; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul > li { width:24%; margin:0.5%; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dl { width:100%; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dt { width:100%; height:auto; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dt > a > img { width:100%; }
	
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul { width:100%; left:0; top:0; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul > li { width:24%; margin:0.5%; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dl { width:100%; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dt { width:100%; height:auto; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dt > a > img { width:100%; }
	
	section.store_event_wrap div.box_bg { width:100%; }
	section.store_event_wrap h3 a.on { width:100%; }
	section.store_event_wrap h3 a { width:100%; }
	section.store_event_wrap h3.store_event_all { width:30%; left:2.5%; }
	section.store_event_wrap h3.store_event_store { width:30%; left:35%; }
	section.store_event_wrap h3.store_event_card { width:30%; left:67%; }

	div.store_frm_wrap { padding:15px 20px; width:1060px; }
	div.store_event_pick_often { height:auto; width:100%; }
	dl.store_event_pick { float:none; margin-bottom:10px; }
	dl.store_event_search_name { float:none; }

	div.store_event_list ul > li > dl { width:100%; }
	div.store_event_list ul > li > dl > dt { width:24.9%; margin-right:0; }
	div.store_event_list ul > li > dl > dd { width:70.2%; float:right; }

	/* 20200527 추가 */
	section.magazine_wrap div.box_bg { width:100%; }
	section.magazine_wrap h3.magazine_all { width:18%; left:2%; }
	section.magazine_wrap h3.magazine_people { width:18%; left:21.5%; }
	section.magazine_wrap h3.magazine_coffee { width:18%; left:41%; }
	section.magazine_wrap h3.magazine_places { width:18%; left:60.5%; }
	section.magazine_wrap h3.magazine_experience { width:18%; left:80%; }
	section.magazine_wrap h3 a { width:100%; }
	section.magazine_wrap h3 a.on { width:100%; }
	
	section.magazine_wrap article div.magazine_list > dl > dd > ul { width:100%; left:0; top:0; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul > li { width:24%; margin:0.5%; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dl { width:100%; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dt { width:100%; height:0; padding:0 0 100% 0; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dt img { width:100%; }
	/* //20200527 추가 */

	.news_area { width:96%; margin:0 auto; }
	.news_tab_wrap { width:100%; }
	.news_content > dt.dt1 { width:18%; left:2%; }
	.news_content > dt.dt2 { width:18%; left:21.5%; }
	.news_content > dt.dt3 { width:18%; left:41%; }
	.news_content > dt.dt4 { width:18%; left:60.5%; }
	.news_content > dt.dt5 { width:18%; left:80%; }
	.news_content > dt > a { width:100%; }

	.news_content > dd { width:100%; }
	table.news_tb { width:100%; }

	.notice_wrap { width:96%; }
	table.notice_tb { width:100%; }

	table.pn_content_tb { width:100%; }
	div.btn_notice_wrap { width:100%; }

	section.social_sbux { width:96%; }
	.social_sbux_grid { width:96%; }

	/* 월페이퍼 */
	.wallpaper_area { padding: 0 0 0 0; } /*20170529 수정 : padding-top: 수정*/
	.wallpaper_wrap { width:96%; margin:0 auto; }

	.screen_info dl { width:100%; }
	.screen_info dt { width:34.19%; }
	.screen_info dd { width:65.81%; }

	.wp_inner { width:96%; margin:0 auto; }
	.wallpaper_area ul.wp_gallery { width:100%; }
	.wallpaper_area ul.wp_gallery > li { width:32%; margin-right:1.5%; }

	.wallpaper_area ul.wp_gallery dd ul { width:100%; }
	.wallpaper_area ul.wp_gallery dd li { width:48%; margin:5px 2% 0 0; }
	.wallpaper_area ul.wp_gallery dd a { width:100%; }

	/* 플래너 */
	.planner_wrap { width:96%; margin:0 auto; }
	.planner_skin_area { width:100%; }
	.planner_event_info { width:100%; }
	.planner_gallery { width:100%; height:auto; }
	.planner_last_section { width:100%; }

	.planner_skin_l { width:62.63%; }
	.planner_skin_r { width:36.36%; }
	.planner_skin_r > ul { width:100%; }
	.planner_skin_r > ul > li.planner_twin_skin > ul { width:100%; }
	.planner_skin_r > ul > li.planner_twin_skin > ul > li { width:49%; }
	.planner_skin_r > ul > li.planner_twin_skin > ul > li.mr { margin-right:2%; }

	.planner_event_sample { width:100%; background:url('../img/whatsnew/planner/planner_event_sample.jpg') 0 0 no-repeat; background-size:100% auto; }

	.planner_last_section li.li1 { float:left; width:60%; }
	.planner_last_section li.li2 { float:right; width:39.09%; height:100%; background:#000; display:table; }
	.planner_last_section li.li2 p { vertical-align:middle; }
	.youtube_wrap { width:100%; height:399px; }

	.planner_gallery { width:100%; }
	.gallery_slide_wrap { width:84%; height:auto; }
	.p_gallery { width:100%; }
	.p_gallery ul { width:100%; height:auto; }
	.p_gallery ul li.bigImg { width:32%; height:auto; }
	.p_gallery ul li { width:16%; height:auto; margin:0.25%; }

	.p_gallery ul li.bigImg div.bg { width:97%; height:97%; }
	.p_gallery ul li div.bg { width:94%; height:94%; }

	.planner_event_info { width:100%; }

	.wallpaper_area ul.wp_gallery dt { width:100%; height:inherit; }
}

/* 20200625 수정 */
@media screen and (max-width:960px) {
	.h2_reserve { width: 80%; }
}

@media screen and (min-width:641px) and (max-width:960px) {
	.whatSlideArea { height:200px; }
	.whatSlideArea .bxslide-main .bx-wrapper .bx-viewport ul.whats_slider li div { height:200px; width:1000px !important; position:relative; left:50%; margin-left:-500px; top:0; }
	.whatSlideArea .bxslide_btn_wrap { top:75px; }
	.whatSlideArea #prevBtn, .whatSlideArea #nextBtn { top:80px; }
	.whatSlideArea #prevBtn a { width:38.25px; height:38.25px; }
	.whatSlideArea #nextBtn a { width:38.25px; height:38.25px; }

	.prom_section_inner { width:100%; }
	.prom_section ul.prom_gallery { width:100%; left:0; top:0; }
	.prom_section ul.prom_gallery li { margin:0.65%; width:32%; overflow:hidden; }
	.prom_section ul.prom_gallery li dt { width:100%; height:auto; }
	.prom_section div.prom_store_event ul.prom_gallery li dt { width:100%; height:0; }
	.prom_section ul.prom_gallery li dt img { width:100%; }
	.prom_section ul.prom_gallery li dd { width:100%; }

	.prom_bn1_section { height:200px; }
	.prom_bn2_section { height:200px; }
	.prom_bn3_section { height:200px; }
	.prom_bn4_section { height:200px; }

	.prom_bn_inner { width:100%; }

	.prom_bn1_txt01 { left:60%; top:45px; width:172px; }
	.prom_bn1_btn01 { left:60%; top:135px; width:80px; height:22px; line-height:22px; font-size:12px; }

	.prom_bn2_txt01 { left:2%; top:45px; width:163px; }
	.prom_bn2_btn01 { left:2%; top:135px; width:80px; height:22px; line-height:22px; font-size:12px; }

	.prom_bn3_txt01 { left:60%; top:45px; width:182px; }
	.prom_bn3_btn01 { left:60%; top:135px; width:80px; height:22px; line-height:22px; font-size:12px; }

	.prom_bn4_txt01 { left:2%; top:45px; width:160px; }
	.prom_bn4_btn01 { left:2%; top:135px; width:80px; height:22px; line-height:22px; font-size:12px; }

	.wn_cont { width:96%; margin:0 0 0 -48%; }
	section.campaign_wrap div.box_bg { width:100%; }
	section.campaign_wrap h3.campaign_all { width:22%; left:2%; }
	section.campaign_wrap h3.campaign_card { width:22%; left:26.6%; }
	section.campaign_wrap h3.campaign_reserve { width:22%; left:51.3%; }
	section.campaign_wrap h3.campaign_online { width:22%; left:76%; }
	section.campaign_wrap h3 a { width:100%; font-size:12px; }
	section.campaign_wrap h3 a.on { width:100%; }

	section.campaign_wrap article div.campaign_list > dl > dd > ul { width:100%; left:0; top:0; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul > li { width:32%; margin:0.65%; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dl { width:100%; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dt { width:100%; height:0; padding:0 0 100% 0; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dt img { width:100%; }
	
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul { width:100%; left:0; top:0; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul > li { width:32%; margin:0.65%; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dl { width:100%; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dt { width:100%; height:auto; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dt > a > img { width:100%; }

	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul { width:100%; left:0; top:0; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul > li { width:32%; margin:0.65%; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dl { width:100%; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dt { width:100%; height:auto; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dt > a > img { width:100%; }
	
	article.news_veiw_info,
	article.campaign_veiw_info { padding:20px; }
	article.store_event_veiw_info { padding:20px; }

	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dd h4 { font-size:12px; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dd p.date { font-size:11px; }

	section.store_event_wrap div.box_bg { width:100%; }
	section.store_event_wrap h3 a.on { width:100%; }
	section.store_event_wrap h3 a { width:100%; }
	section.store_event_wrap h3.store_event_all { width:30%; left:2.5%; }
	section.store_event_wrap h3.store_event_store { width:30%; left:35%; }
	section.store_event_wrap h3.store_event_card { width:30%; left:67%; }

	div.store_frm_wrap { padding:15px 20px; width:1060px; }
	div.store_event_pick_often { height:auto; width:100%; }
	dl.store_event_pick { float:none; margin-bottom:10px; }
	dl.store_event_search_name { float:none; }

	div.store_event_list ul > li > dl { width:100%; }
	div.store_event_list ul > li > dl > dt { width:24.9%; margin-right:0; }
	div.store_event_list ul > li > dl > dd { width:70.2%; float:right; }
	
	/* 20200527 추가 */
	section.magazine_wrap div.box_bg { width:100%; }
	section.magazine_wrap h3.magazine_all { width:18%; left:2%; }
	section.magazine_wrap h3.magazine_people { width:18%; left:21.5%; }
	section.magazine_wrap h3.magazine_coffee { width:18%; left:41%; }
	section.magazine_wrap h3.magazine_places { width:18%; left:60.5%; }
	section.magazine_wrap h3.magazine_experience { width:18%; left:80%; }
	section.magazine_wrap h3 a { width:100%; }
	section.magazine_wrap h3 a.on { width:100%; }

	section.magazine_wrap article div.magazine_list > dl > dd > ul { width:100%; left:0; top:0; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul > li { width:32%; margin:0.65%; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dl { width:100%; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dt { width:100%; height:0; padding:0 0 100% 0; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dt img { width:100%; }
	/* //20200527 추가 */

	.news_area { width:96%; margin:0 auto; }
	.news_tab_wrap { width:100%; }
	.news_content > dt.dt1 { width:18%; left:2%; }
	.news_content > dt.dt2 { width:18%; left:21.5%; }
	.news_content > dt.dt3 { width:18%; left:41%; }
	.news_content > dt.dt4 { width:18%; left:60.5%; }
	.news_content > dt.dt5 { width:18%; left:80%; }
	.news_content > dt > a { width:100%; }

	.news_content > dd { width:100%; }
	table.news_tb { width:100%; }
	table.news_tb td { font-size:12px; }

	.notice_wrap { width:96%; }
	table.notice_tb { width:100%; }
	table.notice_tb td { font-size:12px; }

	table.pn_content_tb { width:100%; }
	section.notice_veiw_wrap header h3 span.date { display:block; padding-top:15px; }
	div.btn_notice_wrap { width:100%; }

	section.social_sbux { width:96%; }
	.social_sbux_grid { width:96%; }

	/* 월페이퍼 */
	.wallpaper_wrap { width:96%; margin:0 auto; }

	.screen_info dl { width:100%; }
	.screen_info dt { width:34.19%; }
	.screen_info dd { width:57.81%; }
	.screen_info div.screen_method { width:94%; padding:3%; }

	.wp_inner { width:96%; margin:0 auto; }
	.wallpaper_area ul.wp_gallery { width:100%; }
	.wallpaper_area ul.wp_gallery > li { width:32%; margin-right:1.5%; }

	.wallpaper_area ul.wp_gallery dd ul { width:100%; }
	.wallpaper_area ul.wp_gallery dd li { width:48%; margin:5px 2% 0 0; }
	.wallpaper_area ul.wp_gallery dd a { width:100%; }

	/* 플래너 */
	.planner_wrap { width:96%; margin:0 auto; }
	.planner_skin_area { width:100%; }
	.planner_event_info { width:100%; }
	.planner_gallery { width:100%; height:auto; }
	.planner_last_section { width:100%; }

	.planner_skin_l { width:62.63%; }
	.planner_skin_r { width:36.36%; }
	.planner_skin_r > ul { width:100%; }
	.planner_skin_r > ul > li.planner_twin_skin > ul { width:100%; }
	.planner_skin_r > ul > li.planner_twin_skin > ul > li { width:49%; }
	.planner_skin_r > ul > li.planner_twin_skin > ul > li.mr { margin-right:2%; }

	.planner_event_sample { width:100%; background:url('../img/whatsnew/planner/planner_event_sample.jpg') 0 0 no-repeat; background-size:100% auto; }

	.planner_last_section li.li1 { float:left; width:60%; }
	.planner_last_section li.li2 { float:right; width:39.09%; display:table; }
	.planner_last_section li.li2 p { vertical-align:middle; }
	.youtube_wrap { width:100%; height:399px; }


	.planner_gallery { width:100%; }
	.gallery_slide_wrap { width:96%; height:auto; }
	.p_gallery { width:100%; }
	.p_gallery ul { width:100%; height:auto; }
	.p_gallery ul li.bigImg { width:32%; height:auto; }
	.p_gallery ul li { width:16%; height:auto; margin:0.25%; }

	.p_gallery ul li.bigImg div.bg { width:97%; height:97%; }
	.p_gallery ul li div.bg { width:94%; height:94%; }

	.wallpaper_area ul.wp_gallery dt { width:100%; height:inherit; }
}

@media screen and (min-width:641px) and (max-width:900px) {
	.store_popup { left:50%; margin-left:-300px; }
}

@media screen and (max-width:760px) {
	.wn_cont {font-family: 'Apple SD Gothic Neo', 'NotoSans', '-apple-system', sans-serif;} /* 230810 what's new font */

	section.campaign_veiw_wrap > header { padding:20px; position:relative; }
	section.store_event_veiw_wrap header { padding:20px; position:relative; }
	section.news_veiw_wrap header { padding:20px; position:relative; }
	section.campaign_veiw_wrap header h3 { float:none; }
	section.store_event_veiw_wrap header h3 { float:none; }
	section.news_veiw_wrap header h3 { float:none; } /* 230531 공유하기 추가 */
	section.campaign_veiw_wrap header p.s_t { float:none; }
	section.store_event_veiw_wrap header p.s_t { float:none; }
	section.campaign_veiw_wrap header h3 p.date { display:block; font-size:12px; font-weight:normal; color:#666666; padding:12px 0 0px 0; width: 100%; } /* 230425 수정 */
	section.news_veiw_wrap header h3 p.date { display:block; font-size:12px; font-weight:normal; color:#666666; padding:12px 0 0px 0; width: 100%; } /* 230425 수정 */
	section.store_event_veiw_wrap header h3 span.date { display:block; padding:5px 0 10px 0; border-bottom:1px solid #ddd; margin-bottom:15px; }
	section.news_veiw_wrap header ul.sns_wrap,
	section.campaign_veiw_wrap header ul.sns_wrap { display:none; top:-48px; background:none; }
	section.store_event_veiw_wrap header ul.sns_wrap { display:none; }
	section.campaign_veiw_wrap header p.sns_share_btn { display:block; width:25px; position:absolute; right:20px; bottom:12px; }
	section.store_event_veiw_wrap header p.sns_share_btn { display:block; width:25px; position:absolute; right:20px; bottom:12px; }
	/* s: 230531 공유하기 추가 */
	section.news_veiw_wrap header h3,
	section.campaign_veiw_wrap header h3 {padding-top: 8px;}
	section.news_veiw_wrap header h3 p.date,
	section.campaign_veiw_wrap header h3 p.date {display:block; font-size:12px; font-weight:normal; color:#666666; margin-top: 8px; padding:10px 0 0 0; width: auto;}
	section.news_veiw_wrap header h3 .icon_share,
	section.campaign_veiw_wrap header h3 .icon_share {display:block; position: absolute; right: 0; bottom: 0; width: 24px; height: 24px;}
	/* e: 230531 공유하기 추가 */

	section.news_veiw_wrap div.btn_news_wrap { width:100%; height:auto; }
	div.btn_campaign_wrap { width:100%; height:auto; }
	section.news_veiw_wrap p.btn_news_list { position:static; width:100%; height:30px; }
	section.campaign_veiw_wrap p.btn_campaign_list { position:static; width:100%; height:30px; }
	section.news_veiw_wrap p.btn_news_list a { height:30px; line-height:30px; }
	section.campaign_veiw_wrap p.btn_campaign_list a { height:30px; line-height:30px; }

	section.notice_veiw_wrap header { position:relative; }
	/*150820 구명준 추가 */
	section.notice_veiw_wrap header { padding:20px; }
	section.notice_veiw_wrap header h3 { float:inherit; width:100%; line-height:1.4; }
	section.notice_veiw_wrap header ul.sns_wrap { top:-45px; display:block; } 
	section.notice_veiw_wrap header p.sns_share_btn { width:30px; position:absolute; right:20px; bottom:20px; display:block; }

	/* 월페이퍼 */
}

@media screen and (max-width:640px) {

    /* 161121 추가 */
	.pop_pri_head h5 { font-size:14px; font-weight:normal; line-height:56px; text-align:left; color:#fff; text-indent:15px; }	
	/* 161121 추가 end */
    
	.notice_pop { margin-left: -48%; margin-top: -250px; width: 96%; top: 50%; }

	.useinfo_wrap { padding:40px 15px; }
	img.w_pic { display:none; }
	img.m_pic { display:block; }

	.whatSlideArea { display:none; }
	.promotionView p a { font-size:20px; }
	.promotionView img { width:30px; }

	.prom_section_inner { width:96%; }
	.prom_section ul.prom_gallery { width:100%; left:0; top:0; }
	.prom_section ul.prom_gallery li { margin:1%; width:48%; overflow:hidden; }
	.prom_section ul.prom_gallery li dt { width:100%; height:auto; }
	.prom_section div.prom_store_event ul.prom_gallery li dt { width:100%; height:0; }
	.prom_section ul.prom_gallery li dt img { width:100%; }
	.prom_section ul.prom_gallery li dd { width:100%; }

	.wn_cont { width:96%; margin:0 0 0 -48%; }

	section.campaign_wrap div.box_bg { width:100%; height:35px; background:#ffffff url("../img/coffee/select_arrow.png") no-repeat 98% 15px; }
	section.campaign_wrap h3 a { height:20px; line-height:20px; background:none; text-align:left; display:none; }
	section.campaign_wrap h3 a.on { height:20px; line-height:20px; color:#222; background:none; text-align:left; display:block; }
	section.campaign_wrap h3.campaign_all { left:10px; top:10px; }
	section.campaign_wrap h3.campaign_store{ left:10px; top:35px; }
	section.campaign_wrap h3.campaign_card { left:10px; top:60px; }
	section.campaign_wrap h3.campaign_reserve { left:10px; top:85px; }
	section.campaign_wrap h3.campaign_online { left:10px; top:110px; }

	section.campaign_wrap article div.campaign_list > dl > dd > ul { width:100%; left:0; top:0; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul > li { width:49%; margin:0.5%; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dl { width:100%; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dt { width:100%; height:0; padding:0 0 100% 0; }
	section.campaign_wrap article div.campaign_list > dl > dd > ul li dt img { width:100%; }

	section.campaign_wrap div.campaign_select_box { display:block; width:100%; height:28px; border:1px solid #dddddd; border-radius:3px; position:relative; background:#ffffff url("../img/coffee/select_arrow.png") no-repeat 98% center; }
	section.campaign_wrap div.campaign_select_box label.value { display:block; margin:0 10px 0 10px; text-align:left; height:28px; line-height:28px;text-indent:4px; font-size:12px; color:#444444; font-family:"nbg"; overflow:hidden; }
	section.campaign_wrap div.campaign_select_box select{ padding:0 10px 0 10px; position:absolute; left:0; top:0; width:100%; height:28px; text-align:left; line-height:28px; font-size:12px; color:#444444; border:0; background:#fff; font-family:"nbg"; filter:alpha(opacity=0); opacity:0; z-index:20; }

	section.ing_campaign_wrap div.campaign_list > dl > dd > ul { width:100%; left:0; top:0; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul > li { width:49%; margin:0.5%; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dl { width:100%; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dt { width:100%; height:auto; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dt > a > img { width:100%; }

	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dd h4 { font-size:12px; }
	section.ing_campaign_wrap div.campaign_list > dl > dd > ul li dd p.date { font-size:11px; }
	
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul { width:100%; left:0; top:0; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul > li { width:49%; margin:0.5%; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dl { width:100%; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dt { width:100%; height:auto; }
	section.ing_store_event_wrap div.store_event_blist > dl > dd > ul li dt > a > img { width:100%; }
	article.news_veiw_info,
	article.campaign_veiw_info { padding:20px 0 0 0; }
	article.store_event_veiw_info { padding:20px 0 0 0; }

	section.store_event_wrap div.box_bg { /*display:none;*/ width:100%; height:35px; background:#ffffff url("../img/coffee/select_arrow.png") no-repeat 98% 15px; }
	section.store_event_wrap h3 a { height:20px; line-height:20px; background:none; text-align:left; display:none; }
	section.store_event_wrap h3 a.on { height:20px; line-height:20px; color:#222; background:none; text-align:left; display:block; }
	section.store_event_wrap h3.store_event_all { left:10px; top:10px; }
	section.store_event_wrap h3.store_event_store{ left:10px; top:35px; }
	section.store_event_wrap h3.store_event_card { left:10px; top:60px; }

	section.store_event_wrap div.store_select_box { display:block; width:100%; height:28px; border:1px solid #dddddd; border-radius:3px; position:relative; background:#ffffff url("../img/coffee/select_arrow.png") no-repeat 98% center; }
	section.store_event_wrap div.store_select_box label.value { display:block; margin:0 10px 0 10px; text-align:left; height:28px; line-height:28px;text-indent:4px; font-size:12px; color:#444444; font-family:"nbg"; overflow:hidden; }
	section.store_event_wrap div.store_select_box select{ padding:0 10px 0 10px; position:absolute; left:0; top:0; width:100%; height:28px; text-align:left; line-height:28px; font-size:12px; color:#444444; border:0; background:#fff; font-family:"nbg"; filter:alpha(opacity=0); opacity:0; z-index:20; }
	
	/* 20200527 추가 */
	section.magazine_wrap div.box_bg { width:100%; height:35px; background:#ffffff url("../img/coffee/select_arrow.png") no-repeat 98% 15px; }
	section.magazine_wrap h3 a { height:20px; line-height:20px; background:none; text-align:left; display:none; }
	section.magazine_wrap h3 a.on { height:20px; line-height:20px; color:#222; background:none; text-align:left; display:block; }
	section.magazine_wrap h3.magazine_all { top: 10px; left: 10px; }
	section.magazine_wrap h3.magazine_people { top: 35px; left: 10px;; }
	section.magazine_wrap h3.magazine_coffee { top: 60px; left: 10px; }
	section.magazine_wrap h3.magazine_places { top: 85px; left: 10px; }
	section.magazine_wrap h3.magazine_experience { top: 110px; left: 10px; }
	
	section.magazine_wrap article div.magazine_list > dl > dd > ul { width:100%; left:0; top:0; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul > li { width:49%; margin:0.5%; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dl { width:100%; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dt { width:100%; height:0; padding:0 0 100% 0; }
	section.magazine_wrap article div.magazine_list > dl > dd > ul li dt img { width:100%; }
	/* //20200527 추가 */

	div.store_frm_wrap { padding:2%; width:96%; }
	div.store_event_pick_often { height:auto; width:100%; }
	dl.store_event_pick { float:none; margin-bottom:10px; width:100%; }
	dl.store_event_search_name { float:none; width:100%; }

	dl.store_event_pick dt { width:100%; }
	dl.store_event_search_name dt { width:100%; }

	dl.store_event_pick dd { width:100%; }
	dl.store_event_pick dd > div { width:39%; margin-right:1%; }
	div.store_event_select_view div.select_box { width:100%; background:#fff url("../img/util/reward/select_arrow.png") no-repeat 96% center; }
	div.store_event_select_view div.select_box select { width:100%; }
	dl.store_event_pick dd p.btn_search_name { width:19%; }

	dl.store_event_search_name dd { width:100%; }
	dl.store_event_search_name dd div.search_name { width:79%; margin-right:1%; }
	dl.store_event_search_name dd p.btn_store_event_select { width:19%; }
	dl.store_event_search_name dd input { width:100%; }

	div.store_event_list ul > li > dl { width:100%; }
	div.store_event_list ul > li > dl > dt { width:100%; margin-right:0; float:none; text-align:center; margin-bottom:20px; }
	div.store_event_list ul > li > dl > dd { width:100%; float:none; }
	div.store_event_list ul > li dl dd h4 span.date { display:block; border-left:0; padding-left:0; padding-top:10px; }
	section.store_event_wrap article { padding-bottom:0; }

	section.store_event_veiw_wrap ul.btn_store_event { position:static; left:0; margin-left:0; width:100%; }
	section.store_event_veiw_wrap ul.btn_store_event:after { content:""; display:block; clear:both; }
	section.store_event_veiw_wrap ul.btn_store_event li { width:48.5%; margin-left:1%; }
	section.store_event_veiw_wrap p.btn_store_event_list_map { width:100%; }
	section.store_event_veiw_wrap p.btn_store_event_list { width:100%; }

	section.ing_store_event_wrap { margin-bottom:30px; }

	.news_area { width:96%; margin:0 auto; padding-bottom:20px; }
	.news_tab_wrap { /*display:none;*/ width:100%; height:35px; background:#ffffff url("../img/coffee/select_arrow.png") no-repeat 98% 15px; margin-bottom:30px; }
	.news_content > dt a { height:20px; line-height:20px; background:none; text-align:left; display:none; }
	.news_content > dt.on a { color:#222; background:none; display:block; }
	.news_content > dt.dt1 { left:10px; top:10px; }
	.news_content > dt.dt2 { left:10px; top:35px; }
	.news_content > dt.dt3 { left:10px; top:60px; }
	.news_content > dt.dt4 { left:10px; top:85px; }
	.news_content > dt.dt5 { left:10px; top:110px; }

	.news_content > dt.on { left:10px; top:10px; }
	
	section.news_veiw_wrap p.btn_campaign_list, 
	section.campaign_veiw_wrap p.btn_campaign_list { width:100%; height:30px; position:static; }
	section.news_veiw_wrap p.btn_campaign_list a, 
	section.campaign_veiw_wrap p.btn_campaign_list a { height:30px; line-height:30px; }
	/* jQuery ~ height → 20px 로 변경 */

	div.news_select_box { display:block; width:100%; height:28px; border:1px solid #dddddd; border-radius:3px; position:relative; background:#ffffff url("../img/coffee/select_arrow.png") no-repeat 98% center; margin-bottom:20px; }
	div.news_select_box label.value { display:block; margin:0 10px 0 10px; text-align:left; height:28px; line-height:28px;text-indent:4px; font-size:12px; color:#444444; font-family:"nbg"; overflow:hidden; }
	div.news_select_box select{ padding:0 10px 0 10px; position:absolute; left:0; top:0; width:100%; height:28px; text-align:left; line-height:28px; font-size:12px; color:#444444; border:0; background:#fff; font-family:"nbg"; filter:alpha(opacity=0); opacity:0; z-index:20; }

	.news_sch_wrap { padding:20px; }
	.news_sch_wrap p { position:static; width:100%; }
	.news_sch_wrap p input { width:68%; }
	.news_sch_wrap p a { width:28%; }

	table.news_tb { display:none; }
	.news_content > dd { width:100%; }

	.m_news_list { display:block; }
	/*.m_news_list li.fli { border-top:1px solid #333; }*/ /* 20210511 수정 */
	.m_news_list li { padding:20px 0; border-bottom:1px solid #ddd; }
	/*.m_news_list li.last { border-bottom:1px solid #333; }*/ /* 20210511 수정 */
	.m_news_list dt { text-align:center; width:41.25%; margin:0 auto 20px; }
	/* s::20210511 추가 */
	.m_news_list li:first-child {border-top:1px solid #333;}
	.m_news_list li:last-child {border-bottom:1px solid #333;}
	/* e::20210511 추가 */

	.m_news_list p.txt1 { font-size:14px; color:#444; line-height:1.4; margin-bottom:10px; text-align:center; }
	.m_news_list p.txt1 span { font-size:12px; color:#666; font-family:'Arial'; }
	.m_news_list p.tit { font-size:16px; color:#444; line-height:1.4; margin-bottom:10px; text-align:center; } /* 20210511 수정 */
	.m_news_list p.txt2 { font-size:14px; color:#666; line-height:1.6; text-align:center; }

	div.news_pagination { margin-top:20px; }
	.notice_wrap { width:96%; }

	.m_notice_list { display:block; }
	.m_notice_list > li.first { border-top:1px solid #ddd; }
	.m_notice_list > li.last { border-bottom:1px solid #ddd; }
	.m_notice_list > li { font-size:14px; padding:10px 0; /*border-bottom:1px solid #ddd;*/ line-height:1.6; } /* 20210511 수정 */
	.m_notice_list > li:last-child {border-bottom:1px solid #ddd;} /* 20210511 추가 */
	.m_notice_list > li > a { color:#666; }
	.m_notice_list > li.first a { color:#666; font-size: 16px; } /* 20210511 수정 */
	.m_notice_list > li.date { font-family:'Arial'; }

	section.notice_veiw_wrap { margin-bottom:30px; }
	table.pn_content_tb { width:100%; margin-bottom:30px; }
	table.pn_content_tb.mb_none { width:100%; margin-bottom:0px !important; } /* 220518 불필요여백 삭제 */
	section.notice_veiw_wrap header h3 span.date { display:block; padding-top:15px; }
	div.btn_notice_wrap { display:none; }

	p.m_hidden_list { display:block; width:100%; height:36px; line-height:36px; background:#666; border-radius:3px; margin-bottom:50px; }
	p.m_hidden_list a { color:#fff; font-size:14px; text-align:center; display:block; }

	section.social_sbux { width:96%; }
	.social_sbux_grid { width:96%; max-width:96%; }
	.wallpaper_area { padding:30px 0 0 0; }
	.wallpaper_wrap { width:96%; margin:0 auto; }
	.screen_info dl { width:100%; }
	.screen_info dt { width:100%; float:none; text-align:center; margin-bottom:20px; }
	.screen_info dd { width:100%; float:none; }
	.screen_info div.screen_method { width:94%; padding:3%; }
	.screen_info p.download a { width:100%; }

	.wp_inner { width:96%; }
	.wallpaper_area div.select_box { position:relative; left:0; top:0; width:100%; background:#ffffff url("../img/coffee/select_arrow.png") no-repeat 97% center; margin-bottom:20px; }
	.wallpaper_area div.select_box select{ width:100%; }
	.wallpaper_area .wpYear { position:relative; left:0; top:0; width:100%; text-align: left } /*20170529 추가 : 셀렉트 삭제, 텍트트트추가*/
	.wallpaper_area ul.wp_gallery { width:100%; }
	.wallpaper_area ul.wp_gallery > li { width:100%; margin-right:0; }

	.wallpaper_area ul.wp_gallery dl { margin-bottom:30px; }
	.wallpaper_area ul.wp_gallery dt { text-align:center; }
	.wallpaper_area ul.wp_gallery dd ul { width:100%; }
	.wallpaper_area ul.wp_gallery dd li { width:32%; margin-right:1.5%; }
	.wallpaper_area ul.wp_gallery dd a { width:100%; }

	/* 플래너 */
	.planner_wrap { width:96%; }
	.planner_skin_area { width:100%; }
	.planner_skin_area { display:none; }

	.planner_event_info { width:100%; display:none; }
	.m_planner_event_info { display:block; }
	.planner_gallery { width:100%; }

	.planner_gallery { width:100%; }
	.gallery_slide_wrap { width:96%; height:auto; }
	.p_gallery { width:100%; }
	.p_gallery ul { width:100%; height:auto; }
	.p_gallery ul li.bigImg { width:48.5%; height:auto; }
	.p_gallery ul li { width:24%; height:auto; margin:0.5%; }

	.p_gallery ul li.bigImg div.bg { width:97%; height:97%; }
	.p_gallery ul li div.bg { width:94%; height:94%; }

	.m_planner_skin_area { display:block; }

	.m_planner_skin_area  p.skin_top{text-align:center;margin-bottom:1%;}
	.m_planner_skin_area  ul.skin_list{width:100%;margin-bottom:1%;}
	.m_planner_skin_area  ul.skin_list:after{content:"";display:block;clear:both;}
	.m_planner_skin_area  ul.skin_list li{float:left;width:49.5%;}
	.m_planner_skin_area  ul.skin_list li.mr{margin-right:1%;}
	.m_planner_skin_area  ul.skin_list li.mb{margin-bottom:1%;}

	.planner_last_section { width:100%; }
	.planner_last_section li.li1 { width:100%; float:none; margin-bottom:10px; }
	.planner_last_section li.li2 { width:100%; float:none; }
	.youtube_wrap { width:100%; height:378px; }

	ul.planner_last_section li.li2 p.m_skin { display:block; }
	ul.planner_last_section li.li2 p.w_skin { display:none; }

	.m_planner_event_section1 { position:relative; }
	.m_planner_event_section2 { position:relative; display:none; }
	.m_planner_event_section3 { position:relative; }

	.m_planner_event_section1 p.m_event_view_btn1{ position:absolute; left:37%; top:89%; width:28%; }
	.m_planner_event_section2 p.m_event_view_btn2{ position:absolute; left:32%; top:46%; width:42.5%; }
	.m_planner_event_section2 p.m_winner_btn{ position:absolute; left:58.5%; top:37.8%; width:13%; }
	ul.planner_last_section li.li2 { height:auto; }

	.prom_bn1_section { height:inherit; }
	.prom_bn2_section { height:inherit; }
	.prom_bn3_section { height:inherit; }
	.prom_bn4_section { height:inherit; }

	.prom_bn_inner { width:100%; }

	.prom_bn1_txt01 { width:300px; left:50%; top:130px; margin-left:-150px; }
	.prom_bn2_txt01 { width:300px; left:50%; top:130px; margin-left:-150px; }
	.prom_bn3_txt01 { width:300px; left:50%; top:130px; margin-left:-150px; }
	.prom_bn4_txt01 { width:300px; left:50%; top:130px; margin-left:-150px; }

	.prom_bn1_btn01 { left:50%; margin-left:-60.5px; top:290px; }
	.prom_bn2_btn01 { left:50%; margin-left:-60.5px; top:290px; }
	.prom_bn3_btn01 { left:50%; margin-left:-60.5px; top:290px; }
	.prom_bn4_btn01 { left:50%; margin-left:-60.5px; top:290px; }

	table.notice_tb { width:100%; }
	table.notice_tb td { font-size:12px; }

	/*150820 구명준 추가 */
	section.notice_veiw_wrap header { padding:20px; }
	section.notice_veiw_wrap header h3 { float:inherit; width:100%; line-height:1.4; }
	section.notice_veiw_wrap header ul.sns_wrap { top:-45px; display:block; }
	article.notice_veiw_info div.notice_veiw_info_inner table { width:100% !important; }

	table.notice_tb { display:none; } /* 150828 성연욱 - 모바일에서 공지사항 테이블 삭제 */ /* 220221 수정(공지사항 테이블 삭제) */

	/* 150917 플래너 스탬프 추가 */
	.planner_stamp_sec1 p.btn_stamp_view { width:30%; margin-left:-15%; bottom:13%; }
	.planner_stamp_sec1 p.btn_stamp_view_it { margin-left:-10%; width:26%; bottom:20%; }
	.planner_stamp_sec1 p.btn_win_view { width:30%; bottom:20%; }
	.planner_stamp_sec2 ul { width:66%; margin-left:-33%; bottom:41.5%; }

	.planner_stamp a.stamp_ev_view { width:32%; height:2%; left:8%; top:30.4%; }
	.planner_stamp a.stamp_ev_view.stamp_ev_view_it { width:32%; height:1.5%; left:8%; top:17.4%; }

	.stamp_ev_pop { width:96%; margin-left:-48%; }
	.stamp_ev_pop div.head p.tit { font-size:25px; }
	.stamp_ev_pop div.input_area dl { width:100%; }
	.stamp_ev_pop div.input_area dt { width:100%; float:none; margin-bottom:10px; }
	.stamp_ev_pop div.input_area dd { width:100%; float:none; }
	.stamp_ev_pop div.input_area dt label { width:100%; }

	.stamp_ev_pop div.input_area input.bar1 { width:75%; }
	.stamp_ev_pop div.input_area a.btn_sch { width:20%; }

	.stamp_ev_pop div.input_area div.tel_wrap { width:100%; }
	.stamp_ev_pop div.input_area div.select_box1 { width:30%; }
	.stamp_ev_pop div.input_area div.select_box label.value { text-indent:0; }
	.stamp_ev_pop div.input_area div.tel_wrap input.bar2 { width:30%; }
	.stamp_ev_pop div.input_area div.tel_wrap span.edge { width:3%; }

	.stamp_ev_pop div.input_area div.email_wrap { width:100%; }
	.stamp_ev_pop div.input_area div.email_wrap input.bar3 { width:43%; margin-bottom:5px; }
	.stamp_ev_pop div.input_area div.email_wrap span.gb { width:10%; }
	.stamp_ev_pop div.input_area div.email_wrap div.select_box { margin-left:0; }

	.stamp_ev_pop div.input_area div.sec_q { left:50%; margin-left:-94px; }
	.stamp_ev_pop div.input_area div.sec_q_t { background:url('../img/whatsnew/planner/stamp/m_pop_tip_bg1.png') 0 0 no-repeat; }

	.stamp_ev_pop div.store_sch_wrap { width:100%; }
	.stamp_ev_pop div.store_sch_wrap label { float:none; }
	.stamp_ev_pop div.store_sch_wrap input { width:74%; }
	.stamp_ev_pop div.store_sch_wrap a.btn_sch { margin-left:2%; width:20%; }

	.stamp_ev_pop table tr.first td { padding-top:6px; }
	.popup_head p.tit,
	.stamp_ev_pop div.head p.tit { font-size:16px; text-align:left; padding-left:20px; }
	/*.stamp_ev_pop table thead { display:none; }*/
	.stamp_ev_pop table th { font-size:12px; height:33px; line-height:33px; }
	.stamp_ev_pop table td { font-size:11px; padding:3px 0; line-height:1.4; }
	.stamp_ev_pop div.table_wrap { border-bottom:0; height:150px; }

	.stamp_ev_pop div.head p.tit.tit2 { font-size:19px; }
	.stamp_ev_pop p.pri_agree label { line-height:1.4; }
	/* 150917 플래너 스탬프 추가 end */

	/* 160114 공지사항 홀케익 팝업 남인태 추가 */
	.free_bev_pop { margin-left:-49%; width:98%; }
	.btn_to_compl { display:block; margin-top:10px; }
	/* 160114 공지사항 홀케익 팝업 남인태 추가 end */

	section.campaign_veiw_wrap header h3 p.date { display:block; font-size:12px; font-weight:normal; color:#666666; padding:12px 0 0px 0; width: 100%; }
	section.news_veiw_wrap header h3 p.date { display:block; font-size:12px; font-weight:normal; color:#666666; padding:12px 0 0px 0; width: 100%; }
}

@media screen and (min-width:481px) and (max-width:640px) {
	section.campaign_veiw_wrap header h3 p.date { display:block; font-size:12px; font-weight:normal; color:#666666; padding:12px 0 0px 0; width: 100%; }
	section.news_veiw_wrap header h3 p.date { display:block; font-size:12px; font-weight:normal; color:#666666; padding:12px 0 0px 0; width: 100%; }
}

@media screen and (max-width:480px) {
	.prom_bn1_txt01 { width:300px; left:50%; top:70px; margin-left:-150px; }
	.prom_bn2_txt01 { width:300px; left:50%; top:70px; margin-left:-150px; }
	.prom_bn3_txt01 { width:300px; left:50%; top:70px; margin-left:-150px; }
	.prom_bn4_txt01 { width:300px; left:50%; top:70px; margin-left:-150px; }

	.prom_bn1_btn01 { left:50%; margin-left:-60.5px; top:200px; }
	.prom_bn2_btn01 { left:50%; margin-left:-60.5px; top:200px; }
	.prom_bn3_btn01 { left:50%; margin-left:-60.5px; top:200px; }
	.prom_bn4_btn01 { left:50%; margin-left:-60.5px; top:200px; }

	section.campaign_veiw_wrap header h3 p.date { display:block; font-size:12px; font-weight:normal; color:#666666; padding:12px 0 0px 0; width: 100%; }
	section.news_veiw_wrap header h3 p.date { display:block; font-size:12px; font-weight:normal; color:#666666; padding:12px 0 0px 0; width: 100%; }
}

@media all and (max-width:860px) {
	.tabBigWrapper { display:none; }
	.month_wrap { display:block; }
}

@media all and (max-width:500px) {
	.month_wrap .swiper-container .swiper-slide a{height:210%;}
}

@media all and (max-width:360px) {
	.month_wrap .swiper-container .swiper-slide a{height:160%;}
}


/* 150829 성연욱 추가 - 소셜 스타벅스 중앙정렬 */
@media all and (min-width:871px) and (max-width:1099px) {
	.social_sbux_grid { width:822px; }
}

@media all and (min-width:579px) and (max-width:870px) {
	.social_sbux_grid { width:542px; }
}

@media all and (max-width:578px) {
	.social_sbux_grid { width:262px; }
}
/* 150829 성연욱 추가 - 소셜 스타벅스 중앙정렬 end */

.quest_group .agree_title {position: relative; display:block; width: 100%; height: 30px; background-image: url('https://www.starbucks.co.kr/common/img/util/sbox_arrow_down.png'); background-repeat: no-repeat; background-position: 100% 20%}
.doro_wrap_220804 .select-city .select_box { width:49%; height:26px; border:1px solid #ddd; border-radius:3px; padding: 0 5px; box-sizing:border-box; font-weight: bold; background: #fff url(https://image.istarbucks.co.kr/common/img/coffee/select_arrow.png) 95% center no-repeat;}