@charset "utf-8";



@font-face{
    font-family: 'Pretendard';
    src: url(/pointcard/fonts/Pretendard-Bold.woff2) format('woff2');
    font-weight:700;
  }
  @font-face{
    font-family: 'Pretendard';
    src: url(/pointcard/fonts/Pretendard-Medium.woff2) format('woff2');
    font-weight:500;
  }
  @font-face{
    font-family: 'Pretendard';
    src: url(/pointcard/fonts/Pretendard-Regular.woff2) format('woff2');
    font-weight: 400;
  }
  
  @font-face{
    font-family: 'Pretendard';
    src: url(/pointcard/fonts/Pretendard-Light.woff2) format('woff2');
    font-weight: 300;
  }
  
  @font-face{
    font-family: 'Pretendard';
    src: url(/pointcard/fonts/Pretendard-ExtraLight.woff2) format('woff2');
    font-weight: 200;
  }

  @font-face{
    font-family: 'Pretendard';
    src: url(/pointcard/fonts/Pretendard-Thin.woff2) format('woff2');
    font-weight: 100;
  }



/*
html {height:100%}
body {height:100%; margin:0; padding:0; background: #f9f9f9 ; background-size:6px;}
img {border:0;}
p,form,span {margin:0;padding:0;}
div,table,fieldset {margin:0;padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
ul,ol,li,td,dl,dt,dd {list-style:none; margin:0; padding:0;}
input,select,textarea, {margin:0; padding:0;}
body,p,pre,form,span,div,table,ul,ol,li,td,input,textarea {font-family:dotum, verdana, Helvetica, sans-serif; color:#999; font-size:13px; word-wrap:break-word; word-break:break-all; -webkit-text-size-adjust:none;}

a:link, a:visited {color:#999; text-decoration: none;}
a:hover, a:active {color:#000; text-decoration: none;}
*/


/* ●●●●●●●●●● 기본설정 */
/* -webkit-text-size-adjust: none; 이부분 모바일 하이브리드에서 글자 크기 자동변환때문에 추가.. 하이브리드에서는 webview.getSettings().setTextZoom(100); 추가.. */
html {width:100%; height:100%;-webkit-text-size-adjust: none;font-family: "Pretendard", sans-serif !important;}
body {margin:0; padding:0; background:#ffffff;-webkit-text-size-adjust:none;font-family: "Pretendard", sans-serif !important;}
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button,a,select {font-family:"Pretendard", sans-serif; color:#666; word-wrap:break-word; word-break:break-all; font-size:12px; letter-spacing:-0.5px; -webkit-text-size-adjust:none;}
b,strong {word-wrap:break-word; word-break:break-all; font-family:inherit; font-weight:600;}
/* 모바일에서 공통페이지 숫자 영문등의 표현이 디자인적으로 필요  lato설정 */

img {border:0;}
p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
ul,ol,li,td,dl,dt,dd {margin:0; padding:0;list-style:none;}
dl,dt,dd {list-style:none;}
ul,ol{list-style:none}

input,select,textarea,button {margin:0; padding:0; vertical-align:middle; font-size:12px; outline:none}
em {font-style:normal}
a,span {display:inline-block;}
span,div,a,b,strong {color:inherit; font-size:inherit; font-family:inherit; }

a:link, a:visited {color:inherit; text-decoration:none;-webkit-tap-highlight-color:transparent;}
a:hover, a:active {color:#333; text-decoration: none;-webkit-tap-highlight-color:transparent;}





/* pc 화면일때 가로 사이즈 반응형 조정 */
@media (min-width:800px) {
	#section { width:800px;margin:0 auto}

	.telme_nav { display:none}

}

.shop_image2 .img_text img {width:100%}
.shop_image2 .img_text a {width:100%}
.shop_image2 .img_text  {width:100%}


#section .conts_box .shop_image2 .img_text {font-size:15px;color:#898989;font-weight:bold;margin-bottom:5px;padding:8px; width:98%;border-bottom:1px dashed #dbdbdb;}

/* 모바일에서 공통페이지 숫자 영문등의 표현이 디자인적으로 필요  lato설정 */
/* a태그가 상단 여백이 생겨서 원인이 먼지?
html {width:100%; height:100%;}
body {margin:0; padding:0; background:#ffffff;}
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button,a,select {font-family:'lato',sans-serif; color:#666; word-wrap:break-word; word-break:keep-all; font-size:12px; letter-spacing:-0.5px; -webkit-text-size-adjust:none;}
img {border:0;}
p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
ul,ol,li,td,dl,dt,dd {margin:0; padding:0;}
dl,dt,dd {list-style:none;}
input,select,textarea,button {margin:0; padding:0; vertical-align:middle; font-size:12px; outline:none}
em {font-style:normal}
a,span {display:inline-block;}

a:link, a:visited {color:#666; text-decoration:none;}
a:hover, a:active {color:#333; text-decoration: none;}
*/

a,span {display:inline-block;}


/*다른기종 브라우저에서 스크롤이 안되는 문제 */

#panel_warp { POSITION: relative; Z-INDEX: 999; LEFT: 0px; TOP: 0px; width:100%; height:100%; display:block;margin:0 auto;}
#wrap {width:100%; height:100%;margin-left:0px; position:absolute; left:0px; top:0px;z-index:999; display:block;}

/*#panel_warp { POSITION: relative; Z-INDEX: 999; LEFT: 0px; TOP: 0px; width:100%; height:100%; display:block;margin:0 auto; overflow-x:hidden;}
#wrap {width:100%; height:100%;margin-left:0px; position:absolute; left:0px; top:0px;z-index:999; display:block; overflow-x:hidden; }
*/


/* 스프라이트이미지공통 */
.sprite {display:inline-block; background: transparent url('/ms/images/m_tbcard_pack.png') no-repeat;  background-size:320px;}
.sprite_type1 {display:inline-block; background: transparent url('/ms/images/m_ad_pack_type1.png') no-repeat;  background-size:320px;}
.sprite_gps {display:inline-block; background: transparent url('/pointcard/images/m_coup_pack.png') no-repeat; background-size:320px;}

/* 헤더 --------------------------------------------------------------------- */
#header {width:100%; background:#fff; height:45px; overflow:hidden; }
#header .sub {width:640px; overflow:hidden; height:45px;}
/*수정 20130924 by mvie*/
/*#header .shop_name {width:100%; position:absolute;display:inline-block; text-align:left; color:#353740; font-weight:bold; font-size:19px; line-height:45px; padding-left:5px;}*/
#header .shop_name {display:inline-block; text-align:center; color:#000; font-weight:bold; font-size:19px; line-height:45px; padding-left:0px;}
/*수정 20130924 by mvie*/
#header .shop_name img {max-width:640px; width:100% margin:1px 1px;}/*width:100%;height:45px; */




#header_s1 {width:100%; background:#fff; height:55px; overflow:hidden; }
#header_s1 .subimg {width:100%; overflow:hidden; height:88px;background: transparent url('/ms/images/moin_header_bg11.gif') top center repeat-x;}
#header_s1 .shop_nameimg {display:block; padding:16px 0; text-align:center;margin:auto 0; color:#fff;font-weight:bold;  font-size:21px;text-shadow:1px 1px 0 #777777; }
#header_s1 .shop_nameimg img {max-width:640px; width:100% margin:1px 1px;}/*width:100%;height:45px; */



#header .CategoryOpener {display:inline-block; background:#fff; height:45px; width:48px; float:left;}
#header .btn_list2 {position:absolute;display:inline-block; background:#fff; height:45px; width:52px;float:right; right:0;}
#header .btn_list3 {display:inline-block; background:#c81f06; height:45px; width:48px; float:right;}



#header .ic_list {background-position:0 0; width:45px; height:43px; margin:2px 3px;}
#header .ic_list2 {background-position:0 -350px; width:45px; height:43px; margin:2px 3px;}
#header .ic_list3 {background-position:0 0; width:45px; height:43px; margin:2px 3px;}


#header_s1 .ic_list4 {position:absolute;background-position:0 0; width:45px; height:43px; margin:2px 3px;}
#header_s1 .ic_list5 {position:absolute;background-position:0 -350px; width:45px; height:43px; margin:2px 3px;}
#header_s1 .btn_list2 {position:absolute;display:inline-block; height:45px; width:52px;float:right; right:0;}



.ic_tab {float:right; position:relative;background-position:-294px 0; width:30px; height:43px; margin:0px 5px;}



#shop_tabimg .sprite {display:inline-block; background: transparent url('/ms/images/moin_shop_tab.png') no-repeat;  background-size:320px;}
#shop_tabimg .ic_menu01 {background-position:0 0; width:45px; height:43px; margin:2px 3px;}
#shop_tabimg .ic_menu02 {background-position:-65px 0; width:45px; height:43px; margin:2px 3px;}
#shop_tabimg .ic_menu03 {background-position:-135px 0; width:45px; height:43px; margin:2px 3px;}
#shop_tabimg .ic_menu04 {background-position:-210px 0; width:45px; height:43px; margin:2px 3px;}
#shop_tabimg .ic_menu05 {background-position:-275px 0; width:45px; height:43px; margin:2px 3px;}



/* 네비 --------------------------------------------------------------------- */

/* 슬라이드 카테고리 */
#slidemenu {overflow:hidden; display:none; height:100%; background:#f9f9f9;width:240px;} /* 사이드 메뉴 슬라이드 문제 display:none 추가 by mview*/
#slidemenu .shop {background:#353740; height:45px;border-bottom:1px solid #000;}
#slidemenu .shop .ic_shop {position:absolute; background-position:-170px 0; width:26px; height:22px; margin:0px 0 0 8px;}
#slidemenu .shop .shop_name {margin-left:45px; font-size:14px; color:#fff; padding:0px 0 0 0;}
#slidemenu .shop .shop_add {margin-left:45px; font-size:11px; color:#aeafb3;}

#slidemenu .gnb {overflow:hidden;}
#slidemenu .gnb a {display:block; position:relative; border-bottom:1px solid #dbdde2; border-top:1px solid #ffffff; padding:6px 0;} 

#slidemenu .gnb .ic_gnb1 {position:absolute; background-position:0 -42px; width:20px; height:20px; margin:12px 0 0 15px; left:0; top:0;}
#slidemenu .gnb .ic_gnb2 {position:absolute; background-position:-30px -42px; width:20px; height:20px; margin:12px 0 0 15px; left:0; top:0;}
#slidemenu .gnb .ic_gnb3 {position:absolute; background-position:-60px -42px; width:20px; height:20px; margin:12px 0 0 15px; left:0; top:0;}
#slidemenu .gnb .ic_gnb4 {position:absolute; background-position:-90px -42px; width:20px; height:20px; margin:12px 0 0 15px; left:0; top:0;}
#slidemenu .gnb .ic_gnb5 {position:absolute; background-position:-120px -42px; width:20px; height:20px; margin:12px 0 0 15px; left:0; top:0;}

#slidemenu .gnb .ic_arrow {position:absolute; background-position:-210px 0; width:11px; height:18px; margin:-8px 15px 0 0; right:0; top:50%;}

#slidemenu .gnb .gnb_kr {display:block; margin-left:45px; font-size:17px; font-weight:bold; color:#353740;}
#slidemenu .gnb .gnb_en {display:block; margin-left:45px; font-size:10px; color:#babcc4; font-family:Helvetica;}


/* 매장개별메뉴 */
#shop_tab {overflow:hidden; background:#009a44; border-bottom:1px solid #aaa;letter-spacing:-1px;}
#shop_tab li {width:20%; float:left;}
#shop_tab li:first-child a {border-left:0;}
#shop_tab li:last-child a {border-right:0;}
/*#shop_tab a {display:block; border-left:1px solid #bebebe; border-right:1px solid #9e9e9e; padding:8px 0; text-align:center; color:#fff; font-size:13px; text-shadow:1px 1px 0 #939393;}*/
/*#shop_tab .tab_on { background:#1f2637; text-shadow:1px 1px 0 #000; border-left:1px solid #000; border-right:1px solid #000; -webkit-box-shadow:inset 0 0 5px #000;}*/
#shop_tab a {display:block; border-left:1px solid #ffffff;  padding:8px 0; text-align:center; color:#fff; font-size:13px;}
#shop_tab .tab_on { background:#e95412; text-shadow:1px 1px 0 #000;}

/* 매장개별메뉴 - 메뉴확장 */
#shop_tabimg {overflow:hidden; background:#ffffff; border-bottom:1px solid #332424;}
#shop_tabimg li {width:20%; float:left;}
#shop_tabimg li:first-child a {border-left:0;}
#shop_tabimg li:last-child a {border-right:0;}
#shop_tabimg a {display:block; border-right:1px solid #bebebe; padding:8px 0; text-align:center; color:#939393; font-size:11px; }
#shop_tabimg .tab_on { background:#cc3333; text-shadow:1px 1px 0 #000; color:#fff; border-left:1px solid #000; border-right:1px solid #000; -webkit-box-shadow:inset 0 0 0px #000;}

/* 내용 --------------------------------------------------------------------- */
#section {overflow:hidden; position:relative;background:#FFF;}

/*다른기종 브라우저에서 스크롤이 안되는 문제 */
/*#section {overflow:hidden; position:relative;background:#FFF;padding-bottom:70px;} */


/* 페이지 타이틀 (공통) -------------------------------- */
#section .shop_page_title {background:#dcdedd; text-align:center; color:#3d322c; font-size:17px;font-weight:bold; height:38px; line-height:38px; position:relative; overflow:hidden;}

#section .shop_page_title .ic_write {background-position:-190px -165px; width:20px; height:20px; margin:-3px 11px 0 0; margin:6px 2px 0 0; float:left;}
#section .shop_page_title .btn_txt {display:inline-block; position:absolute; right:0; top:50%; height:30px; line-height:30px; padding:0 10px; border:1px solid #000; margin:-16px 5px 0 0; color:#fff; letter-spacing:-1px; 
text-shadow:1px 1px 0 #156d75; background:#22afbb; -webkit-border-radius:3px; -webkit-box-shadow:inset 1px 1px 0 #3ccdd9;}

#section .shop_page_title .btn_back {position:absolute; left:0; top:0; display:block; width:40px; height:38px}
#section .shop_page_title .ic_back {position:absolute; background-position:-165px -70px; width:20px; height:30px; left:50%; top:50%; margin:-11px 0 0 -10px}

/* 페이지 내부 타이틀 */
#section .shop_group_title {background:#fff; margin:8px; color:#666; border:1px solid #ddd; padding:5px 20px; position:relative; font-weight:bold;}
#section .shop_group_title .ic_arrow {background-position:0 -70px; width:10px; height:10px; position:absolute; right:0; top:50%; margin:-3px 11px 0 0;}


/* 페이지 내부 타이틀 */
.shop_group_title {background:#fff; margin-bottom:4px; color:#666; border-bottom:2px solid #e93364; border-top:2px solid #dddddd; padding:6px 22px; position:relative; font-weight:bold;font-size:16px;}
.shop_group_title .ic_arrow {background-position:0 -70px; width:20px; height:20px; position:absolute; left:5px; top:38%; margin:-4px 5px 0 0;}


/* 페이지 내부 타이틀 */
.shop_group_title {background:#fff; margin-bottom:4px; color:#666; border:1px solid #ddd; padding:5px 20px; position:relative; font-weight:bold;font-size:15px;}
.shop_group_title .ic_arrow {background-position:0 -70px; width:10px; height:10px; position:absolute; right:0; top:50%; margin:-3px 11px 0 0;}



/* 전화걸기 하단메뉴 타입1 *
/* 하단연락버튼 (공통) --------------------------------- */
.contact_area {overflow:hidden; background:#fff; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; }
.contact_area li {float:left; width:50%;}
.contact_area .btn {display:block; color:#353740; padding:15px 0; text-align:center; }
.contact_area li:first-child .btn {border-right:1px solid #e0e0e0}

.contact_area .tie {display:inline-block;}
.contact_area .btn_tx {float:left; font-size:18px; color:#353740;}
.contact_area .ic_phone {background-position:-100px 0; width:20px; height:20px; margin:3px 3px 0 0; float:left;}
.contact_area .ic_sms {background-position:-130px 0; width:22px; height:20px; margin:3px 3px 0 0; float:left;}

.bt_shadow {background: transparent url('/ms/images/bottom_shadow.png') top center no-repeat; background-size:100%; overflow:hidden; height:15px;}

.contact_sns {overflow:hidden; text-align:center; margin-bottom:10px;}
.contact_sns a {width:40px; height:40px; margin:0 3px;}
.contact_sns .btn_kk {background-position:0 -110px;}
.contact_sns .btn_st {background-position:-50px -110px;}
.contact_sns .btn_fb {background-position:-100px -110px;}
.contact_sns .btn_tt {background-position:-150px -110px;}
.contact_sns .btn_mt {background-position:-200px -110px;}





/* 전화걸기 하단메뉴 타입2 */
/*.telme_nav {width:100%; position:fixed; bottom:0; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ffffff), to(#ede3d3)); border-top:1px solid #bfbfbf;}*/
.telme_nav {width:100%; position:fixed; bottom:0; background: transparent url('/ms/images/bullet.png') left center no-repeat;background-size:100%; border-top:1px solid #bfbfbf;}
.telme_nav li {float:left; width:50%;}
.telme_nav a {display:block; padding:13px 0; text-align:center;}
.telme_nav .tx {display:block; font-size:11px; color:#fff;}
.telme_nav .tie {display:inline-block;}
.telme_nav .btn_tx {float:left; font-size:18px; color:#353740;}
/*
.telme_nav .ic_phone {background-position:-100px 0; width:20px; height:20px; margin:3px 3px 0 0; float:left;}
.telme_nav .ic_sms {background-position:-130px 0; width:22px; height:20px; margin:3px 3px 0 0; float:left;}
*/
.telme_nav .nav_on {background:#e94f7e; font-weight:bold; text-shadow:1px 1px 1px #a62c51;}




/* 이벤트 ---------------------------------- */

#section .event_top {overflow:hidden; background:#a1a1a1; border-top:1px solid #332424;}
#section .event_top .title {color:#ffe400; text-align:center; font-weight:bold; font-size:15px; border-bottom:1px solid #7e7e7e; margin:0 0px; height:30px; line-height:33px; overflow:hidden;text-shadow:1px 1px 0 #000;}
#section .event_top .period {color:#fff; text-align:center; font-family:verdana; font-size:12px; margin:0 8px; height:23px; line-height:23px; overflow:hidden;}
#section .event_top .ic_title {background-position:-50px 0; width:16px; height:12px; margin:12px 5px; float:left;vertical-align:middle; }
#section .event_top .ic_time {background-position:-70px 0; width:16px; height:14px; margin:0px 0px 2px; float:middle;vertical-align:middle; }

#section .event_banner {overflow:hidden;}
#section .event_banner img {width:100%; float:left;}



.bottom_basic_info {overflow:hidden;}
.bottom_basic_info li {overflow:hidden; border-bottom:1px dashed #dbdbdb; padding:5px 0;}
.bottom_basic_info li:first-child {padding-top:0;}
.bottom_basic_info li:last-child {border-bottom:0; padding-bottom:0;}
.bottom_basic_info li span {display:inline-block}
.bottom_basic_info .opt {color:#426ea9; width:75px; position:absolute;}
.bottom_basic_info .value {margin-left:75px; line-height:15px;}




/* 매장소개 -------------------------------- */
#section .conts_box {margin:8px; padding:8px; background:#fff; border-bottom:1px solid #d6d6d6; -webkit-box-shadow: 0 0 3px #ccc;}

#section .conts_box .basic_info {overflow:hidden;}
#section .conts_box .basic_info li {overflow:hidden; border-bottom:1px dashed #dbdbdb; padding:5px 0;}
#section .conts_box .basic_info li:first-child {padding-top:0;}
#section .conts_box .basic_info li:last-child {border-bottom:0; padding-bottom:0;}
#section .conts_box .basic_info li span {display:inline-block}
#section .conts_box .basic_info .opt {color:#426ea9; width:75px; position:absolute;}
#section .conts_box .basic_info .value {margin-left:75px; line-height:15px;}


#section .conts_box .shop_image {overflow:hidden;}
#section .conts_box .shop_image li {float:left; width:50%; overflow:hidden;}
#section .conts_box .shop_image .box {display:block; margin:1px; background:#efefef; position:relative;}

#section .conts_box .shop_image .none_photo {background-position:-20px -70px; width:30px; height:30px; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px}
#section .conts_box .shop_image .none_video {background-position:-60px -70px; width:30px; height:30px; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px}

#section .conts_box .shop_image img {width:100%; float:left;}
#section .conts_box .shop_image iframe {width:100%;}


@media screen and (max-width:320px) {
#section .conts_box .shop_image .box {height:100px;}
#section .conts_box .shop_image img {height:100px;}
#section .conts_box .shop_image iframe {height:100px;}
}

@media screen and (min-width:321px) and (max-width:640px) {
#section .conts_box .shop_image .box {height:200px;}
#section .conts_box .shop_image img {height:200px;}
#section .conts_box .shop_image iframe {height:200px;}
}

@media screen and (min-width:641px) and (max-width:1024px) {
#section .conts_box .shop_image .box {height:300px;}
#section .conts_box .shop_image img {height:300px;}
#section .conts_box .shop_image iframe {height:300px;}
}

@media screen and (min-width:1025px) {
#section .conts_box .shop_image .box {height:400px;}
#section .conts_box .shop_image img {height:400px;}
#section .conts_box .shop_image iframe {height:400px;}
}





#section .conts_box .shop_video {overflow:hidden;}
#section .conts_box .shop_video li {float:left; width:100%; overflow:hidden;}
#section .conts_box .shop_video .box {display:block; margin:1px; background:#efefef; position:relative;}

#section .conts_box .shop_video .none_photo {background-position:-20px -70px; width:30px; height:30px; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px}
#section .conts_box .shop_video .none_video {background-position:-60px -70px; width:30px; height:30px; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px}

#section .conts_box .shop_video img {width:100%; float:left;}
#section .conts_box .shop_video iframe {width:100%;}


@media screen and (max-width:320px) {
#section .conts_box .shop_video .box {height:100px;}
#section .conts_box .shop_video img {height:100px;}
#section .conts_box .shop_video iframe {height:100px;}
}

@media screen and (min-width:321px) and (max-width:640px) {
#section .conts_box .shop_video .box {height:200px;}
#section .conts_box .shop_video img {height:200px;}
#section .conts_box .shop_video iframe {height:200px;}
}

@media screen and (min-width:641px) and (max-width:1024px) {
#section .conts_box .shop_image .box {height:300px;}
#section .conts_box .shop_image img {height:300px;}
#section .conts_box .shop_image iframe {height:300px;}
}

@media screen and (min-width:1025px) {
#section .conts_box .shop_image .box {height:400px;}
#section .conts_box .shop_image img {height:400px;}
#section .conts_box .shop_image iframe {height:400px;}
}



/* 메뉴안내 -------------------------------- */
#section .shop_menu {margin:8px; padding:8px; background:#fff; border-bottom:1px solid #d6d6d6; -webkit-box-shadow: 0 0 3px #ccc;}

#section .shop_menu .list_ctr {overflow:hidden; -webkit-border-radius:5px 5px 0 0; border:1px solid #bcbcbc; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#f4f4f4), to(#fff));}
#section .shop_menu .list_ctr li {float:left; width:33.3%;border-bottom:1px solid #e1e1e1; }
#section .shop_menu .list_ctr li:last-child a {border-right:0;}
#section .shop_menu .list_ctr a {display:block; text-align:center; padding:5px 0; border-right:1px solid #bcbcbc;}
#section .shop_menu .list_ctr .tab_on {color:#333; background:#d1d1d1; -webkit-box-shadow:inset 1px 1px 2px #b0b0b0;}

#section .shop_menu .menu_list {overflow:hidden; margin-top:15px;}
#section .shop_menu .menu_list li {position:relative; border-bottom:1px dashed #dbdbdb; min-height:80px; padding:10px 0;}
#section .shop_menu .menu_list li:last-child {border-bottom:0;}
#section .shop_menu .menu_list li:first-child {padding:0 0 10px 0;}

#section .shop_menu .menu_list .thumb {position:absolute; width:110px; height:80px; overflow:hidden; background:#efefef;}
/*#section .shop_menu .menu_list .thumb img {width:100%; height:80px;}*/
#section .shop_menu .menu_list .thumb img {width:100%;}
#section .shop_menu .menu_list .thumb .none_photo {background-position:-20px -70px; width:30px; height:30px; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px}


/* 갤러리형 진열 by mview */
#section .shop_menu .menu_list .thumb_list {position:absolute; width:110px; height:80px; overflow:hidden; background:#efefef;}
#section .shop_menu .menu_list .thumb_list img {width:100%; height:80px;}
#section .shop_menu .menu_list .thumb_list .none_photo {background-position:-20px -70px; width:30px; height:30px; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px}


#section .shop_menu .menu_list .info_box { margin-left:120px;}
#section .shop_menu .menu_list .info_box .name {color:#333; font-weight:bold; font-size:14px; line-height:18px; margin-bottom:5px;}
#section .shop_menu .menu_list .info_box .name2 {color:#333; font-weight:bold; font-size:14px; line-height:18px; margin-bottom:5px;}

#section .shop_menu .menu_list .info_box .price .price2 {color:#ff3600; font-weight:bold; font-family:verdana; overflow:hidden; position:relative; padding-left:16px;}

#section .shop_menu .menu_list .info_box .price {color:#ff3600; font-weight:bold; font-family:verdana; overflow:hidden; position:relative; padding-left:16px;}

#section .shop_menu .menu_list .info_box .ic_price {background-position:-100px -70px; width:14px; height:14px; position:absolute; left:0; top:0; margin-top:2px;}
#section .shop_menu .menu_list .info_box .describ {line-height:16px;  margin-top:5px; letter-spacing:-1px;}



/* 갤러리 -------------------------------- */
#section .gallery_box {margin:8px; padding:8px 8px 3px 8px; background:#fff; border-bottom:1px solid #d6d6d6; -webkit-box-shadow: 0 0 3px #ccc;}

#section .gallery_list {display:table; width:100%; overflow:hidden;}
#section .gallery_list .line {width:110px; height:220px; overflow:hidden; background:#efefef;}

#section .gallery_list .line .thumb {position:absolute; width:110px; height:220px; overflow:hidden; background:#efefef;}
#section .gallery_list ul {display:table-row; overflow:hidden;}
#section .gallery_list li {display:table-cell; overflow:hidden; border-bottom:5px solid #fff;; vertical-align:top; text-align:center; box-sizing:border-box; width:33.33%; background:#efefef;}
#section .gallery_list img {width:100%; float:left;}

#section .gallery_list li:first-child {border-right:5px solid #fff;}
#section .gallery_list li:last-child {border-left:5px solid #fff;}

#section .gallery_list .none {vertical-align:middle; }
#section .gallery_list .none_photo {background-position:-20px -70px; width:30px; height:30px;}



/* 사진크게보기 */
.gallery_view {height:100%; background: transparent url('/ms/images/gallery_bg.gif') left top repeat;}

.gallery_view .top_area {text-align:center; font-weight:bold; color:#fff; font-size:17px; padding:10px 0; position:relative; overflow:hidden;}
.gallery_view .top_area .btn_back {position:absolute; left:0; top:0; display:block; width:50px; height:45px; background:#000;}
.gallery_view .top_area .ic_back {background-position:-165px -70px; width:20px; height:30px; margin-top:10px;}

.gallery_view .btn_area {overflow:hidden; margin-top:1px;}
.gallery_view .btn_area li {width:50%; float:left;}
.gallery_view .btn_area a {display:block; background:#000; color:#d4d4d4; padding:15px;}
.gallery_view .btn_area .btn_prev {margin-right:2px;}
.gallery_view .btn_area .btn_next {text-align:right; margin-left:2px;}

.gallery_view .btn_area .ic_prev {background-position:-195px -70px; width:14px; height:14px; margin:3px 8px 0 0; float:left;}
.gallery_view .btn_area .ic_next {background-position:-215px -70px; width:14px; height:14px; margin:3px 0 0 8px; float:right;}


.gallery_view .photo {overflow:hidden;}
.gallery_view img {width:100%;}







/* 사진크게보기 */
.menu_order_view {height:100%;}

.menu_order_view .top_area {text-align:center; font-weight:bold; color:#fff; font-size:17px; padding:10px 0; position:relative; overflow:hidden;}
.menu_order_view .top_area .btn_back {position:absolute; left:0; top:0; display:block; width:50px; height:45px; background:#000;}
.menu_order_view .top_area .ic_back {background-position:-165px -70px; width:20px; height:30px; margin-top:10px;}

.menu_order_view .btn_area {overflow:hidden; margin-top:1px;}
.menu_order_view .btn_area li {width:50%; float:left;}
.menu_order_view .btn_area a {display:block; background:#000; color:#d4d4d4; padding:15px;}
.menu_order_view .btn_area .btn_prev {margin-right:2px;}
.menu_order_view .btn_area .btn_next {text-align:right; margin-left:2px;}

.menu_order_view .btn_area .ic_prev {background-position:-195px -70px; width:14px; height:14px; margin:3px 8px 0 0; float:left;}
.menu_order_view .btn_area .ic_next {background-position:-215px -70px; width:14px; height:14px; margin:3px 0 0 8px; float:right;}


.menu_order_view .photo {overflow:hidden;}
.menu_order_view img {width:100%;}




/* 할인쿠폰 -------------------------------- */
#section .shop_coupon {margin:8px; padding:8px; background:#fff; border-bottom:1px solid #d6d6d6; -webkit-box-shadow: 0 0 3px #ccc;}

#section .shop_coupon .coupon_list {overflow:hidden;}
#section .shop_coupon .coupon_list li {position:relative; border-bottom:1px dashed #dbdbdb;}
#section .shop_coupon .coupon_list li:last-child {border-bottom:0;}
#section .shop_coupon .coupon_list li:first-child {padding:0 0 15px 0;}

#section .shop_coupon .coupon_list .info_box {overflow:hidden;padding:0px 0px 10px 0px; }
#section .shop_coupon .coupon_list .info_box .name {position:relative; color:#333; font-weight:bold; font-size:14px; background:#f6f6f6; padding:3px 5px; line-height:18px; padding-right:85px;height:35px;}
#section .shop_coupon .coupon_list .info_box .price {position:absolute; right:0; color:#ff3600; text-align:right; font-weight:bold; font-family:verdana; overflow:hidden; padding:0 5px 0 16px; letter-spacing:-1px;}
#section .shop_coupon .coupon_list .info_box .ic_price {background-position:-100px -70px; width:14px; height:14px; float:left; margin:2px 3px 0 0;}

#section .shop_coupon .coupon_list .info_box .option {overflow:hidden; margin-top:5px; padding-left:5px;}
#section .shop_coupon .coupon_list .info_box .option li {overflow:hidden; position:relative; border:none; padding:0;}
#section .shop_coupon .coupon_list .info_box .option .opt {position:absolute;}
#section .shop_coupon .coupon_list .info_box .option .value {margin-left:50px;}
#section .shop_coupon .coupon_list .info_box .option .value b {color:#4eaf00}

#section .shop_coupon .coupon_list .info_box .btn_area {margin-top:8px;}
#section .shop_coupon .coupon_list .info_box .btn_area a {display:block; width:49%; text-align:center; font-size:14px; color:#ffffff; position:relative; padding:7px 0; font-weight:bold}

#section .shop_coupon .coupon_list .info_box .btn_area .btn_order {float:left; background:#f45168; text-shadow:1px 1px 1px #b73d4e;}
#section .shop_coupon .coupon_list .info_box .btn_area .btn_wish {float:right; background:#22afbb; text-shadow:1px 1px 1px #358591}

#section .shop_coupon .coupon_list .info_box .btn_area .ic_edge {background-position:-245px -70px; width:10px; height:10px; position:absolute; right:0; bottom:0;}
#section .shop_coupon .coupon_list .info_box .btn_area .ic_check {background-position:-265px -70px; width:14px; height:12px; float:left; margin:4px 2px 0 0;}
#section .shop_coupon .coupon_list .info_box .btn_area .ic_heart {background-position:-285px -70px; width:14px; height:12px; float:left; margin:4px 2px 0 0;}
#section .shop_coupon .coupon_list .info_box .btn_area .tie {display:inline-block; color:#fff;}





/* 할인쿠폰 -------------------------------- */
#section .shop_coupon_gift {margin:8px; padding:8px; background:#fff; border-bottom:1px solid #d6d6d6; -webkit-box-shadow: 0 0 3px #ccc;}

#section .shop_coupon_gift .goods_list {overflow:hidden;border-bottom:21px dashed #dbdbdb;clear:both;margin-bottom:50px;}
#section .shop_coupon_gift .goods_list li {position:relative; }
#section .shop_coupon_gift .goods_list li:last-child {border-bottom:0;}
#section .shop_coupon_gift .goods_list li:first-child {padding:0 0 15px 0;}

#section .shop_coupon_gift .goods_list .info_box_good {overflow:hidden;padding:0px 0px 10px 0px;background:#f6f6f6;  }
#section .shop_coupon_gift .goods_list .info_box_good .name {position:relative; color:#333; font-weight:bold; font-size:14px; background:#f6f6f6; padding:3px 5px; line-height:18px; padding-right:85px;height:35px;}
#section .shop_coupon_gift .goods_list .info_box_good .price {position:absolute; right:0; color:#ff3600; text-align:right; font-weight:bold; font-family:verdana; overflow:hidden; padding:0 5px 0 16px; letter-spacing:-1px;}
#section .shop_coupon_gift .goods_list .info_box_good .ic_price {background-position:-100px -70px; width:14px; height:14px; float:left; margin:2px 3px 0 0;}

#section .shop_coupon_gift .goods_list .info_box_good .option {overflow:hidden; margin-top:5px; padding-left:5px;}
#section .shop_coupon_gift .goods_list .info_box_good .option li {overflow:hidden; position:relative; border:none; padding:0;}
#section .shop_coupon_gift .goods_list .info_box_good .option .opt {position:absolute;}
#section .shop_coupon_gift .goods_list .info_box_good .option .value {margin-left:50px;}
#section .shop_coupon_gift .goods_list .info_box_good .option .value b {color:#4eaf00}


#section .shop_coupon_gift .goods_list .btn_area {vertical-align:bottom;clear:both;margin:3px 10px;}
#section .shop_coupon_gift .goods_list .btn_area a {display:block; width:100%; text-align:center; font-size:14px; color:#ffffff; position:relative; padding:8px 0; font-weight:bold}

#section .shop_coupon_gift .goods_list .btn_area .btn_order {float:left; background:#898989; text-shadow:1px 1px 1px #000000;margin-right:3px;}
#section .shop_coupon_gift .goods_list .btn_area .btn_wish {float:right; background:#22afbb; text-shadow:1px 1px 1px #358591}

#section .shop_coupon_gift .goods_list .btn_area .ic_edge {background-position:-245px -70px; width:10px; height:10px; position:absolute; right:0; bottom:0;}
#section .shop_coupon_gift .goods_list .btn_area .ic_check {background-position:-265px -70px; width:14px; height:12px; float:left; margin:4px 2px 0 0;}
#section .shop_coupon_gift .goods_list .btn_area .ic_heart {background-position:-285px -70px; width:14px; height:12px; float:left; margin:4px 2px 0 0;}
#section .shop_coupon_gift .goods_list .btn_area .tie {display:inline-block; color:#fff;}




/* 할인쿠폰 -------------------------------- */
#section .shop_gifti {margin:0px; padding:4px; background:#fff; border-bottom:1px solid #d6d6d6; -webkit-box-shadow: 0 0 3px #ccc;}

#section .shop_gifti .coupon_list {overflow:hidden;}
#section .shop_gifti .coupon_list li {position:relative; border-bottom:1px dashed #dbdbdb;}
#section .shop_gifti .coupon_list li:last-child {border-bottom:0;}
/*#section .shop_gifti .coupon_list li:first-child {padding:0 0 15px 0;}*/

#section .shop_gifti .coupon_list .info_box_gift {overflow:hidden;}
#section .shop_gifti .coupon_list .info_box_gift .name_goods {margin-left:85px;width:52%;color:#333; font-weight:bold; font-size:15px; padding:3px 5px; line-height:18px; padding-right:85px;height:35px;}
#section .shop_gifti .coupon_list .info_box_gift .price {position:absolute; right:0; color:#ff3600; text-align:right; font-weight:bold; font-family:verdana; overflow:hidden; padding:0 5px 0 16px;letter-spacing:-1px;}
#section .shop_gifti .coupon_list .info_box_gift .ic_price {background-position:-100px -70px; width:14px; height:35px; float:left; margin:2px 3px 0 0;}
#section .shop_gifti .coupon_list .info_box_gift .price2 {color:#ff3600; font-weight:bold; font-family:verdana; overflow:hidden; position:relative; padding-left:16px;}
#section .shop_gifti .coupon_list .info_box_gift .price span {font-size:17px;}



#section .shop_gifti .coupon_list .info_box_gift .thumb {position:absolute; left:0; top:0; display:inline-block; width:80px; height:80px; overflow:hidden; margin:5px; background:#ebebeb;}
#section .shop_gifti .coupon_list .info_box_gift img {width:100%; height:100%;}
#section .shop_gifti .coupon_list .info_box_gift .none_photo {position:absolute; left:50%; top:50%; margin:-25px 0 0 -20px; background-position:-90px -230px; width:45px; height:50px;}



#section .shop_gifti .coupon_list .info_box_gift .option {margin-left:85px;height:40px;overflow:hidden; margin-top:5px; padding-left:5px;}
#section .shop_gifti .coupon_list .info_box_gift .option li {overflow:hidden; position:relative; border:none; padding:0;}
#section .shop_gifti .coupon_list .info_box_gift .option .opt {position:absolute;}
#section .shop_gifti .coupon_list .info_box_gift .option .value {margin-left:20px;}
#section .shop_gifti .coupon_list .info_box_gift .option .value b {color:#4eaf00}

#section .shop_gifti .coupon_list .info_box_gift .btn_area {margin-top:8px;}
#section .shop_gifti .coupon_list .info_box_gift .btn_area a {display:block; width:49%; text-align:center; font-size:14px; color:#ffffff; position:relative; padding:7px 0; font-weight:bold}

#section .shop_gifti .coupon_list .info_box_gift .btn_area .btn_order {float:left; background:#f45168; text-shadow:1px 1px 1px #b73d4e;}
#section .shop_gifti .coupon_list .info_box_gift .btn_area .btn_wish {float:right; background:#22afbb; text-shadow:1px 1px 1px #358591}

#section .shop_gifti .coupon_list .info_box_gift .btn_area .ic_edge {background-position:-245px -70px; width:10px; height:10px; position:absolute; right:0; bottom:0;}
#section .shop_gifti .coupon_list .info_box_gift .btn_area .ic_check {background-position:-265px -70px; width:14px; height:12px; float:left; margin:4px 2px 0 0;}
#section .shop_gifti .coupon_list .info_box_gift .btn_area .ic_heart {background-position:-285px -70px; width:14px; height:12px; float:left; margin:4px 2px 0 0;}
#section .shop_gifti .coupon_list .info_box_gift .btn_area .tie {display:inline-block; color:#fff;}




#section .shop_gifti .coupon_list .info_box_gift .btn_right_area {position:absolute; right:0; width:90px;height:30px;}
#section .shop_gifti .coupon_list .info_box_gift .btn_right_area a {display:block; width:90px; text-align:center; font-size:14px; color:#ffffff; position:relative; font-weight:bold}
#section .shop_gifti .coupon_list .info_box_gift .btn_right_area span {font-size:15px;}

#section .shop_gifti .coupon_list .info_box_gift .btn_right_area .btn_order {float:right; background:#f45168; text-shadow:1px 1px 1px #b73d4e;-webkit-border-radius:5px;padding:2px 5px;height:30px; }

#section .shop_gifti .coupon_list .info_box_gift .btn_right_area .ic_edge {background-position:-245px -70px; width:10px; height:10px; position:absolute; right:0; bottom:0;}
#section .shop_gifti .coupon_list .info_box_gift .btn_right_area .ic_check {background-position:-265px -68px; width:14px; height:15px; float:left; margin:0px 2px 0 0;}
#section .shop_gifti .coupon_list .info_box_gift .btn_right_area .ic_heart {background-position:-285px -70px; width:14px; height:12px; float:left; margin:4px 2px 0 0;}
#section .shop_gifti .coupon_list .info_box_gift .btn_right_area .tie {display:inline-block; color:#fff;padding-top:7px;}



.point_box_gift {position:relative; border-bottom:1px solid #ccc;}
.point_box_gift .title_box {position:absolute; left:10px; top:50%; width:60px; height:60px; border-radius:80px; border:2px solid #ccc; background:#fff; text-align:center; line-height:60px; box-sizing:border-box; }
.point_box_gift .title_box {margin-top:-30px; border-top:2px solid #666;}
.point_box_gift ul {margin-left:80px; border-left:1px solid #dedede; background:#fff; padding:20px 15px}
.point_box_gift li {list-style:none; overflow:hidden;}
.point_box_gift .mypoint dt {font-size:17px; font-weight:400; color:#000}
.point_box_gift .mypoint dt strong {letter-spacing:0px; color:#ff0000}
.point_box_gift .mypoint dd {color:#ff6600; margin-top:6px}
.point_box_gift .mypoint dd strong {letter-spacing:0px;}
.point_box_gift .apply_point {margin-top:10px; display:block;}
.point_box_gift .apply_point input {border:2px solid #ff6600; height:40px; border-radius:4px; text-align:right; padding:0 10px; color:#000; width:100%; font-size:16px; letter-spacing:0; box-sizing:border-box; }
.point_box_gift .apply_point input:focus {background:#eee; border:2px solid #ff1919 !important;}
.point_box_gift .apply_point .button_pack {margin-top:5px; width:50%; float:left;}
.point_box_gift .apply_point .button_pack:first-of-type {padding-right:2px}
.point_box_gift .apply_point .button_pack:last-of-type {padding-left:2px}
.point_box_gift .apply_point .button_pack:only-of-type {padding:0; width:100%; float:none;}



/* 할인쿠폰 -------------------------------- tbcard */

#section .shop_coupon .coupon_list_tbcard {overflow:hidden;}
#section .shop_coupon .coupon_list_tbcard li {position:relative; clear:both; border-bottom:1px dashed #dbdbdb;}
#section .shop_coupon .coupon_list_tbcard li:last-child {border-bottom:1;}
#section .shop_coupon .coupon_list_tbcard li:first-child {padding:0 0 0px 0;}



#section .shop_coupon .coupon_list_tbcard .info_img {overflow:hidden;float:left;margin-top:4px;width:40%;height:100%;}
#section .shop_coupon .coupon_list_tbcard .info_img img {height:80px;}
#section .shop_coupon .coupon_list_tbcard .info_img .none_photo { margin-top:4px;background:#efefef;background-position:-20px -70px;width:200px;height:80px;}



#section .shop_coupon .coupon_list_tbcard .info_box {overflow:hidden;padding:0px 0px 10px 0px; width:60%;float:right;}
#section .shop_coupon .coupon_list_tbcard .info_box .name {position:relative; color:#333; font-weight:bold; font-size:14px; padding:3px 5px; line-height:18px; padding-right:85px;height:35px;}
#section .shop_coupon .coupon_list_tbcard .info_box .price {position:absolute; right:0; color:#ff3600; text-align:right; font-weight:bold; font-family:verdana; overflow:hidden; padding:0 5px 0 16px; letter-spacing:-1px;}
#section .shop_coupon .coupon_list_tbcard .info_box .ic_price {background-position:-100px -70px; width:14px; height:14px; float:left; margin:2px 3px 0 0;}

#section .shop_coupon .coupon_list_tbcard .info_box .option {overflow:hidden; margin-top:5px; padding-left:5px;}
#section .shop_coupon .coupon_list_tbcard .info_box .option li {overflow:hidden; position:relative; border:none; padding:0;}
#section .shop_coupon .coupon_list_tbcard .info_box .option .opt {position:absolute;}
#section .shop_coupon .coupon_list_tbcard .info_box .option .value {margin-left:50px;}
#section .shop_coupon .coupon_list_tbcard .info_box .option .value b {color:#4eaf00}

#section .shop_coupon .coupon_list_tbcard .btn_area {vertical-align:bottom;clear:both;}
#section .shop_coupon .coupon_list_tbcard .btn_area a {display:block; width:100%; text-align:center; font-size:14px; color:#ffffff; position:relative; padding:11px 0; font-weight:bold}

#section .shop_coupon .coupon_list_tbcard .btn_area .btn_order {float:left; background:#124e9e; text-shadow:1px 1px 1px #000000;margin-right:3px;}
#section .shop_coupon .coupon_list_tbcard .btn_area .btn_wish {float:right; background:#22afbb; text-shadow:1px 1px 1px #358591}

#section .shop_coupon .coupon_list_tbcard .btn_area .ic_edge {background-position:-245px -70px; width:10px; height:10px; position:absolute; right:0; bottom:0;}
#section .shop_coupon .coupon_list_tbcard .btn_area .ic_check {background-position:-265px -70px; width:14px; height:12px; float:left; margin:4px 2px 0 0;}
#section .shop_coupon .coupon_list_tbcard .btn_area .ic_heart {background-position:-285px -70px; width:14px; height:12px; float:left; margin:4px 2px 0 0;}
#section .shop_coupon .coupon_list_tbcard .btn_area .tie {display:inline-block; color:#fff;}



/* 영화할인 무비앤기프트 */
.coupon_list {overflow:hidden; margin:5px;}

.coupon_list .item_box {background:#fff; border-bottom:1px solid #a29686; margin-bottom:5px; min-height:85px; position:relative;}
.coupon_list .item_box:last-child {margin:0}
.coupon_list .item_box .link_box {overflow:hidden; display:block; min-height:85px; position:relative; padding:5px;}
.coupon_list .item_box span {position:relative; overflow:hidden; display:block; }


/* 여기서부터 정리 필요!!!!!!!!!!!!!!!!!!! */



/* 쿠폰/이벤트/상점 리스트 --------------------------------------------------------------------- */
.coupon_list {overflow:hidden; margin:5px;}

.coupon_list .item_box {background:#fff; border-bottom:1px solid #a29686; margin-bottom:5px; min-height:85px; position:relative;}
.coupon_list .item_box:last-child {margin:0}
.coupon_list .item_box .link_box {overflow:hidden; display:block; min-height:85px; position:relative; padding:5px;}
.coupon_list .item_box span {position:relative; overflow:hidden; display:block; }


/* 쿠폰 */
.coupon_list .item_box .thumb {position:absolute; left:0; top:0; display:inline-block; width:110px; height:85px; overflow:hidden; margin:5px; background:#ebebeb;}
.coupon_list .item_box .thumb img {width:100%; height:100%;}
.coupon_list .item_box .thumb .none_photo {position:absolute; left:50%; top:50%; margin:-25px 0 0 -20px; background-position:-90px -230px; width:45px; height:50px;}

.coupon_list .item_box .info {overflow:hidden; margin-left:115px;}
.coupon_list .item_box .info .name {color:#333; font-size:14px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coupon_list .item_box .info .sub {font-size:11px; line-height:12px; margin:3px 0 8px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.coupon_list .item_box .info .coupon {color:#333; margin-top:3px;}
.coupon_list .item_box .info .coupon b {color:#c41400;}
.coupon_list .item_box .info .coupon em {color:#ff6000; font-weight:bold; font-style:normal;}
.coupon_list .item_box .info .km {color:#333;}
.coupon_list .item_box .info .km b{color:#4b9800;}

.coupon_list .item_box .info .ic_coupon {background-position:0 -40px; width:15px; height:12px; margin:3px 2px 0 0; float:left;}
.coupon_list .item_box .info .ic_map {background-position:-20px -40px; width:15px; height:12px; margin:3px 2px 0 0; float:left;}


/* 이벤트 */
.coupon_list .item_box .info .shop {overflow:hidden; color:#ba0e00; margin-top:5px; }
.coupon_list .item_box .info .ctg {float:left; background:#ba0e00; color:#fff; padding:0 5px; margin-right:3px;}

.coupon_list .item_box .info .period {overflow:hidden;  margin-top:3px; color:#2c9bc2; font-weight:bold;}
.coupon_list .item_box .info .ic_cal {background-position:-60px -40px; width:15px; height:11px; margin:3px 2px 0 0; float:left;}


/* 상점 */
.coupon_list .item_box .shop_box {overflow:hidden; display:block; min-height:85px; position:relative; padding:5px;}

.coupon_list .item_box .info .ic_man {background-position:-80px -40px; width:20px; height:11px; margin:3px 2px 0 0; float:left;}

.coupon_list .item_box .info .visit {float:left; color:#333; }
.coupon_list .item_box .info .visit b {color:#764138;}

.coupon_list .item_box .info .km2 {color:#333; float:right;}
.coupon_list .item_box .info .km2 b{color:#4b9800;}

.coupon_list .item_box .info .btn_area {display:block; overflow:hidden; clear:both; padding-top:4px;}
.coupon_list .item_box .info .btn_area a {display:inline-block; height:20px; line-height:20px; width:48%; text-align:center; color:#333; -webkit-border-radius:3px;}

.coupon_list .item_box .info .btn_area .btn_view {float:left; border:1px solid #c9c9c9;}
.coupon_list .item_box .info .btn_area .btn_call {float:right; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#e4e4e4), to(#f4f4f4)); -webkit-box-shadow:inset 0 1px 1px #fff; border:1px solid #b9b9b9;}



/* 쿠폰상세보기 ---------------------------------------------------- */

.coupon_view {background:#fff; overflow:hidden; margin:5px; padding:8px; }
.coupon_view .thumb {min-height:100px; position:relative; background:#ebebeb; overflow:hidden;}
.coupon_view .thumb img {width:100%; float:left;}
.coupon_view .thumb .none_photo {position:absolute; left:50%; top:50%; margin:-25px 0 0 -20px; background-position:-90px -230px; width:45px; height:50px;}

.coupon_view .name {padding:5px 0; color:#222; border-bottom:1px dashed #d5d5d5; font-size:16px;}

.coupon_view .price_info {padding:5px 0; overflow:hidden;}
.coupon_view .price_info .point {float:left; color:#1683b5; font-weight:bold; font-size:16px;}
.coupon_view .price_info .ic_point {background-position:-90px -90px; width:16px; height:16px; margin:2px 3px 0 0; float:left;}
.coupon_view .price_info .price {float:right; color:#333; font-size:18px;}
.coupon_view .price_info .price b {color:#df1800;}

.coupon_view .pay_way {overflow:hidden; background:#f2f2f2; border-bottom:1px solid #dedede; position:relative;  margin-top:10px;}
.coupon_view .pay_way .tx {text-align:center; color:#666; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px 0 5px 0;}
.coupon_view .pay_way .ic_arrow {background-position:-120px -90px; width:15px; height:8px; position:absolute; left:50%; top:0; margin:-1px 0 0 -8px;}

.coupon_view .pay_way .choice {border-top:1px solid #fff; text-align:center; padding:8px 5px; overflow:hidden;}
.coupon_view .pay_way .choice label {float:left; width:33.33%; position:relative; overflow:hidden;}
.coupon_view .pay_way .choice input {background:#b2b2b2; width:100%; height:30px; border:1px solid #949494}
.coupon_view .pay_way .choice input:checked {background:#4f4f4f; border:1px solid #333}
.coupon_view .pay_way .choice label:first-child input {-webkit-border-radius:30px 0 0 30px; border-right:0}
.coupon_view .pay_way .choice label:last-child input {-webkit-border-radius:0 30px 30px 0; border-left:0}
.coupon_view .pay_way .choice .tx {position:absolute; border:none; width:100%; text-align:center; top:50%; left:0; margin-top:-16px; color:#fff;}

.coupon_view .form_box {overflow:hidden; }
.coupon_view .form_box li {overflow:hidden; border:1px solid #ccc4b2; -webkit-border-radius:3px; margin:8px; position:relative; box-sizing:border-box;}
.coupon_view .form_box .none_area {border:0; text-align:right; padding:0!important}
.coupon_view .form_box .none_area a {display:inline-block; -webkit-border-radius:50px; font-size:12px; color:#fff; padding:4px 10px;}
.coupon_view .form_box .none_area .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.coupon_view .form_box .none_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}
.coupon_view .form_box .form_basic {margin:0 30px 0 70px;}
.coupon_view .form_box label {font-size:14px; line-height:35px; overflow:hidden; float:left; margin-right:10px; color:#666}
.coupon_view .form_box .opt {position:absolute; color:#b0b0b0; font-size:14px; left:0; top:50%; margin:-8px 0 0 5px; letter-spacing:-1px;}


.coupon_view .btn_area {overflow:hidden; margin-top:20px; position:relative;}
.coupon_view .btn_area a {display:inline-block; color:#fff; text-align:center; font-size:15px; height:40px; line-height:40px; position:relative; }
.coupon_view .btn_area .btn_order {background:#dc1600; display:block; margin-right:145px; }
.coupon_view .btn_area .btn_order_wide {background:#dc1600; display:block;  }
.coupon_view .btn_area .btn_wish {position:absolute; right:0; top:0; background:#704433; width:140px;}

.coupon_view .btn_area .ic_check {position:absolute; background-position:-150px -90px; width:22px; height:25px; left:0; top:0; margin-left:5px;}
.coupon_view .btn_area .ic_wish {position:absolute; background-position:-180px -90px; width:22px; height:25px; left:0; top:0; margin-left:5px;}



.coupon_view label {overflow:hidden; float:left; line-height:35px; margin-right:6px; color:#333;}



/* 쿠폰주문하기 2013-08-12 추가 ---------------------------------------------------- */

.coupon_order {overflow:hidden; margin:5px;}
.coupon_order .group_title {background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#797979), to(#858585)); color:#fff; font-weight:bold; text-align:center; font-size:14px; padding:8px 0; 
-webkit-box-shadow:inset 0 -2px 3px rgba(0,0,0,0.5);}
.coupon_order .group_box {background:#fff; display:table; width:100%; margin-bottom:10px;}
.coupon_order .group_box ul {display:table-row; border-bottom:1px dotted #d5d5d5; }
.coupon_order .group_box ul:last-child {border:0;}
.coupon_order .group_box li {display:table-cell; padding:8px; overflow:hidden; vertical-align:middle}
.coupon_order .group_box li:first-child {border-right:1px dotted #d5d5d5; }
.coupon_order .group_box .opt {color:#666; width:20%; text-align:center;}
.coupon_order .group_box .value {width:80%; font-size:14px; color:#222;}

.coupon_order .group_box .pay_way {overflow:hidden; position:relative;}
.coupon_order .group_box .pay_way label {font-size:14px; line-height:35px; overflow:hidden; float:left; margin-right:10px; color:#666}

.coupon_order .group_box_price {background:#fff; display:table; width:100%; margin-bottom:10px;}
.coupon_order .group_box_price ul {display:table-row; border-bottom:1px dotted #d5d5d5; }
.coupon_order .group_box_price ul:last-child {border:0; background:#eb5e00;}
.coupon_order .group_box_price ul:last-child .opt {color:#fff;}
.coupon_order .group_box_price ul:last-child .value {color:#fff; font-size:20px;}
.coupon_order .group_box_price ul:last-child .value b {color:#fff;}

.coupon_order .group_box_price li {display:table-cell; padding:8px; overflow:hidden; vertical-align:middle}
.coupon_order .group_box_price li:first-child {}
.coupon_order .group_box_price .opt {color:#666; text-align:left;}
.coupon_order .group_box_price .value {text-align:right; font-size:14px; color:#222;}
.coupon_order .group_box_price .value b {color:#ff3600}

.coupon_order .btn_area {overflow:hidden; margin-top:30px; position:relative;}
.coupon_order .btn_area a {display:inline-block; color:#fff; text-align:center; font-size:15px; height:40px; line-height:40px; position:relative; }
.coupon_order .btn_area .btn_order {background:#dc1600; display:block; margin-right:115px; }
.coupon_order .btn_area .btn_wish {position:absolute; right:0; top:0; background:#704433; width:110px;}




/* 내위치표시 --------------------------------------------------------------------- */
.my_position {overflow:hidden; margin-bottom:10px; background:#e5e5e5; -webkit-box-shadow: 0 1px 1px #b4ac9a; height:250px;}




/* 커뮤니티 ---------------------------------------------------- */
.community_menu {overflow:hidden; text-align:center; }
.community_menu a {display:inline-block; color:#333; font-size:14px; text-align:center; line-height:40px; float:left; width:33%; border-left:1px solid #ccc; box-sizing:border-box;}
.community_menu a:first-child {border:0; width:34%}
.community_menu .over {color:#c71600; font-weight:bold;}

.community_title {color:#333; font-weight:bold; position:relative;}
.community_title .ic_talk {background-position:0 -160px; width:23px; height:18px; float:left; margin:0 5px 0 0;}
.community_title .ic_post {background-position:-40px -160px; width:20px; height:18px; float:left; margin:0 5px 0 0;}
.community_title .ic_notice {background-position:-70px -160px; width:22px; height:18px; float:left; margin:0 5px 0 0;}

.community_title .btn_write {position:absolute; right:0; top:0; padding:3px 5px 1px 5px; background:#d9301b; border:1px solid #a91300; color:#fff; font-size:15px; margin:-4px -6px 0 0;
 -webkit-border-radius:3px; text-shadow:1px 1px 1px #7b1b0f; -webkit-box-shadow:inset 0 1px 1px #e88477;}
.community_title .ic_write {background-position:-110px -160px; width:20px; height:18px; float:left; margin-right:5px;}


.community_list {overflow:hidden; margin:5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a; padding:8px;}


/* 실시간토크 */
.community_list .talk_box {overflow:hidden; border-bottom:1px dashed #dbdbdb; margin-bottom:10px;}
.community_list .talk_box:last-child {border:0; margin-bottom:0;}

.community_list .talk_box .top {overflow:hidden; position:relative;}
.community_list .talk_box .writer {display:block; color:#333; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:100px; font-size:15px;}
.community_list .talk_box .date {position:absolute; color:#ababab; font-size:11px; right:0; top:0;}

.community_list .talk_box .conts {overflow:hidden; margin-top:5px; line-height:18px; font-size:14px;}

.community_list .talk_box .bottom {overflow:hidden; margin-top:10px; padding-bottom:5px;}
.community_list .talk_box .bottom .btn_ctr {float:left;}
.community_list .talk_box .bottom .btn_ctr a {display:inline-block; color:#333; padding:1px 10px; -webkit-border-radius:3px; float:left; margin-right:3px;}

.community_list .talk_box .btn_modify {border:1px solid #d4d4d4; color:#666;}
.community_list .talk_box .btn_delete {background:#f4f4f4; border:1px solid #aeaeae; color:#333;}

.community_list .talk_box .btn_reply {display:inline-block; overflow:hidden; padding:0 3px; color:#e94200; float:right; font-size:14px;}
.community_list .talk_box .ic_close {background-position:-140px -160px; width:14px; height:10px;}
.community_list .talk_box .ic_open {background-position:-160px -160px; width:14px; height:10px;}


.community_list .talk_box .open_reply {overflow:hidden; background:#f4f4f4; padding:10px; margin-top:10px;}

.community_list .talk_box .open_reply .reply_list {overflow:hidden; margin-bottom:5px; border-bottom:1px solid #e0e0e0; padding-bottom:5px; position:relative;}

.community_list .talk_box .open_reply .r_writer {display:block; color:#333; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:100px;}
.community_list .talk_box .open_reply .r_date {position:absolute; right:0; top:0; color:#ababab; font-size:11px; margin-left:5px;}

.community_list .talk_box .open_reply .conts {overflow:hidden; margin-top:5px; line-height:18px; clear:both; font-size:13px; position:relative;}
.community_list .talk_box .open_reply .conts .btn_delete {background:#fff; border:1px solid #d4d4d4; color:#666; display:inline-block; -webkit-border-radius:3px; padding:4px 4px 4px 5px; float:right;}
.community_list .talk_box .open_reply .conts .ic_x {background-position:-190px -160px; width:8px; height:8px; float:left;}

.community_list .talk_box .open_reply .form_area {overflow:hidden; position:relative;}
.community_list .talk_box .open_reply .form_area .textarea {margin-right:60px;}
.community_list .talk_box .open_reply .form_area .textarea textarea {width:100%; padding:0; box-sizing:border-box; border:1px solid #c0c0c0; color:#ccc;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; height:60px;}
.community_list .talk_box .open_reply .form_area .textarea textarea:focus {color:#333}
.community_list .talk_box .open_reply .form_area .btn_ok {position:absolute; right:0; top:0; border:1px solid #2c2c2c; height:60px; width:60px; color:#fff;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#443535), to(#5d4949));}



/* 이용후기 */
.community_list .post_box {overflow:hidden; border-bottom:1px dashed #dbdbdb; margin-bottom:10px; padding-bottom:10px;}
.community_list .post_box:last-child {border:0; padding-bottom:0;}

.community_list .post_box .thumb {position:absolute; width:80px; height:65px; overflow:hidden; background:#e5e5e5;}
.community_list .post_box .thumb img {width:100%; height:80px;}
.community_list .post_box .thumb .none_photo {background-position:-250px -90px; width:60px; height:58px; position:absolute; left:50%; bottom:0; margin:0 0 0 -25px}

.community_list .post_box .warp {margin-left:85px;}

.community_list .post_box .top {overflow:hidden; position:relative;}
.community_list .post_box .writer {display:block; color:#333; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:100px; font-size:14px;}
.community_list .post_box .mark {position:absolute; overflow:hidden; background-position:-240px -160px; width:70px; height:13px; right:0; top:0; margin-top:2px;}
.community_list .post_box .mark .star {overflow:hidden; background-position:-240px -175px; width:70px; height:13px; float:left;}
.community_list .post_box .date {color:#ababab; font-size:11px;}

.community_list .post_box .bottom {overflow:hidden; margin-top:10px; padding-bottom:5px;}
.community_list .post_box .shop_name {color:#ba0e00; overflow:hidden; float:left;}
.community_list .post_box .shop_name .ctg {float:left; background:#ba0e00; color:#fff; padding:0 5px; margin-right:3px;}
.community_list .post_box .visit {float:left; color:#333; margin-left:5px;}
.community_list .post_box .visit b {color:#764138;}
.community_list .post_box .visit .ic_man {background-position:-80px -40px; width:20px; height:11px; margin:3px 2px 0 0; float:left;}

.community_list .post_box .conts {overflow:hidden; margin-top:5px; line-height:16px}

.community_list .post_box .btn_area {margin-top:3px; overflow:hidden; text-align:right;}
.community_list .post_box .btn_area a {display:inline-block; color:#333; padding:1px 10px; -webkit-border-radius:3px; float:right; margin-right:3px;}
.community_list .post_box .btn_area .btn_modify {border:1px solid #d4d4d4; color:#666;}
.community_list .post_box .btn_area .btn_delete {background:#f4f4f4; border:1px solid #aeaeae; color:#333;}


/* 공지사항 */
.community_list .notice_box {overflow:hidden; border-bottom:1px dashed #dbdbdb; display:block; padding:8px 0; position:relative}
.community_list .notice_box:last-child {border:0; padding-bottom:0;}

.community_list .notice_box .title {display:block; color:#333; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:80px;}
.community_list .notice_box .date {color:#ababab; font-size:11px; position:absolute; right:0; top:50%; margin:-6px 15px 0 0}
.community_list .notice_box .ic_arrow {background-position:-210px -160px; width:10px; height:15px; position:absolute; right:0; top:50%; margin:-6px 0 0 0}


/* 공지사항보기 */
.community_list .notice_view {overflow:hidden;}
.community_list .notice_view .title {color:#333; font-size:16px; font-weight:bold; border-bottom:1px dashed #dbdbdb; padding-bottom:5px;}
.community_list .notice_view .info {overflow:hidden; border-bottom:1px solid #dbdbdb; padding:5px 0;}
.community_list .notice_view .info em {font-style:normal; color:#ccc; display:inline-block; margin:0 3px;}
.community_list .notice_view .writer {float:left;}
.community_list .notice_view .date {float:right;}
.community_list .notice_view .conts {padding:10px 0; font-size:14px; line-height:20px; color:#666; min-height:100px;}


/* 여기까지 정리 필요!!!!!!!!!!!!!!!!!!! */




/* 이용후기 -------------------------------- */
#section .shop_post {margin:8px; padding:8px; background:#fff; border-bottom:1px solid #d6d6d6; -webkit-box-shadow: 0 0 3px #ccc;}

#section .shop_post .post_list {overflow:hidden; margin-bottom:20px;}
#section .shop_post .post_list li {position:relative; border-bottom:1px dashed #dbdbdb; padding:10px 0 5px 0;}
#section .shop_post .post_list li:last-child {border-bottom:0;}
#section .shop_post .post_list li:first-child {padding-top:0;}

#section .shop_post .post_list .thumb {position:absolute; width:80px; height:65px; overflow:hidden; background:#e5e5e5; -webkit-border-radius:5px;}
#section .shop_post .post_list .thumb img {width:100%; height:80px;}
#section .shop_post .post_list .thumb .none_photo {background-position:0 -230px; width:60px; height:58px; position:absolute; left:50%; bottom:0; margin:0 0 0 -25px}

#section .shop_post .post_list .post_box {overflow:hidden; margin-left:90px; position:relative;}
#section .shop_post .post_list .post_box .name {color:#333; font-size:13px; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:75px;}
#section .shop_post .post_list .post_box .date {font-size:11px; letter-spacing:-1px; color:#bbb;}
#section .shop_post .post_list .post_box .mark {position:absolute; overflow:hidden; background-position:-70px -165px; width:70px; height:13px; right:0; top:0; margin-top:2px;}
#section .shop_post .post_list .post_box .mark .star {overflow:hidden; background-position:-70px -180px; width:70px; height:13px; float:left;}

#section .shop_post .post_list .post_box .contents {overflow:hidden; margin-top:5px; letter-spacing:-1px; line-height:16px;}

#section .shop_post .post_list .post_box .btn_area {margin-top:8px; overflow:hidden; text-align:right;}
#section .shop_post .post_list .post_box .btn_area a {display:inline-block; font-size:11px; color:#333; padding:1px 15px; -webkit-border-radius:10px;}
#section .shop_post .post_list .post_box .btn_area .btn_modify {background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#eee), to(#fff)); border:1px solid #d4d4d4; color:#666;}
#section .shop_post .post_list .post_box .btn_area .btn_delete {background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#ccc), to(#eee)); border:1px solid #aeaeae; color:#333;}


/* 이용후기 작성 */
#section .shop_post .post_form {overflow:hidden; position:relative;}
#section .shop_post .post_form li {margin-bottom:3px; overflow:hidden;}
#section .shop_post .post_form .guide_tx {font-size:11px; letter-spacing:-1px; color:#ff6600}
#section .shop_post .post_form textarea {height:90px;}
#section .shop_post .post_form .input_common {margin-right:85px;}

#section .shop_post .post_form .btn_upload {overflow:hidden; position:absolute; z-index:300; right:0; top:0; text-align:center; letter-spacing:-1px; height:75px; width:80px; border:1px solid #d4d4d4; -webkit-border-radius:3px; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#fbfbfb), from(#e4e4e4)); -webkit-box-shadow:inset 1px 1px 1px #fff;}
#section .shop_post .post_form .btn_upload a {display:block; color:#666; height:75px;}
#section .shop_post .post_form .btn_upload img {width:100%; height:100%}
/*#section .shop_post .post_form .btn_upload .ic_photo {background-position:-220px -165px; width:26px; height:20px; margin-top:17px;}*/
#section .shop_post .post_form .btn_upload .btn_delete {position:absolute; top:0; right:0; background:#000; width:25px; height:25px; -webkit-border-radius:30px; margin:5px;}
#section .shop_post .post_form .btn_upload .ic_x {background-position:-270px 0; width:20px; height:17px; margin-top:4px;}

#section .shop_post .post_form .btn_upload .upload {position:relative; overflow:hidden; width:82px; height:77px; margin-top:0px;}
#section .shop_post .post_form .btn_upload .upload .ic_photo {background-position:-220px -165px; width:26px; height:20px; position:absolute; left:0; top:0; margin: 16px 0 0 28px;}
#section .shop_post .post_form .btn_upload .upload .txt {position:absolute; left:0; top:50%; margin:5px 0 0 18px; color:#868686;}
#section .shop_post .post_form .btn_upload .upload .btn_upload_file {font-size:40px; opacity:0;}



/* 내용없을경우 공통 -------------------------------- */
#section .contents_none {overflow:hidden; text-align:center; padding:60px 0;}
#section .contents_none .ic_none {background-position:0 -165px; width:52px; height:52px;}
#section .contents_none .tx {display:block; margin-top:5px;}



/* 하단 버튼영역 (공통) -------------------------------- */
#section .bottom_btn_area {overflow:hidden; margin-top:5px; position:relative;}

#section .bottom_btn_area .btn_more {display:block;  border:1px solid #c8c8c8;  letter-spacing:-1px; padding:10px; 0; color:#444; position:relative;
background:-webkit-gradient(linear, 0 100%, 0% 0, from(#ededed), to(#fff));-webkit-border-radius:3px; }
#section .bottom_btn_area .ic_plus {background-position:-170px -165px; width:13px; height:13px; margin:-6px 12px 0 0; position:absolute; right:0; top:50%;}

#section .bottom_btn_area .btn_ok {margin-right:88px;}
#section .bottom_btn_area .btn_ok input {display:block; width:100%;  border:none; background:#22afbb; letter-spacing:-1px; padding:10px; 0; color:#fff; font-weight:bold; font-size:15px; 
-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:3px;}

#section .bottom_btn_area .btn_cancel {display:inline-block; text-align:center; letter-spacing:-1px; padding:10px; 0; color:#fff; font-weight:bold; font-size:15px; width:60px; position:absolute; right:0; top:0; margin-top:2px;
background:#bbbbbb;  -webkit-border-radius:3px;}
#section .guide_text {margin-top:8px; background:#e7e7e7; color:#e75c32; font-size:11px; line-height:14px; letter-spacing:-1px; text-align:center; padding:8px 0; border-top:1px solid #d0d0d0;}

#section .bottom_btn_area .btn_tx {display:block;  border:1px solid #c8c8c8;  letter-spacing:-1px; padding:10px; 0; color:#444; position:relative; text-align:center;
background:-webkit-gradient(linear, 0 100%, 0% 0, from(#ededed), to(#fff));-webkit-border-radius:3px; }


/* 하단 간단한 페이징 (공통) */
.bottom_paginate {overflow:hidden; margin:0 8px 10px 8px; text-align:center; font-size:13px; color:#333; font-family:verdana; position:relative; height:28px;}
.bottom_paginate b {line-height:28px;}

.bottom_paginate a {display:inline-block; width:70px; height:25px; position:absolute; background:-webkit-gradient(linear, 0 100%, 0% 0, from(#ededed), to(#fff)); border:1px solid #c8c8c8; -webkit-border-radius:3px; }
.bottom_paginate .btn_prev {left:0; top:0;}
.bottom_paginate .btn_next {right:0; top:0;}

.bottom_paginate .ic_prev {background-position:-120px -70px; width:10px; height:14px; margin-top:6px;}
.bottom_paginate .ic_next {background-position:-140px -70px; width:10px; height:14px; margin-top:6px;}




/* 오시는길 -------------------------------- */
.shop_adress {background:#53555c;-webkit-box-shadow:inset 0 3px 5px #1c1e22; padding:5px; position:relative;}
.shop_adress .map_info {overflow:hidden;}
.shop_adress .adress {display:inline-block; color:#fff; font-size:12px; letter-spacing:-1px; line-height:15px; margin-top:3px;}
.shop_adress .qr {float:right; width:50px; margin-left:10px;}
.shop_adress .qr img {width:100%; float:left;}
.shop_adress .ic_map {display:inline-block; background: transparent url('/ms/images/map_icon.png') top center no-repeat; background-size:320px; width:100%; height:32px; position:absolute; left:0; top:0; margin-top:46px;z-index:9999;}

#section .shop_map {overflow:hidden; background:#eee; height:250px;}




/* 경품로또 -------------------------------- */
.lotto_body {background: #3eb1c6 url('/ms/images/lotto_bg.gif') repeat; background-size:25px;}

#lotto_box .numer {background-position:-220px -235px; width:45px; height:40px; line-height:42px; position:relative;}
#lotto_box .numer a {display:block; color:#000; font-family:helvetica; font-size:25px; font-weight:bold; letter-spacing:-2px; text-shadow:0 -1px 1px #fff;}
#lotto_box .numer span {display:block; color:#000; font-family:helvetica; font-size:25px; font-weight:bold; letter-spacing:-2px; text-shadow:0 -1px 1px #fff;}


#lotto_box {overflow:hidden; background: #3eb1c6 url('/ms/images/lotto_bg.gif') repeat; background-size:25px; -webkit-box-shadow:inset 0 2px 2px #00849c; padding-bottom:60px;}

#lotto_box .top_area {overflow:hidden; text-align:center; background: transparent url('/ms/images/lotto_title.png') center top no-repeat; background-size:270px; margin-top:15px;}
#lotto_box .top_area .title {color:#fff; font-weight:bold; margin-top:1px; font-size:17px; letter-spacing:-1px; text-shadow:1px 1px 1px #b10f50;}
#lotto_box .top_area .period {color:#fff; margin-top:10px;  font-weight:bold; font-size:12px; text-shadow:1px 1px 1px #196678; font-family:Helvetica}
#lotto_box .top_area .period b {color:#000;}

#lotto_box .visual_area {position:relative; margin-top:15px; background:#393b41; -webkit-box-shadow: 0 1px 2px #1d6e7d; padding-bottom:10px;}
#lotto_box .visual_area .image {position:absolute; right:0; top:0; width:154px; margin-top:-30px; z-index:100}
#lotto_box .visual_area .image img {width:100%;}
#lotto_box .visual_area .wave_bg {position:absolute; background: transparent url('/ms/images/wave_bg.png') left top repeat-x; background-size:10px; width:100%; height:10px; left:0; top:0; margin-top:-5px;}
#lotto_box .visual_area .giveaway {overflow:hidden; padding:0 10px; margin-right:140px;}
#lotto_box .visual_area .giveaway dt {color:#c4c5c6; font-weight:bold; padding-bottom:3px; margin-top:8px;}
#lotto_box .visual_area .giveaway dd {color:#fff; font-size:11px; line-height:14px;}


#lotto_box .number_all {overflow:hidden; margin:15px;}
#lotto_box .number_all li {width:20%; float:left; text-align:center; margin-bottom:5px;}
#lotto_box .number_all .choice {background-position:-265px -235px;position:absolute; width:45px; height:40px; left:0; top:0;}

#lotto_box .number_auto {overflow:hidden; background:#328e9e; margin:20px 10px 0 10px; -webkit-border-radius:50px;  border:1px solid #247786;}
#lotto_box .number_auto .title {text-align:center; color:#fff; font-weight:bold; padding:5px 0; text-shadow:1px 1px 1px #165a66; font-size:14px;}
#lotto_box .number_auto .number_set {margin:0 15px;}
#lotto_box .number_auto .number_set li {width:16.5%; float:left; text-align:center; margin-bottom:5px;}

#lotto_box .lotto_guide {margin:15px; border-top:1px solid #3b98aa}
#lotto_box .lotto_guide .title {color:#fff; font-weight:bold; border-top:1px solid #75c5d4; padding-top:10px; text-shadow:1px 1px 1px #165a66}
#lotto_box .lotto_guide .ic_tip {background-position:-140px -300px; width:29px; height:13px; float:left; margin:3px 3px 0 0;}
#lotto_box .lotto_guide .conts {font-size:11px; color:#bcf5ff; margin-top:5px; line-height:14px; letter-spacing:-1px;}



/* 응모하기 */
#lotto_box .page_title {background:#72747f; text-align:center; color:#fff; font-size:15px;font-weight:bold; height:38px; line-height:38px; position:relative; overflow:hidden;}

#lotto_box .page_title .btn_back {position:absolute; left:0; top:0; display:block; width:50px; height:38px}
#lotto_box .page_title .ic_back {position:absolute; background-position:-165px -70px; width:20px; height:30px; left:50%; top:50%; margin:-11px 0 0 -10px}

#lotto_box .lotto_form {overflow:hidden; margin:20px 10px 10px 10px;}
#lotto_box .lotto_form li {color:#fff; padding-bottom:5px; overflow:hidden; letter-spacing:-1px;}
#lotto_box .lotto_form .guide {letter-spacing:-1px;}
#lotto_box .lotto_form input {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; }
#lotto_box .lotto_form .input_text {width:100%; padding:10px; -webkit-box-shadow: 1px 1px 1px #266b78;}
#lotto_box .lotto_form .input_text:focus {color:#000;}
#lotto_box .lotto_form .check {line-height:25px;}
#lotto_box .lotto_form .check input {margin-right:5px;}

#lotto_box .lotto_form .btn_tx_s {display:inline-block; padding:0 10px; color:#505156;
background:#eee; -webkit-border-radius:30px; -webkit-box-shadow: 0 1px 1px #146b7b; }

#lotto_box .lotto_form .btn_area {margin-top:10px;}
#lotto_box .lotto_form .btn_tx_b {display:block; padding:0 10px; color:#fff; font-size:17px; font-weight:bold; text-align:center; background:#1d3f7d; padding:10px 0; background:-webkit-gradient(linear, 0 49%, 0% 50%, from(#1d3f7d), to(#163162));}


/* 응모완료 */
#lotto_box .message {overflow:hidden; text-align:center; margin-top:15px;}
#lotto_box .message .oktext {color:#fff; letter-spacing:-1px; }
#lotto_box .message .oktext b {font-size:18px; text-shadow:1px 1px 1px #196678;}
#lotto_box .message .ic_ok {background-position:-70px -300px; width:46px; height:46px;}


#lotto_box .banner_area {overflow:hidden; margin:20px 10px;}
#lotto_box .banner_area img {width:100%; }
#lotto_box .banner_area .btn_txt {display:block; padding:0 10px; color:#666; font-size:14px; font-weight:bold; text-align:center; padding:10px 0;
background:-webkit-gradient(linear, 0 100%, 0 0, from(#eee), to(#fff));}



/* 당첨확인 */
#lotto_box .lotto_list {overflow:hidden; margin:20px 10px; background:#ffffff; -webkit-box-shadow: 0 0 2px #005767;}
#lotto_box .lotto_list .list {display:table; width:100%;}
#lotto_box .lotto_list .list ul {display:table-row}
#lotto_box .lotto_list .list li {display:table-cell; border:1px solid #d6d6d6; padding:5px 10px; vertical-align:middle; letter-spacing:-1px;  box-sizing:border-box;}
#lotto_box .lotto_list .list li:first-child {border-left:0;}
#lotto_box .lotto_list .list li:last-child {border-right:0;}

#lotto_box .lotto_list .list ul:first-child li {background:#f2f2f2; text-align:center; color:#535353; border-top:0; letter-spacing:-1px;}

#lotto_box .lotto_list .list .lotto_number {display:inline-block; float:left; background:#c4c4c4; margin-right:2px; width:25px; text-align:center; padding:2px 0; color:#fff; font-family:helvetica;
background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#636363), to(#7f7f7f));  -webkit-border-radius:50px; }

#lotto_box .lotto_list .list li b{color:#ff6000;}

#lotto_box .lotto_list .btn_more {display:block; padding:0 10px; color:#666; font-size:14px; font-weight:bold; text-align:center; padding:10px 0; margin:5px; border:1px solid #d6d6d6; color:#999;
background:-webkit-gradient(linear, 0 100%, 0 0, from(#eee), to(#fff)); -webkit-border-radius:5px;}



/* 지난로또 */
#lotto_box .lotto_last {margin-bottom:20px; overflow:hidden; padding:5px 20px}

#lotto_box .lotto_last .title {text-align:center; color:#fff; font-weight:bold; padding:5px 0; text-shadow:1px 1px 1px #165a66; font-size:14px;}

#lotto_box .lotto_last .number_set {overflow:hidden; background:#328e9e; -webkit-border-radius:50px}
#lotto_box .lotto_last .number_set li {width:16.6%; float:left; text-align:center; margin:5px 0;}



/* 로또하단메뉴 */
.lotto_nav {width:100%; position:fixed; bottom:0; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#17181c), to(#2c2e35)); border-top:1px solid #000000;}
.lotto_nav li {float:left; width:25%;}
.lotto_nav a {display:block; padding:5px 0; text-align:center;  border-right:1px solid #45474c;}
.lotto_nav .tx {display:block; font-size:11px; color:#fff;}
.lotto_nav .ic_lotto1 {background-position:-80px -230px; width:20px; height:18px;}
.lotto_nav .ic_lotto2 {background-position:-110px -230px; width:20px; height:18px;}
.lotto_nav .ic_lotto3 {background-position:-140px -230px; width:20px; height:18px;}
.lotto_nav .ic_lotto4 {background-position:-170px -230px; width:20px; height:18px;}

.lotto_nav .nav_on {background:#e94f7e; font-weight:bold; text-shadow:1px 1px 1px #a62c51;}

#lotto_box .lotto_footer {border-top:1px solid #3b98aa; overflow:hidden; text-align:center; color:#2d6875; font-family:Helvetica; font-size:9px; font-weight:bold; padding-top:10px;}


/* 2013-09-10 추가 */
#lotto_box .auto_btn {margin:15px 50px;}
#lotto_box .auto_btn a {display:block; width:100%; text-align:center; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#e9e9e9), to(#fff)); -webkit-border-radius:30px; padding:10px 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); color:#00a5c3; font-weight:bold;}



/* 약관같은내용 -------------------------------- */
#section .etc_page {margin:8px; padding:8px; background:#fff; border-bottom:1px solid #d6d6d6; -webkit-box-shadow: 0 0 3px #ccc; line-height:15px; overflow:hidden;}
#section .etc_page .fulltext {overflow:hidden; margin-bottom:15px; padding:5px;}
#section .etc_page .fulltext b {display:block; color:#333; font-size:14px; margin:10px 0;}
#section .etc_page .fulltext b:first-child {margin-top:0;}



/* 푸터 --------------------------------------------------------------------- */
#footer {overflow:hidden; text-align:center; color:#a0a0a0; font-family:Helvetica; font-size:9px; font-weight:bold; padding:0 0 10px 0;}



/* 엘리먼트 디자인 공통요소 --------------------------------------------------------------------- */

.select_common {height:35px; overflow:hidden; position:relative; border:1px solid #d4d4d4; 
-webkit-border-radius:3px; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#fbfbfb), from(#e4e4e4)); -webkit-box-shadow:inset 1px 1px 1px #fff;}

.select_common select {width:100%; height:35px; color:#666; font-size:13px; text-indent:5px; letter-spacing:-1px; position:absolute; left:0; top:0; 
border:none; -webkit-appearance:none; background:transparent;}

.select_common .ic_arrow {width:40px; height:35px; position:absolute; right:0; top:0; text-align:center; 
border-left:1px solid #d2d2d2; -webkit-box-shadow:inset 1px 0 1px #fff;}
.select_common .ic_arrow span {background-position:-240px 0; width:19px; height:11px; margin-top:14px;}


.input_common {background:#fff; color:#9b9b9b; overflow:hidden; position:relative; height:35px; border:1px solid #d4d4d4;
-webkit-border-radius:3px; }
.input_common input[type="text"]:focus {color:#222;}
.input_common input[type="password"] {float:left; height:35px; width:100%; padding:0; text-indent:10px; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;  background:none;}
.input_common input[type="password"]:focus {color:#222;}

.textarea_common {background:#fff; /* background:#eaeaea; -webkit-box-shadow:inset 1px 1px 1px #b6b6b6; */  color:#9b9b9b; text-indent:10px; overflow:hidden; position:relative; border:1px solid #d4d4d4;
-webkit-border-radius:3px; }
.textarea_common textarea {float:left; width:100%; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;  background:none;}
.textarea_common textarea:focus {color:#222;}


input[type="checkbox"] {background-position:0 -300px; width:23px; height:23px; float:left; margin:0;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;}
input[type="checkbox"]:checked {background-position:-30px -300px; }

input[type="radio"] {background-position:-50px -30px; width:23px; height:23px; float:left; margin:0;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; }
input[type="radio"]:checked {background-position:-75px -30px; }






/* 추가 2013-07-24 SMS폼 */
.sms_form {height:100%; background: transparent url('/ms/images/gallery_bg.gif') left top repeat;}

.sms_form .top_area {text-align:center; font-weight:bold; color:#fff; font-size:17px; padding:10px 0; position:relative; overflow:hidden; border-bottom:1px solid #444;}

.sms_form .btn_area {overflow:hidden; position:relative; margin:8px;}
.sms_form .btn_area a {display:block; background:#000; color:#fff; height:40px; line-height:40px; font-weight:bold; font-size:16px; text-align:center;}
.sms_form .btn_area .btn_send {background:#c41400; margin-right:108px;}
.sms_form .btn_area .btn_cancel {background:#696969; position:absolute; width:100px; right:0; top:0;}


.sms_form .form {overflow:hidden; background:#e6e6e6; margin:10px 8px;}
.sms_form .form .number {background:#fff; border-bottom:1px solid #d1d1d1; position:relative;}
.sms_form .form .number .opt {position:absolute; left:0; top:0; height:45px; line-height:50px; margin-left:10px; font-size:15px;}
.sms_form .form .number form {display:block; overflow:hidden; margin-left:80px;}
.sms_form .form .number input {width:100%; height:40px; font-size:16px; color:#000; 
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;  background:none;}

.sms_form .form .conts {padding:5px; position:relative;}
.sms_form .form .conts textarea {width:100%; height:130px; font-size:16px; color:#000; box-sizing:border-box;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;  background:none;}
.sms_form .form .conts .byte {text-align:right; font-size:13px; font-family:helvetica;}
.sms_form .form .conts .byte b {color:#ff0000 }


/** 추가 2013-08-27 **************************************************/

/* 쿠폰상세보기 ---------------------------------------------------- */

.coupon_view {background:#fff; overflow:hidden; margin:5px; padding:8px; }
.coupon_view .thumb {min-height:100px; position:relative; background:#ebebeb; overflow:hidden;}
.coupon_view .thumb img {width:100%; float:left;}
.coupon_view .thumb .none_photo {position:absolute; left:50%; top:50%; margin:-25px 0 0 -20px; background-position:-90px -230px; width:45px; height:50px;}

.coupon_view .name {padding:5px 0; color:#222; border-bottom:1px dashed #d5d5d5; font-size:16px;}

.coupon_view .price_info {padding:5px 0; overflow:hidden;}
.coupon_view .price_info .point {float:left; color:#1683b5; font-weight:bold; font-size:16px;}
.coupon_view .price_info .ic_point {background-position:-90px -90px; width:16px; height:16px; margin:2px 3px 0 0; float:left;}
.coupon_view .price_info .price {float:right; color:#333; font-size:18px;}
.coupon_view .price_info .price b {color:#df1800;}

.coupon_view .pay_way {overflow:hidden; background:#f2f2f2; border-bottom:1px solid #dedede; position:relative;  margin-top:10px;}
.coupon_view .pay_way .tx {text-align:center; color:#666; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px 0 5px 0;}
.coupon_view .pay_way .ic_arrow {background-position:-120px -90px; width:15px; height:8px; position:absolute; left:50%; top:0; margin:-1px 0 0 -8px;}

.coupon_view .pay_way .choice {border-top:1px solid #fff; text-align:center; padding:8px 5px; overflow:hidden;}
.coupon_view .pay_way .choice label {float:left; width:33.33%; position:relative; overflow:hidden;}
.coupon_view .pay_way .choice input {background:#b2b2b2; width:100%; height:30px; border:1px solid #949494}
.coupon_view .pay_way .choice input:checked {background:#4f4f4f; border:1px solid #333}
.coupon_view .pay_way .choice label:first-child input {-webkit-border-radius:30px 0 0 30px; border-right:0}
.coupon_view .pay_way .choice label:last-child input {-webkit-border-radius:0 30px 30px 0; border-left:0}
.coupon_view .pay_way .choice .tx {position:absolute; border:none; width:100%; text-align:center; top:50%; left:0; margin-top:-16px; color:#fff;}

.coupon_view .form_box {overflow:hidden; }
.coupon_view .form_box li {overflow:hidden; border:1px solid #ccc4b2; -webkit-border-radius:3px; margin:8px; position:relative; box-sizing:border-box;}
.coupon_view .form_box .none_area {border:0; text-align:right; padding:0!important}
.coupon_view .form_box .none_area a {display:inline-block; -webkit-border-radius:50px; font-size:12px; color:#fff; padding:4px 10px;}
.coupon_view .form_box .none_area .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.coupon_view .form_box .none_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}
.coupon_view .form_box .form_basic {margin:0 30px 0 70px;}
.coupon_view .form_box label {font-size:14px; line-height:35px; overflow:hidden; float:left; margin-right:10px; color:#666}
.coupon_view .form_box .opt {position:absolute; color:#b0b0b0; font-size:14px; left:0; top:50%; margin:-8px 0 0 5px; letter-spacing:-1px;}


.coupon_view .btn_area {overflow:hidden; margin-top:20px; position:relative;}
.coupon_view .btn_area a {display:inline-block; color:#fff; text-align:center; font-size:15px; height:40px; line-height:40px; position:relative; }
.coupon_view .btn_area .btn_order {background:#dc1600; display:block; margin-right:145px; }
.coupon_view .btn_area .btn_wish {position:absolute; right:0; top:0; background:#704433; width:140px;}

.coupon_view .btn_area .ic_check {position:absolute; background-position:-150px -90px; width:22px; height:25px; left:0; top:0; margin-left:5px;}
.coupon_view .btn_area .ic_wish {position:absolute; background-position:-180px -90px; width:22px; height:25px; left:0; top:0; margin-left:5px;}

.coupon_view label {overflow:hidden; float:left; line-height:35px; margin-right:6px; color:#333;}

/* 멤버쉽 ---------------------------------------------------------- */


/* checkbox */
.none_area .input_check {background: transparent url('/pointcard/images/m_coup_pack.png') no-repeat; background-size:320px; background-position:0 -330px; width:25px; height:25px; float:left; margin:5px;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;}
.none_area .input_check:checked {background-position:-40px -330px; }

/* 내용하단버튼 */
.bottom_btn_area_gps {overflow:hidden; margin:0 5px 15px 5px;}
.bottom_btn_area_gps .btn_join_i {width:99.9%; display:block; padding:10px 0; color:#fff; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#c61501), to(#ef2f19)); text-align:center; font-size:14px; float:left}

.bottom_btn_area_gps .btn_double {overflow:hidden; position:relative; margin-bottom:5px;}
.bottom_btn_area_gps .btn_hit {display:block; height:35px; line-height:35px; color:#fff; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#c61501), to(#ef2f19)); text-align:center; margin-right:105px; font-size:14px;}
.bottom_btn_area_gps .btn_normal {position:absolute; right:0; top:0; width:100px; height:35px; line-height:35px; color:#fff; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#62342e), to(#87473f)); text-align:center; font-size:14px;}

/* 쿠폰주문하기  */

.coupon_order {overflow:hidden; margin:5px;}
.coupon_order .group_title {background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#797979), to(#858585)); color:#fff; font-weight:bold; text-align:center; font-size:14px; padding:8px 0; 
-webkit-box-shadow:inset 0 -2px 3px rgba(0,0,0,0.5);}
.coupon_order .group_box {background:#fff; display:table; width:100%; margin-bottom:10px;}
.coupon_order .group_box ul {display:table-row; border-bottom:1px dotted #d5d5d5; }
.coupon_order .group_box ul:last-child {border:0;}
.coupon_order .group_box li {display:table-cell; padding:8px; overflow:hidden; vertical-align:middle}
.coupon_order .group_box li:first-child {border-right:1px dotted #d5d5d5; }
.coupon_order .group_box .opt {color:#666; width:20%; text-align:center;}
.coupon_order .group_box .value {width:80%; font-size:14px; color:#222;}

.coupon_order .group_box .pay_way {overflow:hidden; position:relative;}
.coupon_order .group_box .pay_way label {font-size:14px; line-height:35px; overflow:hidden; float:left; margin-right:10px; color:#666}

.coupon_order .group_box_price {background:#fff; display:table; width:100%; margin-bottom:10px;}
.coupon_order .group_box_price ul {display:table-row; border-bottom:1px dotted #d5d5d5; }
.coupon_order .group_box_price ul:last-child {border:0; background:#eb5e00;}
.coupon_order .group_box_price ul:last-child .opt {color:#fff;}
.coupon_order .group_box_price ul:last-child .value {color:#fff; font-size:20px;}
.coupon_order .group_box_price ul:last-child .value b {color:#fff;}

.coupon_order .group_box_price li {display:table-cell; padding:8px; overflow:hidden; vertical-align:middle}
.coupon_order .group_box_price li:first-child {}
.coupon_order .group_box_price .opt {color:#666; text-align:left;}
.coupon_order .group_box_price .value {text-align:right; font-size:14px; color:#222;}
.coupon_order .group_box_price .value b {color:#ff3600}

.coupon_order .btn_area {overflow:hidden; margin-top:30px; position:relative;}
.coupon_order .btn_area a {display:inline-block; color:#fff; text-align:center; font-size:15px; height:40px; line-height:40px; position:relative; }
.coupon_order .btn_area .btn_order {background:#dc1600; display:block; margin-right:115px; }
.coupon_order .btn_area .btn_wish {position:absolute; right:0; top:0; background:#704433; width:110px;}

/* radio */
.pay_way .input_radio {background: transparent url('../images/m_coup_pack.png') no-repeat; background-size:320px; background-position:-80px -330px; width:25px; height:25px; float:left; margin:5px;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; }
.pay_way .input_radio:checked {background-position:-120px -330px;}












/* 사이드 메뉴 추가 */



#WholeWrapper{ position:relative; background:#fff; z-index:80; width:100%; height:100%; }

/*#WholeWrapper {
	position: absolute;
	background:#fff; z-index:80;
	 z-index:80;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%; 
	overflow: hidden;
}
*/
#Scroller{
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0); 
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-webkit-text-size-adjust: none; 
	text-size-adjust: none;
}



/* Common Wrapper */
.InnerWrapper { position:relative; margin:0 10px;}
#skipToContent{ position:absolute; left:-2000px; }
/* HeaderSection */
.HeaderSection { }

/* LogoSect */
.LogoSect { width:100%; overflow:hidden; height:62px; text-align:center; border-bottom:6px solid #3ca747;}
.LogoSect .InnerWrapper{ height:56px; margin:0;overflow:hidden; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; }
/*
.LogoSect .CategoryOpener { position:absolute; left:0; top:0; width:42px; height:56px; overflow:hidden; text-align:center; line-height:56px;}
.LogoSect .CategoryOpener img { width:22px; height:15px; vertical-align:middle; } 
*/
/*html.LG350L .LogoSect .CategoryOpener img { }*/
.LogoSect .InnerWrapper .Logo{ width:120px; margin:0 auto; }
/*html.LG350L .LogoSect .InnerWrapper .Logo img { vertical-align:top;}*/

/* Gnb */
.Gnb { border-bottom:2px solid #4a4a4a;}
.Gnb .List { overflow:hidden; position:relative; display:-webkit-box; }
.Gnb .List a { display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; width:25%; -webkit-box-flex:1; height:50px; line-height:50px; font-size:18px; color:#1e1e1e; font-weight:bold; text-align:center;}



/* Category */




/* Category */
#LeftCategory{ position:fixed; display:none;left:0; -webkit-transform: translateX(-240px); top:0; z-index:100; width:240px; overflow:hidden; overflow-y:auto; height:100%; background-color:#2e2424; }
/*#LeftCategory{ position:fixed; left:0; -webkit-transform: translateX(-240px); top:0; z-index:100; width:240px; overflow:hidden; overflow-y:auto; height:100%; background-color:#2e2424; }*/
/*
#LeftCategory .CategoryTitle{ width:100%; height:44px; overflow:hidden; background-color:#fff;  }
#LeftCategory .CategoryTitle h3{ font-size:18px; color:#5f5f5f; float:left; width:400px; font-weight:bold; padding-left:10px; line-height:44px; height:44px; overflow:hidden; } 
#LeftCategory .CategoryTitle a { position:absolute; right:0; top:1px; width:50px; height:62px; line-height:62px; text-align:center;}
#LeftCategory .CategoryTitle a img { width:43px;}
*/
#LeftCategory .CategoryTop{ width:100%; height:42px; overflow:hidden; background-color:#000;  }
#LeftCategory .CategoryTop{ width:100%; height:42px; overflow:hidden; background-color:#000;  }


#LeftCategory dl{ height:100%; overflow-x:hidden; color:#fff; font-size:13px; }
/* #LeftCategory dl dt{ line-height:40px; height:40px; overflow:hidden; text-indent:20px; background:url(../img/side/bg_dt.png) no-repeat 265px center; background-size:20px 20px; border-bottom:1px solid #3e3637; }
*/

#LeftCategory dl dt{ line-height:35px; height:35px; overflow:hidden; text-indent:20px; background:url() no-repeat 265px center; background-size:20px 20px; border-bottom:1px solid #3e3637; }

#LeftCategory dl dt.Open { background-image:url(../img/side/bg_dt_open.png); background-size:20px 4px;}
#LeftCategory dl dd{ height:auto; display:none; overflow:hidden; } 
#LeftCategory dl dd > ul li{ line-height:50px; height:50px; overflow:hidden; text-indent:45px;border-top:1px solid #1e1e1e; background:#292929 url(../img/side/bg_btn_dd.png) no-repeat 265px center; background-size:12px 19px; }
#LeftCategory dl dd > ul li a{ display:block; line-height:40px; height:40px; overflow:hidden; background:transparent url(../img/side/bg_dotLine03.png) no-repeat 20px center; background-size:3px 3px;} 
#LeftCategory dl dd > ul li a.Current { color:#3ca747;}
/*html.LG350L #LeftCategory dl dd > ul li a { padding-top:5px;}*/
#LeftCategory dl dd > ul li.dt{ height:auto; text-indent:20px; background:#292929 url(../img/side/bg_dt.png) no-repeat 265px 15px; background-size:20px 20px; }
#LeftCategory dl dd > ul li.dt p{ display:none; width:100%; line-height:58px; height:62px; overflow:hidden; text-indent:35px; background-color:#292929; border-top:1px solid #1e1e1e; background-image:url(../img/side/bg_dd.png), url(../img/side/bg_dotLine03.png); background-repeat:no-repeat, no-repeat; background-position:265px center, 20px center; background-size:8px 15px, 3px 3px; }


/*메뉴 변경 추가 */
#LeftCategory .LeftDiv{float:left;width:49.5%; line-height:35px; height:35px; overflow:hidden; border-right:1px solid #3e3637;text-indent:15px;border-top:1px solid #1e1e1e; background:#292929 url(../img/side/bg_btn_dd.png) no-repeat 135px center; background-size:6px 12px; }

#LeftCategory .LeftDiv2{float:left;width:49.5%; line-height:35px; height:35px; overflow:hidden; border-right:1px solid #3e3637;text-indent:15px;border-top:1px solid #1e1e1e; background:#292929 url() no-repeat 120px center; background-size:12px 19px; }




/* 엘리먼트 디자인 공통요소 --------------------------------------------------------------------- */


/* 단락들 */

.group_box {overflow:hidden; position:relative; margin-bottom:5px;}
.group_box .ic_arrow {position:absolute; left:50%; top:0; margin:41px 0 0 -15px; background-position:-190px -200px; width:30px; height:12px; z-index:500}

.group_box .title_area {position:relative;background:#fff; border:1px solid #b2ab9a; padding:0 10px;  font-weight:bold; height:35px; line-height:35px; color:#666; font-size:15px;
-webkit-box-shadow: 0 0 2px #b4ac9a; }
.group_box .title_area .btn_modify {height:29px; line-height:29px; padding:0 8px; display:inline-block; background:#f9f9f9; border:1px solid #cecece; color:#666; position:absolute; right:0; top:0; font-weight:normal; font-size:13px;
-webkit-border-radius:3px; margin:2px 2px 0 0;}
.group_box .title_area .ic_modify {background-position:-160px -200px; width:15px; height:15px; float:left; margin:6px 3px 0 0;}

.group_box .conts_area {background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a;}
.group_box .conts_area li {border-bottom:1px solid #dedede;}
.group_box .conts_area li:last-child {border-bottom:0}
.group_box .conts_area .one_box {display:block; padding:5px; position:relative; }

.group_box .conts_area .opt {display:block; color:#b0b0b0; font-size:14px; width:60px; position:absolute; left:0; top:50%; margin:-8px 0 0 10px;}
.group_box .conts_area .value {display:block; color:#333; font-size:15px; margin-left:70px;}
.group_box .conts_area .value b {color:#e91111}

.group_box .conts_area .value .m {display:inline-block; font-size:14px; background:#0066ff; color:#fff; padding:0 7px; -webkit-border-radius:40px; }
.group_box .conts_area .value .f {display:inline-block; font-size:14px; background:#ff0066; color:#fff; padding:0 7px; -webkit-border-radius:40px; }


.group_box .conts_area .opt2 {display:block; color:#b0b0b0; font-size:14px; width:70px; position:absolute; left:0; top:50%; margin:-8px 0 0 10px;}
.group_box .conts_area .value2 {display:block; color:#333; font-size:15px; margin:0 10px 0 75px; text-align:right;}
.group_box .conts_area .value2 b {color:#e91111}


.group_box .conts_area .value3 {display:block; color:#333; font-size:15px; margin:0 10px 0 75px; text-align:right;}
.group_box .conts_area .value3 b {color:#58585a}


.group_box .conts_area .value4 {display:block; color:#333; font-size:15px; margin:0 10px 0 75px; text-align:right;}
.group_box .conts_area .value4 b {color:#0066ff}


.group_box .conts_area .ic_go {background-position:-230px -200px; width:10px; height:15px; position:absolute; right:0; top:50%; margin:-8px 6px 0 0}


/* 스프라이트이미지공통 */
.sprite3 {display:inline-block; background: transparent url('../img/moin_pack_v3.png') no-repeat;  background-size:320px;}

.sprite2 {display:inline-block; background: transparent url('../img/moin_pack_v2.png') no-repeat; background-size:320px;}










/* 움직이는 헤드 배너 */



/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}
/* SWIPE */
#slider div img {
  display:block;
  margin:0 auto;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.lst_w nav{position:relative;max-width:680px;margin:7px auto 0}
.lst_w nav a{font-style:normal;color:#555 !important}
.lst_w nav #position{text-align:center;list-style:none;margin-bottom:3px;padding:0}
.lst_w nav #position li{
	display:inline-block;width:10px;height:10px;border-radius:10px;
		background:#e1e1e1;margin:0 1px;cursor:pointer;
}

.lst_w nav #position li.on{
	box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.1);
	background-color:#f91a14;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f91a14),color-stop(100%,#c23413));
	background-image:-webkit-linear-gradient(top,#f91a14,#c23413);
	background-image:-moz-linear-gradient(top,#f91a14,#c23413);
	background-image:-ms-linear-gradient(top,#f91a14,#c23413);
	background-image:-o-linear-gradient(top,#f91a14,#c23413);
	background-image:linear-gradient(top,#f91a14,#c23413);
}





/* 글등록 */
.community_form {overflow:hidden; margin:5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a; padding:8px;}
.community_form li {margin-bottom:5px;}
.community_form li:last-child {margin-bottom:0}

.community_form input {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:0; background:#eaeaea; width:100%; -webkit-box-shadow:inset 1px 1px 1px #c0c0c0; font-size:14px; box-sizing:border-box; padding:10px 5px;}
.community_form input::-webkit-input-placeholder {color:#999;}
.community_form input:focus {color:#333; }
.community_form textarea {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:0; background:#eaeaea; width:100%; -webkit-box-shadow:inset 1px 1px 1px #c0c0c0; height:120px; font-size:14px; box-sizing:border-box; padding:10px 5px;}
.community_form textarea:focus {color:#333; }











/* 마이페이지 세부페이지들 ---------------------------------------------------------- */
.mypage .mypage_form {overflow:hidden; margin:5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a;}
.mypage .guide_area {background:#f8f8f8; border-bottom:1px solid #dbdbdb; padding:5px 10px;}
.mypage .guide_area li {background: transparent url('/pointcard/images/bullet.png') left center no-repeat; background-size:4px; padding:2px 8px; letter-spacing:-1px;}

.mypage .form_box {overflow:hidden; }
.mypage .form_box li {overflow:hidden; border:1px solid #ccc4b2; -webkit-border-radius:3px; margin:8px; position:relative; box-sizing:border-box;}

.mypage .form_box .none_area {border:0; text-align:right; padding:0!important}
.mypage .form_box .none_area a {display:inline-block; -webkit-border-radius:50px; font-size:12px; color:#fff; padding:4px 10px;}
.mypage .form_box .none_area .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.mypage .form_box .none_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}

.mypage .form_box .guide_area {border:0; padding:0!important; background:#fff;}

.mypage .form_box .opt {position:absolute; color:#b0b0b0; font-size:14px; left:0; top:50%; margin:-8px 0 0 5px; letter-spacing:-1px;}
.mypage .form_box .btn_x {position:absolute; right:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  width:20px; height:20px;}
.mypage .form_box .ic_x {background-position:-250px -200px; width:20px; height:20px;}


/* 폼항목 가로값잡기 */
.mypage .form_box .form_id {margin:0 30px 0 80px;}
.mypage .form_box .form_pw {margin:0 30px 0 90px;}
.mypage .form_box .form_basic {margin:0 30px 0 70px;}

.mypage .form_box label {font-size:14px; line-height:35px; overflow:hidden; float:left; margin-right:10px; color:#666}




.inner_zipcode_modi_btn {position:absolute; right:10px;z-index:1280; display:inline-block; float:right; background:#f1f1f1; font-size:13px; letter-spacing:-1px; padding:0 10px; height:30px; line-height:30px; border:1px solid #cecece; color:#666; text-align:center; box-sizing:border-box;}





.coupon_list .item_box .info .sub_type1 {font-size:11px; line-height:11px;margin:3px 0 0px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coupon_list .item_box .info .tab1 {float:left; font-weight:bold; font-size:11px; color:#764138; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.coupon_list .item_box .info .sub_type2 {float:left;width:50%;font-size:11px; color:#c42d33; line-height:11px; margin:3px 0 0px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coupon_list .item_box .info .tab2 {float:left; font-weight:bold; font-size:11px; color:#764138; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.coupon_list .item_box .info .sub_type3 {float:left;text-align:center;width:35%;font-size:11px; background:#b9b9b9; color:#fff; line-height:11px; margin:0px 2px 0px 0px; padding:2px 0px 2px 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coupon_list .item_box .info .tab3 {float:left; font-weight:bold; font-size:11px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}





/* 2013-09-10 추가 */
.auto_btn_payment {margin:15px 10px;font-size:16px; }
.auto_btn_payment a {display:block; width:100%; text-align:center; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#e9e9e9), to(#fff)); -webkit-border-radius:30px; padding:10px 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); color:#00a5c3; font-weight:bold;}


.auto_btn_payment_50 {margin:2px 3px;font-size:14px;float:left; width:48%; }
.auto_btn_payment_50 a {display:block; text-align:center;border:1px solid #efefef; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#e9e9e9), to(#fff)); -webkit-border-radius:30px; padding:8px 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); color:#00a5c3; font-weight:bold;}



.auto_btn_join {margin:15px 10px;font-size:16px; }
.auto_btn_join a {display:block; width:100%; text-align:center; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#666), to(#666)); -webkit-border-radius:10px; padding:10px 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); color:#fff; font-weight:bold;}


/* 2013-09-10 추가 */
.auto_btn_shopmenu {font-size:16px;margin:5px;}
.auto_btn_shopmenu a {display:block; width:48%; text-align:center;height:15px;margin-bottom:5px;margin-right:5px; float:left; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#94C159), to(#94C159)); -webkit-border-radius:10px; padding:10px 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); color:#ffffff; font-weight:bold;}




/* 2013-09-10 추가 */
.auto_btn_review {margin:6px 10px;font-size:12px;position:absolute; }
.auto_btn_review a {display:block;text-align:center;color:#1f2637; height:15px; line-height:15px; font-weight:bold;padding:5px 10px; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#e9e9e9), to(#fff)); -webkit-border-radius:5px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); }

.auto_btn_review_right {margin:7px 3px;font-size:13px;float:right;width:80px}
.auto_btn_review_right a {display:block;text-align:center;color:#1f2637; height:15px; line-height:15px; font-weight:normal;padding:5px 5px; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ffffff), to(#ffffff)); -webkit-border-radius:5px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); }

.auto_btn_review_left {margin:7px 3px;font-size:13px;float:right;width:80px}
.auto_btn_review_left a {display:block;text-align:center;color:#1f2637; height:15px; line-height:15px; font-weight:normal;padding:5px 5px; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ffffff), to(#ffffff)); -webkit-border-radius:5px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); }




/* 2013-09-10 추가 */
.auto_url1_link {margin:8px 10px;font-size:16px; }
.auto_url1_link a {display:block; width:100%; text-align:center; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f2547a), to(#f68aa4)); -webkit-border-radius:10px; padding:10px 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); color:#ffffff; font-weight:bold;text-shadow:1px 1px 1px #777;}

/* 2013-09-10 추가 */
.auto_url2_link {margin:8px 10px;font-size:16px; }
.auto_url2_link a {display:block; width:100%; text-align:center; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#b8b8b8), to(#e6e6e6)); -webkit-border-radius:10px; padding:10px 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); color:#ffffff; font-weight:bold;}

.auto_title1_head {font-size:26px; }
.auto_title1_head span {display:block; font-size:21px;width:100%; text-align:center;vertical-align:center;margin-top:25px;padding-top:10px;padding-bottom:10px; border-top:1px solid #efefef;border-bottom:1px solid #efefef;color:#353535;}

.auto_title1_content {font-size:15px; text-align:center;white-space: pre-wrap;padding-left:10px;padding-right:10px;color:#5d5d5d}


/* 포인트내역 */
.point_top_total {height:105px; background: #171616 url('/pointcard/images/point_bg.gif') center center no-repeat; background-size:100% 100%; text-align:center; }
.point_top_total .tx {color:#fff; padding-top:15px;}
.point_top_total .tie {display:inline-block;}
.point_top_total .point {font-size:30px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #000; float:left;}
.point_top_total .ic_point {background-position:0 -290px; width:27px; height:27px; margin:5px 0 0 5px; float:left;}
.point_top_total .tx2 {color:#fff;font-weight:bold;}






.apply_point {width:100%}
.apply_point input {border:1px solid #ccc; height:40px; border-radius:4px; text-align:right;float:left;padding:0 10px; color:#000;width:50%; font-size:16px; letter-spacing:0; box-sizing:border-box;margin-right:0px; }
.apply_point input:focus {background:#eee; border:2px solid #ff1919 !important;}


.apply_point_r {width:100%}
.apply_point_r input {border:2px solid #ccc; height:40px; border-radius:4px; text-align:right;float:right;padding:0 10px; color:#000;width:50%; font-size:16px; letter-spacing:0; box-sizing:border-box;margin-right:0px; }
.apply_point_r input:focus {background:#eee; border:2px solid #ff1919 !important;}

.apply_point_rl {width:100%}
.apply_point_rl input {border:2px solid #ccc; height:40px; border-radius:4px; text-align:left;float:right;padding:0 10px; color:#000;width:50%; font-size:16px; letter-spacing:0; box-sizing:border-box;margin-right:0px; }
.apply_point_rl input:focus {background:#eee; border:2px solid #aaa !important;}



.button_pack a,.button_pack input,.button_pack button {background-image:none;display:block; font-weight:normal; word-wrap:normal; word-break:keep-all; border-radius:3px !important; box-sizing:border-box; }


.button_pack .btn_md_white,.button_pack .btn_md_black,.button_pack .btn_md_color .btn_md_lightblue  {font-size:13px; height:40px; line-height:33px;text-align:center}
.button_pack .btn_md_white {background:#fff; color:#333 !important; border:1px solid #ccc; float:left;width:40px;margin-right:5px; }
.button_pack .btn_md_black {background:#505258; color:#fff !important; border:1px solid #505258; float:left;width:40px; }
.button_pack .btn_md_color {background:#fb5074; color:#fff !important; border:1px solid #fb5074; float:left; width:40px; }

.button_pack .btn_md_blue {background:#258cd1; color:#fff !important; border:1px solid #258cd1;}
.button_pack .btn_md_lightblue {background:#47cbfc; color:#fff !important; border:1px solid #47cbfc; }


/* 단락들 */
.mypage_payment {overflow:hidden;}
.mypage_payment .group_box {overflow:hidden; position:relative; margin-bottom:5px;}
.mypage_payment .group_box .ic_arrow {position:absolute; left:50%; top:0; margin:41px 0 0 -15px; background-position:-190px -200px; width:30px; height:12px; z-index:500}

.mypage_payment .group_box .title_area {position:relative; margin:5px 5px 2px 5px; background:#fff; border:1px solid #b2ab9a; padding:0 10px;  font-weight:bold; height:35px; line-height:35px; color:#666; font-size:15px;
-webkit-box-shadow: 0 0 2px #b4ac9a; }
.mypage_payment .group_box .title_area .btn_modify {height:29px; line-height:29px; padding:0 8px; display:inline-block; background:#f9f9f9; border:1px solid #cecece; color:#666; position:absolute; right:0; top:0; font-weight:normal; font-size:13px;
-webkit-border-radius:3px; margin:2px 2px 0 0;}
.mypage_payment .group_box .title_area .ic_modify {background-position:-160px -200px; width:15px; height:15px; float:left; margin:6px 3px 0 0;}

.mypage_payment .group_box .conts_area2 {margin:0 5px 5px 5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a;}
.mypage_payment .group_box .conts_area2 li {border-bottom:1px solid #dedede;height:50px;text-align:right;}
.mypage_payment .group_box .conts_area2 li:last-child {border-bottom:0}
.mypage_payment .group_box .conts_area2 .one_box {display:block; padding:10px; position:relative; }

.mypage_payment .group_box .conts_area2 .opt {display:block; color:#505258; font-size:14px; position:absolute; width:120px;margin:12px 0 0 5px;text-align:left;}
.mypage_payment .group_box .conts_area2 .value {display:block; color:#333; font-size:15px; margin-left:100px;;margin-top:8px;}
.mypage_payment .group_box .conts_area2 .value b {color:#e91111}

.mypage_payment .group_box .conts_area2 .value .m {display:inline-block; font-size:14px; background:#0066ff; color:#fff; padding:0 7px; -webkit-border-radius:40px; }
.mypage_payment .group_box .conts_area2 .value .f {display:inline-block; font-size:14px; background:#ff0066; color:#fff; padding:0 7px; -webkit-border-radius:40px; }


.mypage_payment .group_box .conts_area2 .opt2 {display:block; color:#b0b0b0; font-size:14px; width:70px; position:absolute; left:0; top:50%; margin:-8px 0 0 10px;}
.mypage_payment .group_box .conts_area2 .value2 {display:block; color:#333; font-size:15px; margin:0 15px 0 75px; text-align:right;}
.mypage_payment .group_box .conts_area2 .value2 b {color:#e91111}

.mypage_payment .group_box .conts_area2 .ic_go {background-position:-230px -200px; width:10px; height:15px; position:absolute; right:0; top:50%; margin:-8px 6px 0 0}


/* text (투명인풋) mvieo */
.input_cardpw {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; width:100%; box-sizing:border-box; padding:8px 0; font-size:14px; color:#000; background:none;}
.input_card {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; width:100%; box-sizing:border-box; padding:8px 0; font-size:14px; color:#000; background:none;}

.input_cdnum {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; width:22%; box-sizing:border-box; padding:8px 0; margin-top:-12px;text-align:center;top:0px;font-size:20px; color:#b0b0b0; background:none;}
.input_cdnum::-webkit-input-placeholder {color:#b0b0b0;} 


.input_payment_common {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;height:55px; box-sizing:border-box; padding:8px 0; margin-top:-12px;text-align:left;top:0px;font-size:20px; color:#b0b0b0; background:none;}
.input_payment_common::-webkit-input-placeholder {color:#b0b0b0;} 



.dash_a {font-size:24px; color:#b0b0b0; background:none;}





.none_area2 {border:0; text-align:right; padding:0!important}
.none_area2 a {display:inline-block; -webkit-border-radius:50px; font-size:12px; color:#fff; padding:4px 10px;}

.none_area2 .btn_hit {background:#ec3333; border:1px solid #b02020;}
.none_area2 .btn_normal {background:#7e7e7e; border:1px solid #535353;}
.none_area2 .btn_txt:only-child {display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f6f6f6), to(#fff)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }
.none_area2 .btn_txt:first-child {width:49%; float:left; display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f6f6f6), to(#fff)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }
.none_area2 .btn_txt:last-child {width:49%; float:right; display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f6f6f6), to(#fff)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }














.membership_menu {overflow:hidden; text-align:center; }
.membership_menu a {display:inline-block; color:#333; font-size:13px; text-align:center; line-height:40px; float:left; width:26%; border-left:1px solid #ccc; box-sizing:border-box;}
.membership_menu a:first-child {border:0; width:22%}
.membership_menu .over {color:#c71600; font-weight:bold;}

.membership .guide_area {background:#f8f8f8; border-bottom:1px solid #dbdbdb; padding:5px 10px;}
.membership .guide_area li {background: transparent url('/pointcard/images/bullet.png') left center no-repeat; background-size:4px; padding:2px 8px; letter-spacing:-1px;}




.membership {overflow:hidden;} 
.membership .membership_form {overflow:hidden; margin:0px; background:#fff; -webkit-box-shadow: 0 0 0px #b4ac9a; border:0px solid #b2ab9a;}
.membership .membership_form label {font-size:15px; line-height:20px; overflow:hidden; float:left; margin-right:20px; margin-left:10px; color:#666;}

.membership .guide_area_design {background:#666; border-bottom:1px solid #dbdbdb; padding:5px 10px;padding:12px;}
.membership .guide_area_design li {background:#666;padding:5px; letter-spacing:-1px;font-size:25px;font-weight:bold;color:#fff}

/*
.membership {overflow:hidden;}
*/
/* 좌우 여백 그림자 때문에 없에는게 좋을거같음 주석처리
.membership .membership_form {overflow:hidden; margin:5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a;}
.membership .membership_form label {font-size:14px; line-height:35px; overflow:hidden; float:left; margin-right:10px; color:#666;}
*/

/* 로그인 */
.membership .form_box_login {overflow:hidden; padding:10px;}
.membership .form_box_login li {overflow:hidden; border:1px solid #ccc4b2; -webkit-border-radius:3px; margin:10px; position:relative; box-sizing:border-box;}

/* 폼항목 가로값잡기 */
.membership .form_box_login .form_login {margin:0 30px 0 10px;}

.membership .form_box_login .btn_x {position:absolute; right:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  width:20px; height:20px; z-index:99;}
.membership .form_box_login .ic_x {background-position:-250px -200px; width:20px; height:20px;}

.membership .form_box_login .none_area {border:0; padding:0!important; background:#fff; text-align:right;}
.membership .form_box_login .none_area a {display:inline-block; -webkit-border-radius:50px; font-size:12px; color:#fff; padding:4px 10px;}
.membership .form_box_login .none_area .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.membership .form_box_login .none_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}
.membership .form_box_login .none_area .btn_txt:only-child {display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f6f6f6), to(#fff)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }

.membership .form_box_login .none_area .btn_txt2:only-child {display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#c61501), to(#ef2f19)); text-align:center; padding:10px 0; color:#fff;-webkit-border-radius:3px; font-size:15px; }


/* text (투명인풋) */
.membership .input_common {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; width:100%; box-sizing:border-box; padding:8px 0; font-size:14px; color:#000; background:none;}
.membership .input_common::-webkit-input-placeholder {color:#999;} 

/* 가입 */
.membership .form_box {overflow:hidden; }
.membership .form_box li {overflow:hidden; border:0px solid #fff; margin:8px; position:relative; box-sizing:border-box;}
/*.membership .form_box {overflow:hidden; }
.membership .form_box li {overflow:hidden; border:1px solid #ccc4b2; -webkit-border-radius:3px; margin:8px; position:relative; box-sizing:border-box;}*/

/* 폼항목 가로값잡기 */
/*.membership .form_box .form_join {margin:0 30px 0 90px;}*/
.membership .form_box .form_join {margin:0px;float:right;border:1px solid #999; -webkit-border-radius:1px;padding:0px 10px;width:61%;}
.membership .form_box .form_basic {margin:10px 0px 0 0px;width:65%;float:right;}
.membership .form_box .form_basic label {font-size:15px; line-height:20px; overflow:hidden; float:left; margin-right:20px; color:#666;margin-left:0px;}




.membership .form_box .guide_area {border:0; padding:0!important; background:#fff;}

/*
.membership .form_box .none_area {border:0; text-align:right; padding:0!important}
.membership .form_box .none_area a {display:inline-block; -webkit-border-radius:50px; font-size:12px; color:#fff; padding:4px 10px;}

.membership .form_box .none_area .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.membership .form_box .none_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}
.membership .form_box .none_area .btn_txt:only-child {display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f6f6f6), to(#fff)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }
.membership .form_box .none_area .btn_txt:first-child {width:49%; float:left; display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f6f6f6), to(#fff)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }
.membership .form_box .none_area .btn_txt:last-child {width:49%; float:right; display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f6f6f6), to(#fff)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }
*/


.membership .form_box .none_area {border:0; text-align:right; padding:0!important}
.membership .form_box .none_area a {display:inline-block; -webkit-border-radius:50px; font-size:13px; color:#fff; padding:4px 10px;}

.membership .form_box .none_area .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.membership .form_box .none_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}
.membership .form_box .none_area .btn_txt:only-child {display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f6f6f6), to(#fff)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }
.membership .form_box .none_area .btn_txt:first-child {width:49%; float:left; display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f6f6f6), to(#fff)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }
.membership .form_box .none_area .btn_txt:last-child {width:49%; float:right; display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f6f6f6), to(#fff)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }


.membership .form_box .none_area_wide {border:0;text-align:center}
.membership .form_box .none_area_wide a {display:inline-block;width:100%; font-size:15px; color:#fff; padding:9px 5px;font-weight:bold}

.membership .form_box .none_area_wide .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.membership .form_box .none_area_wide .btn_normal {background:#495871; border:1px solid #495871;}





.membership .form_box .opt {position:static;float:left; width:30%;color:#b0b0b0; border:0px solid #ccc4b2; -webkit-border-radius:12px;padding:9px 0px;text-align:center;font-size:15px; left:0; margin:0px 0 0 0px; letter-spacing:-1px;font-weight:bold;background:#666;color:#fff}
/*.membership .form_box .opt {position:absolute; color:#666; font-weight:bold;font-size:14px; left:0; top:50%; margin:-8px 0 0 5px; letter-spacing:-1px;}*/

.membership .form_box .btn_x {position:absolute; right:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  width:20px; height:20px;z-index:99;}
.membership .form_box .ic_x {background-position:-250px -200px; width:20px; height:20px;}



/* text (투명인풋) */
.input_common {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; width:100%; box-sizing:border-box; padding:8px 0; font-size:14px; color:#000; background:none;}
.input_common::-webkit-input-placeholder {color:#999;} 
/* radio */
.input_radio {background: transparent url('/ms/temp/ms58951376/images/pack/m_coup_pack.png') no-repeat; background-size:320px; background-position:-80px -330px; width:15px; height:15px; float:left; margin:5px;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; }
.input_radio:checked {background-position:-120px -330px;}

/* checkbox */
.input_check {background: transparent url('/ms/temp/ms58951376/images/pack/m_coup_pack.png') no-repeat; background-size:320px; background-position:0 -330px; width:25px; height:25px; float:left; margin:5px;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;}
.input_check:checked {background-position:-40px -330px; }





/* 작은셀렉트 (타이틀부분에) */
.select_small {height:100%; overflow:hidden; position:relative; border:1px solid #d4d4d4; -webkit-border-radius:2px; background:#e6e6e6;}

.select_small select {width:100%; height:100%; color:#666; font-size:13px; text-indent:5px; letter-spacing:-1px; position:absolute; left:0; top:0; 
border:none; -webkit-appearance:none; background:transparent;}

.select_small .ic_arrow {width:11px; height:6px; position:absolute; right:0; top:50%; text-align:center; margin:-10px 6px 0 0;}
.select_small .ic_arrow span {background-position:-70px 0; width:12px; height:7px;}




/* 검색버튼 text (투명인풋) */
.input_search_common {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; width:100%; box-sizing:border-box; padding:4px 0; font-size:16px; color:#000; background:none;}
.input_search_common::-webkit-input-placeholder {color:#999;} 

.inner_search_btn2 {display:inline-block;  background:#f1f1f1; font-size:13px; letter-spacing:-1px; padding:0 10px; height:30px; line-height:30px; border:1px solid #cecece; color:#666; text-align:center; box-sizing:border-box;}

.inner_zipcode_modi_btn {position:absolute; right:10px;z-index:1280; display:inline-block; float:right; background:#f1f1f1; font-size:13px; letter-spacing:-1px; padding:0 10px; height:30px; line-height:30px; border:1px solid #cecece; color:#666; text-align:center; box-sizing:border-box;}



/* textarea  */
.textarea_common {background:#fff; color:#9b9b9b; text-indent:10px; overflow:hidden; position:relative; border:1px solid #d4d4d4;
-webkit-border-radius:3px; }
.textarea_common textarea {float:left; width:100%; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;  background:none;}
.textarea_common textarea:focus {color:#222;}


/* input_text /
.input_common {background:#fff; color:#9b9b9b; overflow:hidden; position:relative; height:35px; border:1px solid #d4d4d4;
-webkit-border-radius:3px; }
.input_common input[type="text"] {float:left; height:35px; width:100%; padding:0; text-indent:10px; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;  background:none;}
.input_common input[type="text"]:focus {color:#222;}
*




/* 사이드 메뉴 추가 */



#WholeWrapper{ position:relative; background:#fff; z-index:80; width:100%; height:100%; }

/*#WholeWrapper {
	position: absolute;
	background:#fff; z-index:80;
	 z-index:80;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%; 
	overflow: hidden;
}
*/
#Scroller{
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0); 
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-webkit-text-size-adjust: none; 
	text-size-adjust: none;
}



/* Common Wrapper */
.InnerWrapper { position:relative; margin:0 10px;}
#skipToContent{ position:absolute; left:-2000px; }
/* HeaderSection */
.HeaderSection { }

/* LogoSect */
.LogoSect { width:100%; overflow:hidden; height:62px; text-align:center; border-bottom:6px solid #3ca747;}
.LogoSect .InnerWrapper{ height:56px; margin:0;overflow:hidden; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; }
/*
.LogoSect .CategoryOpener { position:absolute; left:0; top:0; width:42px; height:56px; overflow:hidden; text-align:center; line-height:56px;}
.LogoSect .CategoryOpener img { width:22px; height:15px; vertical-align:middle; } 
*/
/*html.LG350L .LogoSect .CategoryOpener img { }*/
.LogoSect .InnerWrapper .Logo{ width:120px; margin:0 auto; }
/*html.LG350L .LogoSect .InnerWrapper .Logo img { vertical-align:top;}*/

/* Gnb */
.Gnb { border-bottom:2px solid #4a4a4a;}
.Gnb .List { overflow:hidden; position:relative; display:-webkit-box; }
.Gnb .List a { display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; width:25%; -webkit-box-flex:1; height:50px; line-height:50px; font-size:18px; color:#1e1e1e; font-weight:bold; text-align:center;}



/* Category */




/* Category */
#LeftCategory{ position:fixed; display:none;left:0; -webkit-transform: translateX(-240px); top:0; z-index:100; width:240px; overflow:hidden; overflow-y:auto; height:100%; background-color:#2e2424; }
/*#LeftCategory{ position:fixed; left:0; -webkit-transform: translateX(-240px); top:0; z-index:100; width:240px; overflow:hidden; overflow-y:auto; height:100%; background-color:#2e2424; }*/
/*
#LeftCategory .CategoryTitle{ width:100%; height:44px; overflow:hidden; background-color:#fff;  }
#LeftCategory .CategoryTitle h3{ font-size:18px; color:#5f5f5f; float:left; width:400px; font-weight:bold; padding-left:10px; line-height:44px; height:44px; overflow:hidden; } 
#LeftCategory .CategoryTitle a { position:absolute; right:0; top:1px; width:50px; height:62px; line-height:62px; text-align:center;}
#LeftCategory .CategoryTitle a img { width:43px;}
*/
#LeftCategory .CategoryTop{ width:100%; height:42px; overflow:hidden; background-color:#000;  }
#LeftCategory .CategoryTop{ width:100%; height:42px; overflow:hidden; background-color:#000;  }


#LeftCategory dl{ height:100%; overflow-x:hidden; color:#fff; font-size:13px; }
/* #LeftCategory dl dt{ line-height:40px; height:40px; overflow:hidden; text-indent:20px; background:url(../img/side/bg_dt.png) no-repeat 265px center; background-size:20px 20px; border-bottom:1px solid #3e3637; }
*/

#LeftCategory dl dt{ line-height:35px; height:35px; overflow:hidden; text-indent:20px; background:url() no-repeat 265px center; background-size:20px 20px; border-bottom:1px solid #3e3637; }

#LeftCategory dl dt.Open { background-image:url(../img/side/bg_dt_open.png); background-size:20px 4px;}
#LeftCategory dl dd{ height:auto; display:none; overflow:hidden; } 
#LeftCategory dl dd > ul li{ line-height:50px; height:50px; overflow:hidden; text-indent:45px;border-top:1px solid #1e1e1e; background:#292929 url(../img/side/bg_btn_dd.png) no-repeat 265px center; background-size:12px 19px; }
#LeftCategory dl dd > ul li a{ display:block; line-height:40px; height:40px; overflow:hidden; background:transparent url(../img/side/bg_dotLine03.png) no-repeat 20px center; background-size:3px 3px;} 
#LeftCategory dl dd > ul li a.Current { color:#3ca747;}
/*html.LG350L #LeftCategory dl dd > ul li a { padding-top:5px;}*/
#LeftCategory dl dd > ul li.dt{ height:auto; text-indent:20px; background:#292929 url(../img/side/bg_dt.png) no-repeat 265px 15px; background-size:20px 20px; }
#LeftCategory dl dd > ul li.dt p{ display:none; width:100%; line-height:58px; height:62px; overflow:hidden; text-indent:35px; background-color:#292929; border-top:1px solid #1e1e1e; background-image:url(../img/side/bg_dd.png), url(../img/side/bg_dotLine03.png); background-repeat:no-repeat, no-repeat; background-position:265px center, 20px center; background-size:8px 15px, 3px 3px; }


/*메뉴 변경 추가 */
#LeftCategory .LeftDiv{float:left;width:49.5%; line-height:35px; height:35px; overflow:hidden; border-right:1px solid #3e3637;text-indent:15px;border-top:1px solid #1e1e1e; background:#292929 url(../img/side/bg_btn_dd.png) no-repeat 135px center; background-size:6px 12px; }

#LeftCategory .LeftDiv2{float:left;width:49.5%; line-height:35px; height:35px; overflow:hidden; border-right:1px solid #3e3637;text-indent:15px;border-top:1px solid #1e1e1e; background:#292929 url() no-repeat 120px center; background-size:12px 19px; }




/* 엘리먼트 디자인 공통요소 --------------------------------------------------------------------- */


.bottom_btn_area .select_common {float:left;width:85%;height:38px; margin-right:5px; overflow:hidden; position:relative; border:1px solid #d4d4d4; 
-webkit-border-radius:3px; background:-webkit-gradient(linear, 0 100%, 0% 0%, to(#fbfbfb), from(#e4e4e4)); -webkit-box-shadow:inset 1px 1px 1px #fff;}

.bottom_btn_area .select_common select {width:100%; height:38px; color:#666; font-family:Verdana; font-size:20px; text-align:center;text-indent:5px; letter-spacing:1px; position:absolute; left:0; top:0; 
border:none; -webkit-appearance:none; background:transparent;background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#fbfbfb), to(#e4e4e4));}

.bottom_btn_area .select_common .ic_arrow {width:40px; height:38px; position:absolute; right:0; top:0; text-align:center; 
border-left:1px solid #d2d2d2; -webkit-box-shadow:inset 1px 0 1px #fff;}
.bottom_btn_area .select_common .ic_arrow span {background-position:-240px 0; width:19px; height:11px; margin-top:14px;}



/* 내용하단버튼 */
.bottom_btn_area {overflow:hidden;}
.bottom_btn_area .btn_more {display:block; position:relative; color:#575757; padding:0px; border:1px solid #afa394; color:#666;
background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#e7e7e7), to(#fff)); }
.bottom_btn_area .ic_plus {position:absolute; background-position:-160px -60px; width:13px; height:13px; right:0; top:50%; margin:-6px 10px 0 0;}

.bottom_btn_area .btn_single {overflow:hidden; margin-bottom:5px;}

/*.bottom_btn_area .btn_double {overflow:hidden; position:relative; margin-bottom:5px;}*/
.bottom_btn_area .btn_double {overflow:hidden; position:relative; margin-bottom:5px;width:100%;}

/*.bottom_btn_area .btn_hit {display:block; height:35px; line-height:35px; color:#fff; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#c61501), to(#ef2f19)); text-align:center; margin-right:105px; font-size:14px;}*/
.bottom_btn_area .btn_hit {display:block; height:50px; line-height:50px; color:#fff; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#666), to(#666)); text-align:center; margin-right:0px; font-size:18px;font-weight:bold;-webkit-border-radius:14px;}


.bottom_btn_area .btn_list {display:block; color:#575757; height:35px; line-height:35px; border:1px solid #bbbbbb; color:#666; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#e7e7e7), to(#fff)); text-align:center; font-size:14px;}
.bottom_btn_area .btn_normal {position:absolute; right:0; top:0; width:100px; height:35px; line-height:35px; color:#fff; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#62342e), to(#87473f)); text-align:center; font-size:14px;}

.bottom_btn_area .btn_join_i {width:49.3%; display:block; padding:10px 0; color:#fff; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#c61501), to(#ef2f19)); text-align:center; font-size:14px; float:left}
.bottom_btn_area .btn_join_c {width:49.3%; display:block; padding:10px 0; color:#fff; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#62342e), to(#87473f)); text-align:center; font-size:14px; float:right}


.bottom_btn_area .btn_ok button {display:block; height:40px;width:13%;  border:none; background:#22afbb; letter-spacing:-1px; padding:0px; 0; color:#fff; font-weight:bold; font-size:25px; 
-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:3px;}

.bottom_btn_area .btn_no button {display:block; height:40px;width:13%;  border:none; background:#e4e4e4; letter-spacing:-1px; padding:0px; 0; color:#fff; font-weight:bold; font-size:25px; 
-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:3px;}


.bottom_btn_area .btn_m1 button {float:left;height:65px;width:31.8%;  border:none; background:#c1c1c1; letter-spacing:-1px; margin-bottom:8px; margin-right:5px;color:#fff; font-weight:bold; font-size:17px; 
-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:3px;}

.bottom_btn_area .btn_m2 button {display:block; height:35px;width:100%;  border:none; background:#c1c1c1; letter-spacing:-1px; margin-bottom:8px; color:#fff; font-weight:bold; font-size:17px; 
-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:3px;}








/* 움직이는 헤드 배너 */



/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}
/* SWIPE */
#slider div img {
  display:block;
  margin:0 auto;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.lst_w nav{position:relative;max-width:680px;margin:7px auto 0}
.lst_w nav a{font-style:normal;color:#555 !important}
.lst_w nav #position{text-align:center;list-style:none;margin-bottom:3px;padding:0}
.lst_w nav #position li{
	display:inline-block;width:10px;height:10px;border-radius:10px;
		background:#e1e1e1;margin:0 1px;cursor:pointer;
}

.lst_w nav #position li.on{
	box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.1);
	background-color:#f91a14;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f91a14),color-stop(100%,#c23413));
	background-image:-webkit-linear-gradient(top,#f91a14,#c23413);
	background-image:-moz-linear-gradient(top,#f91a14,#c23413);
	background-image:-ms-linear-gradient(top,#f91a14,#c23413);
	background-image:-o-linear-gradient(top,#f91a14,#c23413);
	background-image:linear-gradient(top,#f91a14,#c23413);
}





/* 글등록 */
.community_form {overflow:hidden; margin:5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a; padding:8px;}
.community_form li {margin-bottom:5px;}
.community_form li:last-child {margin-bottom:0}

.community_form input {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:0; background:#eaeaea; width:100%; -webkit-box-shadow:inset 1px 1px 1px #c0c0c0; font-size:14px; box-sizing:border-box; padding:10px 5px;}
.community_form input::-webkit-input-placeholder {color:#999;}
.community_form input:focus {color:#333; }
.community_form textarea {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:0; background:#eaeaea; width:100%; -webkit-box-shadow:inset 1px 1px 1px #c0c0c0; height:120px; font-size:14px; box-sizing:border-box; padding:10px 5px;}
.community_form textarea:focus {color:#333; }










/* 쿠폰북 */
.mypage .wish_list {overflow:hidden; margin:5px;}

.mypage .wish_list .item_box {background:#fff; border-bottom:1px solid #a29686; margin-bottom:5px; min-height:85px; position:relative; padding:5px;}
.mypage .wish_list .item_box:last-child {margin:0}
.mypage .wish_list .item_box span {position:relative; overflow:hidden; display:block; }

.mypage .wish_list .item_box .thumb {position:absolute; left:0; top:0; display:inline-block; width:110px; height:85px; overflow:hidden; margin:5px; background:#ebebeb;}
.mypage .wish_list .item_box .thumb img {width:100%; height:100%;}
.mypage .wish_list .item_box .thumb .none_photo {position:absolute; left:50%; top:50%; margin:-25px 0 0 -20px; background-position:-90px -230px; width:45px; height:50px;}

.mypage .wish_list .item_box .info {overflow:hidden; margin-left:115px;}
.mypage .wish_list .item_box .info .name {color:#333; font-size:14px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.mypage .wish_list .item_box .info .shop_name {color:#666; margin-top:3px;}


.mypage .wish_list .item_box .info .opt_cnt {text-align:left;height:20px; }
.mypage .wish_list .item_box .info .opt_cnt b{color:#22b600}

.mypage .wish_list .item_box .info .price {position:absolute;right:0;top:0; }
.mypage .wish_list .item_box .info .price b{color:#e91111;font-size:16px;}

.mypage .wish_list .item_box .info .opt_col b{font-weight:normal;}




.mypage .wish_list .item_box .info .btn_area {display:block; overflow:hidden; clear:both; padding-top:4px;}
.mypage .wish_list .item_box .info .btn_area a {display:inline-block; height:20px; line-height:20px; width:48%; text-align:center; color:#333; -webkit-border-radius:3px;}

.mypage .wish_list .item_box .btn_area .btn_view {float:left; border:1px solid #c9c9c9;}
.mypage .wish_list .item_box .btn_area .btn_call {float:right; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#e4e4e4), to(#f4f4f4)); -webkit-box-shadow:inset 0 1px 1px #fff; border:1px solid #b9b9b9;}




/* 타이틀 서브(gray)  */
.page_sub2_area {overflow:hidden; background:#e5e5e5; border-bottom:1px solid #a89982; padding:7px 8px; color:#1c1a1a;}
.page_sub2_area span {float:left;}
.page_sub2_area b{color:#ff0000}
.page_sub2_area .ic_tag {background-position:-40px -40px; width:12px; height:11px; margin:3px 4px 0 0;}



/* 상단 리스트 제어버튼 */
.top_ctr_menu {text-align:center;}
.top_ctr_menu a{display:inline-block; padding:2px 10px; }
.top_ctr_menu .over {background:#4c3535; -webkit-border-radius:30px; color:#fff;}




/* 마이페이지 데이터 리스트 */
.mypage .DB_list {width:100%; display:table;}
.mypage .DB_list ul {display:table-row; width:100%;}
.mypage .DB_list li {display:table-cell; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:10px; vertical-align:middle; overflow:hidden;}
.mypage .DB_list ul:last-child li {border-bottom:0;}
.mypage .DB_list li:first-child {width:70%; }
.mypage .DB_list li:last-child {width:30%; border-right:0; text-align:right; }

.mypage .DB_list .header {background:#f8f8f8;}
.mypage .DB_list .header li {text-align:center; color:#3d3d3d;}

.mypage .DB_list .link_warp {display:block; overflow:hidden; position:relative;}

.mypage .DB_list .info_box {display:block;}
.mypage .DB_list .info_box em {font-style:normal; color:#ddd; margin:0 5px;}
.mypage .DB_list .info_box .number {color:#ff8a00; font-weight:bold; font-size:15px;}
.mypage .DB_list .info_box .date {color:#666}
.mypage .DB_list .info_box .state {color:#000;}
.mypage .DB_list .info_box .item {display:inline-block; position:absolute; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:68%;}

.mypage .DB_list .info_box b {color:#e91111; font-size:15px;}

.mypage .DB_list .btn_area {margin-top:8px;}
.mypage .DB_list .btn_area a {display:block; -webkit-border-radius:5px; color:#fff; padding:3px 0; text-align:center;}
.mypage .DB_list .btn_area .btn_hit {background:#ec3333 ; border:1px solid #b02020; }
.mypage .DB_list .btn_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}


/* 포인트내역 */
.point_top_total {height:75px; background: #171616 url('/ms/temp/ms58951376/images/pack/point_bg.gif') center center no-repeat; background-size:320px; text-align:center; }
.point_top_total .tx {color:#fff; padding-top:10px;}
.point_top_total .tie {display:inline-block;}
.point_top_total .point {font-size:30px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #000; float:left;}
.point_top_total .ic_point {background-position:0 -290px; width:27px; height:27px; margin:5px 0 0 5px; float:left;}

.mypage .DB_list .point_use {font-size:15px; color:#000; margin-bottom:5px;}

.mypage .DB_list .point_p {color:#1683b5; font-weight:bold; font-size:15px;}
.mypage .DB_list .point_m {color:#ce1905; font-weight:bold; font-size:15px;}
.mypage .DB_list .ic_point_p {background-position:-40px -290px; width:25px; height:16px;}
.mypage .DB_list .ic_point_m {background-position:-80px -290px; width:25px; height:16px;}








/* 마이페이지 데이터 보기 */
.mypage .DB_title {background:#848484; -webkit-box-shadow:inset 0 -1px 2px #333; padding:10px 0; text-align:center; color:#fff; font-size:14px;}

.mypage .DB_view {width:100%; display:table;}

.mypage .DB_view ul {display:table-row; width:100%;}
.mypage .DB_view li {display:table-cell; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:10px 8px; vertical-align:middle; overflow:hidden;}
.mypage .DB_view ul:last-child li {border-bottom:0;}
.mypage .DB_view li:first-child {width:30%; background:#f8f8f8;}
.mypage .DB_view li:last-child {width:70%; border-right:0; color:#333; font-size:14px;}

.mypage .DB_view .number {color:#ff8a00 !important; font-weight:bold; font-size:15px !important;}
.mypage .DB_view b {color:#e91111;}


/* 쿠폰북 */
.mypage .wish_list {overflow:hidden; margin:5px;}

.mypage .wish_list .item_box {background:#fff; border-bottom:1px solid #a29686; margin-bottom:5px; min-height:85px; position:relative; padding:5px;}
.mypage .wish_list .item_box:last-child {margin:0}
.mypage .wish_list .item_box span {position:relative; overflow:hidden; display:block; }

.mypage .wish_list .item_box .thumb {position:absolute; left:0; top:0; display:inline-block; width:110px; height:85px; overflow:hidden; margin:5px; background:#ebebeb;}
.mypage .wish_list .item_box .thumb img {width:100%; height:100%;}
.mypage .wish_list .item_box .thumb .none_photo {position:absolute; left:50%; top:50%; margin:-25px 0 0 -20px; background-position:-90px -230px; width:45px; height:50px;}

.mypage .wish_list .item_box .info {overflow:hidden; margin-left:115px;}
.mypage .wish_list .item_box .info .name {color:#333; font-size:14px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.mypage .wish_list .item_box .info .shop_name {color:#666; margin-top:3px;}
.mypage .wish_list .item_box .info .price {}
.mypage .wish_list .item_box .info .price b{color:#e91111;}

.mypage .wish_list .item_box .info .btn_area {display:block; overflow:hidden; clear:both; padding-top:4px;}
.mypage .wish_list .item_box .info .btn_area a {display:inline-block; height:20px; line-height:20px; width:48%; text-align:center; color:#333; -webkit-border-radius:3px;}

.mypage .wish_list .item_box .btn_area .btn_view {float:left; border:1px solid #c9c9c9;}
.mypage .wish_list .item_box .btn_area .btn_call {float:right; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#e4e4e4), to(#f4f4f4)); -webkit-box-shadow:inset 0 1px 1px #fff; border:1px solid #b9b9b9;}











/* 마이페이지 ---------------------------------------------------------- */
.mypage_main_top {overflow:hidden; background:#fff; position:relative; border-bottom:1px solid #79766d; padding:8px; min-height:125px;}

.mypage_main_top .profile {position:absolute; width:110px; height:150px;}
.mypage_main_top .profile .image {background:#ebebeb; text-align:center; width:110px; height:90px; position:relative; overflow:hidden;}
.mypage_main_top .profile .none_photo {position:absolute; left:50%; bottom:0; margin-left:-38px; background-position:0 -200px; width:76px; height:80px;}

.mypage_main_top .profile .upload {position:relative; border:1px solid #c1c1c1; overflow:hidden; height:30px; margin-top:-1px;}
.mypage_main_top .profile .upload .ic_photo {background-position:-90px -200px; width:16px; height:13px; position:absolute; left:0; top:50%; margin:-6px 0 0 8px;}
.mypage_main_top .profile .upload .txt {position:absolute; left:0; top:50%; margin:-8px 0 0 30px; color:#868686;}
.mypage_main_top .profile .upload .btn_upload {font-size:30px; opacity:0;}

.mypage_main_top .basic_info {margin-left:120px;}

.mypage_main_top .basic_info .nick {font-size:18px;color:#333;}
.mypage_main_top .basic_info .id {margin-top:10px;}
.mypage_main_top .basic_info .id b {color:#333;}

.mypage_main_top .basic_info .btn_area {overflow:hidden; margin-top:12px}
.mypage_main_top .basic_info .btn_area a {display:block; -webkit-border-radius:3px; font-size:14px; text-align:center;}
.mypage_main_top .basic_info .btn_area .btn_id {background:#d9301b; border:1px solid #a91300; -webkit-box-shadow:inset 0 1px 1px #e88477; height:25px; margin-bottom:4px;}
.mypage_main_top .basic_info .btn_area .btn_pw {background:#544e4e; border:1px solid #201616; -webkit-box-shadow:inset 0 1px 1px #726d6d; height:25px; }
.mypage_main_top .basic_info .btn_area .tx {float:left; color:#fff; line-height:25px; }
.mypage_main_top .basic_info .btn_area .tie {display:inline-block;}
.mypage_main_top .basic_info .btn_area .ic_phone {background-position:-120px -200px; width:11px; height:15px; float:left; margin:5px 4px 0 0;}
.mypage_main_top .basic_info .btn_area .ic_lock {background-position:-140px -200px; width:11px; height:15px; float:left; margin:5px 4px 0 0;}


/* 단락들 */
.mypage {overflow:hidden;}
.mypage .group_box {overflow:hidden; position:relative; margin-bottom:5px;}
.mypage .group_box .ic_arrow {position:absolute; left:50%; top:0; margin:41px 0 0 -15px; background-position:-190px -200px; width:30px; height:12px; z-index:500}

.mypage .group_box .title_area {position:relative; margin:5px 5px 2px 5px; background:#fff; border:1px solid #b2ab9a; padding:0 10px;  font-weight:bold; height:35px; line-height:35px; color:#666; font-size:15px;
-webkit-box-shadow: 0 0 2px #b4ac9a; }
.mypage .group_box .title_area .btn_modify {height:29px; line-height:29px; padding:0 8px; display:inline-block; background:#f9f9f9; border:1px solid #cecece; color:#666; position:absolute; right:0; top:0; font-weight:normal; font-size:13px;
-webkit-border-radius:3px; margin:2px 2px 0 0;}
.mypage .group_box .title_area .ic_modify {background-position:-160px -200px; width:15px; height:15px; float:left; margin:6px 3px 0 0;}

.mypage .group_box .conts_area {margin:0 5px 5px 5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a;}
.mypage .group_box .conts_area li {border-bottom:1px solid #dedede;}
.mypage .group_box .conts_area li:last-child {border-bottom:0}
.mypage .group_box .conts_area .one_box {display:block; padding:10px; position:relative; }

.mypage .group_box .conts_area .opt {display:block; color:#b0b0b0; font-size:14px; width:60px; position:absolute; left:0; top:50%; margin:-8px 0 0 10px;}
.mypage .group_box .conts_area .value {display:block; color:#333; font-size:15px; margin-left:70px;}
.mypage .group_box .conts_area .value b {color:#e91111}

.mypage .group_box .conts_area .value .m {display:inline-block; font-size:14px; background:#0066ff; color:#fff; padding:0 7px; -webkit-border-radius:40px; }
.mypage .group_box .conts_area .value .f {display:inline-block; font-size:14px; background:#ff0066; color:#fff; padding:0 7px; -webkit-border-radius:40px; }


.mypage .group_box .conts_area .opt2 {display:block; color:#b0b0b0; font-size:14px; width:70px; position:absolute; left:0; top:50%; margin:-8px 0 0 10px;}
.mypage .group_box .conts_area .value2 {display:block; color:#333; font-size:15px; margin:0 15px 0 75px; text-align:right;}
.mypage .group_box .conts_area .value2 b {color:#e91111}

.mypage .group_box .conts_area .ic_go {background-position:-230px -200px; width:10px; height:15px; position:absolute; right:0; top:50%; margin:-8px 6px 0 0}



/* 마이페이지 세부페이지들 ---------------------------------------------------------- */
.mypage .mypage_form {overflow:hidden; margin:5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a;}
.mypage .guide_area {background:#f8f8f8; border-bottom:1px solid #dbdbdb; padding:5px 10px;}
.mypage .guide_area li {background: transparent url('/pointcard/images/bullet.png') left center no-repeat; background-size:4px; padding:2px 8px; letter-spacing:-1px;}

.mypage .form_box {overflow:hidden; }
.mypage .form_box li {overflow:hidden; border:1px solid #ccc4b2; -webkit-border-radius:3px; margin:8px; position:relative; box-sizing:border-box;}

.mypage .form_box .none_area {border:0; text-align:right; padding:0!important}
.mypage .form_box .none_area a {display:inline-block; -webkit-border-radius:50px; font-size:12px; color:#fff; padding:4px 10px;}
.mypage .form_box .none_area .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.mypage .form_box .none_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}

.mypage .form_box .guide_area {border:0; padding:0!important; background:#fff;}

.mypage .form_box .opt {position:absolute; color:#b0b0b0; font-size:14px; left:0; top:50%; margin:-8px 0 0 5px; letter-spacing:-1px;}
.mypage .form_box .btn_x {position:absolute; right:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  width:20px; height:20px;}
.mypage .form_box .ic_x {background-position:-250px -200px; width:20px; height:20px;}


/* 폼항목 가로값잡기 */
.mypage .form_box .form_id {margin:0 30px 0 80px;}
.mypage .form_box .form_pw {margin:0 30px 0 90px;}
.mypage .form_box .form_basic {margin:0 30px 0 70px;}

.mypage .form_box label {font-size:14px; line-height:35px; overflow:hidden; float:left; margin-right:10px; color:#666}



/* 상단 리스트 제어버튼 */
.top_ctr_menu {text-align:center;}
.top_ctr_menu a{display:inline-block; padding:2px 10px; }
.top_ctr_menu .over {background:#4c3535; -webkit-border-radius:30px; color:#fff;}


/* 마이페이지 데이터 리스트 */
.mypage .DB_list {width:100%; display:table;}
.mypage .DB_list ul {display:table-row; width:100%;}
.mypage .DB_list li {display:table-cell; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:10px; vertical-align:middle; overflow:hidden;}
.mypage .DB_list ul:last-child li {border-bottom:0;}
.mypage .DB_list li:first-child {width:70%; }
.mypage .DB_list li:last-child {width:30%; border-right:0; text-align:right; }

.mypage .DB_list .header {background:#f8f8f8;}
.mypage .DB_list .header li {text-align:center; color:#3d3d3d;}

.mypage .DB_list .link_warp {display:block; overflow:hidden; position:relative;}

.mypage .DB_list .info_box {display:block;}
.mypage .DB_list .info_box em {font-style:normal; color:#ddd; margin:0 5px;}
.mypage .DB_list .info_box .number {color:#ff8a00; font-weight:bold; font-size:15px;}
.mypage .DB_list .info_box .date {color:#666}
.mypage .DB_list .info_box .state {color:#000;}
.mypage .DB_list .info_box .item {display:inline-block; position:absolute; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:68%;}

.mypage .DB_list .info_box b {color:#e91111; font-size:15px;}

.mypage .DB_list .btn_area {margin-top:8px;}
.mypage .DB_list .btn_area a {display:block; -webkit-border-radius:5px; color:#fff; padding:3px 0; text-align:center;}
.mypage .DB_list .btn_area .btn_hit {background:#ec3333 ; border:1px solid #b02020; }
.mypage .DB_list .btn_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}


/* 포인트내역 */
.point_top_total {height:75px; background: #171616 url('/pointcard/images/point_bg.gif') center center no-repeat; background-size:320px; text-align:center; }
.point_top_total .tx {color:#fff; padding-top:10px;}
.point_top_total .tie {display:inline-block;}
.point_top_total .point {font-size:30px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #000; float:left;}
.point_top_total .ic_point {background-position:0 -290px; width:27px; height:27px; margin:5px 0 0 5px; float:left;}

.mypage .DB_list .point_use {font-size:15px; color:#000; margin-bottom:5px;}

.mypage .DB_list .point_p {color:#1683b5; font-weight:bold; font-size:15px;}
.mypage .DB_list .point_m {color:#ce1905; font-weight:bold; font-size:15px;}
.mypage .DB_list .ic_point_p {background-position:-40px -290px; width:25px; height:16px;}
.mypage .DB_list .ic_point_m {background-position:-80px -290px; width:25px; height:16px;}



/* 마이페이지 데이터 보기 */
.mypage .DB_title {background:#848484; -webkit-box-shadow:inset 0 -1px 2px #333; padding:10px 0; text-align:center; color:#fff; font-size:14px;}

.mypage .DB_view {width:100%; display:table;}

.mypage .DB_view ul {display:table-row; width:100%;}
.mypage .DB_view li {display:table-cell; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:10px 8px; vertical-align:middle; overflow:hidden;}
.mypage .DB_view ul:last-child li {border-bottom:0;}
.mypage .DB_view li:first-child {width:30%; background:#f8f8f8;}
.mypage .DB_view li:last-child {width:70%; border-right:0; color:#333; font-size:14px;}

.mypage .DB_view .number {color:#ff8a00 !important; font-weight:bold; font-size:15px !important;}
.mypage .DB_view b {color:#e91111;}




.mypoint dt {font-size:17px; font-weight:400; color:#000}
.mypoint dt strong {letter-spacing:0px; color:#ff0000}
.mypoint dd {color:#ff6600; margin-top:6px}
.mypoint dd strong {letter-spacing:0px;}
.apply_point {margin-top:10px; display:block;}
.apply_point input {border:2px solid #ff6600; height:40px; border-radius:4px; text-align:right; padding:0 10px; color:#000; width:100%; font-size:16px; letter-spacing:0; box-sizing:border-box; }
.apply_point input:focus {background:#eee; border:2px solid #ff1919 !important;}
.apply_point .button_pack {margin-top:5px; width:50%; float:left;}
.apply_point .button_pack:first-of-type {padding-right:2px}
.apply_point .button_pack:last-of-type {padding-left:2px}
.apply_point .button_pack:only-of-type {padding:0; width:100%; float:none;}



.button_pack {display:block; box-sizing:border-box; }
.button_pack a,.button_pack input,.button_pack button {width:100%; text-align:center; background-image:none; position:relative; display:block; font-weight:normal; word-wrap:normal; word-break:keep-all; border-radius:3px; box-sizing:border-box; }

.button_pack .btn_sm_white,.button_pack .btn_sm_black,.button_pack .btn_sm_color {font-size:12px; height:25px; line-height:23px; padding:0 10px;}
.button_pack .btn_sm_white {background:#fff; color:#333 !important; border:1px solid #ccc; }
.button_pack .btn_sm_black {background:#505258; color:#fff !important; border:1px solid #505258;}
.button_pack .btn_sm_color {background:#fb5074; color:#fff !important; border:1px solid #fb5074; }

.button_pack .btn_md_white,.button_pack .btn_md_black,.button_pack .btn_md_color {font-size:13px; height:35px; line-height:33px; padding:0 10px;}
.button_pack .btn_md_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_md_black {background:#505258; color:#fff !important; border:1px solid #505258;}
.button_pack .btn_md_color {background:#fb5074; color:#fff !important; border:1px solid #fb5074; }

.button_pack .btn_lg_white,.button_pack .btn_lg_black,.button_pack .btn_lg_color {font-size:16px; height:50px; line-height:47px; padding:0 10px;}
.button_pack .btn_lg_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_lg_black {background:#505258; color:#fff !important; border:1px solid #505258;}
.button_pack .btn_lg_color {background:#fb5074; color:#fff !important; border:1px solid #fb5074; }


.shop_title_mname:link {font-size:21px; color:#fff; font-weight:bold;padding:8px 0 0 0;}
.shop_title_mname:hover {font-size:21px; color:#fff; font-weight:bold;padding:8px 0 0 0;}
.shop_title_mname:active {font-size:21px; color:#fff; font-weight:bold;padding:8px 0 0 0;}

.shop_title_mname:visited {font-size:21px; color:#fff; font-weight:bold;padding:8px 0 0 0;}






/* 페이지타이틀 --------------------------------------------------------------------- */
.page_title_area {overflow:hidden; background:#fff; height:40px; position:relative; border-bottom:1px solid #79766d;}
.page_title_area .opt_position {margin-right:154px; padding:5px;}
.page_title_area .opt_position a {height:30px; width:50%; line-height:30px; float:left; display:block; background:#453f3f; text-align:center; -webkit-box-shadow:inset 0 0 5px #000; color:#bab3b3; font-size:14px; cursor:pointer;}
.page_title_area .opt_position a:first-child {-webkit-border-radius:3px 0 0 3px;}
.page_title_area .opt_position a:last-child {-webkit-border-radius:0 3px 3px 0;}
.page_title_area .opt_position .over {background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#be1b03), to(#fc543e)); color:#fff; -webkit-box-shadow:none;}



/* 페이지타이틀 티비카드 --------------------------------------------------------------------- */
.page_title_area {overflow:hidden; background:#fff; height:40px; position:relative; border-bottom:1px solid #79766d;}
.page_title_area .opt_position2 {margin-right:154px; margin-left:50px;padding:5px;}
.page_title_area .opt_position2 a {height:30px; width:50%; line-height:30px; float:left; display:block; background:#453f3f; text-align:center; -webkit-box-shadow:inset 0 0 5px #000; color:#bab3b3; font-size:14px; cursor:pointer;}
.page_title_area .opt_position2 a:first-child {-webkit-border-radius:3px 0 0 3px;}
.page_title_area .opt_position2 a:last-child {-webkit-border-radius:0 3px 3px 0;}
.page_title_area .opt_position2 .over {background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#be1b03), to(#fc543e)); color:#fff; -webkit-box-shadow:none;}


.page_title_area .opt_position2 .posit_new {position:absolute;left:0;width:14%;height:28px;margin-left:5px;background:#069bf9;color:#fff; border:1px solid #201616; -webkit-box-shadow:inset 0px 0px 0px #726d6d;-webkit-border-radius:0px 3px 3px 0px;}



.page_title_area .opt_select {position:absolute; top:0; right:0; padding:5px;}
.page_title_area .opt_select .select_small {width:70px; float:left; height:28px; margin-left:5px;}

.page_title_area .page_tx {text-align:center; color:#423d3d; font-size:16px; height:40px; line-height:40px;}
.page_title_area .btn_back {width:45px; height:40px; position:absolute; display:block; text-align:center;}
.page_title_area .ic_back {background-position:-260px 0; width:15px; height:22px; margin-top:8px;}


/* 타이틀 서브(brown)  */
.page_sub_area {overflow:hidden; background:#aaa18c; border-top:1px solid #928b7d; border-bottom:1px solid #938970;  height:30px; line-height:30px; padding-left:8px;}
.page_sub_area span {float:left;}
.page_sub_area .ctg {color:#4d4531; }
.page_sub_area .adress {color:#4d4531;}
.page_sub_area .bar {display:inline-block; height:11px; width:0px; border-left:1px solid #888170; border-right:1px solid #bbb4a3; margin:7px 10px;}
.page_sub_area b{color:#fff; font-weight:normal;}

/* 상점리스트 우측 적립/비적립 버튼 by mview */
.page_sub_area .point_type {position:absolute; display:block; right:0px;text-align:right;padding-top:3px;padding-right:5px;}





/* 페이지타이틀 --------------------------------------------------------------------- */
.cate_gift_select {overflow:hidden; background:#fff; height:40px; position:relative; border-bottom:1px solid #79766d;}
.cate_gift_select .opt_position {margin-right:154px; padding:5px;}
.cate_gift_select .opt_position a {height:30px; width:50%; line-height:30px; float:left; display:block; background:#453f3f; text-align:center; -webkit-box-shadow:inset 0 0 5px #000; color:#bab3b3; font-size:14px; cursor:pointer;}
.cate_gift_select .opt_position a:first-child {-webkit-border-radius:3px 0 0 3px;}
.cate_gift_select .opt_position a:last-child {-webkit-border-radius:0 3px 3px 0;}
.cate_gift_select .opt_position .over {background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#be1b03), to(#fc543e)); color:#fff; -webkit-box-shadow:none;}



/* 페이지타이틀 티비카드 --------------------------------------------------------------------- */
.cate_gift_select {overflow:hidden; background:#fff; height:40px; position:relative; border-bottom:1px solid #79766d;}
.cate_gift_select .opt_position2 {margin-right:154px; margin-left:50px;padding:5px;}
.cate_gift_select .opt_position2 a {height:30px; width:50%; line-height:30px; float:left; display:block; background:#453f3f; text-align:center; -webkit-box-shadow:inset 0 0 5px #000; color:#bab3b3; font-size:14px; cursor:pointer;}
.cate_gift_select .opt_position2 a:first-child {-webkit-border-radius:3px 0 0 3px;}
.cate_gift_select .opt_position2 a:last-child {-webkit-border-radius:0 3px 3px 0;}
.cate_gift_select .opt_position2 .over {background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#be1b03), to(#fc543e)); color:#fff; -webkit-box-shadow:none;}


.cate_gift_select .opt_position2 .posit_new {position:absolute;left:0;width:14%;height:28px;margin-left:5px;background:#069bf9;color:#fff; border:1px solid #201616; -webkit-box-shadow:inset 0px 0px 0px #726d6d;-webkit-border-radius:0px 3px 3px 0px;}



.cate_gift_select .opt_select {}



/* 아래 수정 */
/*.cate_gift_select .opt_select .select_small {width:33%;position:absolute;margin-top:10px;  float:left; height:35px; margin-left:5px;margin-right:5px;-webkit-border-radius:10px;}*/

.cate_gift_select .opt_select .select_small {width:20%;margin-top:10px;  float:left; height:35px; margin-left:5px;margin-right:0px;-webkit-border-radius:10px;}




.cate_gift_select .page_tx {text-align:center; color:#423d3d; font-size:16px; height:40px; line-height:40px;}
.cate_gift_select .btn_back {width:45px; height:40px; position:absolute; display:block; text-align:center;}
.cate_gift_select .ic_back {background-position:-260px 0; width:15px; height:22px; margin-top:8px;}


.cate_gift_select {height:60px; position:relative; overflow:hidden;}

.cate_gift_select .input_search {background:#fff; height:35px;float:right; width:50%;margin:10px 10px 0 5px; position:relative; overflow:hidden; border:1px solid #aaa;
-webkit-border-radius:10px;}
.cate_gift_select .input_search .input_wrap {margin:0 15px 0 10px}
.cate_gift_select .input_search .input_wrap input {width:100%; height:35px; padding:0 0; background:none; font-size:12px; letter-spacing:-1px; color:#544e4e;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;}
.cate_gift_select .input_search .input_wrap input::-webkit-input-placeholder {color:#999;} 

.cate_gift_select .input_search .ic_search {position:absolute; background-position:-60px -60px; width:15px; height:15px; left:0; top:50%; margin:-7px 0 0 10px;}
.cate_gift_select .input_search .ic_clear {position:absolute; background-position:-90px -60px; width:16px; height:16px; right:0; top:50%; margin:-7px 10px 0 0;}


.cate_gift_select .btn_search {position:absolute; right:0; top:50%; margin:-20px 5px 0 0; height:35px; width:50px;
-webkit-box-shadow:10px 5px 2px #fff; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#898989), to(#ccc)); -webkit-box-shadow:inset 0px 0px #ec6e61; border:1px solid #aaa; -webkit-border-radius:10px;}
.cate_gift_select .btn_search input {background:none; border:none; width:100%; height:35px;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; -webkit-box-shadow:none;}
.cate_gift_select .btn_search .ic_search {position:absolute; background-position:-120px -60px; width:25px; height:25px; left:50%; top:50%; margin:-12px 0 0 -12px}







/* 타이틀 서브(brown)  */
.page_sub_area {overflow:hidden; background:#aaa18c; border-top:1px solid #928b7d; border-bottom:1px solid #938970;  height:30px; line-height:30px; padding-left:8px;}
.page_sub_area span {float:left;}
.page_sub_area .ctg {color:#4d4531; }
.page_sub_area .adress {color:#4d4531;}
.page_sub_area .bar {display:inline-block; height:11px; width:0px; border-left:1px solid #888170; border-right:1px solid #bbb4a3; margin:7px 10px;}
.page_sub_area b{color:#fff; font-weight:normal;}

/* 상점리스트 우측 적립/비적립 버튼 by mview */
.page_sub_area .point_type {position:absolute; display:block; right:0px;text-align:right;padding-top:3px;padding-right:5px;}






/* 쿠폰/이벤트/상점 리스트 --------------------------------------------------------------------- */
.coupon_list {overflow:hidden; margin:5px;}

.coupon_list .item_box {background:#fff; border-bottom:1px solid #a29686; margin-bottom:5px; min-height:85px; position:relative;}
.coupon_list .item_box:last-child {margin:0}
.coupon_list .item_box .link_box {overflow:hidden; display:block; min-height:85px; position:relative; padding:5px;}
.coupon_list .item_box span {position:relative; overflow:hidden; display:block; }


/* 쿠폰 */
.coupon_list .item_box .thumb {position:absolute; left:0; top:0; display:inline-block; width:110px; height:110px; overflow:hidden; margin:5px; background:#ebebeb;}
.coupon_list .item_box .thumb img {width:100%; height:100%;}
.coupon_list .item_box .thumb .none_photo {position:absolute; left:50%; top:50%; margin:-25px 0 0 -20px; background-position:-90px -230px; width:45px; height:50px;}

.coupon_list .item_box .info {overflow:hidden; margin-left:115px;}
.coupon_list .item_box .info .name {color:#333; font-size:14px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.coupon_list .item_box .info .sub {font-size:11px; line-height:12px; margin:3px 0 8px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.coupon_list .item_box .info .sub_type1 {font-size:11px; line-height:11px;margin:3px 0 0px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coupon_list .item_box .info .tab1 {float:left; font-weight:bold; font-size:11px; color:#764138; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.coupon_list .item_box .info .sub_type2 {float:left;width:50%;font-size:11px; color:#c42d33; line-height:11px; margin:3px 0 0px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coupon_list .item_box .info .tab2 {float:left; font-weight:bold; font-size:11px; color:#764138; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.coupon_list .item_box .info .sub_type3 {float:left;text-align:center;width:35%;font-size:11px; background:#b9b9b9; color:#fff; line-height:11px; margin:0px 2px 0px 0px; padding:2px 0px 2px 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coupon_list .item_box .info .tab3 {float:left; font-weight:bold; font-size:11px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}




.coupon_list .item_box .info .vt_line1 { clear:both; margin:0px 0 2px 0;}
.coupon_list .item_box .info .vt_line2 { clear:both; margin:0px 0 5px 0;}

.coupon_list .item_box .info .coupon {color:#333; margin-top:3px;}
.coupon_list .item_box .info .coupon b {color:#c41400;}
.coupon_list .item_box .info .coupon em {color:#ff6000; font-weight:bold; font-style:normal;}
.coupon_list .item_box .info .km {color:#333;}
.coupon_list .item_box .info .km b{color:#4b9800;}

.coupon_list .item_box .info .ic_coupon {background-position:0 -40px; width:15px; height:12px; margin:3px 2px 0 0; float:left;}
.coupon_list .item_box .info .ic_map {background-position:-20px -40px; width:15px; height:12px; margin:3px 2px 0 0; float:left;}


/* 이벤트 */
.coupon_list .item_box .info .shop {overflow:hidden; color:#ba0e00; margin-top:5px; }
.coupon_list .item_box .info .ctg {float:left; background:#ba0e00; color:#fff; padding:0 5px; margin-right:3px;}

.coupon_list .item_box .info .period {overflow:hidden;  margin-top:3px; color:#2c9bc2; font-weight:bold;}
.coupon_list .item_box .info .ic_cal {background-position:-60px -40px; width:15px; height:11px; margin:3px 2px 0 0; float:left;}


/* 상점 */
.coupon_list .item_box .shop_box {overflow:hidden; display:block; min-height:85px; position:relative; padding:5px;}

.coupon_list .item_box .info .ic_man {background-position:-80px -40px; width:20px; height:11px; margin:3px 2px 0 0; float:left;}

.coupon_list .item_box .info .visit {float:left; color:#333; }
.coupon_list .item_box .info .visit b {color:#764138;}

.coupon_list .item_box .info .km2 {color:#333; float:right;}
.coupon_list .item_box .info .km2 b{color:#4b9800;}

.coupon_list .item_box .info .btn_area {display:block; overflow:hidden; clear:both; padding-top:4px;}
.coupon_list .item_box .info .btn_area a {display:inline-block; height:20px; line-height:20px; width:48%; text-align:center; color:#333; -webkit-border-radius:3px;}

.coupon_list .item_box .info .btn_area .btn_view {float:left; border:1px solid #c9c9c9;}
.coupon_list .item_box .info .btn_area .btn_call {float:right; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#e4e4e4), to(#f4f4f4)); -webkit-box-shadow:inset 0 1px 1px #fff; border:1px solid #b9b9b9;}




/* 검색폼  --------------------------------------- */
.top_sp_box .search_form {height:60px; position:relative; overflow:hidden;}

.top_sp_box .search_form .input_search {background:#fff; height:40px; margin:10px 60px 0 5px; position:relative; overflow:hidden; border:1px solid #3a3535;
-webkit-border-radius:30px;}
.top_sp_box .search_form .input_search .input_wrap {margin:0 35px 0 30px}
.top_sp_box .search_form .input_search .input_wrap input {width:100%; height:40px; padding:0 0; background:none; font-size:15px; letter-spacing:-1px; color:#544e4e;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none;}
.top_sp_box .search_form .input_search .input_wrap input::-webkit-input-placeholder {color:#999;} 

.top_sp_box .search_form .input_search .ic_search {position:absolute; background-position:-60px -60px; width:15px; height:15px; left:0; top:50%; margin:-7px 0 0 10px;}
.top_sp_box .search_form .input_search .ic_clear {position:absolute; background-position:-90px -60px; width:16px; height:16px; right:0; top:50%; margin:-7px 10px 0 0;}


.top_sp_box .search_form .btn_search {position:absolute; right:0; top:50%; margin:-20px 5px 0 0; height:40px; width:50px;
-webkit-box-shadow:10px 5px 2px #fff; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#9d0f00), to(#de1500)); -webkit-box-shadow:inset 1px 1px #ec6e61; border:1px solid #3a3535; -webkit-border-radius:30px;}
.top_sp_box .search_form .btn_search input {background:none; border:none; width:100%; height:50px;
-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; -webkit-box-shadow:none;}
.top_sp_box .search_form .btn_search .ic_search {position:absolute; background-position:-120px -60px; width:25px; height:25px; left:50%; top:50%; margin:-12px 0 0 -12px}






/* 2013-09-10 추가 */
.auto_btn_payment {margin:15px 10px;font-size:16px; }
.auto_btn_payment a {display:block; width:100%; text-align:center; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#e9e9e9), to(#fff)); -webkit-border-radius:30px; padding:10px 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); color:#00a5c3; font-weight:bold;}


.btn_detail_view {overflow:hidden; margin:5px; position:relative;}
.btn_detail_view a {display:inline-block; color:#fff; text-align:center; font-size:15px; height:40px; line-height:40px; position:relative; }
.btn_detail_view .btn_detail {background:#f13030; display:block; }





/* ●●●●●●●●●● 쓰기폼(문의폼) */
.cm_board_form {}
.cm_board_form li {list-style:none; position:relative; border-bottom:1px solid #dedede; width:100%; clear:both;}
.cm_board_form .opt {position:absolute; left:10px; top:50%; color:#888; padding-left:12px; margin-top:-6px}
.cm_board_form .opt {background:transparent url('../images/cm_images/member_form_bullet.png') left center no-repeat; background-size:8px;  }
.cm_board_form .value {margin-left:95px; background:#fff; overflow:hidden; padding:10px 10px; line-height:15px; font-size:12px; color:#aaa; letter-spacing:-0.5px; overflow:hidden;}
.cm_board_form .ess .opt {background-image:url('../images/cm_images/member_form_bullet2.png');}
.cm_board_form .input_design {box-sizing:border-box; float:left; width:100%; background:#f1f1f1; border:1px solid #c1c1c1; border-right:0; border-bottom:0; height:35px; padding:0 10px; color:#666; border-radius:5px; letter-spacing:0px; font-size:13px;}
.cm_board_form .input_design:focus {background-color:#ddd; color:#333}
.cm_board_form .input_design+ .input_design {margin-top:5px}
.cm_board_form .textarea_design {background:#f1f1f1; border:1px solid #c1c1c1; border-right:0; border-bottom:0; line-height:18px; height:140px; padding:10px; color:#666; border-radius:5px; font-size:13px; box-sizing:border-box; }
.cm_board_form .textarea_design:focus {background-color:#ddd; color:#333}
.cm_board_form label {overflow:hidden; float:left; line-height:21px; padding:5px 10px 5px 0}
.cm_board_form .editor .opt {position:relative; margin-top:10px}
.cm_board_form .editor .value {margin:0}
.cm_board_form .tip_txt {clear:both; padding-top:5px}
.cm_board_form .tip_txt dd {line-height:15px; color:#999; font-size:11px;}
.cm_board_form .tip_txt dt {line-height:15px; color:#ff4949; font-size:11px;}
.cm_board_form .input_date {background:#f1f1f1 url('../images/cm_images/ic_date.png') 40px center no-repeat; background-size:15px; padding-left:65px;}
.cm_board_form .input_wrap {position:relative; overflow:hidden;}
.cm_board_form .input_wrap .upper_txt {position:absolute; left:10px; top:0; line-height:35px}
.cm_board_form .input_wrap+ .input_wrap {margin-top:5px}

.cm_board_form .btn_photo_box {background:#4f515b; overflow:hidden; position:relative; border-radius:5px; padding:0; text-align:center; height:45px}
.cm_board_form .btn_photo_box {box-shadow:inset 0 -3px 0 rgba(0,0,0,0.2);  display:block; width:100%; float:none;}
.cm_board_form .btn_photo_box .upper_txt {background:transparent url('../images/cm_images/input_photo.png') left 2px no-repeat; background-size:18px; color:#fff; padding-left:24px; margin:12px 0; font-size:13px;}
.cm_board_form .input_photo {color:transparent; background:transparent; position:absolute; left:0; top:0; width:100%; z-index:555; visibility:hidden}
.cm_board_form .img_preview {width:100% !important}
.cm_board_form .photo_box {margin:5px 0 0 0; overflow:hidden; border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:5px;}
.cm_board_form .photo_box img {width:100%; float:left;}
.cm_board_form .photo_box .photo_inner {background:rgba(0,0,0,0.05) url('../images/cm_images/input_photo_none.png') center center no-repeat; background-size:40px; min-height:120px; overflow:hidden; border-radius:5px;}
.cm_board_form .btn_photo_del {position:absolute; left:0; top:0;}




/* 기본레이아웃 상단 */
.common_pages_top {overflow:hidden; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,0.1); /* border-top:1px solid #ccc */}
.common_pages_top .this_page_name {position:relative; text-align:center; }
.common_pages_top .txt {font-size:17px; line-height:45px; color:#444}

.common_pages_top .btn_back {position:absolute; left:0; top:0; height:45px; text-align:center; width:45px;}
.common_pages_top .btn_back .shape {width:25px; height:1px; background:#333; position:absolute; left:10px; top:50%;}
.common_pages_top .btn_back .shape:before {content:''; background:#333; position:absolute; left:3px; top:0; margin-top:-8px; width:1px; height:10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.common_pages_top .btn_back .shape:after {content:''; background:#333; position:absolute; left:3px; top:0;  margin-top:-1px; width:1px; height:10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.common_pages_top .btn_openmenu {position:absolute; right:0; top:0; width:50px; height:45px; box-sizing:border-box; }
.common_pages_top .btn_openmenu .shape {background:#333; margin:17px 0 0 11px; position:relative;}
.common_pages_top .btn_openmenu .shape:before {content:''; width:1px; height:14px; position:absolute; left:0; top:0; background:#333; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin:0 0 0 0}
.common_pages_top .btn_openmenu .shape:after {content:''; width:1px; height:14px; position:absolute; left:0; top:0; background:#333; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin:0 0 0 -10px}

.common_pages_top .open_menu {display:none; background:rgba(0,0,0,0.05); padding:10px; }
.common_pages_top .open_menu ul {overflow:hidden; background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.2);}
.common_pages_top .open_menu li {list-style:none; width:50%; float:left; border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box; border-right:1px solid rgba(0,0,0,0.1)}
.common_pages_top .open_menu li:nth-last-of-type(2) {border-bottom:0}
.common_pages_top .open_menu li:nth-of-type(2n) {border-bottom:1px solid rgba(0,0,0,0.1); border-right:0}
.common_pages_top .open_menu li:last-of-type {border-bottom:0}
.common_pages_top .open_menu .menu {padding:0 15px; height:34px; line-height:35px; color:#888; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.common_pages_top .open_menu .hit {color:#f54d4d}

/* .common_pages_top .if_open_menu .open_menu {display:block;}  */
.common_pages_top .if_open_menu .btn_openmenu {transform: rotate(180deg); -webkit-transform: rotate(180deg); }



/* ●●●●●●●●●● 목록 일반형  */
.cm_board_normal {}
.cm_board_normal li {border-bottom:1px solid rgba(0,0,0,0.13); overflow:hidden; box-sizing:border-box; position:relative; padding:10px; list-style:none}
.cm_board_normal img {width:100%;}
.cm_board_normal .cm_no_conts .no_icon {background-image: url('../images/cm_images/no_conts_board_normal.png');}
.cm_board_normal .title {font-size:13px; color:#555; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; margin-bottom:5px}
.cm_board_normal .title:after {content:'';}
.cm_board_normal .comment {float:left; background:transparent url('../images/cm_images/board_ic_renum.png') left center no-repeat; background-size:19px; color:#666; padding-left:23px; line-height:14px; margin-top:1px}
.cm_board_normal .writer {float:right; line-height:15px; overflow:hidden;}
.cm_board_normal .writer .name {color:#999; letter-spacing:0px; float:left;}
.cm_board_normal .writer .date {color:#aaa; letter-spacing:0px; float:left;}
.cm_board_normal .writer .bar {background:#ccc; float:left; width:1px; height:9px; margin:4px 10px 0 10px}
.cm_board_normal .icon_new {border-radius:100px; width:15px; height:15px; overflow:hidden; background:#ff6600;  position:absolute; right:10px; top:10px; box-sizing:border-box;}
.cm_board_normal .icon_new {font-family:'lato'; line-height:15px; color:#fff; font-weight:600; padding-left:4px; font-size:10px;}
.cm_board_normal .icon_new+ .icon_reply+ .title {margin-left:20px}
.cm_board_normal .icon_front {float:left; width:11px; margin:0 5px 0 3px; }
.cm_board_normal .icon_reply {position:absolute; right:10px; top:6px;}
.cm_board_normal .icon_reply+ .title {margin-right:68px}

.cm_board_normal .notice {background:#ddd; overflow:hidden; padding:8px 10px}
.cm_board_normal .notice .texticon_pack {position:absolute; left:10px; top:50%; margin-top:-10px}
.cm_board_normal .notice .title {margin:5px 0 2px 45px; font-size:14px; color:#333}

.cm_board_qna .icon_new {border-radius:100px; width:15px; height:15px; overflow:hidden; background:#ff6600;  position:absolute; left:10px; top:10px; box-sizing:border-box;}
.cm_board_qna .icon_new {font-family:'lato'; line-height:15px; color:#fff; font-weight:600; padding-left:4px; font-size:10px;}
.cm_board_qna .icon_new+ .icon_front {margin-left:20px}





/* ●●●●●●●●●● 보기 */
.cm_board_view {border-top:1px solid #333;}
.cm_board_view .post_title {background:#fff; padding:15px 10px; border-bottom:1px solid #cdcdcd; color:#000; font-weight:600; font-size:15px; text-align:center}
.cm_board_view .post_info {overflow:hidden; padding:8px 10px; border-bottom:1px solid #d9d9d9; position:relative;}
.cm_board_view .post_info .one_tx {float:left; padding-left:5px; line-height:15px; margin-right:10px; color:#999; font-size:12px; white-space:nowrap}
.cm_board_view .post_info .one_tx b {margin-left:14px; font-weight:normal; color:#333; position:relative;}
.cm_board_view .post_info .one_tx b:before {content:""; width:1px; height:9px; position:absolute; left:-8px; top:50%; background:#ddd; margin:-4px 0 0 0}
.cm_board_view .post_conts {overflow:hidden; padding:10px;}
.cm_board_view .post_conts img {max-width:100%;}

.cm_board_view .admin_answer {border:2px solid #494c4d; margin:20px 10px; padding:15px 15px 10px 15px; position:relative; border-radius:0 8px 8px 8px}
.cm_board_view .admin_answer .admin_title {position:absolute; left:0; top:0; margin:-13px 0 0 -2px; background:#494c4d; height:35px; line-height:35px; color:#fff; font-size:13px; padding:0 20px 0 20px;}
.cm_board_view .admin_answer .admin_title:after {content:''; width: 0; height: 0; border-bottom: 13px solid #333; border-right: 13px solid transparent; position:absolute; right:-13px; top:0; }
.cm_board_view .admin_answer .admin_date {margin:20px 0 0 0; color:#ff6600; font-size:13px;}
.cm_board_view .admin_answer .admin_conts {margin:10px 0 5px 0; overflow:hidden; font-size:13px}

.cm_board_view .nextprev {border-top:1px solid #d9d9d9; margin:20px 0 0 0; overflow:hidden; }
.cm_board_view .nextprev li {border-bottom:1px solid #d9d9d9; position:relative; list-style:none; overflow:hidden}
.cm_board_view .nextprev .opt {background:#f1f1f1; position:absolute; left:0; top:0; padding-left:28px; height:30px; width:70px; line-height:30px; background:#f1f1f1; font-size:12px; box-sizing:border-box; }
.cm_board_view .nextprev .opt .shape {position:absolute; left:0; top:0; width:30px; height:100%;}
.cm_board_view .nextprev .opt .shape:before {content:''; width:1px; height:8px; position:absolute; left:50%; top:50%; background:#bbb; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin:-4px 0 0 2px}
.cm_board_view .nextprev .opt .shape:after {content:''; width:1px; height:8px; position:absolute; left:50%; top:50%; background:#bbb; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin:-4px 0 0 -3px}
.cm_board_view .nextprev .value {margin:0 10px 0 70px; color:#888; height:30px; line-height:30px; padding-left:10px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box}
.cm_board_view .nextprev .pv .shape {transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.cm_board_view .nextprev .fi {text-align:center; padding-left:0; width:70px;}
.cm_board_view .nextprev .fi_link {margin-left:10px; }
.cm_board_view .nextprev .fi_link:first-of-type {margin-left:0}

.cm_board_view .comment {overflow:hidden; margin:20px 0; }
.cm_board_view .comment_top {overflow:hidden; margin:0 10px 5px 10px; font-size:14px; background:transparent url('../images/cm_images/board_ic_renum.png') left center no-repeat; background-size:25px; padding-left:30px}
.cm_board_view .comment_form {background:#f7f7f7; border:1px solid #e2e2e2; padding:10px; overflow:hidden; position:relative;}
.cm_board_view .comment_form .input_box {overflow:hidden; margin-bottom:5px;}
.cm_board_view .comment_form .input_box li {float:left; list-style:none; width:50%; box-sizing:border-box; }
.cm_board_view .comment_form .input_design {background:#fff; border:1px solid #ccc; width:100%; height:35px; margin-right:10px; padding:10px; box-sizing:border-box; border-radius:5px;}
.cm_board_view .comment_form .input_design:focus {background:#eee;}
.cm_board_view .comment_form .input_box li:first-of-type .input_design {border-right:0; border-radius:5px 0 0 5px;}
.cm_board_view .comment_form .input_box li:last-of-type .input_design {border-radius:0 5px 5px 0;}
.cm_board_view .comment_form .textarea {margin-right:65px}
.cm_board_view .comment_form .textarea_design {background:#fff; border:1px solid #ccc; height:80px; width:100%; padding:10px; overflow:auto; box-sizing:border-box; border-radius:5px;}
.cm_board_view .comment_form .textarea_design:focus {border:1px solid #555; background:#eee;}
.cm_board_view .comment_form .btn_ok {border:1px solid #ccc; background:#eee; padding:10px 0; color:#666; font-size:13px; width:60px; height:80px; border-radius:5px; position:absolute; right:10px; bottom:10px;}
.cm_board_view .comment_list {overflow:hidden;}
.cm_board_view .comment_list li {border-bottom:1px dashed #dadada; padding:10px; position:relative; list-style:none;}
.cm_board_view .comment_list li:last-of-type {border-bottom:0}
.cm_board_view .comment_list .name {float:left; margin-right:10px; color:#333; line-height:19px; font-size:13px;}
.cm_board_view .comment_list .id {color:#999; float:left; line-height:19px; letter-spacing:0; margin-right:10px}
.cm_board_view .comment_list .date {color:#bbb; float:left; line-height:19px; }
.cm_board_view .comment_list .conts {padding-top:5px; line-height:16px; clear:both;}
.cm_board_view .comment_list .btn_delete {position:absolute; right:10px; top:8px; width:19px; height:19px; border-radius:100px; border:1px solid #ddd; text-align:center; margin-left:10px}
.cm_board_view .comment_list .btn_delete .shape {margin:3px 0 0 0; display:inline-block; background:#000; width:1px; height:13px; position:relative; border-radius:100px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_board_view .comment_list .btn_delete .shape:after {content: ""; background:inherit; width:13px; height:1px; position:absolute; top:6px; left:-6px; border-radius:inherit;}






.apply_payment {width:100%}
.apply_payment input {border:1px solid #ccc; height:40px; border-radius:4px; text-align:right;float:left;padding:0 10px; color:#000;width:50%; font-size:16px; letter-spacing:0; box-sizing:border-box;margin-right:0px; }
.apply_payment input:focus {background:#eee; border:2px solid #ff1919 !important;}


.apply_payment_r {width:100%}
.apply_payment_r input {border:1px solid #ccc; height:40px; border-radius:4px; text-align:right;float:right;padding:0 10px; color:#000;width:50%; font-size:16px; letter-spacing:0; box-sizing:border-box;margin-right:0px; }
.apply_payment_r input:focus {background:#eee; border:2px solid #ff1919 !important;}

.apply_payment_rl {width:100%}
.apply_payment_rl input {border:1px solid #ccc; height:40px; border-radius:4px; text-align:left;float:right;padding:0 10px; color:#000;width:50%; font-size:16px; letter-spacing:0; box-sizing:border-box;margin-right:0px; }
.apply_payment_rl input:focus {background:#eee; border:2px solid #aaa !important;}






/* 단락들 */
.payment_layout_design {overflow:hidden;}
.payment_layout_design .group_box {overflow:hidden; position:relative; margin-bottom:5px;}
.payment_layout_design .group_box .ic_arrow {position:absolute; left:50%; top:0; margin:41px 0 0 -15px; background-position:-190px -200px; width:30px; height:12px; z-index:500}

.payment_layout_design .group_box .title_area {position:relative; margin:5px 5px 2px 5px; background:#fff; border:1px solid #b2ab9a; padding:0 10px;  font-weight:bold; height:35px; line-height:35px; color:#666; font-size:15px;
-webkit-box-shadow: 0 0 2px #b4ac9a; }
.payment_layout_design .group_box .title_area .btn_modify {height:29px; line-height:29px; padding:0 8px; display:inline-block; background:#f9f9f9; border:1px solid #cecece; color:#666; position:absolute; right:0; top:0; font-weight:normal; font-size:13px;
-webkit-border-radius:3px; margin:2px 2px 0 0;}
.payment_layout_design .group_box .title_area .ic_modify {background-position:-160px -200px; width:15px; height:15px; float:left; margin:6px 3px 0 0;}

.payment_layout_design .group_box .conts_area {margin:0 5px 5px 5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a;}
.payment_layout_design .group_box .conts_area li {border-bottom:1px solid #dedede;height:50px;text-align:right;}
.payment_layout_design .group_box .conts_area li:last-child {border-bottom:0}
.payment_layout_design .group_box .conts_area .one_box {display:block; padding:10px; position:relative; }

.payment_layout_design .group_box .conts_area .optpayment {display:block; color:#505258; font-size:14px; position:absolute; width:120px;margin:12px 0 0 5px;text-align:left;}
.payment_layout_design .group_box .conts_area .value {display:block; color:#333; font-size:15px; margin-left:100px;;margin-top:8px;}
.payment_layout_design .group_box .conts_area .value b {color:#e91111}

.payment_layout_design .group_box .conts_area .value .m {display:inline-block; font-size:14px; background:#0066ff; color:#fff; padding:0 7px; -webkit-border-radius:40px; }
.payment_layout_design .group_box .conts_area .value .f {display:inline-block; font-size:14px; background:#ff0066; color:#fff; padding:0 7px; -webkit-border-radius:40px; }


.payment_layout_design .group_box .conts_area .optpayment2 {display:block; color:#b0b0b0; font-size:14px; width:70px; position:absolute; left:0; top:50%; margin:-8px 0 0 10px;}
.payment_layout_design .group_box .conts_area .value2 {display:block; color:#333; font-size:15px; margin:0 15px 0 75px; text-align:right;}
.payment_layout_design .group_box .conts_area .value2 b {color:#e91111}

.payment_layout_design .group_box .conts_area .ic_go {background-position:-230px -200px; width:10px; height:15px; position:absolute; right:0; top:50%; margin:-8px 6px 0 0}






.select_radio_trans_purple {
    padding: 10px 0px;
	border:0px;
	margin:5px 0px;
    text-align: center;
	display: flex;
    justify-content: flex-end;
}
.select_radio_trans_purple input[type=radio]{
    display: none;
}
.select_radio_trans_purple input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 45px;
	width: 100%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px 0px;
	box-sizing: border-box;
	margin:0px 2px;

}
.select_radio_trans_purple input[type=radio]+label{
    background-color: #fff;
    color: #d941c5;
	border: 1px solid #d941c5;
	box-sizing: border-box;

}
.select_radio_trans_purple input[type=radio]:checked+label{
    background-color: #d941c5;
    color: #fff;
	border: 1px solid #d941c5;
	box-sizing: border-box;

}




.select_radio_trans_opt1 {
    padding: 10px 0px;
	border:0px;
	margin:5px 0px;
    text-align: center;
	display: flex;
    justify-content: flex-end;
}
.select_radio_trans_opt1 input[type=radio]{
    display: none;
}
.select_radio_trans_opt1 input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 45px;
	width: 100%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px 0px;
	box-sizing: border-box;
	margin:0px 2px;

}
.select_radio_trans_opt1 input[type=radio]+label{
    background-color: #fff;
    color: #4a5972;
	border: 1px solid #4a5972;
	box-sizing: border-box;

}
.select_radio_trans_opt1 input[type=radio]:checked+label{
    background-color: #4a5972;
    color: #fff;
	border: 1px solid #4a5972;
	box-sizing: border-box;

}





.select_radio_trans_opt2 {
    padding: 10px 0px;
	border:0px;
	margin:5px 0px;
    text-align: center;
	display: flex;
    justify-content: flex-end;
}
.select_radio_trans_opt2 input[type=radio]{
    display: none;
}
.select_radio_trans_opt2 input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 45px;
	width: 100%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px 0px;
	box-sizing: border-box;
	margin:0px 2px;

}
.select_radio_trans_opt2 input[type=radio]+label{
    background-color: #fff;
    color: #D9418C;
	border: 1px solid #D9418C;
	box-sizing: border-box;

}
.select_radio_trans_opt2 input[type=radio]:checked+label{
    background-color: #D9418C;
    color: #fff;
	border: 1px solid #D9418C;
	box-sizing: border-box;

}





.select_radio_trans_table1 {
    padding: 10px 0px;
	border:0px;
	margin:5px 0px;
    text-align: center;


/*
	display: flex;
    justify-content: flex-end;
*/


}
.select_radio_trans_table1 input[type=radio]{
    display: none;
}
.select_radio_trans_table1 input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 45px;
	width: 15%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px 0px;
	box-sizing: border-box;
	margin:0px 2px;

}
.select_radio_trans_table1 input[type=radio]+label{
    background-color: #fff;
    color: #007cdc;
	border: 1px solid #007cdc;
	box-sizing: border-box;

}
.select_radio_trans_table1 input[type=radio]:checked+label{
    background-color: #007cdc;
    color: #fff;
	border: 1px solid #007cdc;
	box-sizing: border-box;

}







.select_radio_product_box {
    padding: 0px 0px;
	border:0px;
	margin:5px 0px;
    text-align: center;
	

	/*
	display: flex;
    justify-content: flex-end;
	*/

}
.select_radio_product_box input[type=radio]{
    display: none;
}
.select_radio_product_box input[type=radio]+label{
	border-radius:0px; 
    display: inline-block;
    cursor: pointer;
    height: 270px;
	width: 49%;
    /*border: 1px solid #333;*/
	border: 1px solid #333;
    line-height: 33px;
    text-align: center;
    font-weight:bold;
    font-size:15px;
	padding:5px;
	margin:2px 2px;

}
.select_radio_product_box input[type=radio]+label{
    background-color: #fff;
    color: #608c3c;
	border: 1px solid #608c3c;

}
.select_radio_product_box input[type=radio]:checked+label{
    background-color: #94bd48;
    color: #fff;
	border: 1px solid #608c3c;

}






.main_tab {overflow:hidden;margin-top:-1px;}
.main_tab .btn {width:33.33333333333333%; float:left; box-sizing:border-box; border-left:1px solid #fff; color:rgba(0,0,0,0.6); font-size:14px; letter-spacing:-0.7px;border-radius: 0;}
.main_tab .btn {text-align:center; background:#e3e5eb; height:42px; line-height:42px;}
.main_tab .btn:first-child {border:none;}
.main_tab .btn_hit {color:#fff; background:#333;}




.main_tab_head {overflow:hidden;margin-top:-1px;}
.main_tab_head .btn {width:33.33333333333333%; float:left; box-sizing:border-box; border-left:1px solid #fff; color:#326bab; font-size:14px; letter-spacing:-0.7px;border-radius: 0;}
.main_tab_head .btn {text-align:center; background:#ffffff; height:42px; line-height:42px;border:1px solid #326bab}
.main_tab_head .btn:first-child {border-right:0px;}
.main_tab_head .btn:last-child {border-left:0px;}

.main_tab_head .btn_hit {color:#fff; background:#326bab;border:0px;}




.main_tab_col3 {overflow:hidden;margin-top:-1px;}
.main_tab_col3 .btn {width:33.33333333333333%; float:left; box-sizing:border-box; border-left:1px solid #fff; color:rgba(0,0,0,0.6); font-size:14px; letter-spacing:-0.7px;border-radius: 0;}
.main_tab_col3 .btn {text-align:center; background:#e3e5eb; height:42px; line-height:42px;}
.main_tab_col3 .btn:first-child {border:none;}
.main_tab_col3 .btn_hit {color:#fff; background:#333;}




.main_tab_style1 {overflow:hidden;}
.main_tab_style1 .btn {width:25%; float:left; box-sizing:border-box; border-left:1px solid #fff; color:rgba(0,0,0,0.6); font-size:11px; letter-spacing:-0.7px;}
.main_tab_style1 .btn {text-align:center; background:#fff; height:42px; line-height:24px;}
.main_tab_style1 .btn:first-child {border:none;}

.main_tab_style1 .btn .txt_box {width:97%;margin:5px 0px;padding:0px 0px;border-radius:7px;background:#efefef;}
.main_tab_style1 .btn .btn_hit {color:#fff; background:#b60019;}







.badge { color: #fff; background-color: #16a3fe; display: inline-block; font-weight: 600; text-transform: uppercase; border-radius: 5px; font-size: 10px; padding:0px 2px;margin-left:5px;line-height: 12px; border: 1px solid #16a3fe; }

.badge:not(.badge-outline) { color: #fff; }

.badge-primary { background-color: #16a3fe; border-color: #16a3fe; color: #16a3fe; }

.badge-secondary { background-color: #23c99d; border-color: #23c99d; color: #23c99d; }

.badge-info { background-color: #026bfb; border-color: #026bfb; color: #026bfb; }

.badge-warning, .badge-hot { background-color: #f6be26; border-color: #f6be26; color: #f6be26; }

.badge-success, .badge-new { background-color: #39d884; border-color: #39d884; color: #39d884; }

.badge-danger { background-color: #e6604a; border-color: #e6604a; color: #e6604a; }

.badge-dark { background-color: #0b0c10; border-color: #0b0c10; color: #0b0c10; }

.badge-light { background-color: #cce3f4; border-color: #cce3f4; color: #415076 !important; }

.badge-light.badge-outline { color: #cce3f4; }

.badge-outline { background-color: transparent; }

.badge-lg { font-size: 16px; }

.badge-md { border-radius: 34px; padding: 5px 16px; font-size: 12px; line-height: 18px; }

.badge-sm { border-radius: 34px; padding: 2px 12px; font-size: 12px; line-height: 18px; }

.badge-xs { border-radius: 34px; padding: 0 8px; font-size: 9px; line-height: 16px; letter-spacing: 0.05em; }

.badge-cap { text-transform: capitalize; }

.badge-regular { font-weight: 400; }

.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #16a3fe; border-color: #16a3fe; display: inline-block !important; vertical-align: middle; padding: 0; }





.badge_sky {font-size: 12px; background-color: #4fd1f2; border-color: #45c8fb; color: #fff;padding:2px 4px ;font-weight:normal; border-radius: 5px; }

.badge_lightgray {font-size: 12px; background-color: #ccc; border-color: #aaa; color: #fff;padding:2px 4px ;font-weight:normal;border-radius: 5px; }








.view_alarm_box { position:absolute; }
.view_alarm_box ul {  }
.view_alarm_box li { float:left; list-style:none; line-height:41px; }
.view_alarm_box li:first-child { margin-right:5px; }
.view_alarm_box .tit { font-size:12px; color:#666; }
.view_alarm_box .link { display:block; }
.view_alarm_box .alarm_btn { background:#999; width:46px; height:20px; border-radius:20px; margin-top:10px; line-height:20px;}
.view_alarm_box .alarm_btn .txt { font-size:10px; color:#fff; float:left; }
.view_alarm_box .circle { float:left; width:18px; height:18px; border-radius:100px; background:#fff; margin:1px 2px 0 1px; }

.if_alarm_hit .alarm_btn { background:#299f3b;}
.if_alarm_hit .alarm_btn .txt { margin-left:7px; }
.if_alarm_hit .circle { float:right; margin:1px 1px 0 0;}

.view_alarm_box .after { display:none; }
.view_alarm_box .before { display:block; }
.if_alarm_hit .before { display:none; }
.if_alarm_hit .after { display:block; }




.view_switch_btn_box {display: flex;  justify-content: center; }
.view_switch_btn_box ul {  }
.view_switch_btn_box li { list-style:none;  }
.view_switch_btn_box li:first-child { }
.view_switch_btn_box .tit { font-size:12px; color:#666; }
.view_switch_btn_box .link { display:block; }
.view_switch_btn_box .switch_btn { background:#999; width:46px; height:20px; border-radius:20px; margin-top:5px; line-height:20px;}
.view_switch_btn_box .switch_btn .txt { font-size:10px; color:#fff; float:left; }
.view_switch_btn_box .circle { float:left; width:18px; height:18px; border-radius:100px; background:#fff; margin:1px 2px 0 1px; }

.if_switch_btn_hit .switch_btn { background:#299f3b;}
.if_switch_btn_hit .switch_btn .txt { margin-left:7px; }
.if_switch_btn_hit .circle { float:right; margin:1px 1px 0 0;}

.view_switch_btn_box .after { display:none; }
.view_switch_btn_box .before { display:block; }
.if_switch_btn_hit .before { display:none; }
.if_switch_btn_hit .after { display:block; }







.contact_area_guide_two {overflow:hidden; background:#fff; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;height:50px;  }
.contact_area_guide_two li {float:left; width:50%;}
.contact_area_guide_two .btn {display:block; color:#353740; padding:15px 0; text-align:center; }
.contact_area_guide_two li:first-child .btn {border-right:1px solid #e0e0e0;border-radius:0px;height:100%}

.contact_area_guide_two li:first-child .btn {border-radius:0px;background:#ffffff;height:100%}
.contact_area_guide_two li:last-child .btn {border-radius:0px;background:#ffffff;height:100%}

.contact_area_guide_two .tie {display:inline-block;}
.contact_area_guide_two .btn_tx {float:left; font-size:18px; color:#353740;}


.contact_area_guide_one {overflow:hidden; background:#fff; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;height:50px;  }
.contact_area_guide_one li {float:left; width:100%;}
.contact_area_guide_one .btn {display:block; color:#353740; padding:15px 0; text-align:center; }

.contact_area_guide_one .tie {display:inline-block;}
.contact_area_guide_one .btn_tx {float:left; font-size:18px; color:#353740;}