@charset "utf-8";

/*
copyright(c) 상상너머·원데이넷 all rights reserved.
허용된 라이센스이외 무단도용재배포를 금합니다.
*/


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

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





/* ●●●●●●●●●● 기본설정 */
/* -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;}


/* ●●●●●●●●●● 폼요소 기본 */

/* 체크박스/라디오버튼 */
label {overflow:hidden; line-height:20px; display:inline-block; padding:1px;}
input[type=checkbox],input[type=radio] {float:left; -webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none; margin-right:5px;}


/* 라디오버튼 */
/* 라디오 버튼 이상하게 나오는 문제
input[type=radio] {width:20px; height:20px; border-radius:100px; box-sizing:border-box; box-shadow:0 0 1px rgba(0,0,0,0.5); margin-left:1px !important}
input[type=radio] {background:#fff url('../images/cm_images/checkbox_radio.png') left bottom no-repeat; background-size:40px; }
input[type=radio]:checked {background-color:#fa0d3e; background-position:right bottom; box-shadow:none}
*/

/* 인풋폼 기본 */
input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=file],input[type=search], input[type=submit],input[type=url], input[type=button], button
{-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none; color:#999; background:none; box-sizing:border-box; line-height:1.2;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input:focus {color:#333}
input::-ms-clear {display: none;}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {display:none;}
textarea {border:none; background:none; line-height:18px; padding:5px; box-sizing:border-box; width:100%; -webkit-appearance:none; -webkit-border-radius:0; -webkit-overflow-scrolling: touch;}
textarea:focus {color:#333}


/* placholder는 일부 안드로이드에서 line-height값이 먹히지 않으므로 패딩값으로 함께 조절 */
input::-webkit-input-placeholder {color:#aaa;}
input::input-placeholder {color:#aaa;}
textarea::-webkit-input-placeholder {color:#aaa}
textarea::input-placeholder {color:#aaa}


/* 크롬 자동완성 BG색 버림(아이디비번저장 시) */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #EBF1F5 inset;}
input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #d8e0e6 inset;}






* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    /* smooth 처리 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  







/* 셀렉트박스 cm_design.css 로 옮김 */
.lineup {display:inline-block;}


.qr {width:90px;}
.qr img {width:100%; float:left;}

.qr80per {width:80%;}
.qr80per img {width:100%; float:left;}

.qr70per {width:70%;}
.qr70per img {width:100%; float:left;}



/*뉴올페이 드랍다운 메뉴 */
/* .wrap {width:100%; height:100%; position:relative;}*/

.clear {clear:both}
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2}


/* 공통페이지는 다음과 같은 경로안으로 들어갑니다. */
.common_page { overflow:hidden; background:#eee; margin-bottom:50px; }
.common_inner {background:#fff; padding:10px; overflow:hidden; box-shadow:0 0 8px rgba(0,0,0,0.1);}
.common_full {padding:0} /* 패딩값없이 */
/*.common_full .cm_bottom_button {padding:0 15px !important;}*/

/* 스프라이트이미지공통 */
.sprite {display:inline-block; background: transparent url('../images/newall/m_newall_pack.png') no-repeat; background-size:320px;}
.sprite_ms {display:inline-block; background: transparent url('/ms/images/m_ad_pack.png') no-repeat;  background-size:320px;}

.sprite_type2 {display:inline-block; background: transparent url('../images/newall/m_sprite_type2.png') no-repeat; background-size:320px;}


/* 스프라이트이미지공통 */
.sprite_main {display:inline-block; background: transparent url('/pointcard/images/intro/m_intro_pack.png') repeat; background-size:320px;}
.sprite_main_black {display:inline-block; background: transparent url('/pointcard/images/intro/m_intro_pack_black.png') repeat; background-size:320px;}

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


/* 헤더 --------------------------------------------------------------------- */
#header {background:#b60019;  /*url('/pointcard/images/coup_header_bg.gif') repeat;*/ background-size:45px; width:100%;height:45px; text-align:center; position:fixed; top:0; left:0; z-index:100;}
#header .logo {margin:0 45px; }
#header .logo a {display:block; width:100%; /*border-right:1px solid #8f271a; border-left:1px solid #d4674e; box-sizing:border-box; overflow:hidden;*/}
#header .logo img {height:45px;}

#header .btn_position {position:absolute; left:0; top:0; height:45px; width:45px; /*border-right:1px solid #8f271a; box-sizing:border-box;*/}
#header .ic_poistion {background-position:-290px 0; width:25px; height:25px; margin-top:10px;}

#header .btn_search {position:absolute; right:0; top:0; height:45px; width:45px; /*border-left:1px solid #d4674e; box-sizing:border-box;*/}
#header .ic_search {background-position:-22px 0; width:22px; height:24px; margin-top:10px;}
#header .ic_login {background-position:-290px -30px; width:25px; height:30px; margin-top:8px;}




/* 상단네비 --------------------------------------------------------------------- */
#top_nav {background:#22a650; height:35px; width:100%;position:fixed; top:46px; left:0; z-index:9999;}

#top_nav a { box-sizing:border-box; float:left; display:block; width:100%; height:35px; line-height:35px; color:#fff; font-size:13px; text-align:center; letter-spacing:-1px;
 border-left:1px solid #fff; border-bottom:1px solid #332424; }

#top_nav a:first-child {width:18%; border-left:0;}
#top_nav a:nth-child(2) {width:20%;}
#top_nav a:nth-child(3) {width:18%;}
#top_nav a:nth-child(4) {width:22%;}
#top_nav a:last-child {width:22%;}


#top_nav .over {background:#eb6100; border-left:1px solid #201616; position:relative;}
#top_nav .ic_arrow {position:absolute; left:50%; bottom:0; background-position:-50px 0; width:12px; height:6px; margin:0 0 -1px -6px;}






/* 상단네비 --------------------------------------------------------------------- */
#sub_nav {background:#ffffff; height:35px; width:100%;top:45px;  overflow:hidden; background:#f2f1f1; box-shadow:inset 0 -1px 2px rgba(0,0,0,0.1); }

#sub_nav a { box-sizing:border-box; float:left; display:block; width:100%; height:35px; line-height:35px; color:#000; font-size:12px; text-align:center;  }

#sub_nav a:first-child {width:25%; border-left:0;}
#sub_nav a:nth-child(2) {width:25%;}
#sub_nav a:nth-child(3) {width:25%;}
#sub_nav a:last-child {width:25%;}


#sub_nav .over {background:#201616; position:relative;}
#sub_nav .ic_arrow {position:absolute; left:50%; bottom:0; background-position:-50px 0; width:12px; height:6px; margin:0 0 -1px -6px;}





/* 페이지타이틀 --------------------------------------------------------------------- */
.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;}




/* 타이틀 서브(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;}




/* 메뉴없는페이지 타이틀 (dark)  */
.none_menu_page_title {background:#423d3d; height:40px; text-align:center; color:#bab3b3; border-top:1px solid #353131; line-height:40px; font-size:16px; color:#fff;
-webkit-box-shadow:inset 0 -1px 1px #1c1b1b;}
.none_menu_page_title .btn_back {width:45px; height:40px; position:absolute; display:block; text-align:center;}
.none_menu_page_title .ic_back {background-position:-230px 0; width:15px; height:22px; margin-top:8px;}


/* 특별한 타이틀상단  */
.top_sp_box {overflow:hidden;  background: transparent url('/pointcard/images/sp_box_bg.gif') repeat; background-size:5px; border-bottom:1px solid #3e3939;}



/* 내용없을경우(공통) --------------------------------------- */
.contents_none {overflow:hidden; text-align:center; padding:30px 0;}
.contents_none .ic_warn {background-position:0 -90px; width:63px; height:55px; margin-top:8px;}
.contents_none .tx {margin-top:10px; color:#403232; text-shadow:1px 1px 0 #f7f3ed; letter-spacing:-1px;}



/* 내위치  --------------------------------------- */
.top_sp_box .my_adrees {color:#fff; padding:10px; text-shadow:1px 1px 1px #3e3939;}
.top_sp_box .ic_adress {background-position:0 -60px; width:50px; height:13px; float:left; margin-top:2px;}



/* 검색폼  --------------------------------------- */
.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}




/* 내용기본 --------------------------------------------------------------------- */
#section {overflow:hidden;}


/* 내용하단버튼 */
.bottom_btn_area {overflow:hidden; margin:0 5px 15px 5px;}
.bottom_btn_area .btn_more {display:block; position:relative; color:#575757; padding:10px; 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_list_red {display:block; color:#fff; height:40px; line-height:40px;  background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#c61501), to(#ef2f19)); text-align:center; font-size: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_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_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}




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

.coupon_list .item_box {background:#fff; border-bottom:1px solid #ececec; 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; border-radius: 10px 10px 0px 0px; border:1px solid #efefef}
.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:#e95412; 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:0px;}
.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(#fafafa), to(#ffffff)); -webkit-box-shadow:inset 0 1px 1px #fff; border:1px solid #ccc; -webkit-border-radius:20px;}




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

.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 .btn_detail_view {overflow:hidden; margin-top:20px; position:relative;}
.coupon_view .btn_detail_view a {display:inline-block; color:#fff; text-align:center; font-size:15px; height:40px; line-height:40px; position:relative; }
.coupon_view .btn_detail_view .btn_detail {background:#544e4e; display:block; }


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



/* 제휴업체 하단 로그인 css by mview */
.btn_login_logout {overflow:hidden; position:relative;}
.btn_login_logout a {display:inline-block; color:#fff; text-align:center; font-size:15px; height:40px; line-height:40px; position:relative; }
.btn_login_logout .btn_detail {background:#bbbbbb; display:block; }



/* 쿠폰주문하기 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;  border-bottom:1px solid #d4d4d4; 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;}



/* 글등록 */
.community_form {overflow:hidden; margin:5px; 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_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:1}

.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; }
.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 .opt2 {position:absolute; color:#b0b0b0; font-size:12px; left:0; top:50%; margin:-8px 0 0 5px; letter-spacing:-1px;}

.mypage .form_box .opt_bold {position:absolute; color:#b0b0b0; font-size:15px; 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}











.mypage .cardin_box {overflow:hidden;}
.mypage .cardin_box li {overflow:hidden; float:left;width:18.5%; border:1px solid #ccc4b2; -webkit-border-radius:3px; margin:8px; position:relative; box-sizing:border-box;}
.mypage .cardin_box .none_area {border:0; text-align:right; padding:0!important}
.mypage .cardin_box .none_area a {display:inline-block; -webkit-border-radius:50px; font-size:12px; color:#fff; padding:4px 10px;}
.mypage .cardin_box .none_area .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.mypage .cardin_box .none_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}

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

.mypage .cardin_box .opt {position:absolute; color:#b0b0b0; font-size:14px; left:0; top:50%; margin:-8px 0 0 5px; letter-spacing:-1px;}


/* 폼항목 가로값잡기 */

.mypage .cardin_box .form_basic {margin:0 2px 0 2px;}

.mypage .cardin_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; text-align:center; border-bottom:1px solid #dbdbdb; padding:4px; vertical-align:middle; overflow:hidden;}
.mypage .DB_list ul:last-child li {border-bottom:0;}
.mypage .DB_list li:first-child {width:30%; }
.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;font-weight:bold;}
.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: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:14px; font-weight:bold; line-height:37px; color:#fff; text-shadow:1px 1px 1px #000; float:left;}
.point_top_total .ic_point {background-position:0 -194px;background-size:220px; width:27px; height:27px; margin:5px 0 0 5px; float:left;}
.point_top_total .tx2 {color:#fff;font-size:11px; font-weight:bold;}



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





.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;}




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

.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:5px; background:#fff;}
.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;}
.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; }


/* 가입 */
.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 .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 .opt {position:absolute; color:#b0b0b0; 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;}
.membership .form_box .ic_x {background-position:-250px -200px; width:20px; height:20px;}




/* 약관등 텍스트페이지 */
.full_text_box {overflow:hidden; margin:5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a; padding:10px;}
.full_text_box pre b {font-size:15px; color:#333;}




/* 페이지네이트 ------------------------------ */
.paginate {text-align:center; margin:10px 0 25px 0;}
.paginate .inner {display:inline-block;}
.paginate a {display:inline-block; padding:0 10px; height:30px; line-height:30px; border:1px solid #af9980; float:left; margin:0 1px; font-size:15px; color:#666; background:#fff; -webkit-border-radius:3px;}
.paginate a:first-child {margin-right:10px;}
.paginate a:last-child {margin-left:10px;}

.paginate .on {background:#6a5c4b; border:1px solid #42372b; color:#fff; font-weight:bold; -webkit-box-shadow:inset 1px 1px 3px #42372b;}

.paginate .ic_prev {background-position:-290px -200px; width:10px; height:15px; margin-top:8px;}
.paginate .ic_next {background-position:-300px -200px; width:10px; height:15px; margin-top:8px;}








/* 하단메뉴 --------------------------------------------------------------------- */
#bottom_nav {width:100%;position:fixed; bottom:0; left:0; z-index:10000}
#bottom_nav li {float:left; width:20%; position:relative;}


#bottom_nav a {display:block; border-top:1px solid #6B6B6B;text-align:center; padding:2px 0 4px 0; margin-top:10px;background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#CACACA), to(#ffffff));}


#bottom_nav li:last-child a{border:0;border-top:1px solid #6B6B6B;}

#bottom_nav .txt {display:block; text-align:center; color:#4C4C4C; font-size:12px;font-weight:bold;}

#bottom_nav .ic_icon1_on {background-position:-95px 0; width:20px; height:20px;}
#bottom_nav .ic_icon2_on {background-position:-140px 0; width:20px; height:20px;}
#bottom_nav .ic_icon3_on {background-position:-190px 0; width:20px; height:20px;}
#bottom_nav .ic_icon4_on {background-position:-240px 0; width:20px; height:20px;}
#bottom_nav .ic_icon5_on {background-position:-285px 0; width:20px; height:20px;}

#bottom_nav .ic_icon1 {background-position:-95px -20px; width:20px; height:20px;}
#bottom_nav .ic_icon2 {background-position:-142px -20px; width:20px; height:20px;}
#bottom_nav .ic_icon3 {background-position:-188px -20px; width:20px; height:20px;}
#bottom_nav .ic_icon4 {background-position:-240px -20px; width:20px; height:20px;}
#bottom_nav .ic_icon5 {background-position:-285px -20px; width:20px; height:20px;}





/*#bottom_nav .over {background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#ccc), to(#ccc)); }*/

#bottom_nav .ic_over {position:absolute; width:100%;}
#bottom_nav .ic_over img {width:100%; float:left; height:8px; }






/* 푸터 --------------------------------------------------------------------- */
#footer {overflow:hidden; text-align:center; margin:5px 5px 0 5px;}
#footer .footer_menu {overflow:hidden; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#f4f4f4), to(#efefef)); -webkit-border-radius:3px; -webkit-box-shadow: 0 1px 1px #8a8474;}
#footer .footer_menu a {display:inline-block; width:50%; padding:8px 0; color:#636363; border-left:1px solid #eee; border-right:1px solid #e6e6e6; float:left; box-sizing:border-box; letter-spacing:-1px; font-size:11px;}
#footer .footer_menu a:first-child {border-left:0;}
#footer .footer_menu a:last-child {border-right:0;}

#footer .copyright {color:#382e28; font-size:10px; padding:5px 0 10px 0; font-weight:bold;}




/* 엘리먼트 요소 --------------------------------------------------------------------- */

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

.select_common select {width:100%; height:40px; color:#000; font-size:14px; 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:40px; position:absolute; right:0; top:0; text-align:center; 
border-left:1px solid #ccc4b2; -webkit-box-shadow:inset 1px 0 1px #fff;}
.select_common .ic_arrow span {background-position:-160px -330px; width:15px; height:11px; margin-top:17px;}


/* 작은셀렉트 (타이틀부분에) */
.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_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;} 


/* checkbox */
.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;}
.input_check:checked {background-position:-40px -330px; }


/* radio */
.input_radio {background: transparent url('/pointcard/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; }
.input_radio:checked {background-position:-120px -330px;}


/* 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;}
*


/* 하단 간단한 페이징 (공통) */
.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;}




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



/* 이미지 등비율 리사이징 */
.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);
}



/* 쿠폰 */
.coupon_list .item_box .thumb .tbcard_photo {position:absolute; background: transparent url('/pointcard/images/shop/noimg_tbcard.png') no-repeat; background-size:100px; width:100%; height:100%;}
.coupon_list .item_box .thumb .hidden_photo {position:absolute; background: transparent url('/pointcard/images/shop/noimg_hidden.png') no-repeat; background-size:100px; width:100%; height:100%;}


.coupon_list .item_box .thumb .qrpoint_photo {position:absolute; background: transparent url('/pointcard/images/shop/noimg_qrpoint.png') no-repeat; background-size:100px; width:100%; height:100%;}


#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 .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:60px; position:absolute;}
#section .conts_box .basic_info .value {margin-left:60px; 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;}
}




.btn_photo_box_mypage { background:#222224 url('../images/no_photo2.png') center center no-repeat; background-size:17px; padding:0; line-height:1; background:#000}
.btn_photo_box_mypage { width:34px; height:34px; border-radius:100px; bottom:0; margin-left:25px; background:#000 }

.btn_photo_box_mypage { background:#222224 url('/moin/images/no_photo2.png') center center no-repeat; background-size:17px; padding:0; line-height:1; }
.btn_photo_box_mypage .input_photo {color:transparent; background:transparent impotant; position:absolute; left:0; top:0; width:100%; z-index:555; visibility:hidden}


.photo_delete_mypage {float:right;bottom:0; margin-left:25px; text-align:center; width:34px; height:34px; z-index:2; background:#222224; border-radius:100px;}
.photo_delete_mypage .shape { background:#fff; height:1px; width:17px; position: relative; margin-top:17px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.photo_delete_mypage .shape:before { content:""; position:absolute; background:#fff; height:1px; width:17px; left:0; top:0; transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.img_preview_mypage {float:left;padding-left:50px;margin-top:-20px;}


/* 나의 프로필 관리 */ 
.profile_main { overflow:hidden; }
.profile_main .profile_top { overflow:hidden; background:#82dcd5; padding:10px 0; }
.profile_main .photo_wrap { position:relative; }
.profile_main .photo_border { width:78px; height:78px; background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,0.3); border-radius:200px; margin:0 auto;}
.profile_main .photo_box { width:70px; height:70px; border-radius:200px; margin:0 auto; position:relative; padding-top:4px; background:#fff url('../images/bg_photo3.png') center center no-repeat; background-size:50px;}
.profile_main .photo_box img {width:100%; height:100%; float:left; border-radius:200px; }
.profile_main .btn_photo_box { background:#222224 url('../images/no_photo2.png') center center no-repeat; background-size:17px; padding:0; line-height:1; }
.profile_main .btn_photo_box { width:34px; height:34px; border-radius:100px; position:absolute; left:50%; bottom:0; margin-left:25px; }
.profile_main .input_photo {color:transparent; background:transparent impotant; position:absolute; left:0; top:0; width:100%; z-index:555; visibility:hidden}
.profile_main .img_preview {width:100% !important; height:100%; }
.profile_main .user_name { overflow:hidden; text-align:center; margin-top:10px; }
.profile_main .user_name .name { font-size:16px; color:#fff; font-weight:bold;}

.profile_main .user_sub { overflow:hidden; text-align:center; margin-top:2px; }
.profile_main .user_sub .name { font-size:14px; color:#fff; font-weight:bold;}

.profile_main .user_email { overflow:hidden; text-align:center; margin-top:2px; }
.profile_main .user_email .name { font-size:11px; color:#c9fae1; font-weight:bold;}


.profile_main .btn_change { position:absolute; right:0px;}



.profile_main .profile_info { overflow:hidden; background:#dedddd; padding-bottom:80px; }
.profile_main .profile_info .group_title { font-size:13px; color:#666; padding:17px 0 7px 10px; border-top:1px solid #d2d1d1; }
.profile_main .profile_info .group+ .group { border-bottom:1px solid #c6c6c6; }
.profile_main .profile_info ul { overflow:hidden; background:#fff; }
.profile_main .profile_info li { overflow:hidden; list-style:none; padding:14px 10px 11px; font-size:14px; color:#666; position:relative; border-top:1px solid #d2d1d1; width:100%; box-sizing:border-box; }
.profile_main .profile_info .opt { float:left; }
.profile_main .profile_info .value { float:right; margin-right:55px; }
.profile_main .profile_info .btn_change { position:absolute; right:10px; top:10px; }
.profile_main .profile_info .btn_change .txt {  background:#dedddd; border-radius:5px; font-size:10px; padding:6px 5px 4px; }
.profile_main .group02 .value { margin-right:30px; }
.profile_main .group02 .btn_change  { right:0; top:3px; }





/* 나의 프로필 관리 */ 
.profile { overflow:hidden; }
.profile .profile_top { overflow:hidden; background:#f2f2f2; padding:20px 0; }
.profile .photo_wrap { position:relative; }
.profile .photo_border { width:122px; height:122px; background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,0.3); border-radius:200px; margin:0 auto;}
.profile .photo_box { width:120px; height:120px; border-radius:200px; margin:0 auto; position:relative; padding-top:1px; background:#fff url('/moin/images/bg_photo3.png') center center no-repeat; background-size:50px;}
.profile .photo_box img {width:100%; height:100%; float:left; border-radius:200px; }
.profile .btn_photo_box { background:#222224 url('/moin/images/no_photo2.png') center center no-repeat; background-size:17px; padding:0; line-height:1; }
.profile .btn_photo_box { width:34px; height:34px; border-radius:100px; position:absolute; left:50%; bottom:0; margin-left:25px; }
.profile .input_photo {color:transparent; background:transparent impotant; position:absolute; left:0; top:0; width:100%; z-index:555; visibility:hidden}
.profile .img_preview {width:100% !important; height:100%; }
.profile .photo_wrap .photo_delete { position:absolute; left:50%; bottom:0; margin-left:25px; text-align:center; width:34px; height:34px; z-index:2; background:#222224; border-radius:100px;}
.profile .photo_wrap .photo_delete .shape { background:#fff; height:1px; width:17px; position: relative; margin-top:17px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.profile .photo_wrap .photo_delete .shape:before { content:""; position:absolute; background:#fff; height:1px; width:17px; left:0; top:0; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.profile .user_name { overflow:hidden; text-align:center; margin-top:10px; }
.profile .user_name .name { font-size:16px; color:#333; }
.profile .profile_info { overflow:hidden; background:#dedddd; padding-bottom:80px; }
.profile .profile_info .group_title { font-size:13px; color:#666; padding:17px 0 7px 10px; border-top:1px solid #d2d1d1; }
.profile .profile_info .group+ .group { border-bottom:1px solid #c6c6c6; }
.profile .profile_info ul { overflow:hidden; background:#fff; }
.profile .profile_info li { overflow:hidden; list-style:none; padding:14px 10px 11px; font-size:14px; color:#666; position:relative; border-top:1px solid #d2d1d1; width:100%; box-sizing:border-box; }
.profile .profile_info .opt { float:left; }
.profile .profile_info .value { float:right; margin-right:55px; }
.profile .profile_info .btn_change { position:absolute; right:10px; top:10px; }
.profile .profile_info .btn_change .txt {  background:#dedddd; border-radius:5px; font-size:10px; padding:6px 5px 4px; }
.profile .profile_info .btn_change .shape { width:35px; height:35px; background:transparent url('/moin/images/shape01.png') center center no-repeat; background-size:8px;}
.profile .group02 .value { margin-right:30px; }
.profile .group02 .btn_change  { right:0; top:3px; }






/* 나의 프로필 관리 */ 
.profile_size150 { overflow:hidden; }
.profile_size150 .profile_top { overflow:hidden; background:#f2f2f2; padding:20px 0; }
.profile_size150 .photo_wrap { position:relative; }
.profile_size150 .photo_border { width:152px; height:152px; background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,0.3); border-radius:200px; margin:0 auto;}
.profile_size150 .photo_box { width:150px; height:150px; border-radius:200px; margin:0 auto; position:relative; padding-top:1px; background:#fff url('/moin/images/bg_photo3.png') center center no-repeat; background-size:50px;}
.profile_size150 .photo_box img {width:100%; height:100%; float:left; border-radius:200px; }
.profile_size150 .btn_photo_box { background:#222224 url('/moin/images/no_photo2.png') center center no-repeat; background-size:17px; padding:0; line-height:1; }
.profile_size150 .btn_photo_box { width:34px; height:34px; border-radius:100px; position:absolute; left:50%; bottom:0; margin-left:25px; }
.profile_size150 .input_photo {color:transparent; background:transparent impotant; position:absolute; left:0; top:0; width:100%; z-index:555; visibility:hidden}
.profile_size150 .img_preview {width:100% !important; height:100%; }
.profile_size150 .photo_wrap .photo_delete { position:absolute; left:50%; bottom:0; margin-left:25px; text-align:center; width:34px; height:34px; z-index:2; background:#222224; border-radius:100px;}
.profile_size150 .photo_wrap .photo_delete .shape { background:#fff; height:1px; width:17px; position: relative; margin-top:17px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.profile_size150 .photo_wrap .photo_delete .shape:before { content:""; position:absolute; background:#fff; height:1px; width:17px; left:0; top:0; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.profile_size150 .user_name { overflow:hidden; text-align:center; margin-top:10px; }
.profile_size150 .user_name .name { font-size:16px; color:#333; }
.profile_size150 .profile_info { overflow:hidden; background:#dedddd; padding-bottom:80px; }
.profile_size150 .profile_info .group_title { font-size:13px; color:#666; padding:17px 0 7px 10px; border-top:1px solid #d2d1d1; }
.profile_size150 .profile_info .group+ .group { border-bottom:1px solid #c6c6c6; }
.profile_size150 .profile_info ul { overflow:hidden; background:#fff; }
.profile_size150 .profile_info li { overflow:hidden; list-style:none; padding:14px 10px 11px; font-size:14px; color:#666; position:relative; border-top:1px solid #d2d1d1; width:100%; box-sizing:border-box; }
.profile_size150 .profile_info .opt { float:left; }
.profile_size150 .profile_info .value { float:right; margin-right:55px; }
.profile_size150 .profile_info .btn_change { position:absolute; right:10px; top:10px; }
.profile_size150 .profile_info .btn_change .txt {  background:#dedddd; border-radius:5px; font-size:10px; padding:6px 5px 4px; }
.profile_size150 .profile_info .btn_change .shape { width:35px; height:35px; background:transparent url('/moin/images/shape01.png') center center no-repeat; background-size:8px;}
.profile_size150 .group02 .value { margin-right:30px; }
.profile_size150 .group02 .btn_change  { right:0; top:3px; }





.contact_sns {overflow:hidden; text-align:center; margin-top:30px;}
.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;}





.texticon_pack span {display:inline-block; line-height:20px; height:22px; padding:0 8px 0 8px; margin:0; cursor:default; overflow:hidden; border-radius:100px; box-sizing:border-box; }
.texticon_pack span {font-weight:400; font-size:12px; color:#fff !important; background:#fff !important; letter-spacing:-0.5px;}
.texticon_pack .red {border:1px solid #ff365c !important; color:#ff365c !important; }
.texticon_pack .orange {border:1px solid #ff8a00 !important; color:#ff8a00 !important;}
.texticon_pack .green {border:1px solid #86ae00 !important; color:#86ae00 !important;}
.texticon_pack .sky {border:1px solid #00a7bc !important; color:#00a7bc !important;}
.texticon_pack .blue {border:1px solid #0058b4 !important; color:#0058b4 !important;}
.texticon_pack .purple {border:1px solid #8000ec !important; color:#8000ec !important;}
.texticon_pack .dark {border:1px solid #474747 !important; color:#474747 !important;}
.texticon_pack .light {border:1px solid #b4b4b4 !important; color:#b4b4b4 !important;}
.texticon_pack .black {border:1px solid #2b2b31 !important; color:#2b2b31 !important;}






/* Category */
#LeftCategory{ position:fixed; display:none;left:0; -webkit-transform: translateX(-300px); top:0; z-index:100; width:300px; 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 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; }





.page_title_margin {overflow:hidden; background:#fff; height:45px; margin:0px 0 0 0; position:relative;}
.page_title_margin_login {overflow:hidden; background:#fff; height:18px; margin:0px 0 0 0; position:relative;}





/* 이미지메뉴 */
.navi_img {overflow:hidden; background:#fff; }
.navi_img a {display:inline-block; width:25%;float:left;}



/* 이미지메뉴 */
.navi_img5 {overflow:hidden; background:#fff; }
.navi_img5 a {display:inline-block; width:20%;float:left;}



#top { position:fixed; top:0; width:100%; z-index:99;}

#hd_top { position:relative; height:44px; background:#82dcd5; }
#hd_top #logo { text-align:center; padding-top:5px; vertical-align:top; line-height:1; }
#hd_top #logo img { width:122px; }
#hd_top #btn_sitemap { position:absolute; left:7px; top:12px; z-index:11; }
#hd_top #btn_sitemap img { width:21px; }
#hd_top #btn_modify { position:absolute; right:7px; top:11px; z-index:11; }
#hd_top #btn_modify img { width:19px; }



/* ●●●●●●●●●● 마이페이지 기본리스트 */
.cm_mypage_list {}
.cm_mypage_list.list_coupon .no_icon {background-image: url('../images/cm_images/no_conts_coupon.png');}
.cm_mypage_list.list_point .no_icon {background-image: url('../images/cm_images/no_conts_my_point.png');}
.cm_mypage_list.list_coupon .no_icon {background-image: url('../images/cm_images/no_conts_coupon.png');}
.cm_mypage_list.list_posting .no_icon {background-image: url('../images/cm_images/no_conts_my_posting.png');}
.cm_mypage_list li {list-style:none; margin:15px 30px;border-bottom:1px solid #dadada; position:relative;overflow:hidden;height:130px;background: url('../images/newall/coupon_img.png') center center no-repeat; background-size:300px;}

.cm_mypage_list .date {color:#999; line-height:25px}
.cm_mypage_list .title {color:#444; line-height:17px; font-size:14px; margin-top:5px; position:relative;}
.cm_mypage_list .price {color:#ff6600; font-size:14px; text-align:right; line-height:20px;}
.cm_mypage_list .state_icon {position:absolute; right:10px; top:10px;}
.cm_mypage_list .date_soon {color:#999; line-height:25px; font-size:13px; line-height:22px;}
.cm_mypage_list .date_due {color:#999; line-height:25px; font-size:13px; line-height:22px;}
.cm_mypage_list .double_box {overflow:hidden; margin-top:5px; background:#f8f8f8; padding:3px 5px 2px 5px; box-sizing:border-box; }
.cm_mypage_list .double_box .date_soon {float:left;}
.cm_mypage_list .double_box .date_due {float:left;}
.cm_mypage_list .double_box .price {float:right}
.cm_mypage_list .double_icon {position:absolute; right:10px; top:10px;}
.cm_mypage_list .double_icon .texticon_pack {float:left; margin-left:5px}
.cm_mypage_list .relative_item {display:block; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; position:relative; height:25px;}
.cm_mypage_list .relative_item {color:#ff6600; line-height:25px; font-size:13px; padding-left:85px}
.cm_mypage_list .relative_item .shape {width:8px; height:8px; border-left:2px solid #ccc; border-bottom:2px solid #ccc; position:absolute; left:5px; top:6px;}
.cm_mypage_list .relative_item .front_txt {background:rgba(0,0,0,0.3); color:#fff; font-weight:400; padding:0 8px; border-radius:100px; font-size:12px; line-height:22px; position:absolute; left:20px; top:2px;}

.cm_mypage_list.list_posting .if_relative {border-bottom:0}
.cm_mypage_list.list_posting .if_relative:nth-of-type(2n) {background:rgba(0,0,0,0.03); border-bottom:1px solid #dadada; padding:6px 10px}
.cm_mypage_list.list_posting .title {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; padding-right:40px; }
.cm_mypage_list.list_posting .title .shape {position:absolute; right:0; top:0; width:30px; height:100%;}
.cm_mypage_list.list_posting .title .shape:before {content:''; width:1px; height:14px; position:absolute; left:50%; top:50%; background:#bbb; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin:-7px 0 0 2px}
.cm_mypage_list.list_posting .title .shape:after {content:''; width:1px; height:14px; position:absolute; left:50%; top:50%; background:#bbb; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin:-7px 0 0 -8px}
.cm_mypage_list.list_posting .conts_txt {overflow:hidden; line-height:16px; font-size:12px;}
.cm_mypage_list.list_posting .conts_txt dd {color:#444; line-height:17px; font-size:14px;}
.cm_mypage_list.list_posting .conts_txt dt {color:#000; font-weight:600; font-size:14px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #ddd}
.cm_mypage_list.list_posting .conts_txt .button_pack {float:right; margin-top:5px}

.cm_mypage_list.list_posting .open_box {margin-top:5px; display:none; }
.cm_mypage_list.list_posting .reply {position:relative; padding:10px 10px 10px 35px; overflow:hidden; text-align:left; border-radius:5px; background:rgba(0,0,0,0.05); margin:10px 0 0 0}
.cm_mypage_list.list_posting .reply .shape_ic {width:14px; height:8px; border-right:1px solid #ff6600; border-top:1px solid #ff6600; position:absolute; left:10px; top:11px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.cm_mypage_list.list_posting .reply .shape_ic:before {content:''; background:#ff6600; position:absolute; left:2px; top:0; margin-top:-7px; width:1px; height:8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_mypage_list.list_posting .reply .shape_ic:after {content:''; background:#ff6600; position:absolute; left:2px; top:0;  margin-top:-2px; width:1px; height:8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.cm_mypage_list.list_posting .reply .admin {display:block; color:#ff6600; margin-bottom:5px; overflow:hidden; _w}
.cm_mypage_list.list_posting .reply .admin .name {font-weight:600; color:#ff6600; float:left; line-height:18px;}
.cm_mypage_list.list_posting .reply .admin .date {color:#333; letter-spacing:0px; float:left; line-height:18px;}
.cm_mypage_list.list_posting .reply .admin .bar {background:#ccc; float:left; width:1px; height:10px; margin:4px 10px 0 10px}
.cm_mypage_list.list_posting .open_full .open_box {display:block}
.cm_mypage_list.list_posting .open_full .title {display:none;}
.cm_mypage_list.list_posting .open_full .upper_link {display:none;}

.cm_mypage_list .file_down {border:1px solid #ddd; padding:5px 10px; position:relative; margin:10px 0 0 0; background:#fff; color:#999; border-radius:5px;}
.cm_mypage_list .file_down .opt {position:absolute; left:25px; top:50%; margin-top:-11px; width:70px; height:20px; line-height:20px; line-height:23px\0; color:#666; padding-left:20px; background:transparent url('../images/cm_images/board_view_file.gif') left center no-repeat;}
.cm_mypage_list .file_down .value {margin-left:105px; padding-left:25px; overflow:hidden; border-left:1px dotted #ddd; }
.cm_mypage_list .file_down .link {height:20px; line-height:20px; color:#888; text-decoration:underline; float:left; margin-right:15px; letter-spacing:0px;}
.cm_mypage_list .file_down .link:hover {color:#000}




/* ●●●●●●●●●● 마이통계치 */
.cm_mypage_sumbox {overflow:hidden; text-align:center; margin-bottom:5px}
.cm_mypage_sumbox dt,.cm_mypage_sumbox dd {text-align:center; color:#fff; box-sizing:border-box;}
.cm_mypage_sumbox b {font-weight:600; letter-spacing:0px;}
.cm_mypage_sumbox dt {background:#485362; font-size:17px; padding:15px 10px; overflow:hidden;}
.cm_mypage_sumbox dd {background:#a5a5a5; line-height:16px; padding:10px}



/* ●●●●●●●●●● 내용없음 */
.cm_no_conts {text-align:center; overflow:hidden; padding:30px 0 30px 0;}
.cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts.png') center bottom no-repeat; height:70px; background-size:60px;}
.cm_no_conts .gtxt {color:#b2b2b2 !important; margin-top:10px; font-size:13px}





/* ●●●●●●●●●● 페이지네이트 
	2016-01-18 : 안드로이드보더값 안보이는 문제 업데이트 
*/
.cm_paginate {text-align:center; margin:20px 0; position:relative; overflow:hidden;}
.cm_paginate .inner {height:40px; overflow:hidden; box-sizing:border-box;}
.cm_paginate .inner .number {background:#fff; float:left; color:#999; font-size:15px; margin-left:-1px; letter-spacing:-1px; border:1px solid rgba(0,0,0,0.15); box-sizing:border-box; }
.cm_paginate .inner .number {position:relative; background:#fff; padding:0 9px; height:40px; line-height:40px;}
.cm_paginate .inner .hit {color:#000;}
.cm_paginate .prevnext { height:40px; line-height:40px; background:#f5f3f2; padding:0 9px; overflow:hidden; text-align:center; box-sizing:border-box; border:1px solid rgba(0,0,0,0.15); overflow:hidden;}
.cm_paginate .prevnext:first-of-type {float:left; border-right:0; border-radius:50px 0 0 50px;}
.cm_paginate .prevnext:last-of-type {float:left; border-left:0; border-radius:0 50px 50px 0;}
.cm_paginate .prevnext .arrow {width:9px; height:22px; background:transparent url('../images/icon/paginate.png') left top no-repeat; background-size:90px; margin:10px 0 0 0}
.cm_paginate .prevnext:last-of-type .arrow {background-position:right top}
/* 글쓰기 버튼이 있을경우  */
.cm_btn_write {position:absolute; right:10px; top:0; border-radius:100px; height:35px; width:35px; border-radius:10px; text-align:center; border:1px solid rgba(0,0,0,0.15); border-radius:100px; box-sizing:border-box;}
.cm_btn_write {background:#fff url('../images/cm_images/btn_ic_write.png') center center no-repeat; background-size:18px;}






/* 내포인트 */
.my_point {overflow:hidden; height:45px; background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#489CFF), to(#6CC0FF));line-height:45px; color:#fff;}
.my_point a:link, .my_point a:visited {color:inherit;}
.my_point a:hover, .my_point a:active {color:inherit;}

.my_point .icon_point {background-position:-45px 0; width:10px; height:15px; float:left; margin:15px 5px 0 13px;}

.my_point .point {float:right; height:45px; overflow:hidden; position:relative;}

.my_point .point .number { margin-right:30px; overflow:hidden; }
.my_point .point .number span {width:13px; height:20px; margin-top:13px; float:left;}
.my_point .point .number .num_1 {background-position:0 -85px; width:10px;}
.my_point .point .number .num_2 {background-position:-10px -85px;}
.my_point .point .number .num_3 {background-position:-25px -85px;}
.my_point .point .number .num_4 {background-position:-40px -85px;}
.my_point .point .number .num_5 {background-position:-55px -85px;}
.my_point .point .number .num_6 {background-position:-70px -85px;}
.my_point .point .number .num_7 {background-position:-85px -85px;}
.my_point .point .number .num_8 {background-position:-100px -85px;}
.my_point .point .number .num_9 {background-position:-115px -85px;}
.my_point .point .number .num_0 {background-position:-130px -85px;}
.my_point .point .number .unit {background-position:-145px -85px; width:10px;}

.my_point .point .icon_unit {position:absolute; right:0; top:50%; background-position:-65px 0; width:20px; height:17px; margin:-8px 5px 0 5px}





/* 내포인트 */
.my_point_two {overflow:hidden; height:40px; background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#aaa), to(#aaa));line-height:20px; color:#fff;text-align:center;font-size:15px;}
.my_point_two a:link, .my_point_two a:visited {color:inherit;}
.my_point_two a:hover, .my_point_two a:active {color:inherit;}

.my_point_two .icon_point {background-position:-45px 0; width:10px; height:15px; float:left; margin:13px 5px 0 13px;}

.my_point_two .point { float:left; height:45px;margin-top:10px;margin-bottom:10px; overflow:hidden;}

.my_point_two .point_login {float:right; height:45px;padding-top:10px;padding-right:10px; overflow:hidden; position:relative;}

.my_point_two .point .number { margin-right:10px; overflow:hidden; }
.my_point_two .point .number span {width:13px; height:20px; margin-top:13px; float:left;}
.my_point_two .point .number .num_1 {background-position:0 -85px; width:8px;}
.my_point_two .point .number .num_2 {background-position:-10px -85px;}
.my_point_two .point .number .num_3 {background-position:-25px -85px;}
.my_point_two .point .number .num_4 {background-position:-40px -85px;}
.my_point_two .point .number .num_5 {background-position:-55px -85px;}
.my_point_two .point .number .num_6 {background-position:-70px -85px;}
.my_point_two .point .number .num_7 {background-position:-85px -85px;}
.my_point_two .point .number .num_8 {background-position:-100px -85px;}
.my_point_two .point .number .num_9 {background-position:-115px -85px;}
.my_point_two .point .number .num_0 {background-position:-130px -85px;}
.my_point_two .point .number .unit {background-position:-145px -85px; width:8px;}

.my_point_two .point .icon_unit {position:absolute; right:0; top:50%; background-position:-65px 0; width:20px; height:17px; margin:-8px 5px 0 5px}




/* 비주얼배너 */
.visual_banner {overflow:hidden; background:#fff; position:relative;}
.visual_banner .bt_line {display:none; position:absolute; left:0; bottom:0; width:130px; height:2px; background:#6f6f6f;}
.visual_banner .left_line {display:none; z-index:3; position:absolute; left:0; top:0; margin-left:129px; width:1px; height:100%; background:-webkit-gradient(linear, 0% 100%, 0% 0%, to(#888), from(#ccc));}
.visual_banner .wrap_box {padding: 7px 0; background:#e3e5eb; overflow:hidden;}
.visual_banner .fixed_bn {text-align:center; overflow:hidden; background:#87c7eb;}
.visual_banner .fixed_bn .bn img {float:left; width:100%;}
.visual_banner .rolling_bn {margin: 10px 0 0 0; overflow:hidden; text-align:center}
.visual_banner .rolling_bn .bn {float:left; overflow:hidden; }
.visual_banner .rolling_bn .bn img {float:left; width:100%;}

.roll_btn {text-align:center; overflow:hidden}
.roll_btn a {border-radius:100px; -webkit-border-radius:100px; height:6px; width:6px; float:left; margin-right:3px}
.roll_btn .hit {background:#fa0d3e;}
.roll_btn .off.active {background:#fa0d3e;}
.roll_btn .off {background:#ffffff;}


/* wide */
@media screen and (min-width:500px) {

.visual_banner .left_line {display:block}
.visual_banner .bt_line {display:block}
.visual_banner .wrap_box {box-shadow: inset 3px 0 3px 0 rgba(0,0,0,0.04); margin-left:130px;}
.visual_banner .fixed_bn .bn img {float:left;}
}





/**** gps ****/
#gps {left:0; top:50px;padding-top:10px; width:100%; max-width:1080px; height:30px; border-top:1px #ddd solid; background:#fff; overflow:hidden; z-index:99;}
#gps #nowPos {float:right; width:25%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#gps #nowPos span.pos {display:inline-block; font-size:12px; color:#333; background:#ef4522; /*border:1px #aaaaaa solid;line-height:1.1;*/ padding:8px 0 5px 19px; margin:5px; background:url('/pointcard/images/newall/ico_nowpos.png') 5px 6px no-repeat; background-size:12px 16px;border-radius:10px;}
#gps #posChange {float:left; width:75%;}
#gps #posChange a {display:block; text-align:left; padding-left:10px;border-left:1px #ddd solid;}
#gps #posChange a span {display:inline-block; font-size:17px;font-weight:bold; color:#030303; line-height:1.1; padding:8px 6px 12px 0; vertical-align:top;background:url('') right 14px no-repeat; background-size:13px 14px;}




/**** gps ****/
#gps_shop {left:0; top:10px;padding-top:10px; width:100%; max-width:1080px; height:36px; border-top:1px #ddd solid; background:#fff; overflow:hidden; z-index:99;}
#gps_shop #nowPos {float:right; width:60%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#gps_shop #nowPos span.pos {display:inline-block; font-size:15px; color:#333; background:#ef4522; border:1px #aaaaaa solid;line-height:1.1; padding:8px 0 5px 19px; margin:5px; background:url('/pointcard/images/newall/ico_nowpos.png') 5px 6px no-repeat; background-size:12px 16px;border-radius:10px;}

#gps_shop #nowPos span.pos2 {display:inline-block; font-size:15px; color:#fff; background:#cdd2d6; border:1px #cdd2d6 solid;line-height:1.1; padding:8px 0 5px 5px; margin:5px; background-size:12px 16px;border-radius:10px;}


#gps_shop #posChange {float:left; width:40%;}
#gps_shop #posChange a {display:block; text-align:left; padding-left:10px;border-left:1px #ddd solid;}
#gps_shop #posChange a span {display:inline-block; font-size:19px;font-weight:bold; color:#030303; line-height:1.1; padding:8px 6px 12px 0; vertical-align:top;background:url('') right 14px no-repeat; background-size:13px 14px;}












/*추가*/


/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{margin:0; padding:0; font-style:normal; background:transparent; border:0; outline:0; word-break:break-all;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
input, select { vertical-align: middle; }
a, a:active, a:visited { text-decoration:none; color:#333;}
a img { border: 0; vertical-align:top; }

body, input, h1, h2, h3, h4, h5, h6 {font-family:'나눔고딕',NanumGothic,'맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:14px;}
/* Sprite */
.cbg {background:url(../imgs/m_couponmoa_x2.png) no-repeat; background-size:177px 750px; padding-top: 3px;}
/* btns */
.btn span {display:inline-block;}
.call, .bmap {padding:2px 6px;}
.call span, .bmap span {width:19px; height:19px; background-position:4px -203px; line-height:19px; text-indent:-99999px;}
.bmap span {background-position:-13px -227px;}
.top {padding:7px 8px;}
.top span {margin-right:2px; width:9px; height:12px; background-position:-19px -178px;}

/* top header */
.top_hd {
	position:relative;
	padding:10px 0;
	background: #eff0ef; /* Old browsers */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#eff0ef));
background: -webkit-linear-gradient(#fcfcfc 0%, #eff0ef 100%);
background: -moz-linear-gradient(#fcfcfc 0%, #eff0ef 100%);
background: -o-linear-gradient(#fcfcfc 0%, #eff0ef 100%);
background: linear-gradient(#fcfcfc 0%, #eff0ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eff0ef',GradientType=0 ); /* IE6-9 */
	border-bottom:3px solid #63b512; text-align:center;}
.top_hd h1 {display:inline-block; font-size:18px; line-height:18px;}
.top_hd .btn {position:absolute; top:5px; right:10px; padding:8px 12px;}
.top_hd .back {position:absolute; top:3px; left:10px; width:52px; height:33px; background-position:0 -109px; line-height:33px; text-indent:5px; font-size:12px; text-shadow:0 1px 0 #fff;}
.top_hd .back:active {background-position:-56px -109px; text-shadow:0 -1px 0 #74777b; color:#fff;}

/* category */
.category {position:relative; padding:6px 10px 0 10px; height:34px; border-bottom:1px solid #a0a2a4; background:#f1f4f5;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);
	-o-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);}
.category p {float:left; width:49%;}
.category.result p{width:32%;}
.category a.select {position:relative; display:block; width:100%; height:28px; padding:0 32px 0 5px; font-size:13px; color:#444; line-height:26px; letter-spacing:-1px; background:#fafafa; border:1px solid #b4b6b8; border-radius:4px; box-shadow:0 1px 0 #fff; -webkit-box-shadow:0 1px 0 #fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.category a.select span.arrow_box {position:absolute; top:0; right:0; display:inline-block; width:26px; height:26px; border-left:1px solid #b4b6b8; border-radius:0 3px 3px 0; box-shadow:inset 0 0 2px #fff; -webkit-box-shadow:inset 0 0 2px #f0f4f5; background:#f0f4f5; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e2eaec)); z-index:1 }
.category a.select span.arrow {display:block; margin:10px 0 0 7px; width:13px; height:8px; background-position:-31px -163px }

/* 지역선택 layer */
.layer {display:none; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; background:#fff; overflow-y:auto;}






/* 카테고리메뉴 ●● */
.nav {clear:both; position:relative; background:#fff; border:1px solid #ccc; border-left:none; border-right:none; z-index:0; box-sizing:border-box; height:50px;}
.nav .categorys {overflow:hidden; text-align:center; margin-left: 0px;}
.nav .categorys .ctg {float:left; overflow:hidden; position:relative; color:#4d4c4c; font-weight:bold; font-size: 14px; padding: 0 13px; height:50px; line-height:50px; box-sizing:border-box;}
.nav .categorys .line {position:absolute; left:0; bottom:0; width:100%; margin-bottom:1px; height:3px; background:#fa0d3e; display:block;}
.nav .categorys .ctg .line {display:none}
.nav .categorys .ctg_hit .line {display:block}
.nav .categorys .ctg_hit {color:#fa0d3e;overflow:hidden;}

.nav .categorys .ctg_hit2 { width: 85px; overflow:hidden; background:#6f6f6f url('../images/ic_ctg_top.gif') left 13px center no-repeat; line-height:1; height:50px; line-height:50px; }



.nav .nav_open {display:none; overflow:hidden; background:#fff; width: 130px; padding: 10px 0}
.nav .nav_open li {clear:both; overflow:hidden; list-style:none}
.nav .nav_open .btn {font-size:13px; letter-spacing:-1px; color:rgba(0,0,0,0.5); display:block; position:relative; padding: 6px 13px;}
.nav .nav_open .btn .arrow {position:absolute; right:0; top:50%; margin: -5px 15px 0 13px; display:block; background-image: url('../images/ic_slide_ar.png'); background-size: 6px; }
.nav .nav_open .btn .arrow {width:6px; height:10px}

.nav .nav_open .btn_area {overflow:hidden; padding: 0 12px 10px 10px;}
.nav .nav_open .btn_box {width:50%; float:left; overflow:hidden;}
.nav .nav_open .btn_mem {display:block; height:30px; line-height:30px; font-family:"lato"; color:#6f6f6f; font-weight:bold; background:#e2e2e2; text-align:center; font-size:12px; border-radius: 3px; -webkit-border-radius:3px;}
.nav .nav_open .btn_box:first-child .btn_mem {margin-right:2px}
.nav .nav_open .btn_box:last-child .btn_mem {margin-left:2px}
.nav .nav_open .btn_box:only-child {width:100%}
.nav .nav_open .btn_box:only-child .btn_mem {margin-left:0!important;}



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

#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;}






/* 전화걸기 하단메뉴 타입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('images/newall/bullet.png') left center no-repeat;background-size:100%;}
.telme_nav li {float:left; width:50%;}
.telme_nav a {display:block; padding:20px 0; text-align:center;font-size:20px; font-weight:bold; }
.telme_nav .tx {display:block; font-size:22px; color:#fff;}
.telme_nav .tie {display:inline-block;}
.telme_nav .btn_tx {float:left; font-size:22px; 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;}








































/* 추가 고객센터 뉴올페이 메인 */



/* depth-dropdown */
.depth-dropdown {
  position: relative;
  z-index: 15;
  margin: 10px 0 15px 0;
}
.depth-dropdown a {
  display: block;
  height: 34px;
  line-height: 34px;
  color: #777;
}
.depth-dropdown a span {

  background-repeat: no-repeat;
  background-position: center center;

  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
}
.depth-dropdown a:hover {
  background-color: #f7f7f7;
}
.depth-dropdown a.btn {
  position: relative;
  border: 1px #aaa solid;
  border-radius: 5px;
  transition: all .2s;
}
.depth-dropdown a.btn em {
  display: block;
  position: absolute;
  top: 15px;
  right: 10px;
  width: 18px;
  height: 2px;
  background: #777;
  transform: translateY(0px) translateX(0px) rotate(0deg);
  transition: all .2s;
}
.depth-dropdown a.btn em:before,
.depth-dropdown a.btn em:after {
  content: '';
  position: absolute;
  right: 0px;
  width: 18px;
  height: 2px;
  background: #777;
}
.depth-dropdown a.btn em:before {
  top: -6px;
  opacity: 1;
  transition: all .2s;
}
.depth-dropdown a.btn em:after {
  top: 6px;
  transform: translateY(0px) translateX(0px) rotate(0deg);
  transition: all .2s;
}
.depth-dropdown .holder {
  position: absolute;
  top: 36px;
  left: 0px;
  right: 0px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  background: #fff;
  border: 1px #aaa solid;
  border-top: 0px;
  border-radius: 0px 0px 5px 5px;
  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2);
  z-index:100000;
}
.depth-dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.depth-dropdown ul li {
  border-top: 1px #e7e7e7 solid;
}
.depth-dropdown ul li a span {
  color: #222;
  background-position: right center;
  background-size: 26px 17px;
}
.depth-dropdown ul li a.has-child span {
  background-image: url('/pointcard/images/icon/pulldown_off.png');
}
.depth-dropdown ul li:first-child {
  border-top: 0px;
}
.depth-dropdown ul li.active div.d2d {
  display: block;
}
.depth-dropdown ul li.active a.has-child span {
  background-image: url('/pointcard/images/icon/pulldown_on.png');
}
.depth-dropdown div.d2d {
  display: none;
  border-top: 1px #e7e7e7 solid;
  background-color: #f8f8f8;
}
.depth-dropdown div.d2d ul li a span {
  color: #777;
  background-image: url('/pointcard/images/icon/pulldown_link.png');
}
.depth-dropdown.active a.btn {
  color: #fff;
  background: #777;
  border: 1px #555 solid;
  border-radius: 5px 5px 0px 0px;
  transition: all .2s;
}
.depth-dropdown.active a.btn span {
  border: 1px #555 solid;
  height: 32px;
  line-height: 32px;
  padding-left: 9px;
}
.depth-dropdown.active a.btn em {
  background: #fff;
  transform: translateY(0px) translateX(0px) rotate(-45deg);
  transition: all .2s;
}
.depth-dropdown.active a.btn em:before,
.depth-dropdown.active a.btn em:after {
  background: #fff;
}
.depth-dropdown.active a.btn em:before {
  opacity: 0;
  transition: all .2s;
}
.depth-dropdown.active a.btn em:after {
  transform: translateY(-6px) translateX(0px) rotate(90deg);
  transition: all .2s;
}


/* 고객센터 */
{
  /* main */
  /* QNA */
  /* 쿠폰적립 */
}
h5.title {
  margin: 15px 0 10px 0;
  padding: 3px 0 3px 25px;
  background-image: url('../img/common/icon_arrow_title.png');
  background-size: 20px 20px;
  background-position: left top;
  font-size: 14px;
}
.wrap.dark {
  background-color: #f2f2f2;
}
.wrap.dark.gutter {
  margin: 0;
  padding: 0 10px;
}
.faq-wrap {
  margin: 0 10px 15px;  

}
.faq-wrap .col-1-2 a {
  display: block;
  margin: 0 10px 10px 0;
  padding: 12px;
  text-align: center;
  background-color: #fff;
}
.faq-wrap .col-1-2 a strong {
  display: block;
  margin-top: 12px;
}
.faq-wrap .col-1-2.nth-child-1 a {
  color: #ee6e2b;
}
.faq-wrap .col-1-2.nth-child-1 .icon {
  background-image: url('/pointcard/images/icon/icon_care_02.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.faq-wrap .col-1-2.nth-child-2 a {
  color: #ee6e2b;
}
.faq-wrap .col-1-2.nth-child-2 .icon {
  background-image: url('/pointcard/images/icon/icon_order_guide_3.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.faq-wrap .col-1-2.nth-child-3 a {
  color: #81be18;
}
.faq-wrap .col-1-2.nth-child-3 .icon {
  background-image: url('/pointcard/images/icon/icon_order_guide_2.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.faq-wrap .col-1-2.nth-child-4 a {
  color: #81be18;
}
.faq-wrap .col-1-2.nth-child-4 .icon {
  background-image: url('/pointcard/images/icon/icon_care_04.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.faq-wrap .col-1-2.nth-child-5 a {
  color: #4c99f0;
}
.faq-wrap .col-1-2.nth-child-5 .icon {
  background-image: url('/pointcard/images/icon/icon_order_guide_6.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.faq-wrap .col-1-2.nth-child-6 a {
  color: #4c99f0;
}
.faq-wrap .col-1-2.nth-child-6 .icon {
  background-image: url('/pointcard/images/icon/icon_signup_guide_2.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.faq-wrap .col-1-2:nth-child(even) a {
  margin-right: 0;
}
.faq-wrap .button {
  border-radius: 2px;
}
.notice-wrap {
  background-color: #fff;
}
.notice-wrap .text-right .button {
  padding-left: 10px;
  padding-right: 10px;
}
.notice-wrap .bbs-list {
  border-top: 2px solid #222;
}
.info-wrap .col-1-3 a {
  display: block;
  padding: 18px 0 25px;
  text-align: center;
  border-top: 1px solid #d0d0d0;

  border-right: 1px solid #d0d0d0;
  background-color: #fff;
}

.info-wrap .col-1-3 .primary {
  width:100px;
  padding: 0px 0 0px;
  vertical-align:top;
}

.info-wrap .col-1-3 .icon {
  margin-bottom: 8px;
  background-image: url('/pointcard/images/icon/icon_level.png');
  width: 67.5px;
  height: 67.5px;
  background-size: 67.5px 67.5px;
}
.info-wrap .col-1-3.nth-child-2 .icon {
  background-image: url('/pointcard/images/icon/icon_level_family.png');
  width: 67.5px;
  height: 67.5px;
  background-size: 67.5px 67.5px;
}
.info-wrap .col-1-3.nth-child-3 a {
  border-right: 0;
}
.info-wrap .col-1-3.nth-child-3 .icon {
  background-image: url('/pointcard/images/icon/icon_level_gold.png');
  width: 67.5px;
  height: 67.5px;
  background-size: 67.5px 67.5px;
}
.tel-wrap {
  margin: 20px 10px 50px;
}
.tel-wrap a {
  color: #222;
}
.tel-wrap .warning {
  line-height: 1.2;
}
.list-qna .item .question .toggler {
  display: block;
  position: relative;
  padding: 15px 15px 15px 35px;
  border-bottom: 1px solid #d0d0d0;
}
.list-qna .item .question .toggler .q {
  position: absolute;
  top: 15px;
  left: 10px;
  background-image: url('/pointcard/images/icon/icon_question.png');
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
}
.list-qna .item .answer {
  display: none;
  position: relative;
  padding: 15px 15px 15px 35px;
  border-bottom: 1px solid #777;
  background-color: #f2f2f2;
}
.list-qna .item .answer .a {
  position: absolute;
  top: 15px;
  left: 10px;
  background-image: url('/pointcard/images/icon/icon_answer.png');
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
}
.list-qna .item .answer p {
  margin: 0;
}
.list-qna .item.in .toggler {
  font-weight: bold;
  color: #ee6e2b;
}
.list-qna .item.in .answer {
  display: block;
}
.list-num {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 5px;
}
.list-num li {
  padding: 5px 0 5px 25px;
  background: url(/pointcard/images/icon/circle_num_1.png) 0 3px no-repeat;
  background-size: 20px 20px;
}
.list-num li.two {
  background-image: url(/pointcard/images/icon/circle_num_2.png);
}
.list-num li.three {
  background-image: url(/pointcard/images/icon/circle_num_3.png);
}
.list-num li.four {
  background-image: url(/pointcard/images/icon/circle_num_4.png);
}
.section-level .row {
  display: table;
  width: 100%;
  min-height: 141px;
  padding: 10px 0;
  margin-bottom: 4px;
  border: 1px solid #d0d0d0;
  background: #fff;
}
.section-level .row .level-wrap {
  float: none !important;
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  border-right: 1px dashed #d0d0d0;
}
.section-level .row .level-wrap .icon {
  width: 63px;
  height: 63px;
  background-size: 63px 63px;
}
.section-level .row .level-wrap strong {
  margin-top: 5px;
  font-size: 17px;
}
.section-level .row .benefit-wrap {
  float: none !important;
  display: table-cell;
  vertical-align: middle;
  width: 70%;
  height: 100%;
}
.section-level .row .benefit-wrap .coupon {
  width: 166px;
  margin: 8px auto;
}
/* 통합검색 */
.page-search {
  /* 상품평 */
  /* 쇼핑기획전, 쇼핑찬스 */
  /* 검색결과 없음 */
}
.page-search .section-search input,
.page-search .section-search .button {
  border-radius: 2px;
}
.page-search .section-category .category-list {
  line-height: 1.5;
}
.page-search .section-category .category-list a {
  color: #222;
}
.page-search .section-category .category-list a .info {
  color: #777;
}
.page-search .section-comments .comment-title {
  padding: 15px 10px;
  border-top: 1px solid #d0d0d0;
  background-color: #f2f2f2;
}
.page-search .section-comments .point {
  padding: 10px;
}
.page-search .section-comments .author {
  padding: 16px 10px 10px;
  text-align: right;
  font-size: 11px;
  color: #777;
}
.page-search .section-comments .comment {
  clear: both;
  *zoom: 1;
  padding: 0 10px 25px;
}
.page-search .section-comments .comment:before,
.page-search .section-comments .comment:after {
  content: " ";
  display: table;
}
.page-search .section-comments .comment:after {
  clear: both;
}
.page-search .section-shopping .shopping-list {
  padding: 0 10px;
  border-top: 1px solid #d0d0d0;
}
.page-search .section-shopping .shopping-list img {
  width: 100%;
}
.page-search .section-shopping .shopping-list .list {
  margin-top: 10px;
}
.page-search .section-shopping .shopping-list.plan-list .list {
  padding-bottom: 10px;
  border: 1px solid #e0e0e0;
}
.page-search .section-shopping .shopping-list.plan-list .list .img-wrap {
  display: block;
  border-bottom: 1px solid #e0e0e0;
}
.page-search .section-shopping .shopping-list.plan-list .list .title {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
  color: #222;
}
.page-search .section-shopping .shopping-list.plan-list .list .date {
  display: block;
  margin-top: 5px;
  margin-left: 10px;
  font-size: 11px;
  color: #777;
}
.page-search .no-search-result {
  padding: 35px 10px;
  text-align: center;
  background-color: #f2f2f2;
}
.page-search .retry-search {
  padding: 25px 10px;
}
/* mypage & basket */
.shipping-info {
  margin: 5px 0  0;
  border: 1px #aaa solid;
  background: #fff;
}
.shipping-info .grid {
  display: table;
  width: 100%;
  padding: 15px;
  border-top: 1px #d0d0d0 solid;
}
.shipping-info .grid:first-child {
  border-top: 0px;
}
.shipping-info .grid .subject,
.shipping-info .grid .field {
  float: none !important;
  display: table-cell;
  vertical-align: middle;
}
.shipping-info .grid .button {
  padding-left: 15px;
  padding-right: 15px;
}
.list-product-order .row {
  clear: both;
  *zoom: 1;
  margin-top: 5px;
}
.list-product-order .row:before,
.list-product-order .row:after {
  content: " ";
  display: table;
}
.list-product-order .row:after {
  clear: both;
}
.list-product-order .row:first-child {
  margin: 0px;
}
.list-product-order .row .col {
  width: 100%;
}
.list-product-order .col .module {
  margin: 0px;
}
.list-product-order .core {
  margin: 0px;
  line-height: 1.4;
}
.list-product-order .utill {
  clear: both;
  *zoom: 1;
  margin-bottom: 5px;
}
.list-product-order .utill:before,
.list-product-order .utill:after {
  content: " ";
  display: table;
}
.list-product-order .utill:after {
  clear: both;
}
.list-product-order .utill .check {
  margin-top: 7px;
}
.list-product-order .option {
  position: relative;
  padding: 5px 15px;
  min-height: 35px;
  background: #fff;
  border-top: 1px #d0d0d0 solid;
}
.list-product-order .option span.title {
  width: 60px;
}
.list-product-order .option span.title,
.list-product-order .option .con {
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.list-product-order .option span.title .combobox,
.list-product-order .option .con .combobox,
.list-product-order .option span.title .combobox option,
.list-product-order .option .con .combobox option {
  width: auto;
}
.list-product-order .option .more {
  position: absolute;
  right: 10px;
  top: 5px;
}
.list-product-order .option .more .button {
  padding-left: 10px;
  padding-right: 10px;
  min-width: 75px;
  box-sizing: border-box;
}
.list-product-order .option.cancel span.title {
  width: auto;
}
.list-product-order .option.date {
  position: relative;
  z-index: 0;
}
.list-product-order .option.date .label {
  position: absolute;
  right: 10px;
}
.list-product-order .option.amount input,
.list-product-order .option.amount .button {
  vertical-align: top;
}
.list-product-order .action {
  margin: 5px 0;
}
.list-product-order .action .module {
  display: block;
  margin-bottom: 0px;
  width: auto;
  min-height: 20px;
}
.payment-last {
  border-top: 2px #006dc0 solid;
}
.payment-last .title {
  margin: 0px;
  padding: 15px 10px;
  color: #006dc0;
  background: #fff;
}
.payment-last .grid {
  color: #222;
  border-top: 1px #d0d0d0 solid;
}
.payment-last .grid:first-child {
  border-top: 0px;
}
.payment-last .grid .subject,
.payment-last .grid .price {
  height: 45px;
  line-height: 45px;
}
.payment-last .grid .subject {
  margin-left: 10px;
}
.payment-last .grid .price {
  margin-right: 10px;
}
.payment-last .grid.total {
  border-top: 1px #78b3df solid;
  border-bottom: 2px #006dc0 solid;
  background: #f1f9ff;
}
.payment-last .grid.total .subject,
.payment-last .grid.total .price {
  height: 55px;
  line-height: 55px;
}
.payment-last .grid.total .price {
  font-size: 25px;
}
.payment-last .grid.sub {
  background: #fff;
}
.payment-last .grid.sub .subject {
  padding-left: 10px;
  background-image: url('/pointcard/images/icon/order_payment_ico.png');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 4px 4px;
  color: #777;
}
.payment-info {
  background: #f9f6ed;
}
.payment-info .gutter {
  margin-left: 10px;
  margin-right: 10px;
}
/* 모바일 이벤트 */
.event-list li {
  margin-bottom: 5px;
  border: 1px solid #d0d0d0;
}
.event-list li:first-child {
  margin-top: 15px;
}
.event-list li .thum {
  border-bottom: 1px solid #d0d0d0;
}
.event-list li .thum img {
  width: 100%;
}
.event-list li .desc {
  padding: 15px;
}
.event-list li .desc p {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #777;
}
.event-list li .desc p.subject {
  margin-bottom: 5px;
  color: #000;
}
.comment-wrap .comment-list {
  border-top: 1px solid #d0d0d0;
}
.comment-wrap .comment-list .comment-item {
  padding: 15px 10px;
  border-bottom: 1px solid #d0d0d0;
}
.comment-wrap .comment-list .comment-item .num .module {
  padding: 10px 0;
  border: 1px solid #777;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  color: #777;
}
.comment-wrap .comment-list .comment-item .author {
  color: #777;
}
.comment-wrap .comment-list .comment-item .context {
  padding: 5px;
}
/* 총 금액 */
.section-price {
  color: #006dc0;
  background: #f1f9ff;
  border: 1px #006dc0 solid;
}
.section-price .reckoning {
  padding: 10px 15px;
  font-size: 11px;
  border-bottom: 1px #78b3df solid;
}
.section-price .core {
  clear: both;
  *zoom: 1;
  padding: 0 15px;
}
.section-price .core:before,
.section-price .core:after {
  content: " ";
  display: table;
}
.section-price .core:after {
  clear: both;
}
.section-price .core .pull-left {
  height: 40px;
  line-height: 40px;
}
.section-price .core .pull-right {
  height: 40px;
  line-height: 40px;
  font-size: 25px;
}
/* 쿠폰 리스트 */
.coupon-detail-list .module {
  background-color: #fff;
  border: 1px #aaa solid;
}
.coupon-detail-list .module .core {
  padding: 25px 0;
  text-align: center;
}
.coupon-detail-list .module .core h5,
.coupon-detail-list .module .core h6 {
  margin: 0 10px;
}
.coupon-detail-list .module .desc {
  padding: 10px 15px;
  border-top: 1px #d0d0d0 solid;
}
.coupon-detail-list .module .desc li {
  color: #777;
}
.coupon-detail-list .disabled {
  color: #777;
}
.coupon-detail-list .disabled .title-arrow {
  background-image: url('../img/common/icon_arrow_title_off.png');
}
.join-step {
  padding: 15px 0 25px 0;
}
.join-step li {
  width: 25%;
  text-align: center;
  border-left: 1px #e0e0e0 solid;
  box-sizing: border-box;
  font-size: 11px;
}
.join-step li:first-child {
  border-left: 0px;
}
.join-step li span {
  display: block;
}
.join-step li span.icon {
  margin-bottom: 10px;
  height: 35px;
  background-size: 35px 35px;
}
.join-step li.nth-child-1 .icon {
  background-image: url('/pointcard/images/icon/join_step_icon_1_off.png');
}
.join-step li.nth-child-2 .icon {
  background-image: url('/pointcard/images/icon/join_step_icon_2_off.png');
}
.join-step li.nth-child-3 .icon {
  background-image: url('/pointcard/images/icon/join_step_icon_3_off.png');
}
.join-step li.nth-child-4 .icon {
  background-image: url('/pointcard/images/icon/join_step_icon_4_off.png');
}
.join-step li.active {
  color: #ee6e2b;
}
.join-step li.active.nth-child-1 .icon {
  background-image: url('/pointcard/images/icon/join_step_icon_1_on.png');
}
.join-step li.active.nth-child-2 .icon {
  background-image: url('/pointcard/images/icon/join_step_icon_2_on.png');
}
.join-step li.active.nth-child-3 .icon {
  background-image: url('/pointcard/images/icon/join_step_icon_3_on.png');
}
.join-step li.active.nth-child-4 .icon {
  background-image: url('/pointcard/images/icon/join_step_icon_4_on.png');
}
.join-step.border-none {
  border-bottom: 0px;
  padding-bottom: 10px;
}
.join-type {
  margin-top: 25px;
}
.join-type li {
  margin-top: 5px;
}
.join-type li .button {
  padding: 20px 0;
  font-size: 14px;
  font-weight: normal;
}
.join-type li .button strong {
  display: block;
  font-size: 17px;
}
.signup-service li {
  position: relative;
  margin-top: 5px;
}
.signup-service li:first-child {
  margin-top: 0px;
}
.signup-service li .frame {
  padding-right: 90px;
}
.signup-service li .frame h5 {
  font-size: 14px;
}
.signup-service li .frame p {
  margin-top: 10px;
}
.signup-service li .frame .icon {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  background-size: 100%;
}
.signup-service li.nth-child-1 .icon {
  background-image: url('/pointcard/images/icon/icon_signup_guide_1.png');
}
.signup-service li.nth-child-2 .icon {
  background-image: url('/pointcard/images/icon/icon_signup_guide_2.png');
}
.signup-service li.nth-child-3 .icon {
  background-image: url('/pointcard/images/icon/icon_signup_guide_3.png');
}
.signup-service li.nth-child-4 .icon {
  background-image: url('/pointcard/images/icon/icon_signup_guide_4.png');
}
.signup-service li.nth-child-5 .icon {
  background-image: url('/pointcard/images/icon/icon_signup_guide_5.html');
}
.agreement-list .row {
  padding: 15px 0;
  border-top: 1px #aaa dashed;
}
.agreement-list .row:first-child {
  border: 0px;
}
.agreement-list .row .section-title {
  height: 35px;
  margin-bottom: 5px;
}
.agreement-list .row .section-title .title {
  margin-top: 10px !important;
}
.agreement-list .row textarea {
  height: 170px;
}
.agreement-list .row .check {
  margin-top: 10px;
}
.sign-finish {
  text-align: center;
}
.sign-finish .icon.logo {
  background-image: url('../img/common/icon_logo.png');
  width: 158.5px;
  height: 92.5px;
  background-size: 158.5px 92.5px;
}
.promotion-product .row {
  padding: 15px 0;
  border-top: 1px #aaa dashed;
}
.promotion-product .row:first-child {
  padding-top: 0px;
  border-top: 0px;
}
.promotion-product .thumb {
  margin-top: 5px;
  border: 1px #aaa solid;
}
.promotion-product.time {
  margin-top: 25px;
}
.promotion-product.time .thumb {
  position: relative;
}
.promotion-product.time .thumb .label.time {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 5px;
  padding: 6px 0 0;
  width: 75px;
  height: 66px;
  border: 0px;
  box-sizing: border-box;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2;
  background-image: url('/pointcard/images/icon/label_time.png');
  background-size: 100%;
}
.promotion-product.time .thumb .label.time.day {
  font-size: 12px;
  background-image: url('/pointcard/images/icon/label_time_day.png');
}
.promotion-product.time .thumb .label.time.day strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
}
.promotion-product.time .thumb .desc {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
}
.promotion-product.early {
  margin-top: 15px;
}
.promotion-product.early .row {
  padding: 25px 0 0;
  border: 0px;
}
.promotion-product.early .row:first-child {
  padding-top: 0px;
}
.promotion-product.early .thumb {
  position: relative;
}
.promotion-product.early .thumb .label.early {
  position: absolute;
  top: 0px;
  left: 5px;
  display: inline-block;
  width: 75px;
  height: 76px;
  padding-top: 30px;
  box-sizing: border-box;
  border: 0px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  line-height: 1;
  background-image: url('/pointcard/images/icon/label_early.png');
  background-size: 100% 100%;
}
.promotion-product.early .thumb .label.early strong {
  display: block;
  font-size: 22px;
}
.promotion-product.early .thumb .badge.coming {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -55px -115px;
  background-color: transparent;
  background-image: url('/pointcard/images/icon/badge_coming.png');
  width: 229px;
  height: 110px;
  background-size: 229px 110px;
}
.promotion-product.early .desc .grid {
  padding: 10px 15px;
  background-color: #fff;
  border-top: 1px #d0d0d0 solid;
}
.promotion-product.early .desc .grid:first-child {
  border: 0px;
}
.promotion-product.early .md-guide .core {
  position: relative;
  color: #777;
  background: #88b7d5;
  border: 4px solid #c2e1f5;
}
.promotion-product.early .md-guide .core {
  position: relative;
  margin-top: 10px;
  padding: 10px 15px;
  background-color: #fff;
  border: 1px solid #d0d0d0;
}
.promotion-product.early .md-guide .core:after,
.promotion-product.early .md-guide .core:before {
  position: absolute;
  bottom: 100%;
  left: 10px;
  content: " ";
  height: 0;
  width: 0;
  border: 5px solid transparent;
}
.promotion-product.early .md-guide .core:after {
  border-bottom-color: #fff;
}
.promotion-product.early .md-guide .core:before {
  left: 9px;
  border-bottom-color: #d0d0d0;
  border-width: 6px;
}
.promotion-product.early .section-price.coming {
  color: #777;
  border-color: #aaa;
  background-color: #fff;
}
.mission-promotion {
  margin-top: 15px;
  padding: 15px 0;
  border-top: 1px #aaa dashed;
  border-bottom: 1px #aaa dashed;
}
.mission-promotion .timer {
  clear: both;
  *zoom: 1;
  margin-top: 25px;
}
.mission-promotion .timer:before,
.mission-promotion .timer:after {
  content: " ";
  display: table;
}
.mission-promotion .timer:after {
  clear: both;
}
.mission-promotion .timer p,
.mission-promotion .timer .bar,
.mission-promotion .timer .text {
  vertical-align: middle;
}
.mission-promotion .timer p {
  float: left;
  margin: 0px;
}
.mission-promotion .timer p strong {
  margin: 0 2px;
  float: left;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  background-color: #ee6e2b;
}
.mission-promotion .timer .bar {
  float: left;
  font-size: 25px;
  color: #aaa;
  font-weight: bold;
}
.mission-promotion .timer .text {
  margin-left: 10px;
  height: 35px;
  line-height: 35px;
}
.mission-promotion .progress {
  margin-top: 10px;
  padding: 8px;
  border: 2px #aaa solid;
  border-radius: 20px;
  background-color: #fff;
}
.mission-promotion .progress .bar {
  height: 14px;
  border-radius: 8px;
  background-color: #ee6e2b;
}
.time-promotion {
  position: relative;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  background-color: #e62b64;
}
.time-promotion .icon.time {
  background-image: url('/pointcard/images/icon/icon_time.png');
  width: 101.5px;
  height: 101.5px;
  background-size: 101.5px 101.5px;
}
.time-promotion .icon.alpha {
  background-image: url('/pointcard/images/icon/icon_time_alpha.png');
  width: 49.5px;
  height: 16px;
  background-size: 49.5px 16px;
}
.time-promotion .timer p,
.time-promotion .timer .bar {
  display: inline-block;
  margin: 0px;
  line-height: 1;
}
.time-promotion .timer p strong,
.time-promotion .timer .bar strong {
  font-size: 40px;
}
.time-promotion .timer p span,
.time-promotion .timer .bar span {
  display: block;
  margin-top: 5px;
  font-size: 11px;
}
.time-promotion .timer p.bar,
.time-promotion .timer .bar.bar {
  vertical-align: top;
  margin-top: 10px;
  font-size: 17px;
}
.time-promotion .period {
  margin: 15px 10px 0 10px;
  padding: 10px;
  line-height: 1;
  border-radius: 20px;
  background-color: #006dc0;
}
.time-promotion:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: 13px solid transparent;
  border-top-color: #e62b64;
  margin-left: -13px;
}
.time-coming {
  position: relative;
  padding: 15px 0;
  text-align: center;
  background-color: #006dc0;
}
.time-coming:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: 13px solid transparent;
  border-top-color: #006dc0;
  margin-left: -13px;
}
.time-coming h4 {
  color: #fff;
  font-size: 25px;
}
.time-coming .icon {
  background-image: url('/pointcard/images/icon/icon_coming.png');
  width: 160.5px;
  height: 19px;
  background-size: 160.5px 19px;
}
.find-result {
  padding-top: 30px;
  padding-bottom: 30px;
}
.find-result strong {
  font-size: 25px;
}
/* 
@import "./pages/main.less";


*/
/* polyfills */
/* 
@import "ie.less"; 
*/



 /* 상품리스트 ●● */
.main_item_list {background:#fff; padding: 20px 0 0 0; overflow:hidden}

.main_tab {overflow:hidden;}
.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;}
.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;}

/* 리스트형 리스트 ●● */
.item_list {position:relative; overflow:hidden; padding: 5px 13px; background:#fff;}
.item_list li {overflow:hidden; list-style:none}
.item_list .item_box {position:relative; border-bottom:1px solid #ccc; padding: 8px 0 13px 0;}
.item_list .item_box .alink {position:absolute; left:0; top:0; width:100%; height:100%; z-index:3}
.item_list li:last-child .item_box {border-bottom:none}
.item_list .item_box .thumb {position:relative; overflow:hidden; width: 100px}
.item_list .item_box .soldsoon {text-align:center; height:25px; z-index:2; position:absolute; left:0; bottom:0; margin: 0; width:100%; text-align:center; background:rgba(0,0,0,0.6)}
.item_list .item_box .soldsoon .txt {overflow:hidden; float:left; margin-top:7.5px; line-height:1; color:#fff; font-size:11px;}
.item_list .item_box .soldsoon .ic_box {float:left; margin: 6px 3px 0 0;  width:12px; height:12px; background: url('../images/ic_clock.png') left top no-repeat; background-size: 12px;}
.item_list .item_box .img_box {overflow:hidden; border:1px solid #ccc;}
.item_list .item_box .img_box img {float:left; width:100%}
.item_list .item_box .info {height:100%; position:relative; position:absolute; left:0; top:0; width:100%; overflow:hidden;}
.item_list .item_box .info .tit {text-align:center; color:#666; font-size:13px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.item_list .item_box .info .price_box {position:absolute; left:0; bottom:0; margin: 0 0 20px 110px; clear:both; overflow:hidden;}
.item_list .item_box .info .discount {color:#fa0d3e; font-size:15px; float:left; overflow:hidden; margin-right: 10px}
.item_list .item_box .info .discount strong {font-size:30px; line-height:1; font-weight:400}
.item_list .item_box .info .price {overflow:hidden}
.item_list .item_box .info .before {line-height:1; color:#999;  margin-bottom:2px}
.item_list .item_box .info .after {font-size:12px;}
.item_list .item_box .info .after .num {color:#333; font-size:15px; line-height:1; letter-spacing:0px;}

.item_list .item_box .ranking {z-index:2; position:absolute; left:0; top:0; background:rgba(250,13,62,0.8); color:#fff; text-align:center; padding: 4px 0; width:30px; font-size:10px;}
.item_list .item_box .upper_coup {position:absolute; right:0; top:0; margin: 4px}
.item_list .item_box .upper_coup img {float:left; width:30px}
.item_list .item_box .upper_coup2 {position:absolute; right:0; bottom:0; margin: 4px 4px 20px 4px}
.item_list .item_box .upper_coup2 img {float:left; width:30px}

.item_list .item_box .info .upper_ic {margin: 8px 0 6px 110px; overflow:hidden;}
.item_list .item_box .info .upper_ic img {float:left; height:15px; margin-right:1px}

.item_list .item_box .info .discount_none {float:left; line-height:35px;}
.item_list .item_box .info .discount_none:before {content:'티켓몰가'; font-weight:600; font-size:16px }
.item_list .item_box .info .discount_none+ .price .after {padding-top:10px}
.item_list .item_box .info .before+ .after {padding-top:0 !important}

.item_list .soldout {text-align:center; z-index:4; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.item_list .soldout .lineup {position:absolute; left:0; top:50%; width:100%; margin-top:-30px}
.item_list .soldout .tit {border-radius:100px; border:2px solid #fff; width:100px; height:25px; line-height:25px; overflow:hidden; color:#fff; font-size:15px}
.item_list .soldout .tit .inner {height:57px; font-weight:bold; font-size:16px; letter-spacing:-1px; }
.item_list .soldout .txt {margin-top:10px; font-size:12px; color:#fff; overflow:hidden}
.item_list .soldout .txt em {text-decoration:underline}




/* 썸네일형 리스트 ●● */
.list_thumb {overflow:hidden; clear:both; background:#fff; border:1px solid #ccc; box-sizing:border-box; border-top:none; padding:5px}
.list_thumb li {list-style:none; float:left; width:50%;}
.list_thumb .item_box {position:relative; margin:5px; overflow:hidden}
.list_thumb .item_box .alink {z-index:3; position:absolute; left:0; top:0; width:100%; height:100%}
.list_thumb .item_box .thumb {position:relative; overflow:hidden;}
.list_thumb .item_box .ranking {z-index:2; position:absolute; left:0; top:0; background:rgba(250,13,62,0.8); color:#fff; text-align:center; padding: 6px 0; width:35px; font-size:11px;}
.list_thumb .item_box .upper_ic {overflow:hidden; position:absolute; left:1px; bottom:1px;}
.list_thumb .item_box .upper_ic img {float:left; height:18px; margin:1px 1px 0 0;}
.list_thumb .item_box .upper_coup {position:absolute; right:0; top:0; padding: 5px}
.list_thumb .item_box .upper_coup img {float:left; width:36px}
.list_thumb .item_box .soldsoon {text-align:center; z-index:2; position:absolute; left:0; top:50%; margin: -15px 0; width:100%; text-align:center}
.list_thumb .item_box .soldsoon .ic_box {height:30px; line-height:30px; color:#fff; font-size:12px; font-weight:bold; padding: 0 15px 0 29px;}
.list_thumb .item_box .soldsoon .ic_box {text-align:left!important; background:rgba(0,0,0,0.6) url('../images/ic_clock.png') 10px center no-repeat; border-radius: 100px; -webkit-border-radius: 100px; background-size: 14px;}
.list_thumb .item_box .img_box {overflow:hidden; border:1px solid #ccc;}
.list_thumb .item_box .img_box img {float:left; width:100%}
.list_thumb .item_box .info {overflow:hidden; margin-top:7px}
.list_thumb .item_box .info .tit {color:#666; font-size:13px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.list_thumb .item_box .info .price_box {clear:both; overflow:hidden; margin-top:6px; box-sizing:border-box;}
.list_thumb .item_box .info .discount {color:#fa0d3e; font-size:15px; float:left; overflow:hidden; margin-right: 10px; height:35px; box-sizing:border-box;}
.list_thumb .item_box .info .discount strong {font-size:30px; line-height:1; font-weight:400}
.list_thumb .item_box .info .price {overflow:hidden}
.list_thumb .item_box .info .before {line-height:1; color:#999; margin-bottom:2px}
.list_thumb .item_box .info .after {color:#333; font-size:12px;}
.list_thumb .item_box .info .after .num {font-size:15px; line-height:1; color:#333; letter-spacing:0px;}

.list_thumb .item_box .info .discount_none {float:left; line-height:35px;}
.list_thumb .item_box .info .discount_none:before {content:'티켓몰가'; font-weight:600; font-size:16px }
.list_thumb .item_box .info .discount_none+ .price .after {padding-top:10px}
.list_thumb .item_box .info .before+ .after {padding-top:0 !important}




/* 텍스트메뉴 */
.nav_txt50 {overflow:hidden; margin-top:10px; width:50%;float:left;border-left:1px solid rgba(0,0,0,0.2);margin-left:-1px}
.nav_txt50 a {overflow:hidden; display:block; position:relative; border-bottom:1px solid rgba(0,0,0,0.2); padding:10px 0 10px 30px; color:#999999; font-size:14px; font-weight:bold;letter-spacing:-1px;}
.nav_txt50 a b {color:#d50000; font-size:14px;}
.nav_txt50 a em {font-style:normal; color:#000; margin-left:5px;}

.nav_txt50 .icon {position:absolute; left:0; top:50%; width:35px; height:24px; float:left; margin:-12px 0 0 8px;}

.nav_txt50 .txt1 {background-position:0 -368px; }
.nav_txt50 .txt2 {background-position:-35px -45px;}
.nav_txt50 .txt3 {background-position:-75px -45px;}
.nav_txt50 .txt4 {background-position:-125px -45px; }

.nav_txt50 .icon_arrow {position:absolute; right:0; top:50%; background-position:-135px 0; width:10px; height:15px; margin:-8px 10px 0 0;}




















/* 페이지타이틀 --------------------------------------------------------------------- */
.local_title_area {overflow:hidden; background:#fff; height:40px; position:relative; border-bottom:1px solid #79766d;padding-top:0px;}
.local_title_area .opt_position {margin-right:60%; padding:5px;}
.local_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;}
.local_title_area .opt_position a:first-child {-webkit-border-radius:3px 0 0 3px;}
.local_title_area .opt_position a:last-child {-webkit-border-radius:0 3px 3px 0;}
.local_title_area .opt_position .over {background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#be1b03), to(#fc543e)); color:#fff; -webkit-box-shadow:none;}
.local_title_area .opt_position .over_blue {background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#4785c1), to(#0252a7)); color:#fff; -webkit-box-shadow:none;}



.local_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;}



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

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






/* 내포인트 */
.my_home_pay {overflow:hidden; width:100%;background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#24A6BD), to(#6CC0FF));line-height:35px;height:170px; color:#fff;font-size:16px;}

.my_home_pay .icon_welcome {width:100%;text-align:center;color:#fff;font-size:16px;}
.my_home_pay .icon_qr {width:100%;text-align:center;height:70px;}
.my_home_pay .icon_point {color:#fff;position:absolute;float:left;left:50%;margin-left:-170px;font-size:16px;margin-top:20px;}



.my_home_pay .point {float:left; height:35px; overflow:hidden;position:relative;color:#fff;}

.my_home_pay .point .number { margin-right:30px; overflow:hidden; }
.my_home_pay .point .number span {width:13px; height:20px; margin-top:13px; float:left;}
.my_home_pay .point .number .num_1 {background-position:0 -85px; width:10px;}
.my_home_pay .point .number .num_2 {background-position:-10px -85px;}
.my_home_pay .point .number .num_3 {background-position:-25px -85px;}
.my_home_pay .point .number .num_4 {background-position:-40px -85px;}
.my_home_pay .point .number .num_5 {background-position:-55px -85px;}
.my_home_pay .point .number .num_6 {background-position:-70px -85px;}
.my_home_pay .point .number .num_7 {background-position:-85px -85px;}
.my_home_pay .point .number .num_8 {background-position:-100px -85px;}
.my_home_pay .point .number .num_9 {background-position:-115px -85px;}
.my_home_pay .point .number .num_0 {background-position:-130px -85px;}
.my_home_pay .point .number .unit {background-position:-145px -85px; width:10px;}

.my_home_pay .point .icon_unit {position:absolute; right:0px; top:50%; background-position:-65px 0; width:20px; height:17px; margin:-8px 5px 0 5px}








/* 내포인트 */
.my_point_sub {overflow:hidden; height:100px; background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#7fa934), to(#a8d062));  line-height:50px; color:#fff;font-size:16px;}

.my_point_sub .icon_welcome {width:100%;text-align:center;color:#fff;font-size:16px;}
.my_point_sub .icon_qr {width:100%;text-align:center;height:70px;}
.my_point_sub .icon_point {width:80%;text-align:center;color:#fff;font-size:16px;bottom:0px;}


.my_point_sub .icon_img {background-position:-45px 0; width:10px; height:15px; float:left; margin:15px 5px 0 13px;}

.my_point_sub .point {float:right; height:45px; overflow:hidden; position:relative;color:#fff;}

.my_point_sub .point .number { margin-right:30px; overflow:hidden; }
.my_point_sub .point .number span {width:13px; height:20px; margin-top:13px; float:left;}
.my_point_sub .point .number .num_1 {background-position:0 -85px; width:10px;}
.my_point_sub .point .number .num_2 {background-position:-10px -85px;}
.my_point_sub .point .number .num_3 {background-position:-25px -85px;}
.my_point_sub .point .number .num_4 {background-position:-40px -85px;}
.my_point_sub .point .number .num_5 {background-position:-55px -85px;}
.my_point_sub .point .number .num_6 {background-position:-70px -85px;}
.my_point_sub .point .number .num_7 {background-position:-85px -85px;}
.my_point_sub .point .number .num_8 {background-position:-100px -85px;}
.my_point_sub .point .number .num_9 {background-position:-115px -85px;}
.my_point_sub .point .number .num_0 {background-position:-130px -85px;}
.my_point_sub .point .number .unit {background-position:-145px -85px; width:10px;}

.my_point_sub .point .icon_unit {position:absolute; right:0; top:50%; background-position:-65px 0; width:20px; height:17px; margin:-8px 5px 0 5px}

`


/* 이미지메뉴 */
.nav_img {overflow:hidden; position:relative; width:90%;margin:0 auto;top:-30px;background:#fff; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3); border-top:1px solid #b8b8b8;-webkit-border-radius:20px;}
.nav_img .line {width:1px; height:412px; background:#b8b8b8; position:absolute; bottom:0; left:50%;} 

.nav_img li {width:50%; float:left; text-align:center; border-bottom:1px solid #b8b8b8;}
 
.nav_img a {display:inline-block; width:160px; height:100px; background: transparent url('../images/intro_img_set.png') repeat; background-size:300px;}

.nav_img .btn_shop_01 {background-position:0 0; }
.nav_img .btn_shop_02 {background-position:-150px 0;}
.nav_img .btn_shop_03 {background-position:0 -115px;}
.nav_img .btn_shop_04 {background-position:-150px -115px;}
.nav_img .btn_shop_05 {background-position:0 -225px;}
.nav_img .btn_shop_06 {background-position:-150px -225px;}

.nav_img .btn_shop_07 {background-position:0 -335px;}
.nav_img .btn_shop_08 {background-position:-150px -335px;}

.nav_img .btn_shop_09 {background-position:0 -445px;}
.nav_img .btn_shop_10 {background-position:-150px -445px;}


.nav_img .btn_shop_11 {background-position:0 -555px;}
.nav_img .btn_shop_12 {background-position:-150px -555px;}


.nav_img .btn_shop_13 {background-position:-0px -670px;}









.txt{font-size:37px;color:#333;line-height:130%}
.txt em{font-size:27px}
.txt strong{font-size:55px;color:#21bae0}
.txt p{color:#13458f;font-size:22px;line-height:110%;margin:25px 0}
.txt strong_s{font-size:55pt;color:#21bae0;width:28%}

.gift ul{text-align:center;margin:0 auto}
.gift ul li{display:inline-block;width:47%;text-align:center;}
.gift ul li img{width:97%;border:1px solid #beced5}

.dtable_desc{color:#1871c3;font:1.5em/150% nanum,"나눔고딕";text-align:right}
.dtable_desc p{color:#46698a;font:1em/150% nanum,"나눔고딕";text-align:center}
.dtable_desc a{display:inline-block;width:;height:28px;background:#1871c3;border-radius:3px;font:bold 16px/28px nanum,"나눔고딕";color:#fff;padding:0 5px;margin-left:10px}
.dtable_desc .chk{position:relative;}
input{width:97%;font-size:1.5em}
.dtable_desc .chk input[type="checkbox"]{position:absolute;left:0;top:0;opacity:0;}
.dtable_desc .chk label{display:inline-block;padding-left:30px;background:url('../images/bg_checkbox.html') no-repeat 0 0;height:26px}
.dtable_desc .chk input[type="checkbox"]:checked + label{background-position:0 -26px;}
.ipt_t{width:20%}
.ipt_ss{width:28%}
.ipt_35{width:35%}
.ipt_s{width:45%}
.ipt_m{width:60%}
.ipt_l{width:75%}
.btn_wrap{text-align:center;margin:20px 0}
.btn_wrap a{display:inline-block;width:56%;height:72px;background:#1871c3;border-radius:10px;color:#fff;font:bold 2em/72px nanum,"나눔고딕" }
.btn_wrap1 a{display:inline-block;width:100%;height:100px;background:#1871c3;border-radius:10px;color:#fff;font:bold 2em/72px nanum,"나눔고딕" }


.con{padding:20px}
h2{font:bold 14px/150% "돋움", Dotum, sans-serif; margin:25px 0 10px 0}
h2 span{color:#25b5cf;font-size:12px}
p{margin:10px 0}




#wrap.home{position:relative;width:100%;height:100%}
#wrap.home #h_id{position:absolute;left:19%;top:15%;width:60%;height:9%;}
#wrap.home #h_id p{position:absolute;left:5%;top:37%;width:90%;text-align:center;color:#533813;font-size:0.8em;font-weight:bold;margin-top:5%}
#wrap.home #h_id p.no{top:5%;color:#835c25;font-size:1.0em}
#wrap.home #h_id p.no2{color:#533813;font-size:1.0em;margin:16px 0}
#wrap.home #h_id img{width:100%;height:70px;}
#wrap.home #h_menu{position:absolute;left:10%;top:28%;width:80%}
#wrap.home #h_menu li{float:left;width:29%;padding:2%}
#wrap.home #h_menu li img{width:100%}
#wrap.home img.bg{width:100%;height:100%}
#wrap textarea{width:98%;height:90px;}



.search-form-label {
    background-color: #3c3c3c;
    color: #fff;
    padding: 7px 0;
    font-size: 13px;
    text-align: center;
    border: 1px solid #fff;
}



.btn-select {
    float: left;
    width: auto;
    font-size: 14px;
    background-color: #ff5555;
    color: #fff;
}

.btn-delete {
    float: left;
    width: auto;
    font-size: 14px;
    background-color: grey;
    color: #fff;
}

.padding-left-none {
    padding-left: 0;
}








/* 단락들 */
.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_area {margin:0 5px 5px 5px; background:#fff; -webkit-box-shadow: 0 0 2px #b4ac9a; border:1px solid #b2ab9a;}
.mypage_payment .group_box .conts_area li {border-bottom:1px solid #dedede;height:50px;text-align:right;}
.mypage_payment .group_box .conts_area li:last-child {border-bottom:0}
.mypage_payment .group_box .conts_area .one_box {display:block; padding:10px; position:relative; }

.mypage_payment .group_box .conts_area .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_area .value {display:block; color:#333; font-size:15px; margin-left:100px;;margin-top:8px;}
.mypage_payment .group_box .conts_area .value b {color:#e91111}

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


.mypage_payment .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_payment .group_box .conts_area .value2 {display:block; color:#333; font-size:15px; margin:0 15px 0 75px; text-align:right;}
.mypage_payment .group_box .conts_area .value2 b {color:#e91111}

.mypage_payment .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}


/* 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;} 

.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; }



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

.none_area_wide .btn_hit {background:#ec3333; border:1px solid #b02020;}
.none_area_wide .btn_normal {background:#7e7e7e; border:1px solid #535353;}
.none_area_wide .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_area_wide .btn_txt:first-child {width:100%; 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; }







.page_title_area2 {overflow:hidden; background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#da102c), to(#eb2742)); height:45px; position:relative; border-bottom:1px solid #79766d;}
.page_title_area2 .page_tx {text-align:center; color:#fff; font-size:16px; height:0px; line-height:10px;font-weight:bold}



.bottom_btn_area .btn_single_a {overflow:hidden;position:relative;  margin-left:18px; margin-right:18px;}
.bottom_btn_area .btn_join_a {width:100%; 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_normal_a {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_single_b {overflow:hidden;position:relative;  margin-left:5px; margin-right:5px;margin-top:10px;}
.bottom_btn_area .btn_join_b {width:100%; display:block; padding:10px 0; color:#000; background:-webkit-gradient(linear, 0 100%, 0% 0%, from(#f2f149), to(#f2f149)); text-align:center; font-size:14px; float:right}
.bottom_btn_area .btn_normal_b {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;}



/* 단락들 */

.trade_page_area .group_box {overflow:hidden; position:relative; margin-bottom:5px;}

/*.trade_page_area .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}*/

.trade_page_area .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; }
.trade_page_area .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;}
.trade_page_area .group_box .title_area .ic_modify {background-position:-160px -200px; width:15px; height:15px; float:left; margin:6px 3px 0 0;}


.trade_page_area .group_box .conts_notice {height:40px;padding-top:10px;padding-bottom:10px;padding-left:10px;font-size:13px;}


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

.trade_page_area .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;}
.trade_page_area .group_box .conts_area .value {display:block; color:#333; font-size:15px; margin-left:70px;}
.trade_page_area .group_box .conts_area .value b {color:#e91111}

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


.trade_page_area .group_box .conts_area .opt2 {display:block; color:#333; font-size:15px; margin-left:0px;position:absolute;padding-top:15px;font-weight:bold;}
.trade_page_area .group_box .conts_area .value2 {display:block; color:#333; font-size:18px; margin:14px 10px 0 75px; text-align:right;}
.trade_page_area .group_box .conts_area .value2 b {color:#e91111;font-size:18px;}


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


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




/* 추가 정리 20170308 */
.trade_page_area .group_box .conts_area .opt5 {display:block; color:#b0b0b0; font-size:15px; width:80px; position:absolute; left:0; margin:5px 0 0 5px;}
.trade_page_area .group_box .conts_area .value5 {line-height:45px;padding-top:0px;padding-right:15px;font-size:18px; }
.trade_page_area .group_box .conts_area .value5 b {color:#e91111}


.trade_page_area .group_box .conts_area .opt6 {display:block; color:#b0b0b0; font-size:15px; width:60px; position:absolute; left:0; margin:20px 0 0 20px;}
.trade_page_area .group_box .conts_area .value6 {height:60px;min-height:60px;padding-top:15px;padding-right:15px;vertical-align:middle; font-size:15px; }
.trade_page_area .group_box .conts_area .value6 b {color:#e91111}



/* text (투명인풋) */
.trade_page_area .group_box .conts_area .input_right {-webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; border:none; text-align:right;width:80%; box-sizing:border-box; padding-bottom:5px;font-size:20px; color:#000; background:none;}
.trade_page_area .group_box .conts_area .input_right::-webkit-input-placeholder {color:#999;} 




.trade_page_area .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}

.trade_page_area .group_box .conts_area .form_basic {margin:0 0px 0 0px;color:#333; font-size:15px;text-align:right;}

.trade_page_area .group_box .conts_area .form_basic_right {margin:0 30px 0 80px;color:#333; font-size:15px;text-align:right;}


.trade_page_area .group_box .conts_area .form_basic_left {margin:0 30px 0 80px;color:#333; font-size:17px;text-align:left;}



.trade_page_area .group_box .conts_area .form_basic_select {margin:0 10px 0 80px;color:#333; margin-top:-8px;font-size:15px;}



.trade_page_area .group_box .conts_area label {font-size:15px; line-height:35px; overflow:hidden; float:left; margin-right:10px; color:#666;}




.button_pack_white_b {display:block; box-sizing:border-box; }
.button_pack_white_b a,.button_pack_white_b input,.button_pack_white_b 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_white_b .btn_sm_white,.button_pack_white_b .btn_sm_black,.button_pack_white_b .btn_sm_color {font-size:12px; height:25px; line-height:23px; padding:0 10px;}
.button_pack_white_b .btn_sm_white {background:#fff; color:#333 !important; border:1px solid #ccc; }
.button_pack_white_b .btn_sm_black {background:#505258; color:#fff !important; border:1px solid #505258;}
.button_pack_white_b .btn_sm_color {background:#fb5074; color:#fff !important; border:1px solid #fb5074; }

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


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


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





.white_border_box {overflow:hidden; text-align:center; margin-left:20px;margin-right:20px;margin-top:-15px }
.white_border_box li {text-align:center; letter-spacing:-1px; color:#999; list-style:none; overflow:hidden; box-sizing:border-box; width:100%;padding:0 3px 0 0;margin-bottom:10px;}
.white_border_box li:last-of-type {padding:0px 0px 5px 3px}
.button_pack_white_b {float:left;padding:0; display:block; width:48%; box-sizing:border-box; margin-top:0px;margin-right:5px;}
.button_pack_white_b a {text-align:center; display:block; width:100%;}

.button_pack_white {float:left;padding:0; display:block; width:92%; box-sizing:border-box; margin-top:0px;margin-right:5px;}
.button_pack_white a {text-align:center; display:block; width:100%;}


.white_border_box li:last-of-type .button_pack_white_b a {height:38px; line-height:38px; font-size:14px;}




/* ●●●●●●●●●● 아이디비번찾기 */
.cm_member_find {overflow:hidden; position:relative; background:#fff; padding:20px;}
.cm_member_find li {list-style:none}
.cm_member_find .title_img {text-align:center; font-family:'lato'; font-size:30px; color:#333; margin-bottom:15px; font-weight:600;}
.cm_member_find .form_box {position:relative; overflow:hidden; max-width:350px; margin:0 auto}
.cm_member_find .form_box ul {overflow:hidden; position:relative;}
.cm_member_find .form_box li {overflow:hidden; border:1px solid #d1d1d1; border-radius:5px 5px 0 0}
.cm_member_find .form_box li:last-of-type {border-top:0; border-radius:0 0 5px 5px}
.cm_member_find .form_box .input_design {height:60px; width:100%; font-size:16px; padding:0 20px; box-sizing:border-box; color:#888; background:#ededed;}
.cm_member_find .form_box .input_design:focus {color:#000; background-color:#ddd;}
.cm_member_find .guide_text {overflow:hidden; clear:both; padding:20px 0 0 0}
.cm_member_find .guide_text li {list-style:none; color:#999; line-height:18px; margin-bottom:3px; font-size:12px; line-height:16px;}
.cm_member_find .cm_bottom_button {margin:10px 0 0 0; }
.cm_member_find .result_box {text-align:center; max-width:350px; margin:0 auto}
.cm_member_find .result_txt { background:rgba(0,0,0,0.05); padding:23px 10px 0 10px; min-height:123px; box-sizing:border-box; border-radius:5px;}
.cm_member_find .result_txt dt {font-size:16px; color:#333; margin-bottom:10px; line-height:18px; }
.cm_member_find .result_txt dd {color:#888; line-height:16px; }
.cm_member_find .result_box em {color:#ff0000;}


/* ●●●●●●●●●● 탭메뉴이용시 */
.cm_tabmenu {}
.cm_tabmenu .tabbox {display:table; width:100%;}
.cm_tabmenu .tabbox ul {display:table-row;}
.cm_tabmenu .tabbox li {display:table-cell;height:50px; text-align:center; background:rgba(0,0,0,0.05); border-left:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1); width:1%; box-sizing:border-box; position:relative;}
.cm_tabmenu .tabbox li:before {content:''; background:rgba(0,0,0,0.1); width:100%; height:1px; position:absolute; left:0; bottom:0;}
.cm_tabmenu .tabbox li:first-of-type {border-left:0}
.cm_tabmenu .tabbox .tab {display:block; padding:20px 0; letter-spacing:-1px; color:rgba(0,0,0,0.4); font-size:15px}
.cm_tabmenu .tabbox .hit {background:#fff;}
.cm_tabmenu .tabbox .hit:before {display:none}
.cm_tabmenu .tabbox .hit a { color:#333; box-shadow:none}

















/* mypage point,mileage exchage */
.contentSub ul.pointExchange {
	display:block; 
	width:100%;
	height:150px;
	margin:0 auto;
	background:#ffffff url(../images/img_sub_02.png) no-repeat center top;
}
.contentSub ul.pointExchange > li {
	display:block; 
}

.contentSub ul.pointExchange > li.change {
padding-top:30px;
text-align:center;
font-weight:bold;
	font-size:15px;
	margin:8px 0 0 -20px;
}
.contentSub ul.pointExchange > li.change > span.coupon {
	margin-left:160px;
}
.contentSub ul.pointExchange > li.caution {
	width:600px;
	margin:30px 0 20px 60px;
	padding:10px 30px 0;
	text-align:left;
	line-height:20px;
	border-top:1px dashed #ccc;
}
.contentSub ul.pointExchange > li.caution span {
	color:#ff6600;
}
.contentSub ul.pointExchange > li.caution dl {
	display:block;
	margin:0 0 0 120px;
}
.contentSub ul.pointExchange > li.caution dl dt {
	font-weight:bold;
}





/*btn06*/
.cssBtnClass6 {
	font-family:"돋움", "굴림", Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #464655;
	padding:2px 10px 0px ;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #707183), color-stop(100%, #5e5f6f) );
	background:-moz-linear-gradient( center top, #707183 5%, #5e5f6f 100% );
	background:-ms-linear-gradient( top, #707183 5%, #5e5f6f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#707183', endColorstr='#5e5f6f');
	background-color:#707183;
	color:#ffffff;
	display:inline-block;
}
.cssBtnClass6:hover {
	color:#fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5e5f6f), color-stop(100%, #707183) );
	background:-moz-linear-gradient( center top, #5e5f6f 5%, #707183 100% );
	background:-ms-linear-gradient( top, #5e5f6f 5%, #707183 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5f6f', endColorstr='#707183');
	background-color:#5e5f6f;
}
.cssBtnClass6:active {
	position:relative;
	top:1px;
}






/* ●●●●●●●●●● 회원탈퇴 */
.cm_mypage_leave {overflow:hidden; padding:20px; background:#fff;}
.cm_mypage_leave li {list-style:none}
.cm_mypage_leave .title_img {text-align:center; font-family:'lato'; font-size:30px; color:#333; margin-bottom:15px; font-weight:600;}
.cm_mypage_leave .sub_txt {border-top:1px solid #eee; padding:15px 0; text-align:center; line-height:16px;}
.cm_mypage_leave .sub_txt strong {color:#ff6600; font-weight:400; margin-top:5px; display:block; font-size:14px}
.cm_mypage_leave .form_box {position:relative; overflow:hidden}
.cm_mypage_leave .form_box li {overflow:hidden; border:1px solid #d1d1d1; border-radius:5px 5px 0 0; position:relative;}
.cm_mypage_leave .form_box li:last-of-type {border-top:0; border-radius:0 0 5px 5px}
.cm_mypage_leave .form_box .input_design {height:60px; width:100%; font-size:16px; padding:0 20px; box-sizing:border-box; color:#888; background:#ededed; padding-left:55px;}
.cm_mypage_leave .form_box .input_design:focus {color:#000; background-color:#ddd;}
.cm_mypage_leave .form_box .login_id:before {content:''; width:55px; height:60px; position:absolute; left:0; top:0; background:transparent url('../images/cm_images/member_login_id.png') center center no-repeat; background-size:18px;}
.cm_mypage_leave .form_box .login_pw:before {content:''; width:55px; height:60px; position:absolute; left:0; top:0; background:transparent url('../images/cm_images/member_login_pw.png') center center no-repeat; background-size:18px;}
.cm_mypage_leave .cm_bottom_button {margin:10px 0 0 0}





/* ●●●●●●●●●● 페이지 도움말 */
.cm_user_guide {border:1px solid #ddd; border-radius:5px; background-size:38px; margin-top:20px; text-align:left;}
.cm_user_guide dl { margin-left:10px; padding:10px 10px; }
.cm_user_guide dt {font-size:14px; color:#cc0000; margin-bottom:5px; letter-spacing:-1px;  padding-top:20px}
.cm_user_guide dt:first-child {padding-top:0}
.cm_user_guide dd {font-size:11px; line-height:13px; color:#999; letter-spacing:0px; margin-top:4px}
.cm_user_guide b,.cm_user_guide strong {color:#000; font-weight:400; letter-spacing:0px;}
.common_full .cm_user_guide {margin:10px}







/* 경품로또 -------------------------------- */
.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:360px; margin-top:15px;}
#lotto_box .top_area .title {color:#fff; font-weight:bold; margin-top:8px; 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:#efefef; margin:20px 10px 0 10px; -webkit-border-radius:50px;  border:1px solid #247786;}
#lotto_box .number_auto .title {text-align:center; color:#aaa; font-weight:bold; padding:5px 0; font-size:20px;}
#lotto_box .number_auto .number_set {}
#lotto_box .number_auto .number_set li {width:100%;float:left; text-align:center; margin-bottom:5px;}
#lotto_box .number_auto .number_set li span {width:100%; }
#lotto_box .number_auto .number_set li a {font-size:19px;width:100%; }

#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;  font-size:18px; }
#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;}



/* 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-size:22px;font-weight:bold;}



.notice {height:34px;padding:0 10px 0 55px;background-color:#f1f1f1;line-height:2.6em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;}
.notice .not_tit {height:20px;font-size:12px;line-height:1.7em;padding:0 7px;color:#fff;background-color:#bbb;border-radius:20px;position:absolute;top:7px;left:10px;}





/* ●●●●●●●●●● 목록 갤러리형  */
.cm_board_media {/* border-top:2px solid #333;*/; overflow:hidden;}
.cm_board_media li {list-style:none; position:relative; padding:10px; box-sizing:border-box; width:50%; float:left;height:160px}
.cm_board_media .post {background:#fff; overflow:hidden;}
.cm_board_media .thumb {position:relative; overflow:hidden; background:#f4f4f4 url('../m/images/cm_images/no_conts_media.png') center center no-repeat; background-size:30px; min-height:90px}
.cm_board_media .thumb img {width:100%;}
.cm_board_media .title {margin:5px 0 5px 0; color:#555; font-size:13px; height:20px; line-height:25px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.cm_board_media .date {font-family:'lato'; color:#999; padding-left:18px; background:transparent url('../m/images/cm_images/ic_date.png') left center no-repeat; background-size:12px; float:left;}
.cm_board_media .click {float:right; color:#999; line-height:16px;} 
.cm_board_media .click strong {font-weight:400; letter-spacing:0px;}
.cm_board_media .cm_no_conts .no_icon {background-image:url('../m/images/cm_images/no_conts_board_gallery.png');}

.cm_board_media .notice {background:#ddd; overflow:hidden; padding:8px 10px; width:100%;}
.cm_board_media .notice .texticon_pack {position:absolute; left:10px; top:50%; margin-top:-10px}
.cm_board_media .notice .title {margin:5px 0 2px 45px; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; }







/* ●●●●●●●●●● 게시판 하단 검색 */
.cm_board_search {position:relative; padding:0 10px 10px 10px; box-sizing:border-box; margin:0 auto; max-width:350px;}
.cm_board_search .check_box {display:none;position:absolute; left:10px; top:2px; }
.cm_board_search .check_box label {margin-right:3px; line-height:15px; font-size:11px; padding:3px 0}
.cm_board_search .check_box label input {background-size:30px; width:15px; height:15px; margin-right:3px;}
.cm_board_search .input_search {border-bottom:1px solid #ddd; height:35px; padding:0 40px 0 10px; box-sizing:border-box; width:100%; font-size:13px; /* border-radius:5px; */}
.cm_board_search .input_search:focus {border-bottom:1px solid #666;}
.cm_board_search .right_btn {position:absolute; right:10px; top:0; }
.cm_board_search .btn_search {float:left; width:35px; height:35px; background:transparent url('../m/images/cm_images/board_foot_search.png') center center no-repeat; background-size:18px; opacity:0.5; }
.cm_board_search .input_search:focus+ .right_btn .btn_search {opacity:1}
.cm_board_search .btn_viewall {float:left; background:#bbb; color:#fff; padding:0 8px; line-height:26px; margin:4px 0 0 0; letter-spacing:-1px;}








/* 이미지 div 아래줄 여백 생기는거 잡아줌 */
audio,
canvas,
img,
video {
  vertical-align: middle !important;
}
/* 이미지 div 아래줄 여백 생기는거 잡아줌 */





/* helper mixins : semantic ===================================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}
.invisible {
  visibility: hidden;
}
.semantic-visible {
  overflow: visible;
  margin: 0;
  height: auto;
  width: auto;
  clip: auto;
  position: relative;
}
.semantic {
  position: absolute;
  text-indent: -1000px;
  display: inline-block;
  margin: -1px;
  padding: 0;
  height: 1px;
  clip: rect(0 0 0 0);
  border: none;
  white-space: nowrap;
  overflow: hidden;
}
.sr-only {
  position: absolute;
  text-indent: -1000px;
  display: inline-block;
  margin: -1px;
  padding: 0;
  height: 1px;
  clip: rect(0 0 0 0);
  border: none;
  white-space: nowrap;
  overflow: hidden;
}
.ir {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  word-wrap: break-word;
  word-break: keep-all;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
.ir em,
.ir .em {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  text-indent: -1000px;
}








@media (min-width: 992px) {
  .col-md-1-2 {
    float: left !important;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .col-md-1-3 {
    float: left !important;
    width: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .col-md-1-4 {
    float: left !important;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .col-md-1-5 {
    float: left !important;
    width: 20%;
  }
}
@media (min-width: 992px) {
  .col-md-1-6 {
    float: left !important;
    width: 16.66666667%;
  }
}
@media (min-width: 992px) {
  .col-md-1-7 {
    float: left !important;
    width: 14.28571429%;
  }
}
@media (min-width: 992px) {
  .col-md-1-8 {
    float: left !important;
    width: 12.5%;
  }
}
@media (min-width: 992px) {
  .col-md-1-9 {
    float: left !important;
    width: 11.11111111%;
  }
}
@media (min-width: 992px) {
  .col-md-1-10 {
    float: left !important;
    width: 10%;
  }
}
.col-lg-1-1 {
  float: none !important;
}
@media (min-width: 1200px) {
  .col-lg-1-2 {
    float: left !important;
    width: 50%;
  }
}
.lt-ie9 .col-lg-1-2 {
  float: left !important;
  width: 50%;
}
@media (min-width: 1200px) {
  .col-lg-1-3 {
    float: left !important;
    width: 33.33333333%;
  }
}
.lt-ie9 .col-lg-1-3 {
  float: left !important;
  width: 33.33333333%;
}
@media (min-width: 1200px) {
  .col-lg-1-4 {
    float: left !important;
    width: 25%;
  }
}
.lt-ie9 .col-lg-1-4 {
  float: left !important;
  width: 25%;
}
@media (min-width: 1200px) {
  .col-lg-1-5 {
    float: left !important;
    width: 20%;
  }
}
.lt-ie9 .col-lg-1-5 {
  float: left !important;
  width: 20%;
}
@media (min-width: 1200px) {
  .col-lg-1-6 {
    float: left !important;
    width: 16.66666667%;
  }
}
.lt-ie9 .col-lg-1-6 {
  float: left !important;
  width: 16.66666667%;
}
@media (min-width: 1200px) {
  .col-lg-1-7 {
    float: left !important;
    width: 14.28571429%;
  }
}
.lt-ie9 .col-lg-1-7 {
  float: left !important;
  width: 14.28571429%;
}
@media (min-width: 1200px) {
  .col-lg-1-8 {
    float: left !important;
    width: 12.5%;
  }
}
.lt-ie9 .col-lg-1-8 {
  float: left !important;
  width: 12.5%;
}
@media (min-width: 1200px) {
  .col-lg-1-9 {
    float: left !important;
    width: 11.11111111%;
  }
}
.lt-ie9 .col-lg-1-9 {
  float: left !important;
  width: 11.11111111%;
}
@media (min-width: 1200px) {
  .col-lg-1-10 {
    float: left !important;
    width: 10%;
  }
}
.lt-ie9 .col-lg-1-10 {
  float: left !important;
  width: 10%;
}

body {
  font-size: 14px;
  color: #222;
}
.no-touch body {
  font-family: 'Nanum Gothic', 'nanumgothic', NG, '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', Sans-Serif, 'Dotum', '돋움', 'Gulim', '굴림', '굴림체';
}
.line-height-reset,
.line-height-xsmall {
  line-height: 1;
}
.line-height-small {
  line-height: 1.2;
}
.line-height {
  line-height: 1.4;
}
.line-height-large {
  line-height: 1.6;
}
.line-height-xlarge {
  line-height: 1.8;
}
.thin,
.normal {
  font-weight: 400;
}
.thick,
.bold {
  font-weight: 600;
}
.chrome .thick,
.chrome .bold {
  font-weight: 700;
}
.strike {
  text-decoration: line-through;
  color: #666;
}
.underline:link,
a .underline {
  text-decoration: underline;
}
label,
th {
  font-size: 14px;
}
span.primary,
strong.primary {
  color: #222;
}
span.warning,
strong.warning {
  color: #ee6e2b !important;
}
span.warning a,
strong.warning a {
  color: #ee6e2b !important;
}
span.success,
strong.success {
  color: #8d8d8d;
}
span.info,
strong.info {
  color: #777;
}
span.small,
strong.small {
  font-size: 11px;
}
span.large,
strong.large {
  font-size: 19px;
}
span.xlarge,
strong.xlarge {
  font-size: 25px;
}
small,
.small {
  font-size: 11px;
}
.text-overflow,
.ellipsis {
  display: inline-block;
  *display: block;
  *zoom: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  word-wrap: normal !important;
  word-break: keep-all;
  white-space: nowrap;
  width: 99%;
}
.nowrap {
  word-wrap: break-word;
  word-break: keep-all;
  white-space: nowrap;
}




#header {
  max-width: 100%;
  line-height: 1;
}
#header #head {
  height: 45px;
  background-color: #fff;
  border-bottom: solid 2px #fb4357;
}
#header #head a {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
}
#header #head .col:nth-child(1) {
  float: left !important;
  width: 57.14285714%;
}
#header #head .col:nth-child(1) p {
  float: left;
}
#header #head .col:nth-child(1) .icon.menu {
  background-image: url('../img/common/top_menu.png');
  width: 45px;
  height: 45px;
  background-size: 45px 45px;
}
#header #head .col:nth-child(1) .icon.logo {
  background-image: url('../img/common/logo.png');
  width: 117px;
  height: 45px;
  background-size: 117px 45px;
}
#header #head .col:nth-child(2) {
  float: left !important;
  width: 42.85714286%;
}
#header #head .col:nth-child(2) p {
  float: right;
}
#header #head .col:nth-child(2) .icon {
  border-left: solid 1px #dadada;
}
#header #head .col:nth-child(2) .icon.basket {
  background-image: url('../img/common/top_basket.png');
  width: 45px;
  height: 45px;
  background-size: 45px 45px;
}
#header #head .col:nth-child(2) .icon.user {
  background-image: url('../img/common/top_user.png');
  width: 45px;
  height: 45px;
  background-size: 45px 45px;
}
#header #gnb {
  background-color: #8d8d8d;
  border-bottom: solid 2px #005494;
}
#header #gnb .cell {
  height: 45px;
  vertical-align: middle;
}
#header #gnb .cell.core {
  margin-right: 45px;
  padding-left: 5px;
  width: auto;
}
#header #gnb .cell.core ul {
  display: table;
  width: 100%;
}
#header #gnb .cell.core li {
  display: table-cell;
  table-layout: fixed;
  float: none !important;
  width: auto;
  text-align: center;
}
#header #gnb .cell.core li a span {
  display: inline-block;
  padding: 0px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
#header #gnb .cell.core li.active a span {
  color: #fff600;
  background-image: url('../img/common/gnb_bar.png');
  background-size: 65px 30px;
  background-position: center bottom;
}
@media (min-width: 480px) {
  #header #gnb .cell.core ul {
    max-width: 500px;
  }
  #header #gnb .cell.core li a span,
  #header #gnb .cell.core li:first-child a span,
  #header #gnb .cell.core li:last-child a span {
    padding: 0 10px;
    font-size: 16px;
  }
}
#header #gnb .cell.search {
  width: 45px;
  text-align: center;
}
#header #gnb .cell.search .icon {
  background-image: url('../img/common/btn_search.png');
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
#header #search {
  position: absolute;
  z-index: 10;
  top: 52px;
  left: 0;
  overflow: hidden;
  width: 100%;
  background-color: #8d8d8d;
  border-bottom: solid 2px #005494;
  opacity: 0.5;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
#header #search .wrap {
  margin: 10px;
}
#header #search .core {
  margin: 0 60px 0 35px;
}
#header #search .core .combobox {
  border-color: #fff;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
}
#header #search .core input.text {
  margin-top: 5px;
  height: 30px;
  line-height: 30px;
  border-color: #fff;
  border-radius: 5px;
}
#header #search .action {
  position: absolute;
  top: 10px;
}
#header #search .action a {
  display: inline-block;
}
#header #search .action.nav {
  left: 10px;
}
#header #search .action.nav .icon {
  background-image: url('../img/common/search_nav.png');
  width: 30px;
  height: 65px;
  background-size: 30px 65px;
}
#header #search .action.search {
  right: 10px;
}
#header #search .action.search .icon {
  background-image: url('../img/common/btn_search_2.png');
  width: 55px;
  height: 66px;
  background-size: 55px 66px;
}
#header #search.active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* device : smartphones ========================================================================== */
.sm {
  display: block;
}
@media (min-width: 992px) {
  .sm {
    display: none;
  }
}
/* device : tablet ========================================================================== */
.md {
  display: none;
}
@media (min-width: 992px) {
  .md {
    display: block;
  }
}
@media (min-width: 1200px) {
  .md {
    display: none;
  }
}
/* device : table landscape and wide ========================================================================== */
.lg {
  display: none;
}
@media (min-width: 1200px) {
  .lg {
    display: block;
  }
}
.lg .lt-ie9 {
  display: block;
}
/* modules */
/* alert ========================================================================== */
/* animation : collapse ========================================================================== */
.toggle,
.collapse {
  display: none;
}
.toggle.in,
.collapse.in,
.toggle.active,
.collapse.active {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
/* animation : fade ========================================================================== */
.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in,
.fade.active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* badge : default badge ========================================================================== */
span.badge {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
span.badge.soldout {
  height: 30px;
  line-height: 30px;
  background-color: rgba(0, 0, 0, 0.5);
}
/* badge : custom badge ========================================================================== */
/* bbs : utility ========================================================================== */
.bbs-form {
  line-height: 1;
}
.bbs-form .gutter {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.bbs-form .guide {
  padding: 10px 10px 20px;
  background-color: #fff;
  line-height: 1.4;
}
.bbs-form .subject,
.bbs-form .count {
  margin-top: 10px;
  height: 22px;
  line-height: 22px;
}
.bbs-form .subject {
  font-weight: bold;
}
.bbs-form .field {
  margin-top: 5px;
}
.bbs-form .field .button {
  vertical-align: top !important;
}
.bbs-form .field.interest label {
  display: inline-block;
  margin: 5px 0;
  width: 45.5%;
}
.bbs-form .count {
  text-align: right;
  font-size: 11px;
  color: #777;
}
.bbs-form .author {
  padding: 10px 0;
}
.bbs-form .action {
  margin: 10px 0;
}
.bbs-form.bbs-form-b .grid {
  display: table;
  width: 100%;
  border-bottom: 1px #d0d0d0 solid;
}
.bbs-form.bbs-form-b .grid.action {
  border: 0px;
}
.bbs-form.bbs-form-b .grid .subject,
.bbs-form.bbs-form-b .grid .field {
  display: table-cell;
  vertical-align: middle;
  float: none !important;
  *float: none !important;
}
.bbs-form.bbs-form-b .grid .subject {
  padding: 15px 0 15px 15px;
  font-weight: 400;
  background: #f2f2f2;
}
.bbs-form.bbs-form-b .grid .field {
  padding: 5px 10px 5px 15px;
}
.bbs-form.bbs-form-c .grid {
  display: table;
  width: 100%;
  border-top: 1px #aaa solid;
  background-color: #fff;
}
.bbs-form.bbs-form-c .grid:first-child {
  border-top: 0px;
}
.bbs-form.bbs-form-c .grid.action {
  border: 0px;
}
.bbs-form.bbs-form-c .grid .subject,
.bbs-form.bbs-form-c .grid .field {
  display: table-cell;
  vertical-align: middle;
  float: none !important;
  *float: none !important;
}
.bbs-form.bbs-form-c .grid .subject {
  padding: 15px 0 15px 15px;
}
.bbs-form.bbs-form-c .grid .field {
  padding: 5px 10px 5px 15px;
}
.bbs-thumb-list li {
  margin-top: 5px;
  border: 1px #d0d0d0 solid;
  background: #fff;
}
.bbs-thumb-list li:first-child {
  margin-top: 0px;
}
.bbs-thumb-list li .thumb {
  display: block;
  text-align: center;
  border-bottom: 1px #d0d0d0 solid;
  background: #f2f2f2;
}
.bbs-thumb-list li .thumb img {
  max-width: 100%;
}
.bbs-thumb-list li .subject,
.bbs-thumb-list li .date {
  display: block;
  margin-left: 15px;
}
.bbs-thumb-list li .subject.subject,
.bbs-thumb-list li .date.subject {
  margin-top: 10px;
  color: #000;
}
.bbs-thumb-list li .subject.date,
.bbs-thumb-list li .date.date {
  color: #777;
  margin-bottom: 10px;
}
#breadcrumb {
  clear: both;
  margin: 6px 0 11px;
  font-size: 11px;
}
#breadcrumb a {
  color: #777;
}
#breadcrumb a:hover {
  text-decoration: none;
}
#breadcrumb .gt {
  padding: 0 5px;
  color: #777;
}
/* Jumbotron ========================================================================== */
/* label ==================================================================== */
span.label {
  display: inline;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  cursor: default;
  line-height: 1;
  padding: 2px 3px 1px;
  font-size: 11px;
  color: #fff;
  border: solid 1px #000;
  border-color: #999999;
  color: #999999;
  background-color: #ffffff;
}
span.label[href] {
  text-decoration: none;
}
span.label[href]:hover,
span.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
span.label:empty {
  /* Empty labels collapse automatically (not available in IE8) */
  display: none;
}
.btn span.label {
  /* Quick fix for labels in buttons */
  position: relative;
  top: -1px;
}
span.label[href]:hover,
span.label[href]:focus {
  background-color: #e6e6e6;
}
span.label.primary {
  border: solid 1px #000;
  border-color: #ffffff;
  color: #ffffff;
  background-color: #444444;
}
span.label.primary[href]:hover,
span.label.primary[href]:focus {
  background-color: #2b2b2b;
}
.question.active span.label.primary {
  border-color: transparent;
}
span.label.label-best {
  border: solid 1px #000;
  border-color: #ffffff;
  color: #ffffff;
  background-color: #fe4445;
  border-color: #fe4445;
}
span.label.label-best[href]:hover,
span.label.label-best[href]:focus {
  background-color: #fe1113;
}
span.label.label-new {
  border: solid 1px #000;
  border-color: #ffffff;
  color: #ffffff;
  background-color: #fe9844;
  border-color: #fe9844;
}
span.label.label-new[href]:hover,
span.label.label-new[href]:focus {
  background-color: #fe7c11;
}
span.label.label-md {
  border: solid 1px #000;
  border-color: #ffffff;
  color: #ffffff;
  background-color: #73ba5e;
  border-color: #73ba5e;
}
span.label.label-md[href]:hover,
span.label.label-md[href]:focus {
  background-color: #5aa045;
}
span.label.label-hot {
  border: solid 1px #000;
  border-color: #ffffff;
  color: #ffffff;
  background-color: #6788cf;
  border-color: #6788cf;
}
span.label.label-hot[href]:hover,
span.label.label-hot[href]:focus {
  background-color: #406ac3;
}
span.label.label-direct,
span.label.label-alpha,
span.label.label-pickup,
span.label.label-basic {
  border: solid 1px #000;
  border-color: #8d8d8d;
  color: #8d8d8d;
  background-color: #ffffff;
  border: solid 1px #8d8d8d;
}
span.label.label-direct[href]:hover,
span.label.label-alpha[href]:hover,
span.label.label-pickup[href]:hover,
span.label.label-basic[href]:hover,
span.label.label-direct[href]:focus,
span.label.label-alpha[href]:focus,
span.label.label-pickup[href]:focus,
span.label.label-basic[href]:focus {
  background-color: #e6e6e6;
}
span.label.label-free {
  border: solid 1px #000;
  border-color: #8d8d8d;
  color: #8d8d8d;
  background-color: #ffffff;
  border: solid 1px #8d8d8d;
}
span.label.label-free[href]:hover,
span.label.label-free[href]:focus {
  background-color: #e6e6e6;
}
span.label.level {
  color: #fff;
  border: 0px;
}
span.label.level.new {
  border: solid 1px #000;
  border-color: #54abed;
  color: #54abed;
  background-color: #ffffff;
  border: solid 1px #54abed;
}
span.label.level.new[href]:hover,
span.label.level.new[href]:focus {
  background-color: #e6e6e6;
}
span.label.level.family {
  border: solid 1px #000;
  border-color: #7bb728;
  color: #7bb728;
  background-color: #ffffff;
  border: solid 1px #7bb728;
}
span.label.level.family[href]:hover,
span.label.level.family[href]:focus {
  background-color: #e6e6e6;
}
span.label.level.silver {
  border: solid 1px #000;
  border-color: #777777;
  color: #777777;
  background-color: #ffffff;
  border: solid 1px #777;
}
span.label.level.silver[href]:hover,
span.label.level.silver[href]:focus {
  background-color: #e6e6e6;
}
span.label.level.gold {
  border: solid 1px #000;
  border-color: #fb4357;
  color: #fb4357;
  background-color: #ffffff;
  border: solid 1px #fb4357;
}
span.label.level.gold[href]:hover,
span.label.level.gold[href]:focus {
  background-color: #e6e6e6;
}
span.label.level.vip {
  border: solid 1px #000;
  border-color: #ab74d6;
  color: #ab74d6;
  background-color: #ffffff;
  border: solid 1px #ab74d6;
}
span.label.level.vip[href]:hover,
span.label.level.vip[href]:focus {
  background-color: #e6e6e6;
}
span.label.level.company {
  border: solid 1px #000;
  border-color: #8d8d8d;
  color: #8d8d8d;
  background-color: #ffffff;
  border: solid 1px #8d8d8d;
}
span.label.level.company[href]:hover,
span.label.level.company[href]:focus {
  background-color: #e6e6e6;
}
span.label.level.nomember {
  border: solid 1px #000;
  border-color: #333333;
  color: #333333;
  background-color: #ffffff;
  border: solid 1px #333;
}
span.label.level.nomember[href]:hover,
span.label.level.nomember[href]:focus {
  background-color: #e6e6e6;
}
span.label.notice {
  border: solid 1px #000;
  border-color: #ee6e2b;
  color: #ee6e2b;
  background-color: #ffffff;
  border: 1px solid #ee6e2b;
}
span.label.notice[href]:hover,
span.label.notice[href]:focus {
  background-color: #e6e6e6;
}
span.label.large {
  display: inline-block;
  padding: 7px 0;
  min-width: 65px;
  font-size: 14px;
}
span.label.xlarge {
  display: inline-block;
  padding: 15px 5px;
  min-width: 70px;
  font-size: 14px;
}
span.label.order-receive,
span.label.ship-ready,
span.label.send-ready,
span.label.answer-no,
span.label.change-ask,
span.label.change-approval,
span.label.return-ask,
span.label.return-approval {
  border: solid 1px #000;
  border-color: #8d8d8d;
  color: #8d8d8d;
  background-color: #ffffff;
  border: solid 1px #8d8d8d;
}
span.label.order-receive[href]:hover,
span.label.ship-ready[href]:hover,
span.label.send-ready[href]:hover,
span.label.answer-no[href]:hover,
span.label.change-ask[href]:hover,
span.label.change-approval[href]:hover,
span.label.return-ask[href]:hover,
span.label.return-approval[href]:hover,
span.label.order-receive[href]:focus,
span.label.ship-ready[href]:focus,
span.label.send-ready[href]:focus,
span.label.answer-no[href]:focus,
span.label.change-ask[href]:focus,
span.label.change-approval[href]:focus,
span.label.return-ask[href]:focus,
span.label.return-approval[href]:focus {
  background-color: #e6e6e6;
}
span.label.ship-ing,
span.label.ship-finish,
span.label.answer-ok {
  border: solid 1px #000;
  border-color: #ee6e2b;
  color: #ee6e2b;
  background-color: #ffffff;
  border: solid 1px #ee6e2b;
}
span.label.ship-ing[href]:hover,
span.label.ship-finish[href]:hover,
span.label.answer-ok[href]:hover,
span.label.ship-ing[href]:focus,
span.label.ship-finish[href]:focus,
span.label.answer-ok[href]:focus {
  background-color: #e6e6e6;
}
span.label.change-finish,
span.label.buy-fix {
  border: solid 1px #000;
  border-color: #777777;
  color: #777777;
  background-color: #ffffff;
  border: solid 1px #777;
}
span.label.change-finish[href]:hover,
span.label.buy-fix[href]:hover,
span.label.change-finish[href]:focus,
span.label.buy-fix[href]:focus {
  background-color: #e6e6e6;
}
span.label.label-time {
  border: solid 1px #000;
  border-color: #8d8d8d;
  color: #8d8d8d;
  background-color: #ffffff;
  border: solid 1px #8d8d8d;
}
span.label.label-time[href]:hover,
span.label.label-time[href]:focus {
  background-color: #e6e6e6;
}
span.label.label-early {
  border: solid 1px #000;
  border-color: #ee6e2b;
  color: #ee6e2b;
  background-color: #ffffff;
  border: solid 1px #ee6e2b;
}
span.label.label-early[href]:hover,
span.label.label-early[href]:focus {
  background-color: #e6e6e6;
}
span.label.point-save {
  border: solid 1px #000;
  border-color: #8d8d8d;
  color: #8d8d8d;
  background-color: #ffffff;
  border: solid 1px #8d8d8d;
}
span.label.point-save[href]:hover,
span.label.point-save[href]:focus {
  background-color: #e6e6e6;
}
span.label.point-save {
  border: solid 1px #000;
  border-color: #8d8d8d;
  color: #8d8d8d;
  background-color: #ffffff;
  border: solid 1px #8d8d8d;
}
span.label.point-save[href]:hover,
span.label.point-save[href]:focus {
  background-color: #e6e6e6;
}
span.label.point-use {
  border: solid 1px #000;
  border-color: #ee6e2b;
  color: #ee6e2b;
  background-color: #ffffff;
  border: solid 1px #ee6e2b;
}
span.label.point-use[href]:hover,
span.label.point-use[href]:focus {
  background-color: #e6e6e6;
}
/* List ========================================================================== */
ul.list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 5px;
  text-align: left;
  line-height: 1;
}
ul.list li {
  margin: 3px 0;
  padding: 0 0 0 10px;
  line-height: 1.4;
}
ul.list.list-a li {
  background-image: url('../img/common/list_a.png');
  background-position: left 6px;
  background-repeat: no-repeat;
  background-size: 5px 5px;
}
ul.list.list-a li.button-be .button {
  padding-left: 10px;
  padding-right: 10px;
}
ul.list.list-b li {
  background-image: url('../img/common/list_b.png');
  background-position: left 8px;
  background-repeat: no-repeat;
  background-size: 4px 1px;
}
ul.list.list-c {
  padding-left: 15px;
}
ul.list.list-c li {
  list-style-type: disc;
  padding: 0;
}
ul.list.list-d li {
  background-image: url('../img/common/list_d.png');
  background-position: left 6px;
  background-repeat: no-repeat;
  background-size: 5px 5px;
}
ul.list.list-space {
  margin-left: 0;
}
ul.list.list-space li {
  margin: 10px 0 0;
  padding: 0;
}
ul.list.list-space li li {
  margin: 3px 0 0;
}
ul.list.list-space li p {
  margin: 0;
}
ul.list.list-notice-warning li {
  padding-left: 15px;
  background-image: url('../img/common/icon_notice.png');
  background-position: left 6px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  color: #ee6e2b;
}
ol.list-ol {
  margin: 0 0 0 20px;
  padding: 0px;
}
ol.list-ol li {
  margin: 5px 0;
}
ol.list-ol li ol {
  margin: 0 0 15px;
}
ol.list-circle {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol.list-circle li {
  margin-top: 5px;
  padding-left: 20px;
  text-indent: -20px;
}
ol.list-circle li li {
  margin: 3px 0;
  padding-left: 10px;
  text-indent: 0;
}
ol.list-circle li p {
  margin: 5px 0;
  text-indent: 0;
}
/* 상품 목록 */
.list-product {
  clear: both;
  width: 100%;
}
.list-product p {
  margin-top: 0;
  margin-bottom: 3px;
  margin-left: 10px;
  margin-right: 10px;
}
.list-product p.labels .label {
  margin-right: 1px;
}
.list-product p.name {
  margin-top: 8px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #222;
  word-break: break-all;
}
.list-product p.shipping {
  font-size: 11px;
  color: #777;
}
.list-product p.price-before {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  color: #777;
  text-decoration: line-through;
  line-height: 1;
}
.list-product p.price-after {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 17px;
  font-weight: bold;
  color: #222;
  line-height: 1;
}
.list-product a {
  text-decoration: none;
}
.list-product .col {
  clear: both;
  *zoom: 1;
}
.list-product .col:before,
.list-product .col:after {
  content: " ";
  display: table;
}
.list-product .col:after {
  clear: both;
}
.list-product .col .module {
  margin: 0 0 10px 0;
  background-color: #fff;
}
.list-product .col .module * {
  transition: all .2s;
}
.list-product .col .thumb {
  position: relative;
}
.list-product .col .thumb img {
  max-width: 100%;
}
.list-product.list {
  display: block;
}
.list-product.list .module {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  min-height: 115px;
}
.list-product.list .thumb {
  display: table-cell;
  vertical-align: middle;
  width: 115px;
}
.list-product.list .thumb img {
  width: 115px;
}
.list-product.list .desc {
  display: table-cell;
  width: auto;
  vertical-align: top;
}
.list-product.image {
  display: table;
  border-collapse: collapse;
}
.list-product.image .row {
  display: table-row;
}
.list-product.image .col {
  display: table-cell;
  width: 50%;
  background-color: #ffffff;
  border: solid 10px #f2f2f2;
  border-top: 0;
}
.list-product.image .col:nth-child(odd) {
  border-left: 0;
}
.list-product.image .col:nth-child(even) {
  border-right: 0;
}
.list-product.image .module {
  margin: 0;
}
.list-product.image .desc {
  padding-bottom: 10px;
}
.list-product.image .thumb {
  position: relative;
  margin-bottom: 5px;
  text-align: center;
}
.list-product.image .thumb img {
  width: 145px;
}
.list-product.image .thumb .icon.best {
  position: absolute;
  left: 5px;
  top: -2px;
}
.list-product.best-of-best {
  margin-top: 15px;
}
.list-product.best-of-best .label.best {
  position: absolute;
  top: -2px;
  left: 5px;
  width: 42px;
  height: 49px;
  padding-top: 5px;
  box-sizing: border-box;
  border: 0px;
  color: #fff;
  font-weight: 600;
  background-color: transparent;
  background-image: url('../img/custom/label_best.png');
  background-size: 100% 100%;
}
.chrome .list-product.best-of-best .label.best {
  font-weight: 700;
}
.list-product.best-of-best .label.best strong {
  display: block;
  font-size: 23px;
}
.list-product.best-of-best.best-first .col {
  width: 100%;
}
.list-product.best-of-best.best-first .col .label.best {
  width: 71px;
  height: 90px;
  padding-top: 32px;
  font-size: 14px;
  background-image: url('../img/custom/label_best_top.png');
}
.list-product.best-of-best.best-first .col .label.best strong {
  font-size: 30px;
}
.best-first {
  background-color: #fff;
}
/* 유틸리티 리스트 일반 */
.list-utility {
  clear: both;
  line-height: 1;
}
.list-utility .item {
  border-top: solid 1px #d0d0d0;
}
.list-utility .item .module {
  margin: 10px 10px 15px;
}
.list-utility .item [class*='col-'] {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4;
}
.list-utility .item [class*='col-'].date {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f9f6ed;
  color: #ee6e2b;
}
.comment-list {
  border-top: 1px #d0d0d0 solid;
}
.comment-list .item {
  padding: 15px 10px;
  border-bottom: 1px #d0d0d0 solid;
}
.comment-list .item .desc {
  clear: both;
  *zoom: 1;
}
.comment-list .item .desc:before,
.comment-list .item .desc:after {
  content: " ";
  display: table;
}
.comment-list .item .desc:after {
  clear: both;
}
.comment-list .item .desc .num {
  float: left;
}
.comment-list .item .desc .num .label {
  display: inline-block;
  padding: 0px;
  width: 60px;
  height: 45px;
  line-height: 45px;
  color: #777;
  font-size: 17px;
  font-weight: bold;
}
.comment-list .item .desc .info {
  float: left;
  margin-left: 10px;
  padding-top: 5px;
  color: #aaa;
}
.comment-list .item .core {
  margin: 5px;
}
/* ==========================================================================
   Media
   ========================================================================== */
.media,
.media-body {
  clear: both;
  *zoom: 1;
}
.media:before,
.media-body:before,
.media:after,
.media-body:after {
  content: " ";
  display: table;
}
.media:after,
.media-body:after {
  clear: both;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media-wrap {
  min-height: 40px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* ==========================================================================
   Pagination
   ========================================================================== */
.section-pagination {
  clear: both;
  *zoom: 1;
  position: relative;
  margin: 25px auto 25px;
  text-align: center;
  line-height: 1;
  cursor: default;
}
.section-pagination:before,
.section-pagination:after {
  content: " ";
  display: table;
}
.section-pagination:after {
  clear: both;
}
.section-pagination a {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0;
  width: 29px;
  height: 29px;
  line-height: 29px;
  vertical-align: middle !important;
  transition: all 0.3s;
  font-size: 14px;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  color: #777;
}
.section-pagination a.active,
.section-pagination a.nav:hover,
.section-pagination a:hover {
  text-decoration: none;
  border-color: #ee6e2b;
  background-color: #ee6e2b;
  color: #fff;
  font-weight: 600;
}
.chrome .section-pagination a.active,
.chrome .section-pagination a.nav:hover,
.chrome .section-pagination a:hover {
  font-weight: 700;
}
.section-pagination a.nav {
  background-position: center center;
  background-repeat: no-repeat;
}
.section-pagination a.nav.prev {
  background-image: url('../img/module/pagination_prev.png');
}
.section-pagination a.nav.prev:hover {
  background-image: url('../img/module/pagination_prev_hover.png');
}
.section-pagination a.nav.next {
  background-image: url('../img/module/pagination_next.png');
}
.section-pagination a.nav.next:hover {
  background-image: url('../img/module/pagination_next_hover.png');
}
.section-pagination a.nav.first {
  background-image: url('../img/module/pagination_first.png');
}
.section-pagination a.nav.first:hover {
  background-image: url('../img/module/pagination_first_hover.png');
}
.section-pagination a.nav.last {
  background-image: url('../img/module/pagination_last.png');
}
.section-pagination a.nav.last:hover {
  background-image: url('../img/module/pagination_last_hover.png');
}
.section-pagination a.nav.prev,
.section-pagination a.nav.next,
.section-pagination a.nav.first,
.section-pagination a.nav.last {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.section-pagination a.nav.prev:hover,
.section-pagination a.nav.next:hover,
.section-pagination a.nav.first:hover,
.section-pagination a.nav.last:hover,
.section-pagination a.nav.prev:focus,
.section-pagination a.nav.next:focus,
.section-pagination a.nav.first:focus,
.section-pagination a.nav.last:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.section-pagination a.button {
  width: auto;
  padding: 0 20px;
}
/* Tab ========================================================================== */
/* 상품상세 탭 */
.tab-detail {
  margin-top: 15px;
  border-collapse: collapse;
}
.tab-detail a {
  display: block;
}
.tab-detail strong,
.tab-detail span {
  display: block;
}
.tab-detail strong {
  font-size: 14px;
  font-weight: normal;
  color: #222;
}
.tab-detail strong span {
  display: inline;
  font-size: 14px;
}
.tab-detail span {
  font-size: 11px;
  color: #ee6e2b;
}
.tab-detail li {
  width: 20%;
  height: 44px;
  text-align: center;
  line-height: 1.2;
  border: solid 1px #aaa;
  background-color: #f2f2f2;
  border-bottom: solid 2px #222;
}
.tab-detail li a {
  height: 44px;
  line-height: 44px;
}
.tab-detail li.active {
  background-color: #fff;
  border: solid 1px #f56012;
  border-top: solid 2px #f56012;
  border-bottom: solid 2px #fff;
}
.tab-detail li.active strong {
  font-weight: bold;
  color: #ee6e2b;
}
/* 페이지 제목과 함께 위치하는 탭 */
.tab-title {
  clear: both;
  *zoom: 1;
  height: 52px;
  background-image: url('../img/common/line_tab_a.html');
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-top: -49px;
}
.tab-title:before,
.tab-title:after {
  content: " ";
  display: table;
}
.tab-title:after {
  clear: both;
}
.tab-title .tab {
  height: 52px;
  box-sizing: content-box;
  border-collapse: collapse;
}
.tab-title .tab li {
  display: block;
  position: relative;
  z-index: 1;
  margin-right: -1px;
  height: 52px;
}
.tab-title .tab li a {
  display: inline-block;
  transition: all .2s;
  border-style: solid;
  border-width: 1px;
  border-color: #e2e2e2;
  border-bottom-width: 0;
  height: 48px;
}
.tab-title .tab li a > span {
  display: inline-block;
  padding-left: 35px;
  padding-right: 35px;
  height: 48px;
  line-height: 48px;
}
.tab-title .tab li:hover,
.tab-title .tab li.active {
  z-index: 2;
}
.tab-title .tab li:hover a,
.tab-title .tab li.active a {
  height: 51px;
  border-color: #333333;
  text-decoration: none;
}
.tab-title .tab li.active a {
  font-weight: 600;
  background-color: #fff;
}
.chrome .tab-title .tab li.active a {
  font-weight: 700;
}
.tab-title.item-2 li {
  width: 50%;
}
.tab-title.item-3 li {
  width: 33.4%;
}
.tab-title.item-4 li {
  width: 25%;
}
.tab-title.item-4 li:nth-child(4) {
  width: 25.35%;
}
.tab-title.item-5 li {
  width: 20%;
}
.tab-title.item-5 li:first-child {
  width: 20.4%;
}
.tab-title.item-6 li {
  width: 16.67%;
}
.tab-title.item-6 li:first-child {
  width: 17%;
}
.tab-title.full-width li a {
  display: block;
}
.tab-title.full-width li a > span {
  display: block;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.tab-title .tab {
  float: right;
}
.tab-title .tab li a span {
  font-size: 16px;
  color: #222;
}
/* 작은 사이즈의 탭 */
.tab-small {
  clear: both;
  *zoom: 1;
  height: 37px;
  background-image: url('../img/common/line_tab_small.html');
  background-position: left bottom;
  background-repeat: repeat-x;
}
.tab-small:before,
.tab-small:after {
  content: " ";
  display: table;
}
.tab-small:after {
  clear: both;
}
.tab-small .tab {
  height: 37px;
  box-sizing: content-box;
  border-collapse: collapse;
}
.tab-small .tab li {
  display: block;
  position: relative;
  z-index: 1;
  margin-right: -1px;
  height: 37px;
}
.tab-small .tab li a {
  display: inline-block;
  transition: all .2s;
  border-style: solid;
  border-width: 1px;
  border-color: #e2e2e2;
  border-bottom-width: 0;
  height: 33px;
}
.tab-small .tab li a > span {
  display: inline-block;
  padding-left: 22px;
  padding-right: 22px;
  height: 34px;
  line-height: 34px;
}
.tab-small .tab li:hover,
.tab-small .tab li.active {
  z-index: 2;
}
.tab-small .tab li:hover a,
.tab-small .tab li.active a {
  height: 36px;
  border-color: #333333;
  text-decoration: none;
}
.tab-small .tab li.active a {
  font-weight: 600;
  background-color: #fff;
}
.chrome .tab-small .tab li.active a {
  font-weight: 700;
}
.tab-small.item-2 li {
  width: 50%;
}
.tab-small.item-3 li {
  width: 33.4%;
}
.tab-small.item-4 li {
  width: 25%;
}
.tab-small.item-4 li:nth-child(4) {
  width: 25.35%;
}
.tab-small.item-5 li {
  width: 20%;
}
.tab-small.item-5 li:first-child {
  width: 20.4%;
}
.tab-small.item-6 li {
  width: 16.67%;
}
.tab-small.item-6 li:first-child {
  width: 17%;
}
.tab-small.full-width li a {
  display: block;
}
.tab-small.full-width li a > span {
  display: block;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.tab-small .tab {
  float: right;
}
.tab-small .tab li a span {
  font-size: 14px;
  color: #222;
}
.tab-small .tab li:hover a span,
.tab-small .tab li.active a span {
  color: #222;
}
.tab-small.tab-title {
  margin-top: -35px;
}
.tab-a {
  clear: both;
  *zoom: 1;
  height: 52px;
  background-image: url('../img/common/line_tab_a.html');
  background-position: left bottom;
  background-repeat: repeat-x;
}
.tab-a:before,
.tab-a:after {
  content: " ";
  display: table;
}
.tab-a:after {
  clear: both;
}
.tab-a .tab {
  height: 52px;
  box-sizing: content-box;
  border-collapse: collapse;
}
.tab-a .tab li {
  display: block;
  position: relative;
  z-index: 1;
  margin-right: -1px;
  height: 52px;
}
.tab-a .tab li a {
  display: inline-block;
  transition: all .2s;
  border-style: solid;
  border-width: 1px;
  border-color: #e2e2e2;
  border-bottom-width: 0;
  height: 48px;
}
.tab-a .tab li a > span {
  display: inline-block;
  padding-left: 35px;
  padding-right: 35px;
  height: 48px;
  line-height: 48px;
}
.tab-a .tab li:hover,
.tab-a .tab li.active {
  z-index: 2;
}
.tab-a .tab li:hover a,
.tab-a .tab li.active a {
  height: 51px;
  border-color: #333333;
  text-decoration: none;
}
.tab-a .tab li.active a {
  font-weight: 600;
  background-color: #fff;
}
.chrome .tab-a .tab li.active a {
  font-weight: 700;
}
.tab-a.item-2 li {
  width: 50%;
}
.tab-a.item-3 li {
  width: 33.4%;
}
.tab-a.item-4 li {
  width: 25%;
}
.tab-a.item-4 li:nth-child(4) {
  width: 25.35%;
}
.tab-a.item-5 li {
  width: 20%;
}
.tab-a.item-5 li:first-child {
  width: 20.4%;
}
.tab-a.item-6 li {
  width: 16.67%;
}
.tab-a.item-6 li:first-child {
  width: 17%;
}
.tab-a.full-width li a {
  display: block;
}
.tab-a.full-width li a > span {
  display: block;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.tab-a .tab li a span {
  font-size: 16px;
  color: #222;
}
.tab-a div.more {
  position: absolute;
  top: 10px;
  right: 0px;
}
.tab-b {
  clear: both;
}
.tab-b .tab li {
  margin-bottom: 6px;
  width: 20%;
  text-align: left;
}
.tab-b .tab li a {
  display: block;
  border: solid 1px #e2e2e2;
  text-align: center;
  transition: all .2s;
}
.tab-b .tab li a span {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #222;
}
.tab-b .tab li:hover a,
.tab-b .tab li.active a {
  background-color: #222;
}
.tab-b .tab li:hover a span,
.tab-b .tab li.active a span {
  color: #fff;
}
.tab-b .tab.item-5 li {
  width: 20.5%;
}
.tab-b .tab.item-5 li a {
  margin-left: 17px;
}
.tab-b .tab.item-5 li.nth-child-1,
.tab-b .tab.item-5 li.nth-child-6 {
  width: 18%;
}
.tab-b .tab.item-5 li.nth-child-1 a,
.tab-b .tab.item-5 li.nth-child-6 a {
  margin-left: 0;
}
/* 스텝 탭 */
.step-guide {
  padding: 30px 0;
  border-bottom: 1px #333 solid;
}
.step-guide ul {
  display: table;
  width: 100%;
}
.step-guide ul li {
  display: table-cell;
  height: 70px;
  text-align: center;
  border-left: 1px #e0e0e0 solid;
}
.step-guide ul li:first-child {
  border-left: 0px;
}
.step-guide ul li span {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-top: 10px;
}
.step-guide ul li span.ico {
  margin: 0 10px 0 0;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
}
.step-guide ul li span strong {
  display: block;
  font-weight: normal;
}
.step-guide ul li.nth-child-1 .ico {
  background-position: left bottom;
}
.step-guide ul li.nth-child-2 .ico {
  background-position: -70px bottom;
}
.step-guide ul li.nth-child-3 .ico {
  background-position: -140px bottom;
}
.step-guide ul li.nth-child-4 .ico {
  background-position: -210px bottom;
}
.step-guide ul li.active {
  color: #ee6e2b;
}
.step-guide ul li.active.nth-child-1 .ico {
  background-position: left top;
}
.step-guide ul li.active.nth-child-2 .ico {
  background-position: -70px top;
}
.step-guide ul li.active.nth-child-3 .ico {
  background-position: -140px top;
}
.step-guide ul li.active.nth-child-4 .ico {
  background-position: -210px top;
}
.step-guide ul li.active strong {
  font-weight: bold;
}
/* ==========================================================================
   Thumbnail
   ========================================================================== */
/* thumb mixins */
/* thumbnail sizes */
.thumb80 .thumb {
  width: 45px;
  height: 45px;
}
.thumb80 .thumb img {
  width: 45px;
  height: 45px;
}
.thumb120 .thumb {
  width: 120px;
  height: 120px;
}
.thumb120 .thumb img {
  width: 120px;
  height: 120px;
}
/* span */
span.thumb {
  display: inline-block;
}
/* Tooltip ========================================================================== */
/* Poll  ========================================================================== */
/* modal ========================================================================== */
.page-modal #breadcrumb,
.pushr-modal #breadcrumb {
  display: none;
}
.page-modal .refund-price,
.pushr-modal .refund-price {
  background: #fff;
  border: 1px #aaa solid;
}
.page-modal .refund-price .grid.sub,
.pushr-modal .refund-price .grid.sub {
  background: #f9f6ed;
}
.page-modal .refund-total,
.pushr-modal .refund-total {
  margin-top: 5px;
  border: 1px #8d8d8d solid;
}
.page-modal .refund-total .grid.total,
.pushr-modal .refund-total .grid.total {
  border: 0px;
}
.page-modal .pickup-table,
.pushr-modal .pickup-table {
  width: 100%;
  border-top: 2px #222 solid;
}
.page-modal .pickup-table th,
.pushr-modal .pickup-table th,
.page-modal .pickup-table td,
.pushr-modal .pickup-table td {
  text-align: center;
  border-bottom: 1px #d0d0d0 solid;
}
.page-modal .pickup-table td,
.pushr-modal .pickup-table td {
  padding: 5px 0;
}
.page-modal .pickup-table th,
.pushr-modal .pickup-table th {
  padding: 15px 0;
  background: #f2f2f2;
}
.page-modal .discount-coupon,
.pushr-modal .discount-coupon {
  background: #f9f6ed;
}
.page-modal .discount-coupon .hr,
.pushr-modal .discount-coupon .hr {
  margin: 0px;
}
.page-modal .discount-coupon .hr.dashed,
.pushr-modal .discount-coupon .hr.dashed {
  margin: 10px 0;
  border-top: 1px #aaa dashed;
  background: none;
}
.page-modal .discount-coupon li,
.pushr-modal .discount-coupon li {
  margin-top: 15px;
}
.page-modal .discount-coupon .coupon-list,
.pushr-modal .discount-coupon .coupon-list {
  position: relative;
  margin-top: 15px;
  background: #fff;
  border: 1px #d0d0d0 solid;
}
.page-modal .discount-coupon .coupon-list .grid,
.pushr-modal .discount-coupon .coupon-list .grid {
  padding: 5px 0;
  border-top: 1px #d0d0d0 solid;
}
.page-modal .discount-coupon .coupon-list .grid:first-child,
.pushr-modal .discount-coupon .coupon-list .grid:first-child {
  border: 0px;
}
.page-modal .discount-coupon .coupon-list .grid .subject,
.pushr-modal .discount-coupon .coupon-list .grid .subject {
  font-weight: 600;
  padding-left: 15px;
  margin-top: 5px;
  color: #777;
  font-size: 14px;
}
.chrome .page-modal .discount-coupon .coupon-list .grid .subject,
.chrome .pushr-modal .discount-coupon .coupon-list .grid .subject {
  font-weight: 700;
}
.page-modal .discount-coupon .coupon-list .grid .field label,
.pushr-modal .discount-coupon .coupon-list .grid .field label {
  display: block;
  margin: 5px 10px 5px 0;
  word-break: break-all;
  white-space: inherit;
}
.page-modal .discount-coupon .coupon-list .grid .field p,
.pushr-modal .discount-coupon .coupon-list .grid .field p {
  margin: 5px 0;
}
.page-modal .discount-coupon .coupon-list .grid.apply,
.pushr-modal .discount-coupon .coupon-list .grid.apply {
  background: #f2f2f2;
}
.page-modal .discount-coupon .coupon-list .grid.apply .subject,
.pushr-modal .discount-coupon .coupon-list .grid.apply .subject {
  margin-top: 0px;
}
.page-modal .discount-coupon .coupon-list .grid.apply .field,
.pushr-modal .discount-coupon .coupon-list .grid.apply .field {
  text-align: right;
  padding-right: 15px;
}
.page-modal .discount-coupon .coupon-list:after,
.pushr-modal .discount-coupon .coupon-list:after {
  position: absolute;
  left: 10px;
  top: -8px;
  content: '';
  width: 11px;
  height: 8px;
  background-image: url('../img/custom/discount_coupon_arrow.png');
  background-size: 100%;
}
.page-modal .discount-coupon .total,
.pushr-modal .discount-coupon .total {
  margin: 5px 0;
  padding: 15px 0;
  background: #f1f9ff;
  border: 1px #8d8d8d solid;
}
.page-modal .discount-coupon .total .grid,
.pushr-modal .discount-coupon .total .grid {
  margin: 0 15px;
}
.page-modal .discount-coupon .total .subject,
.pushr-modal .discount-coupon .total .subject {
  margin-top: 2px;
}
.page-modal .discount-coupon .total .field,
.pushr-modal .discount-coupon .total .field {
  font-size: 17px;
  text-align: right;
}
.page-modal .deliver,
.pushr-modal .deliver {
  padding-bottom: 25px;
  border-top: 1px #aaa solid;
  background: #f9f6ed;
}
.page-modal .deliver .title-arrow,
.pushr-modal .deliver .title-arrow {
  margin: 15px 0 0;
  padding-bottom: 15px;
  font-weight: 600;
  border-bottom: 1px #aaa dashed;
}
.chrome .page-modal .deliver .title-arrow,
.chrome .pushr-modal .deliver .title-arrow {
  font-weight: 700;
}
.page-modal .deliver li.row,
.pushr-modal .deliver li.row {
  margin-top: 15px;
}
.page-modal .deliver .coupon-list,
.pushr-modal .deliver .coupon-list {
  position: relative;
  margin-top: 15px;
  background: #fff;
  border: 1px #d0d0d0 solid;
}
.page-modal .deliver .coupon-list .grid,
.pushr-modal .deliver .coupon-list .grid {
  padding: 5px 0;
  border-top: 1px #d0d0d0 solid;
}
.page-modal .deliver .coupon-list .grid:first-child,
.pushr-modal .deliver .coupon-list .grid:first-child {
  border: 0px;
}
.page-modal .deliver .coupon-list .grid .subject,
.pushr-modal .deliver .coupon-list .grid .subject {
  font-weight: 600;
  padding-left: 15px;
  margin-top: 5px;
  color: #777;
  font-size: 14px;
}
.chrome .page-modal .deliver .coupon-list .grid .subject,
.chrome .pushr-modal .deliver .coupon-list .grid .subject {
  font-weight: 700;
}
.page-modal .deliver .coupon-list .grid .field label,
.pushr-modal .deliver .coupon-list .grid .field label {
  display: block;
  margin: 5px 10px 5px 0;
  word-break: break-all;
  white-space: inherit;
}
.page-modal .deliver .coupon-list .grid .field p,
.pushr-modal .deliver .coupon-list .grid .field p {
  margin: 5px 0;
}
.page-modal .deliver .coupon-list:after,
.pushr-modal .deliver .coupon-list:after {
  position: absolute;
  left: 10px;
  top: -8px;
  content: '';
  width: 11px;
  height: 8px;
  background-image: url('../img/custom/discount_coupon_arrow.png');
  background-size: 100%;
}
.layer-popup {
  display: none;
  position: absolute;
  z-index: 10;
  background: #fff;
  border: 3px #fb4357 solid;
  box-sizing: border-box;
}
.layer-popup .holder {
  margin: 25px 10px;
}
.layer-popup .holder .head {
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 2px #222 solid;
}
.layer-popup .holder .head .title {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 17px;
}
.layer-popup .holder .contents {
  margin-top: 20px;
}
.layer-popup .holder .contents:first-child {
  margin-top: 0px;
}
.layer-popup .holder .contents .section-button {
  text-align: center;
}
.layer-popup.pickup-guide {
  width: 300px;
}
/* indicator */
#indicator {
  display: none;
}
.csstransitions.indicator #indicator {
  display: block;
}
#indicator {
  position: fixed;
  z-index: 9999;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  width: 300px;
  text-align: center;
}
#indicator > div {
  position: relative;
  font-size: 10px;
  text-indent: -9999em;
  background: #fff;
}
.indicator-bounce #indicator {
  margin-top: -10px;
}
.indicator-bounce #indicator > div {
  margin: 0 5px;
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.indicator-bounce #indicator > div:nth-child(1) {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.indicator-bounce #indicator > div:nth-child(2) {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.indicator-load8 #indicator {
  margin-top: -60px;
}
.indicator-load8 #indicator > div {
  margin: 0 auto;
  background: transparent;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-animation: load8 .8s infinite linear;
  animation: load8 .8s infinite linear;
}
.indicator-load8 #indicator > div {
  display: none;
}
.indicator-load8 #indicator > div:first-child {
  display: block;
}
.indicator-load8 #indicator > div,
.indicator-load8 #indicator > div:after {
  border-radius: 100%;
  width: 54px;
  height: 54px;
}
.indicator-flip #indicator {
  text-align: center;
}
.indicator-flip #indicator > div {
  border-radius: 100%;
}
.indicator-flip #indicator > div {
  display: inline-block;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  -webkit-animation: vertical-flip 1.8s infinite both;
  animation: vertical-flip 1.8s infinite both;
}
.indicator-flip #indicator > div:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.indicator-flip #indicator > div:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vertical-flip {
  0%,
  100% {
    opacity: 0;
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: rotate3d(1, 0, 0, 180deg);
  }
}
@keyframes vertical-flip {
  0%,
  100% {
    opacity: 0;
    transform: rotate3d(1, 0, 0, 0deg);
  }
  50% {
    opacity: 1;
    transform: rotate3d(1, 0, 0, 180deg);
  }
}
/* plugins - form stone */
/* comboBoxr ======================================================================== */
/* comboBoxr */
.js .js-comboBoxr {
  visibility: hidden;
}
.comboBoxr {
  display: inline-block;
  line-height: 1;
}
.comboBoxr * {
  box-sizing: content-box;
}
.comboBoxr a {
  text-decoration: none;
  text-overflow: clip;
  cursor: pointer;
}
.comboBoxr > a {
  display: inline-block;
}
.comboBoxr > a > span {
  display: block;
}
.comboBoxr.active > a {
  position: relative;
}
.lt-ie8 .comboBoxr {
  display: inline;
}
/* options */
.comboBoxr .select {
  list-style: none;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.comboBoxr li {
  margin: 0;
  padding: 0;
  text-align: left;
}
.comboBoxr li a,
.comboBoxr li a span {
  display: block;
}
/* options-wrap */
.comboBoxr > div {
  display: none;
  position: absolute;
  overflow: hidden;
}
.comboBoxr.active > div {
  display: block;
}
.lt-ie8 .comboBoxr > div {
  overflow: visible;
}
/* transition */
.csstransforms3d .comboBoxr > div {
  display: block;
  height: 0;
  transition: all .3s;
}
.csstransforms3d .comboBoxr.active > div {
  display: block;
}
/* responsive */
.comboBoxr.responsive {
  display: block;
}
.comboBoxr.responsive > a {
  display: block;
}
.comboBoxr.responsive > div {
  right: 0;
}
/* border */
.comboBoxr.border > a,
.comboBoxr.border > a > span,
.comboBoxr.border > div > div {
  border-color: #dadbdd;
  border-style: solid;
  border-width: 1px;
}
.comboBoxr.border > a {
  border-top-width: 0;
  border-bottom-width: 0;
}
.comboBoxr.border > a > span {
  border-left-width: 0;
  border-right-width: 0;
}
.comboBoxr.border.down.active > a > span {
  border-bottom-color: #fff;
}
.comboBoxr.border.up.active > a > span {
  border-top-color: #fff;
}
.comboBoxr.border > div {
  margin-top: -1px;
}
.comboBoxr.border.up > div {
  margin-top: 0;
  margin-bottom: -1px;
}
/* border radius */
.comboBoxr.border-radius > a {
  border-radius: 3px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  background-color: #fff;
}
.comboBoxr.border-radius > a > span {
  border-color: transparent;
  background-color: transparent;
}
.comboBoxr.border-radius.active > a {
  border-radius: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-color: transparent;
}
/* shadow */
.comboBoxr.shadow > div {
  box-shadow: 3px 3px 3px #999;
}
/* theme - classic */
.comboBoxr.classic > a > span {
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  background-color: #fff;
  color: #000;
}
.comboBoxr.classic > div {
  background-color: #fff;
}
/*
.comboBoxr.classic li span { border-top: solid 1px #eee; }
.comboBoxr.classic li:first-child span { border-top: 0; }
*/
.comboBoxr.classic li a:hover {
  background-color: #f7f7f7;
}
.comboBoxr.classic li.selected a {
  background-color: #eee;
}
.comboBoxr.classic li a span {
  padding: 0 10px;
}
.comboBoxr.classic .select {
  margin: 10px;
  padding: 0;
}
/* theme - dark */
.comboBoxr.dark a {
  color: #fff;
}
.comboBoxr.dark > a > span {
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  background-color: #000;
  color: #fff;
}
.comboBoxr.dark > div {
  background-color: #000;
}
.comboBoxr.dark > a,
.comboBoxr.dark > a > span,
.comboBoxr.dark > div > div {
  border-color: #000;
}
.comboBoxr.dark li a:hover {
  background-color: #000;
  color: #fff;
}
.comboBoxr.dark li.selected a {
  background-color: #333;
  color: #fff;
}
.comboBoxr.dark li a span {
  padding: 0 10px;
}
.comboBoxr.dark .select {
  margin: 10px;
  padding: 0;
}
/* breadcrumb */
.comboBoxr.breadcrumb li a:hover {
  background-color: #f7f7f7;
}
.comboBoxr.breadcrumb li.selected a {
  background-color: #eee;
}
.comboBoxr.breadcrumb li a span {
  padding: 0 10px;
}
.comboBoxr.breadcrumb .select {
  margin: 10px;
  padding: 0;
}
.comboBoxr.breadcrumb .options-inner {
  background-color: #fff;
  border: solid 1px #000;
}
/* arrow */
.comboBoxr.arrow > a > span {
  padding-right: 40px;
}
.comboBoxr.arrow > a > span:after {
  border-color: #999999;
  border-left-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-width: 0;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  margin: auto 0;
  position: absolute;
  right: 15px;
  top: 0;
  width: 0;
}
.comboBoxr.arrow.active > a > span:after {
  border-top-width: 0;
  border-bottom-width: 5px;
  right: 14px;
}
/* combobox */
.combobox {
  padding: 0 20px 0 10px;
  height: 34px;
  line-height: 34px;
  background-image: url('../img/common/arrow_combobox.png');
  background-position: right center;
  border: 1px #bbb solid;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.combobox,
.combobox option {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-appearance: none;
}
.combobox option {
  padding: 10px 10px;
}
.combobox.warning {
  background-image: url('../img/common/arrow_white.png');
  border: 0px;
}
.combobox.warning,
.combobox.warning option {
  background-color: #ee6e2b;
  color: #fff;
}
/* --------------------------------
reset
-------------------------------- */
/* --------------------------------
mixins
-------------------------------- */
.pushr-border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pushr-border-box-all *,
.pushr-border-box-all *::after,
.pushr-border-box-all *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}





/* --------------------------------
container 배경색상 흰색으로 변경 mview
-------------------------------- */

.pushr-container {
  background-color: #ffffff;
}
/* --------------------------------
aside
-------------------------------- */
.pushr-aside,
.pushr-user {
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  width: 80%;
  height: 100%;
  height: 100vh;
  overflow-y: auto;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    */
}
.modern .pushr-aside,
.modern .pushr-user {
  -webkit-transition: all .4s;
  transition: all .4s;
}
.no-modern .pushr-aside,
.no-modern .pushr-user {
  display: none;
}
.pushr-aside.is-visible,
.pushr-user.is-visible {
  -webkit-overflow-scrolling: touch;
}
.modern .pushr-aside.is-visible,
.modern .pushr-user.is-visible {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.no-modern .pushr-aside.is-visible,
.no-modern .pushr-user.is-visible {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushr-aside {
  left: 0;
}
.modern .pushr-aside {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.pushr-user {
  right: 0;
}
.modern .pushr-user {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.pushr-modal {
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  overflow: hidden;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 350%, 0);
  transform: translate3d(0, 350%, 0);
  -webkit-transform: translate3d(0, 100vh, 0);
  transform: translate3d(0, 100vh, 0);
}
.modern .pushr-modal {
  -webkit-transition: all .4s;
  transition: all .4s;
}
.no-modern .pushr-modal {
  -webkit-transition: all 0s;
  transition: all 0s;
}
.pushr-modal.pushr-small {
  bottom: 50%;
  left: 2%;
  right: 2%;
}
.pushr-modal.pushr-small.is-visible {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}
.pushr-modal.pushr-large {
  left: 2%;
  right: 2%;
  top: 2%;
  height: calc(96%);
}
.pushr-modal.pushr-large.is-visible {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushr-modal > .pushr-modal-inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #fff;
}
.touch .pushr-modal > .pushr-modal-inner {
  -webkit-overflow-scrolling: touch;
}
/* --------------------------------
wrap
-------------------------------- */
.pushr-inner-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.modern .pushr-inner-wrap {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.no-modern .pushr-inner-wrap {
  display: none;
}
.pushr-inner-wrap.pushr-selected {
  position: relative;
  z-index: 2;
}
.touch .pushr-inner-wrap.pushr-selected {
  -webkit-overflow-scrolling: touch;
}
.modern .pushr-inner-wrap.pushr-selected {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.no-modern .pushr-inner-wrap.pushr-selected {
  display: block;
}
.pushr-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow-x: hidden;
  opacity: 1;
}
.modern .pushr-wrap {
  -webkit-transition: all .4s .1s;
  transition: all .4s .1s;
}
.no-modern .pushr-wrap {
  -webkit-transition: all 0s;
  transition: all 0s;
}
.pushr-wrap.scale-down {
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}
.modern .pushr-wrap.scale-down {
  -webkit-transform: scale(0.97, 0.97);
  -ms-transform: scale(0.97, 0.97);
  transform: scale(0.97, 0.97);
}
.pushr-wrap.overflow-hidden {
  height: 100%;
  height: 100vh;
}
.pushr-wrap.overflow-hidden .pushr-inner-wrap {
  height: 100%;
  height: 100vh;
  overflow-y: auto;
}
@media only screen and (min-width: 700px) {
  /* not 100vh to fix a small bug --> border visible otherwise */
  .pushr-inner-wrap {
    header: 102vh;
  }
}
.js-modal-pushr:hover {
  text-decoration: none;
}
/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
  cursor: url('../img/module/grabbing.html') 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
/*
*   Owl Carousel Owl Demo Theme 
*   v1.3.3
*/
.owl-theme .owl-controls {
  text-align: center;
}
/* Styling Next and Prev buttons */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  line-height: 1;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin: 7px 3px 2px;
  filter: alpha(opacity=50);
  /*IE7 fix*/
  opacity: 0.7;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #000;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: alpha(opacity=100);
  /*IE7 fix*/
  opacity: 1;
  background-color: #dd1032;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url('../img/module/ajax-loader.gif') no-repeat center center;
}
.owl-buttons {
  position: relative;
}
.owl-buttons > div {
  box-sizing: content-box;
  min-width: 18px;
  min-height: 18px;
  /* 행 정렬 이슈로 최소 높이는 18px 로 제한합니다. */
  margin: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  line-height: 1;
  vertical-align: middle;
  transition: opacity .2s;
  position: absolute;
  display: inline-block;
  z-index: 600;
  top: 50%;
  padding: 0;
  text-decoration: none;
  width: 33px;
  height: 53px;
  background-size: 33px 53px;
  transition: opacity .5s;
  opacity: 0.9;
  filter: alpha(opacity=90);
  text-indent: -1000px;
}
.owl-buttons > div em {
  position: absolute;
  text-indent: -1000px;
  display: inline-block;
  margin: -1px;
  padding: 0;
  height: 1px;
  clip: rect(0 0 0 0);
  border: none;
  white-space: nowrap;
  overflow: hidden;
}
.owl-buttons > div.hover {
  /* hover */
  opacity: 0.9;
  filter: alpha(opacity=90);
}
a:hover .owl-buttons > div.hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.owl-buttons > div:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.owl-buttons > div.owl-prev {
  left: 0;
  top: 0;
  background-image: url('../img/module/slidr_prev_off.png');
}
.owl-buttons > div.owl-next {
  right: 0;
  top: 0;
  background-image: url('../img/module/slidr_next_off.png');
}
.owl-theme .owl-controls {
  position: relative;
}
.owl-theme .owl-controls .owl-pagination {
  text-align: center;
}
/* controls position */
.pager-inner .owl-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 10px;
}
.pager-outter .owl-pagination {
  display: none;
}
.slidr-utils-position.top-right {
  top: 0;
  right: 0;
}
.slidr-utils-position.top-left {
  top: 0;
  left: 0;
}
.slidr-utils-position.top-center,
.slidr-utils-position.bottom-center {
  left: 0;
  right: 0;
  text-align: center;
}
/* productSlidr */
.js-prductSlidr {
  position: relative;
}
.js-prductSlidr * {
  transition-timing-function: ease-in-out;
}
.js-prductSlidr .subject {
  position: absolute;
  display: inline-block;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.js-prductSlidr .subject a {
  display: inline-block;
  text-decoration: none;
}
.js-prductSlidr .prev {
  left: 0;
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.js-prductSlidr .next {
  right: 0;
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.js-prductSlidr.prevOut .prev {
  opacity: 0.5;
  cursor: default;
}
.js-prductSlidr.nextOut .next {
  opacity: 0.5;
  cursor: default;
}
.js-prductSlidr .item {
  position: relative;
  z-index: 2;
  transition: background 0.3s;
  overflow: hidden;
}
.slidr {
  /* preloader */
}
.slidr .preloader {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity .1s .1s;
}
.slidr .preloader p {
  margin: 5px 0;
  padding: 0;
  font-size: 11px;
  color: #333;
}
.slidr.loaded {
  /* preloader */
}
.slidr.loaded .preloader {
  opacity: 0;
  filter: alpha(opacity=0);
}
/* slidr-utils */
.slidr-utils {
  position: relative;
}
/* nav */
.slidr-nav {
  display: inline-block;
  position: absolute;
  z-index: 100;
  padding: 0;
  text-decoration: none;
  transition: opacity 0.2s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.slidr-nav.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.slidr-nav .icon {
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
.slidr-nav.prev .icon {
  background-image: url('../img/module/slidr_prev_off.png');
}
.slidr-nav.next .icon {
  background-image: url('../img/module/slidr_next_off.png');
}
.slidr-utils .slidr-nav {
  position: absolute;
}
.slidr-utils .slidr-nav.prev {
  left: 0;
}
.slidr-utils .slidr-nav.next {
  right: 0;
}
/* pager */
.slidr .pager,
.slidr-pager {
  position: absolute;
  z-index: 3;
  transition: opacity 0.2s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.slidr .pager.top-right,
.slidr-pager.top-right {
  top: 0;
  right: 0;
}
.slidr .pager.top-left,
.slidr-pager.top-left {
  top: 0;
  left: 0;
}
.slidr .pager.top-center,
.slidr-pager.top-center,
.slidr .pager.bottom-center,
.slidr-pager.bottom-center {
  left: 0;
  right: 0;
  text-align: center;
}
.slidr .pager.in,
.slidr-pager.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.slidr .pager a,
.slidr-pager a {
  display: inline-block;
  margin: 0 1px;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #c3c3c3;
  transition: all 0.3s 0s ease-in-out;
}
.slidr .pager a.active,
.slidr-pager a.active {
  width: 20px;
  background-color: #fb4357;
}
/* counter */
.slidr-counter {
  position: absolute;
  color: #000;
  transition: opacity 0.2s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.slidr-counter.top-right {
  top: 0;
  right: 0;
}
.slidr-counter.top-left {
  top: 0;
  left: 0;
}
.slidr-counter.top-center,
.slidr-counter.bottom-center {
  left: 0;
  right: 0;
  text-align: center;
}
.slidr-counter span {
  font-weight: 600;
  color: #666;
}
.chrome .slidr-counter span {
  font-weight: 700;
}
.slidr-counter strong,
.slidr-counter span {
  margin: 0 5px;
}
.slidr-counter.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.slidr-utils .slidr-counter {
  position: absolute;
  right: 0;
  top: 0;
}
.slidr-utils .slidr-counter strong {
  color: #ee6e2b;
}
/*
.slidr .subject { margin-left: 300px; }
.slidr .subject a { padding: 0 30px; height: 38px; line-height: 38px; color: #444; }
.slidr .subject a { border-left: solid 1px #e5e5e5; }
.slidr .subject.active { background: #fff; }
.slidr .subject.active a { color: #000; }

.slidr.multi .item .thumb { border-top: solid 3px #FF8000; }
.slidr.multi .item.visible .thumb { border-top: solid 3px #fff; }
.slidr.multi .item.first,
.slidr.multi .item.active .thub { border-color: #fff; }

.slidr.multi .thumb a { display: block; padding: 10px 10px; text-align: center; }
.slidr.multi .thumb img { margin: 0 auto; max-width: 100%; }

.slidr .desc { margin: 0 10px 0; }
.slidr .desc p { margin: 5px 0; padding: 0; color: #333; }
.slidr .desc p.brand { .bold(); }
.slidr .desc p.name {}
.slidr .desc p.price { font-size: 12px; overflow: hidden; }
.slidr .desc p.price:after { content: ''; clear: both; display: block; height: 0; }
.slidr .desc p.price .before { display: inline-block; margin-right: 10px; text-decoration: line-through; }
.slidr .desc p.price .after { .bold(); color: #000; }

.slidr-vertical { margin-left: 200px; }
.slidr-vertical .subject { margin-left: -200px; width: 200px; }
.slidr-vertical .subject a { display: block; padding: 0 10px; border-bottom: solid 1px #ccc; background: #eee; }
.slidr-vertical .subject.active a { background: #fff; }
*/
/* animations */
/*
fxSoftScale, fxPressAway, fxSideSwing, fxFortuneWheel, fxSwipe, fxPushReveal, fxSnapIn, fxLetMeIn, fxStickIt, fxArchiveMe, fxVGrowth, fxSlideBehind, fxSoftPulse, fxEarthquake, fxCliffDiving
 */
/* 4 classes: navInLeft, navInRight, navOutLeft, navOutRight */
/*****************************************/
/* Soft Scale */
/*****************************************/
.fxSoftScale .navOutNext {
  -webkit-animation: fullScaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullScaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScale .navInNext {
  -webkit-animation: fullScaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullScaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScale .navOutPrev {
  -webkit-animation: fullScaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullScaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSoftScale .navInPrev {
  -webkit-animation: fullScaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullScaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes fullScaleUp {
  to {
    -webkit-transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes fullScaleUp {
  to {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-webkit-keyframes fullScaleDownUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes fullScaleDownUp {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes fullScaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.9);
  }
}
@keyframes fullScaleDown {
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
@-webkit-keyframes fullScaleUpDown {
  from {
    -webkit-transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes fullScaleUpDown {
  from {
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/*****************************************/
/* Press away */
/*****************************************/
.fxPressAway .navOutNext {
  -webkit-animation: fullSlideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullSlideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navInNext {
  opacity: 1;
  -webkit-animation: fullSlideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullSlideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navOutPrev {
  -webkit-animation: fullSlideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullSlideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxPressAway .navInPrev {
  opacity: 1;
  -webkit-animation: fullSlideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullSlideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes fullSlideOutScaleRight {
  to {
    -webkit-transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}
@keyframes fullSlideOutScaleRight {
  to {
    transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}
@-webkit-keyframes fullSlideInFromLeft {
  from {
    -webkit-transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
  }
}
@keyframes fullSlideInFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes fullSlideOutScaleLeft {
  to {
    -webkit-transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}
@keyframes fullSlideOutScaleLeft {
  to {
    transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}
@-webkit-keyframes fullSlideInFromRight {
  from {
    -webkit-transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
  }
}
@keyframes fullSlideInFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
/*****************************************/
/* Side Swing */
/*****************************************/
.fxSideSwing .navOutNext {
  -webkit-animation: fullSlideOutScaleRight 1.2s forwards;
  animation: fullSlideOutScaleRight 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navInNext {
  opacity: 1;
  -webkit-animation: fullSlideInFromLeft 1.2s forwards;
  animation: fullSlideInFromLeft 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navOutPrev {
  -webkit-animation: fullSlideOutScaleLeft 1.2s forwards;
  animation: fullSlideOutScaleLeft 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
.fxSideSwing .navInPrev {
  opacity: 1;
  -webkit-animation: fullSlideInFromRight 1.2s forwards;
  animation: fullSlideInFromRight 1.2s forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  /* older webkit */
  -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
  animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
}
/*****************************************/
/* Fortune wheel */
/*****************************************/
.fxFortuneWheel .itemwrap {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}
.fxFortuneWheel .navOutNext {
  -webkit-animation: fullSlideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullSlideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navInNext {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: fullRotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullRotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navOutPrev {
  -webkit-animation: fullSlideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullSlideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxFortuneWheel .navInPrev {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: fullRotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullRotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes fullRotateInFromLeft {
  from {
    -webkit-transform: translateX(-100%) rotateY(-55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes fullRotateInFromLeft {
  from {
    transform: translateX(-100%) rotateY(-55deg);
  }
  to {
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes fullRotateInFromRight {
  from {
    -webkit-transform: translateX(100%) rotateY(55deg);
  }
  to {
    -webkit-transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes fullRotateInFromRight {
  from {
    transform: translateX(100%) rotateY(55deg);
  }
  to {
    transform: translateX(0) rotateY(0deg);
    opacity: 1;
  }
}
/*****************************************/
/* Swipe */
/*****************************************/
.fxSwipe .navOutNext {
  -webkit-animation: fullDecreaseHeight 0.8s forwards ease-in-out;
  animation: fullDecreaseHeight 0.8s forwards ease-in-out;
}
.fxSwipe .navInNext {
  -webkit-animation: fullShow 0.8s forwards ease-in-out;
  animation: fullShow 0.8s forwards ease-in-out;
}
.fxSwipe .navOutPrev {
  -webkit-animation: fullHide 0.8s forwards ease-in-out;
  animation: fullHide 0.8s forwards ease-in-out;
}
.fxSwipe .navInPrev {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: fullincreaseHeight 0.8s forwards ease-in-out;
  animation: fullincreaseHeight 0.8s forwards ease-in-out;
}
@-webkit-keyframes fullDecreaseHeight {
  to {
    height: 0;
  }
}
@keyframes fullDecreaseHeight {
  to {
    height: 0;
  }
}
@-webkit-keyframes fullShow {
  0% {
    opacity: 0;
  }
  1%,
  100% {
    opacity: 1;
  }
}
@keyframes fullShow {
  0% {
    opacity: 0;
  }
  1%,
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fullHide {
  0%,
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fullHide {
  0%,
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fullincreaseHeight {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
@keyframes fullincreaseHeight {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
/*****************************************/
/* Push reveal */
/*****************************************/
.fxPushReveal .navOutNext {
  opacity: 1;
  -webkit-animation: fullSlideOutBottom 0.7s forwards ease-in-out;
  animation: fullSlideOutBottom 0.7s forwards ease-in-out;
}
.fxPushReveal .navInNext {
  opacity: 1;
  -webkit-animation: fullSlideInHalfFromTop 0.7s forwards ease-in-out;
  animation: fullSlideInHalfFromTop 0.7s forwards ease-in-out;
}
.fxPushReveal .navOutPrev {
  opacity: 1;
  -webkit-animation: fullSlideOutHalfTop 0.7s forwards ease-in-out;
  animation: fullSlideOutHalfTop 0.7s forwards ease-in-out;
}
.fxPushReveal .navInPrev {
  opacity: 1;
  z-index: 1001;
  -webkit-animation: fullSlideInFromBottom 0.7s forwards ease-in-out;
  animation: fullSlideInFromBottom 0.7s forwards ease-in-out;
}
@-webkit-keyframes fullSlideOutBottom {
  to {
    -webkit-transform: translateY(100%);
  }
}
@keyframes fullSlideOutBottom {
  to {
    transform: translateY(100%);
  }
}
@-webkit-keyframes fullSlideInHalfFromTop {
  from {
    -webkit-transform: translateY(-50%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@keyframes fullSlideInHalfFromTop {
  from {
    transform: translateY(-50%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes fullSlideOutHalfTop {
  to {
    -webkit-transform: translateY(-50%);
  }
}
@keyframes fullSlideOutHalfTop {
  to {
    transform: translateY(-50%);
  }
}
@-webkit-keyframes fullSlideInFromBottom {
  from {
    -webkit-transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@keyframes fullSlideInFromBottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
/*****************************************/
/* Snap in */
/*****************************************/
.fxSnapIn .navOutNext {
  -webkit-animation: fullSlideOutLeft 0.5s forwards ease-in;
  animation: fullSlideOutLeft 0.5s forwards ease-in;
}
.fxSnapIn .navInNext {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: fullSlideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullSlideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSnapIn .navOutPrev {
  -webkit-animation: fullSlideOutRight 0.5s forwards ease-in;
  animation: fullSlideOutRight 0.5s forwards ease-in;
}
.fxSnapIn .navInPrev {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: fullSlideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullSlideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxSnapIn li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.4s 0.1s ease-in;
  transition: opacity 0.4s 0.1s ease-in;
}
.fxSnapIn .navOutPrev::after,
.fxSnapIn .navOutNext::after {
  opacity: 1;
}
@-webkit-keyframes fullSlideOutLeft {
  to {
    -webkit-transform: translateX(-10%);
  }
}
@keyframes fullSlideOutLeft {
  to {
    transform: translateX(-10%);
  }
}
@-webkit-keyframes fullSlideFromRightFast {
  0%,
  50% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes fullSlideFromRightFast {
  0%,
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes fullSlideOutRight {
  to {
    -webkit-transform: translateX(10%);
  }
}
@keyframes fullSlideOutRight {
  to {
    transform: translateX(10%);
  }
}
@-webkit-keyframes fullSlideFromLeftFast {
  0%,
  50% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes fullSlideFromLeftFast {
  0%,
  50% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
/*****************************************/
/* Let me in */
/*****************************************/
.fxLetMeIn .itemwrap {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}
.fxLetMeIn .navOutNext {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: fullRotateOutRight 0.5s forwards ease-in-out;
  animation: fullRotateOutRight 0.5s forwards ease-in-out;
}
.fxLetMeIn .navInNext {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: fullSlideFromRightFast 0.5s forwards ease;
  animation: fullSlideFromRightFast 0.5s forwards ease;
}
.fxLetMeIn .navOutPrev {
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: fullRotateOutLeft 0.5s forwards ease-in-out;
  animation: fullRotateOutLeft 0.5s forwards ease-in-out;
}
.fxLetMeIn .navInPrev {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: fullSlideFromLeftFast 0.5s forwards ease;
  animation: fullSlideFromLeftFast 0.5s forwards ease;
}
.fxLetMeIn li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.fxLetMeIn .navOutPrev::after,
.fxLetMeIn .navOutNext::after {
  opacity: 1;
}
@-webkit-keyframes fullRotateOutRight {
  to {
    -webkit-transform: rotateY(10deg);
  }
}
@keyframes fullRotateOutRight {
  to {
    transform: rotateY(10deg);
  }
}
@-webkit-keyframes fullRotateOutLeft {
  to {
    -webkit-transform: rotateY(-10deg);
  }
}
@keyframes fullRotateOutLeft {
  to {
    transform: rotateY(-10deg);
  }
}
/*****************************************/
/* Stick it */
/*****************************************/
.fxStickIt .itemwrap {
  -webkit-perspective: 1600px;
  perspective: 1600px;
}
.fxStickIt .navOutNext {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: fullRotateBottomSideOut 0.8s forwards ease-in;
  animation: fullRotateBottomSideOut 0.8s forwards ease-in;
}
.fxStickIt .navInNext {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: fullSlideInFromBottomDelayed 0.8s forwards;
  animation: fullSlideInFromBottomDelayed 0.8s forwards;
}
.fxStickIt .navOutPrev {
  opacity: 1;
  -webkit-animation: fullSlideOutToBottom 0.8s forwards;
  animation: fullSlideOutToBottom 0.8s forwards;
}
.fxStickIt .navInPrev {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: fullRotateBottomSideIn 0.8s 0.1s forwards ease-in;
  animation: fullRotateBottomSideIn 0.8s 0.1s forwards ease-in;
}
@-webkit-keyframes fullRotateBottomSideOut {
  40% {
    -webkit-transform: rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
  }
}
@keyframes fullRotateBottomSideOut {
  40% {
    transform: rotateX(-15deg);
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    transform: scale(0.8) translateZ(-200px);
  }
}
@-webkit-keyframes fullSlideInFromBottomDelayed {
  0%,
  30% {
    -webkit-transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes fullSlideInFromBottomDelayed {
  0%,
  30% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes fullRotateBottomSideIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
  }
  60% {
    -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
  }
}
@keyframes fullRotateBottomSideIn {
  0% {
    opacity: 0;
    transform: scale(0.8) translateZ(-200px);
  }
  60% {
    transform: scale(1) translateZ(0) rotateX(-15deg);
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    transform: scale(1) translateZ(0) rotateX(0deg);
  }
}
/*****************************************/
/* Archive me */
/*****************************************/
.fxArchiveMe .navOutNext {
  -webkit-animation: fullScaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullScaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navInNext {
  z-index: 1001;
  opacity: 1;
  -webkit-animation: fullSlideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullSlideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navOutPrev {
  -webkit-animation: fullSlideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullSlideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe .navInPrev {
  -webkit-animation: fullScaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullScaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe li::before,
.fxArchiveMe li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
.fxArchiveMe li::after,
.fxArchiveMe .navOutNext::before {
  opacity: 1;
}
.fxArchiveMe li::before,
.fxArchiveMe li.current::after,
.fxArchiveMe .navInNext::after,
.fxArchiveMe .navInPrev::after {
  opacity: 0;
}
.fxArchiveMe .navInNext::after {
  -webkit-transition: none;
  transition: none;
}
@-webkit-keyframes fullScaleHalfDown {
  to {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
}
@keyframes fullScaleHalfDown {
  to {
    transform: scale(0.6);
    opacity: 0;
  }
}
@-webkit-keyframes fullSlideOutToBottom {
  to {
    -webkit-transform: translateY(100%);
  }
}
@keyframes fullSlideOutToBottom {
  to {
    transform: translateY(100%);
  }
}
@-webkit-keyframes fullScaleHalfUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.6);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes fullScaleHalfUp {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/*****************************************/
/* Vertical growth */
/*****************************************/
.fxVGrowth .navOutNext {
  -webkit-animation: fullScaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: fullScaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navInNext {
  z-index: 1001;
  opacity: 1;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: fullmaximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: fullmaximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navOutPrev {
  -webkit-animation: fullScaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: fullScaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
.fxVGrowth .navInPrev {
  z-index: 1001;
  opacity: 1;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: fullmaximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
  animation: fullmaximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);
}
@-webkit-keyframes fullmaximize {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@keyframes fullmaximize {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
/*****************************************/
/* Slide Behind */
/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
/*****************************************/
.fxSlideBehind .itemwrap {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.fxSlideBehind .navOutNext {
  -webkit-animation: fullHideLeft 0.8s forwards;
  animation: fullHideLeft 0.8s forwards;
}
.fxSlideBehind .navInNext {
  -webkit-animation: fullShowRight 0.8s forwards;
  animation: fullShowRight 0.8s forwards;
}
.fxSlideBehind .navOutPrev {
  -webkit-animation: fullHideRight 0.8s forwards;
  animation: fullHideRight 0.8s forwards;
}
.fxSlideBehind .navInPrev {
  -webkit-animation: fullShowLeft 0.8s forwards;
  animation: fullShowLeft 0.8s forwards;
}
@-webkit-keyframes fullHideLeft {
  0% {
    -webkit-transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    z-index: 9999;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
  }
}
@keyframes fullHideLeft {
  0% {
    transform: translateZ(0px);
  }
  40% {
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    z-index: 9999;
  }
  100% {
    opacity: 1;
    transform: translateZ(-400px);
  }
}
@-webkit-keyframes fullShowRight {
  0% {
    -webkit-transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
    z-index: 9999;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
    z-index: 9999;
  }
}
@keyframes fullShowRight {
  0% {
    transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
  }
  41% {
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    opacity: 1;
    z-index: 9999;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
    z-index: 9999;
  }
}
@-webkit-keyframes fullHideRight {
  0% {
    -webkit-transform: translateZ(0px);
  }
  40% {
    -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    z-index: 9999;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px);
  }
}
@keyframes fullHideRight {
  0% {
    transform: translateZ(0px);
  }
  40% {
    transform: translate(0, 40%) scale(0.8) rotateX(20deg);
    z-index: 9999;
  }
  100% {
    opacity: 1;
    transform: translateZ(-400px);
  }
}
@-webkit-keyframes fullShowLeft {
  0% {
    -webkit-transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
  }
  41% {
    -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
    z-index: 9999;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
    z-index: 9999;
  }
}
@keyframes fullShowLeft {
  0% {
    transform: translateZ(-400px);
    opacity: 1;
  }
  40% {
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
  }
  41% {
    transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
    opacity: 1;
    z-index: 9999;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
    z-index: 9999;
  }
}
/*****************************************/
/* Soft Pulse */
/*****************************************/
.fxSoftPulse .navOutPrev,
.fxSoftPulse .navOutNext {
  -webkit-animation: fullScaleUpFadeOut 0.8s forwards ease-in;
  animation: fullScaleUpFadeOut 0.8s forwards ease-in;
}
.fxSoftPulse .navInPrev,
.fxSoftPulse .navInNext {
  -webkit-animation: fullScaleDownFadeIn 0.8s forwards ease-out;
  animation: fullScaleDownFadeIn 0.8s forwards ease-out;
}
@-webkit-keyframes fullScaleUpFadeOut {
  50% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes fullScaleUpFadeOut {
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  75% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes fullScaleDownFadeIn {
  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes fullScaleDownFadeIn {
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*****************************************/
/* Earthquake */
/* From http://elrumordelaluz.github.io/csshake/ by Lionel, http://t.co/thCECnx1Yg */
/*****************************************/
.fxEarthquake .navOutNext {
  opacity: 1;
  -webkit-animation: fullShakeSlideBottom 1s 0.1s forwards;
  animation: fullShakeSlideBottom 1s 0.1s forwards;
}
.fxEarthquake .navInNext {
  -webkit-animation: fullPushFromTop 1s 0.1s forwards;
  animation: fullPushFromTop 1s 0.1s forwards;
}
.fxEarthquake .navOutPrev {
  opacity: 1;
  -webkit-animation: fullShakeSlideTop 1s 0.1s forwards;
  animation: fullShakeSlideTop 1s 0.1s forwards;
}
.fxEarthquake .navInPrev {
  opacity: 1;
  -webkit-animation: fullPushFromBottom 1s 0.1s forwards;
  animation: fullPushFromBottom 1s 0.1s forwards;
}
.fxEarthquake li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.fxEarthquake .navOutPrev::after,
.fxEarthquake .navOutNext::after {
  opacity: 1;
}
@-webkit-keyframes fullShakeSlideBottom {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(100%);
  }
}
@keyframes fullShakeSlideBottom {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    transform: translateY(100%);
  }
}
@-webkit-keyframes fullPushFromTop {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fullPushFromTop {
  0%,
  70% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fullShakeSlideTop {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes fullShakeSlideTop {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  4% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  6% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  8% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  10% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  12% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  14% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  16% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  18% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  20% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  22% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  24% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  26% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  28% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  30% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  32% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  34% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  36% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  38% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  40% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  42% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  44% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  46% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  48% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  50% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  52% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  54% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  56% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  58% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  60% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  62% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  64% {
    transform: translate(0px, -1px) rotate(-0.5deg);
  }
  66% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }
  68% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }
  70% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  100% {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes fullPushFromBottom {
  0%,
  70% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fullPushFromBottom {
  0%,
  70% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*****************************************/
/* Cliff diving */
/*****************************************/
.fxCliffDiving li {
  -webkit-transform-origin: 50% 400%;
  transform-origin: 50% 400%;
}
.fxCliffDiving .navOutNext {
  opacity: 1;
  -webkit-animation: fullRotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullRotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navInNext {
  opacity: 1;
  -webkit-animation: fullRotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullRotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navOutPrev {
  opacity: 1;
  -webkit-animation: fullRotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullRotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navInPrev {
  opacity: 1;
  -webkit-animation: fullRotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: fullRotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: #000000;
  -webkit-transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
  transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
}
.fxCliffDiving .navOutPrev::after,
.fxCliffDiving .navOutNext::after {
  opacity: 1;
}
@-webkit-keyframes fullRotateOutCircLeft {
  to {
    -webkit-transform: rotate(-20deg) translateX(-100%);
  }
}
@keyframes fullRotateOutCircLeft {
  to {
    transform: rotate(-20deg) translateX(-100%);
  }
}
@-webkit-keyframes fullRotateInCircRight {
  from {
    -webkit-transform: rotate(20deg) translateX(100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
  }
}
@keyframes fullRotateInCircRight {
  from {
    transform: rotate(20deg) translateX(100%);
  }
  to {
    transform: rotate(0deg) translateX(0);
  }
}
@-webkit-keyframes fullRotateOutCircRight {
  to {
    -webkit-transform: rotate(20deg) translateX(100%);
  }
}
@keyframes fullRotateOutCircRight {
  to {
    transform: rotate(20deg) translateX(100%);
  }
}
@-webkit-keyframes fullRotateInCircLeft {
  from {
    -webkit-transform: rotate(-20deg) translateX(-100%);
  }
  to {
    -webkit-transform: rotate(0deg) translateX(0);
  }
}
@keyframes fullRotateInCircLeft {
  from {
    transform: rotate(-20deg) translateX(-100%);
  }
  to {
    transform: rotate(0deg) translateX(0);
  }
}
/*****************************************/
/* CrossFade */
/*****************************************/
.fxCrossFade .navOutNext {
  -webkit-animation: crossFadeOutNext 0.4s forwards;
  animation: crossFadeOutNext 0.4s forwards;
}
.fxCrossFade .navInNext {
  -webkit-animation: crossFadeInNext 0.4s forwards;
  animation: crossFadeInNext 0.4s forwards;
}
.fxCrossFade .navOutPrev {
  -webkit-animation: crossFadeOutPrev 0.4s forwards;
  animation: crossFadeOutPrev 0.4s forwards;
}
.fxCrossFade .navInPrev {
  -webkit-animation: crossFadeInPrev 0.4s forwards;
  animation: crossFadeInPrev 0.4s forwards;
}
@-webkit-keyframes crossFadeInNext {
  from {
    -webkit-transform: scale(1.1, 1.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
  }
}
@keyframes crossFadeInNext {
  from {
    transform: scale(1.1, 1.1);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@-webkit-keyframes crossFadeOutNext {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.1, 1.1);
  }
}
@keyframes crossFadeOutNext {
  from {
    transform: scale(1, 1);
  }
  to {
    opacity: 0;
    transform: scale(1.1, 1.1);
  }
}
@-webkit-keyframes crossFadeInPrev {
  from {
    -webkit-transform: scale(1.1, 1.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
  }
}
@keyframes crossFadeInPrev {
  from {
    transform: scale(1.1, 1.1);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@-webkit-keyframes crossFadeOutPrev {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.1, 1.1);
  }
}
@keyframes crossFadeOutPrev {
  from {
    transform: scale(1, 1);
  }
  to {
    opacity: 0;
    transform: scale(1.1, 1.1);
  }
}
/* 
@import "./plugins/fs.boxer.less";
@import "./plugins/fs.selecter.less";
@import "./plugins/fs.picker.less";
@import "./plugins/fs.scroller.less";
@import "./plugins/fs.tipper.less";
@import "./plugins/fs.wallpaper.less";
@import "./plugins/fs.zoomer.less";
@import "./plugins/swiper.less";
@import "./plugins/epass.datepicker.less";
@import "./plugins/fullcalendar.less";
@import "./plugins/fullcalendar.print.less";
*/
/* pages */
.page-helpdesk #breadcrumb {
  display: none;
}
.page-helpdesk .clause h4.title {
  margin-bottom: 5px;
}
.page-helpdesk .clause p,
.page-helpdesk .clause li {
  text-align: justify;
  word-break: break-all;
}
.page-helpdesk .customer-guide h4.title {
  margin: 20px 0 7px 0;
}
.page-basket #breadcrumb {
  display: none;
}
.page-basket .gutter {
  margin-left: 10px;
  margin-right: 10px;
}
.page-basket .title-shipping {
  margin: 0px;
  padding: 15px 10px;
  font-size: 14px;
  font-weight: 400;
  border-top: 2px #ee6e2b solid;
  border-bottom: 1px #aaa solid;
}
.page-basket .title-shipping strong {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}
.chrome .page-basket .title-shipping strong {
  font-weight: 700;
}
.page-basket .cart-step {
  padding: 15px 0 25px 0;
  border-top: 2px #222 solid;
  border-bottom: 1px #d0d0d0 solid;
}
.page-basket .cart-step li {
  width: 25%;
  text-align: center;
  border-left: 1px #e0e0e0 solid;
  box-sizing: border-box;
  font-size: 11px;
}
.page-basket .cart-step li:first-child {
  border-left: 0px;
}
.page-basket .cart-step li span {
  display: block;
}
.page-basket .cart-step li span.icon {
  margin-bottom: 10px;
  height: 35px;
  background-size: 35px 35px;
}
.page-basket .cart-step li.nth-child-1 .icon {
  background-image: url('../img/custom/cart_step_icon_1_off.png');
}
.page-basket .cart-step li.nth-child-2 .icon {
  background-image: url('../img/custom/cart_step_icon_2_off.png');
}
.page-basket .cart-step li.nth-child-3 .icon {
  background-image: url('../img/custom/cart_step_icon_3_off.png');
}
.page-basket .cart-step li.nth-child-4 .icon {
  background-image: url('../img/custom/cart_step_icon_4_off.png');
}
.page-basket .cart-step li.active {
  color: #ee6e2b;
}
.page-basket .cart-step li.active.nth-child-1 .icon {
  background-image: url('../img/custom/cart_step_icon_1_on.png');
}
.page-basket .cart-step li.active.nth-child-2 .icon {
  background-image: url('../img/custom/cart_step_icon_2_on.png');
}
.page-basket .cart-step li.active.nth-child-3 .icon {
  background-image: url('../img/custom/cart_step_icon_3_on.png');
}
.page-basket .cart-step li.active.nth-child-4 .icon {
  background-image: url('../img/custom/cart_step_icon_4_on.png');
}
.page-basket .cart-step.border-none {
  border-bottom: 0px;
  padding-bottom: 10px;
}
.page-basket .no-cart p {
  margin-top: 20px;
}
.page-basket .product-wrap {
  padding-bottom: 10px;
  border-bottom: 1px #d0d0d0 solid;
}
.page-basket .product-wrap.lately {
  padding-top: 15px;
  padding-bottom: 0px;
  border-bottom: 0px;
}
.page-basket .product-wrap.border-none {
  border-bottom: 0px;
}
.page-basket .list-product .row {
  clear: both;
  *zoom: 1;
  margin-top: 5px;
}
.page-basket .list-product .row:before,
.page-basket .list-product .row:after {
  content: " ";
  display: table;
}
.page-basket .list-product .row:after {
  clear: both;
}
.page-basket .list-product .row:first-child {
  margin: 0px;
}
.page-basket .list-product .utill {
  margin: 15px 0 5px 0;
  clear: both;
  *zoom: 1;
}
.page-basket .list-product .utill:before,
.page-basket .list-product .utill:after {
  content: " ";
  display: table;
}
.page-basket .list-product .utill:after {
  clear: both;
}
.page-basket .list-product .core {
  margin: 0px;
  line-height: 1.4;
}
.page-basket .list-product .option {
  padding: 5px 15px;
  background: #fff;
  border-top: 1px #d0d0d0 solid;
}
.page-basket .list-product .option span.title {
  display: inline-block;
  width: 60px;
}
.page-basket .list-product .option .con {
  height: 30px;
  line-height: 30px;
}
.page-basket .list-product .action {
  margin: 5px 0;
}
.page-basket .list-product .action .module {
  display: block;
  margin-bottom: 0px;
  width: auto;
  min-height: 20px;
}
.page-basket .shipping-multi-title {
  margin: 15px 0 !important;
  height: 35px;
}
.page-basket .shipping-multi-title .title {
  margin-top: 10px !important;
}
.page-basket .shipping-multi-title .combobox {
  width: auto;
}
.page-basket .shipping-multi-title .button {
  padding-left: 15px;
  padding-right: 15px;
}
.page-basket .order-product {
  display: none;
  margin: 0 -10px;
  border-top: 2px #222 solid;
}
.page-basket .order-product .shipping-multi-title {
  margin: 0px !important;
  padding: 10px;
  background: #fff;
}
.page-basket .order-product .shipping-multi-title .more {
  top: 10px;
  right: 10px;
}
.page-basket .terms {
  padding-bottom: 15px;
  border-bottom: 1px #aaa dashed;
}
.page-basket .terms:last-child {
  padding: 0px;
  border: 0px;
}
.page-basket .terms .check {
  margin-top: 5px;
}
.page-basket .section-confirm-user .desc {
  border-top: 0px;
  margin-bottom: 25px;
}
.page-basket .order-price {
  position: relative;
  padding: 15px 10px;
  text-align: right;
  color: #ee6e2b;
  background: #f9f6ed;
  border-top: 1px #ee6e2b solid;
}
.page-basket .order-price .title {
  position: absolute;
  top: 12px;
  margin: 0px;
  text-align: left;
  line-height: 1.2;
}
.page-basket .order-price strong {
  font-size: 25px;
}
.page-basket .discount-way li.way {
  border-top: 1px #aaa solid;
}
.page-basket .discount-way li.way:first-child {
  border: 0px;
}
.page-basket .discount-way li.way > .module {
  padding: 10px;
}
.page-basket .discount-way li.way > .module .action {
  margin-top: 10px;
}
.page-basket .discount-way li.way .holder {
  display: none;
  padding: 15px 0 30px 0;
  border-top: 1px #aaa solid;
  background: #f9f6ed;
}
.page-basket .discount-way li.way .holder :first-child {
  margin-top: 0px;
}
.page-basket .discount-way li.way .holder .hr {
  margin: 0px;
}
.page-basket .discount-way li.way .holder .hr.dashed {
  margin: 10px 0;
  border-top: 1px #aaa dashed;
  background: none;
}
.page-basket .discount-way li.way .holder li {
  margin-top: 15px;
}
.page-basket .discount-way li.way .holder .total {
  margin: 5px 0;
  padding: 15px 0;
  background: #f1f9ff;
  border: 1px #8d8d8d solid;
}
.page-basket .discount-way li.way .holder .total .grid {
  margin: 0 15px;
}
.page-basket .discount-way li.way .holder .total .subject {
  margin-top: 2px;
}
.page-basket .discount-way li.way .holder .total .field {
  font-size: 17px;
  text-align: right;
}
.page-basket .discount-partner,
.page-basket .discount-point {
  margin: 15px 10px 25px 10px;
}
.page-basket .discount-partner .price,
.page-basket .discount-point .price {
  font-size: 17px;
  text-align: right;
}
.page-basket .discount-shipping {
  margin: 15px 0 0 0;
}
.page-basket .discount-shipping .price {
  font-size: 17px;
  text-align: right;
}
.page-basket .discount-result {
  border-top: 1px #aaa solid;
}
.page-basket .discount-result .grid {
  color: #222;
  border-bottom: 1px #d0d0d0 solid;
}
.page-basket .discount-result .grid .button {
  margin-top: 3px;
  vertical-align: top !important;
}
.page-basket .discount-result .grid .subject,
.page-basket .discount-result .grid .price {
  height: 40px;
  line-height: 40px;
}
.page-basket .discount-result .grid .subject {
  margin-left: 10px;
}
.page-basket .discount-result .grid .subject .button {
  padding-left: 10px;
  padding-right: 10px;
}
.page-basket .discount-result .grid .price {
  margin-right: 10px;
}
.page-basket .discount-result .grid.result .subject,
.page-basket .discount-result .grid.result .price {
  height: 55px;
  line-height: 55px;
}
.page-basket .discount-result .grid.result .price {
  font-size: 25px;
}
.page-basket .payment-guide {
  margin-bottom: 25px;
}
.page-basket .payment-guide h5 {
  margin: 15px 0 10px 0;
  font-size: 14px;
}
.page-basket .order-finish {
  margin-top: 40px;
  padding-bottom: 25px;
  text-align: center;
  border-bottom: 1px #d0d0d0 solid;
}
.page-basket .order-fail {
  margin-top: 40px;
  text-align: center;
}
.page-mypage #breadcrumb {
  display: none;
}
.page-mypage .wrap.dark {
  background-color: #f2f2f2;
}
.page-mypage .wrap.dark.gutter {
  margin: 0;
  padding: 0 10px;
}
.page-mypage .wrap.dark.gutter-bottom {
  padding-bottom: 25px;
}
.page-mypage .order-guide-a li {
  position: relative;
  margin-top: 5px;
}
.page-mypage .order-guide-a li:first-child {
  margin-top: 0px;
}
.page-mypage .order-guide-a li .frame {
  padding-right: 90px;
  min-height: 70px;
}
.page-mypage .order-guide-a li .frame h5 {
  font-size: 14px;
}
.page-mypage .order-guide-a li .frame p {
  margin-top: 10px;
}
.page-mypage .order-guide-a li .frame .icon {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 80px;
  height: 80px;
  background-size: 100%;
}
.page-mypage .order-guide-a li.nth-child-1 .icon {
  background-image: url('../img/custom/icon_order_guide_1.png');
}
.page-mypage .order-guide-a li.nth-child-2 .icon {
  background-image: url('../img/custom/icon_order_guide_2.png');
}
.page-mypage .order-guide-a li.nth-child-3 .icon {
  background-image: url('../img/custom/icon_order_guide_3.png');
}
.page-mypage .order-guide-a li.nth-child-4 .icon {
  background-image: url('../img/custom/icon_order_guide_4.png');
}
.page-mypage .order-guide-a li.nth-child-5 .icon {
  background-image: url('../img/custom/icon_order_guide_5.png');
}
.page-mypage .order-guide-a li.nth-child-6 .icon {
  background-image: url('../img/custom/icon_order_guide_6.png');
}
.page-mypage .order-guide-c .button-be {
  background-position: left 13px;
}
.page-mypage .order-guide-c .button {
  padding-left: 10px;
  padding-right: 10px;
}
.page-mypage .order-no-more {
  padding: 50px 0;
  border-top: 2px #ee6e2b solid;
  border-bottom: 1px #d0d0d0 solid;
  text-align: center;
}
.page-mypage .list-product-detail .row {
  margin: 0px !important;
  padding: 15px 0;
  border-top: 1px #aaa dashed;
}
.page-mypage .list-product-detail .row:first-child {
  border: 0px;
}
.page-mypage .list-product-detail .row .discount-detail {
  margin-top: 5px;
  background: #fff;
  border: 1px #aaa solid;
}
.page-mypage .list-product-detail .row .discount-detail .title {
  display: block;
  padding: 10px 15px;
  font-weight: 600;
}
.chrome .page-mypage .list-product-detail .row .discount-detail .title {
  font-weight: 700;
}
.page-mypage .list-product-detail .row .discount-detail ul.list {
  margin: 0px;
  background: #f9f6ed;
}
.page-mypage .list-product-detail .row .discount-detail ul.list li {
  margin: 0px;
  padding: 5px 15px 8px 27px;
  border-top: 1px #d0d0d0 solid;
  background-position: 15px 13px;
}
.page-mypage .list-product-detail .row .discount-detail ul.list li .price {
  text-align: right;
}
.page-mypage .ship-price {
  margin-bottom: 25px;
  padding-top: 15px;
  border-top: 1px #aaa dashed;
}
.page-mypage .ship-price .price {
  text-align: right;
}
.page-mypage .ship-price .section-price .pull-right {
  font-size: 14px;
}
.page-mypage .payment-info .gutter {
  padding-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.page-mypage .payment-info .gutter :first-child {
  margin-top: 0px;
}
.page-mypage .direct-inquiry li {
  position: relative;
  padding: 20px 10px 20px 85px;
  border-top: 1px #d0d0d0 solid;
}
.page-mypage .direct-inquiry li .subject,
.page-mypage .direct-inquiry li .category {
  display: block;
}
.page-mypage .direct-inquiry li .label {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 0;
  width: 60px;
  min-width: 60px;
  height: 45px;
  line-height: 45px;
}
.page-mypage .direct-inquiry li:first-child {
  border-top: 0px;
}
.page-mypage .direct-inquiry-detail .field {
  position: relative;
}
.page-mypage .direct-inquiry-detail .field .label {
  position: absolute;
  top: 10px;
  right: 10px;
}
.page-mypage .section-title-warning {
  position: relative;
  clear: both;
  *zoom: 1;
  margin-top: 25px;
  padding: 15px 10px;
  line-height: 1;
  background: #fff;
  border-top: 2px #ee6e2b solid;
  border-bottom: 1px #aaa solid;
}
.page-mypage .section-title-warning.order-detail h5 {
  float: none;
}
.page-mypage .section-title-warning:before,
.page-mypage .section-title-warning:after {
  content: " ";
  display: table;
}
.page-mypage .section-title-warning:after {
  clear: both;
}
.page-mypage .section-title-warning:first-child {
  margin-top: 0px;
}
.page-mypage .section-title-warning .title {
  float: left;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
}
.page-mypage .section-title-warning .number {
  float: right;
}
.page-mypage .section-title-warning .more {
  position: absolute;
  top: 5px;
  right: 10px;
}
.page-mypage .section-title-warning .more .button {
  padding-left: 10px;
  padding-right: 10px;
}
.page-mypage .my-stage {
  background-color: #fff;
}
.page-mypage .my-stage li {
  display: table;
  width: 100%;
  border-bottom: 1px #d0d0d0 solid;
}
.page-mypage .my-stage li .col {
  display: table-cell;
  vertical-align: middle;
}
.page-mypage .my-stage li .icon-wrap {
  padding: 10px 0;
  width: 84px;
  text-align: center;
}
.page-mypage .my-stage li .icon-wrap .icon.level {
  width: 60px;
  height: 60px;
  background-size: 100%;
}
.page-mypage .my-stage li .icon-wrap .icon.coupon {
  margin: 0px;
  background-image: url('../img/custom/icon_coupon.png');
  width: 37px;
  height: 23.5px;
  background-size: 37px 23.5px;
}
.page-mypage .my-stage li .icon-wrap .icon.point {
  background-image: url('../img/custom/icon_point.png');
  width: 34px;
  height: 28.5px;
  background-size: 34px 28.5px;
}
.page-mypage .my-stage li .core {
  padding: 15px 0;
}
.page-mypage .my-stage li .core .vip {
  color: #ab74d6;
}
.page-mypage .my-stage li .core .gold {
  color: #faa519;
}
.page-mypage .my-stage li .core .silver {
  color: #939ea2;
}
.page-mypage .my-stage li .core .family {
  color: #96d53d;
}
.page-mypage .my-stage li .core .new {
  color: #7abef2;
}
.page-mypage .my-stage.level-apply {
  border: 1px #aaa solid;
  border-bottom: 0px;
}
.page-mypage .my-stage.level-apply .date .core {
  padding-left: 20px;
}
.page-mypage .order-status {
  margin-bottom: 10px;
}
.page-mypage .order-status .col .module {
  margin: 3px;
  padding: 10px 0;
  text-align: center;
  background-color: #f2f2f2;
  border: 1px #d0d0d0 solid;
}
.page-mypage .order-status .col .module h5 {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 13px;
}
.page-mypage .order-status .col:first-child .module {
  margin-left: 0px;
}
.page-mypage .order-status .col:last-child .module {
  margin-right: 0px;
}
.page-mypage .main-nav-list h4 {
  padding: 10px;
  font-weight: normal;
  font-size: 14px;
  border-bottom: 1px #e5e5e5 solid;
}
.page-mypage .main-nav-list .d2 li {
  border-bottom: 1px #e5e5e5 solid;
}
.page-mypage .main-nav-list .d2 li a {
  display: block;
  padding: 10px;
  color: #777;
  background-color: #f8f8f8;
  background-image: url('../img/common/depth_dropdown_arrow.png');
  background-position: right center;
  background-size: 20px 10px;
}
.page-mypage .order-manage .row {
  margin: 0px !important;
  padding: 15px 0;
}
.page-mypage .order-manage .row .section-price .pull-right {
  font-size: 17px;
}
.page-mypage .point-detail-list .row {
  padding: 15px 0;
  border-top: 1px #aaa dashed;
}
.page-mypage .point-detail-list .row:first-child {
  border-top: 0px;
}
.page-mypage .point-detail-list .row .core {
  margin: 10px 0;
}
.page-main img.full {
  width: 100%;
}
.page-main h5.title {
  margin: 25px 0 10px 0;
  font-size: 14px;
}
.page-main .wrap .gutter {
  margin: 0 10px;
}
.page-main .section-title {
  position: relative;
  padding: 20px 0;
  text-align: center;
  background-color: #fff;
  overflow: visible;
  border-top: 2px #333 solid;
}
.page-main .section-title h5 {
  font-size: 20px;
}
.page-main .section-title .action {
  margin: 15px 25px 0 25px;
}
.page-main .section-title .action select {
  text-align: center;
  padding-left: 0px;
}
.safari .page-main .section-title .action select {
  text-align: left;
  padding-left: 10px;
}
.page-main .section-title:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
.page-main .item .module {
  position: relative;
  border: 1px #d0d0d0 solid;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
}
.page-main .item .module a {
  display: block;
  padding: 10px;
}
.page-main .item .module a .thumb {
  width: 115px;
}
.page-main .item .module a .thumb img {
  width: 115px;
}
.page-main .item .module a p {
  margin: 0px;
  padding: 0px;
}
.page-main .item .module a p.name {
  margin-top: 10px;
  color: #222;
  font-size: 14px;
}
.page-main .item .module a p.price-before {
  color: #777;
  text-decoration: line-through;
}
.page-main .item .module a p.price-after {
  color: #222;
  font-weight: 600;
}
.chrome .page-main .item .module a p.price-after {
  font-weight: 700;
}
.page-main .item .module a p.shipping {
  font-size: 11px;
  color: #777;
}
.page-main .section-a {
  position: relative;
}
.page-main .section-b {
  background-color: #eee;
}
.page-main .section-b .gutter {
  padding: 20px 0 25px 0;
}
.page-main .section-b .gutter .item a {
  padding-left: 140px;
  min-height: 115px;
}
.page-main .section-b .gutter .item a .thumb {
  position: absolute;
  left: 10px;
}
.page-main .section-b .gutter .item a p.name {
  display: inline-block;
  *display: block;
  *zoom: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  word-wrap: normal !important;
  word-break: keep-all;
  white-space: nowrap;
  width: 99%;
}
.page-main .section-b .gutter .item a p.price-before {
  font-size: 11px;
}
.page-main .section-b .gutter .item a p.price-after {
  font-size: 14px;
}
.page-main .section-c {
  background-color: #eee;
}
.page-main .section-c .section-title {
  border-color: #ee6e2b;
}
.page-main .section-c .gutter {
  padding: 15px 0 25px 0;
}
.page-main .section-c .gutter .grid .item {
  margin-top: 10px;
}
.page-main .section-c .gutter .grid .item a {
  text-align: center;
}
.page-main .section-c .gutter .grid .item a p.name {
  display: inline-block;
  *display: block;
  *zoom: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  word-wrap: normal !important;
  word-break: keep-all;
  white-space: nowrap;
  width: 99%;
}
.page-main .section-c .gutter .grid .item a p.price-before {
  margin-top: 5px;
  font-size: 14px;
}
.page-main .section-c .gutter .grid .item a p.price-after {
  font-size: 17px;
}
.page-main .section-c .gutter .grid .item .icon {
  position: absolute;
  top: -2px;
  left: 7px;
}
.page-main .section-c .gutter .grid .item .icon.best {
  background-image: url('../img/custom/icon_best.png');
  width: 41.5px;
  height: 45px;
  background-size: 41.5px 45px;
}
.page-main .section-c .gutter .grid .item:nth-child(odd) .module {
  margin-right: 5px;
}
.page-main .section-c .gutter .grid .item:nth-child(even) .module {
  margin-left: 5px;
}
.page-main .section-d {
  background-color: #eee;
}
.page-main .section-d .slidr-wrap {
  position: relative;
}
.page-main .section-d .gutter {
  padding: 20px 0 25px 0;
}
.page-main .section-d .gutter .grid .item {
  margin-top: 10px;
}
.page-main .section-d .gutter .grid .item a {
  text-align: center;
}
.page-main .section-d .gutter .grid .item a p.price-before {
  margin-top: 5px;
  font-size: 14px;
}
.page-main .section-d .gutter .grid .item a p.price-after {
  font-size: 17px;
}
.page-main .section-d .gutter .grid .item:nth-child(odd) .module {
  margin-right: 5px;
}
.page-main .section-d .gutter .grid .item:nth-child(even) .module {
  margin-left: 5px;
}
.page-main .section-d #listBrand p.name {
  display: inline-block;
  *display: block;
  *zoom: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  word-wrap: normal !important;
  word-break: keep-all;
  white-space: nowrap;
  width: 99%;
  width: 100%;
}
.page-main .section-e {
  background-color: #f8efdc;
}
.page-main .section-e .section-title {
  border: 0px;
  color: #fff;
  background-image: url('../img/custom/main_theme_bg.png');
  background-size: 128px 128px;
  background-repeat: repeat;
}
.page-main .section-e .section-title select {
  border-color: #982b11;
  color: #ee6e2b;
  background-image: url('../img/custom/main_arrow_combobox.png');
}
.page-main .section-e .section-title:after {
  border-top-color: #c65517;
}
.page-main .section-e .gutter {
  padding: 20px 0 25px 0;
}
.page-main .section-e .gutter .item .module {
  border-color: #d0c09b;
}
.page-main .section-e .gutter .item a {
  padding-left: 140px;
  min-height: 115px;
}
.page-main .section-e .gutter .item a .thumb {
  position: absolute;
  left: 10px;
}
.page-main .section-e .gutter .item a p.price-before {
  font-size: 11px;
}
.page-main .section-e .gutter .item a p.price-after {
  font-size: 14px;
}
.page-main .section-f {
  background-color: #eee;
}
.page-main .section-f .section-title {
  border-color: #ee6e2b;
}
.page-main .section-f .gutter {
  padding: 20px 0 0px 0;
}
.page-main .section-f .gutter img {
  width: 100%;
}
.page-main #sliderBanner .slider {
  position: relative;
}
.page-main #sliderBanner .slider:before {
  box-sizing: border-box;
  display: block;
  content: " ";
  width: 100%;
  padding-top: 56.25%;
}
.page-main #sliderBanner .slider > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-main #sliderBanner .slider img {
  visibility: hidden;
}
.page-main #sliderBanner .slider.loaded img {
  visibility: visible;
}
.page-main #sliderBanner .owl-item.loading {
  min-height: 180px;
}
@media only screen and (min-width: 321px) {
  .page-main #sliderBanner .owl-item.loading {
    min-height: 180.5625px;
  }
}
@media only screen and (min-width: 400px) {
  .page-main #sliderBanner .owl-item.loading {
    min-height: 225px;
  }
}
@media only screen and (min-width: 500px) {
  .page-main #sliderBanner .owl-item.loading {
    min-height: 281.25px;
  }
}
@media only screen and (min-width: 600px) {
  .page-main #sliderBanner .owl-item.loading {
    min-height: 337.5px;
  }
}
@media only screen and (min-width: 800px) {
  .page-main #sliderBanner .owl-item.loading {
    min-height: 450px;
  }
}
/* slidr nav 재설정 */
.slidr-nav {
  top: 50%;
  padding: 10px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  pointer-events: auto;
}
.slidr-nav strong {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
.slidr-nav.prev {
  left: 0px;
}
.slidr-nav.next {
  right: 0px;
}
.slidr-nav:hover strong {
  background-color: rgba(0, 0, 0, 0.5);
}
/*
@import "./pages/login.less";
@import "./pages/mypage.less";
@import "./pages/product_list.less";
@import "./pages/product_detail.less";
@import "./pages/modal.less";
@import "./pages/main.less";
@import "./pages/edumate.less";
*/
.page-detail {
  /* 상품 기본정보 보기 */
  /* 상품요약정보 */
  /* 상세정보 */
  /* 상품평 */
  /* 반품 배송 정보 */
}
.page-detail h3.title p.labels {
  transition: opacity .2s;
}
.page-detail h3.title.is-label p.labels {
  opacity: 1;
}
.page-detail h4.title {
  margin: 15px 0 0;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.page-detail .go-basic-info {
  margin: 15px 0;
}
.page-detail .section-product-detail .line-top {
  border-color: #ee6e2b;
}
.page-detail .section-product-detail .pics {
  position: relative;
}
.page-detail .section-product-detail .pics .thumb {
  border: solid 1px #aaa;
  text-align: center;
}
.page-detail .section-product-detail .pics .thumb img {
  margin: 0 auto;
  width: 100%;
  max-width: 480px;
}
.page-detail .section-product-detail .pics .desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.page-detail .section-product-detail .pics .desc [class*='col-'] {
  height: 35px;
  line-height: 35px;
  color: #fff;
}
.page-detail .section-product-detail .pics .desc [class*='col-'].review {
  padding-left: 10px;
}
.page-detail .section-product-detail .pics .desc [class*='col-'].point {
  padding-right: 10px;
  text-align: right;
}
.page-detail .section-product-detail .pics .desc [class*='col-'].point strong {
  vertical-align: middle;
}
.page-detail .section-product-detail .prices [class*='col-'] {
  margin: 15px 0;
  height: 30px;
  line-height: 30px;
}
.page-detail .section-product-detail .prices [class*='col-'].price-after {
  text-align: right;
  font-size: 25px;
  font-weight: bold;
  color: #ee6e2b;
}
.page-detail .section-product-detail .benefits .desc {
  background-color: #f9f6ed;
}
.page-detail .section-product-detail .benefits .desc dl {
  margin: 10px;
}
.page-detail .section-product-detail .benefits .desc dt {
  font-weight: bold;
  color: #000;
}
.page-detail .section-product-detail .benefits .desc dd.point .icon {
  margin: 0 20px 0 0;
  vertical-align: middle;
}
.page-detail .section-product-detail .benefits .desc dd.point .icon::before {
  content: '|';
  display: inline-block;
  margin: 2px 0 0 -13px;
  vertical-align: middle;
  color: #ddd;
  font-weight: normal;
  font-smooth: never;
  -webkit-font-smoothing: none;
}
.page-detail .section-product-detail .benefits .desc dd.point .icon:first-child::before {
  display: none;
}
.page-detail .section-product-detail .benefits .action {
  margin-top: 5px;
  margin-bottom: 20px;
}
.page-detail .section-product-detail .options {
  border-top: solid 1px #d0d0d0;
  background-color: #f2f2f2;
}
.page-detail .section-product-detail .options strong {
  display: block;
  padding-left: 15px;
  height: 35px;
  line-height: 35px;
  background-color: #fff;
  font-weight: bold;
  color: #000;
}
.page-detail .section-product-detail .options .group {
  padding: 10px 5px 15px;
}
.page-detail .section-product-detail .options .group .item {
  box-sizing: border-box;
  padding: 5px 5px 0;
}
.page-detail .section-product-detail .options .group .item select.select {
  width: 100%;
}
.page-detail .section-product-detail .options .group .item .amount {
  padding-right: 5px;
}
.page-detail .section-product-detail .options .group .item .amount input {
  float: left;
  text-align: center;
  border-color: #aaa;
  border-left: 0;
  border-right: 0;
}
.page-detail .section-product-detail .options .group .item .amount .full {
  width: 33.3%;
  height: 40px;
  float: left;
}
.page-detail .section-product-detail .options .group .item .amount .full.button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.page-detail .section-product-detail .options .group .item .amount .full.button.right {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.page-detail .section-product-detail .options .group .item .amount .full.button .icon {
  background-image: url('../img/common/ico_minus.png');
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
}
.page-detail .section-product-detail .options .group .item .amount .full.button .icon.plus {
  background-image: url('../img/common/ico_plus.png');
}
.page-detail .section-product-detail .choices {
  margin-top: 15px;
  margin-bottom: 5px;
  border: solid 1px #8d8d8d;
}
.page-detail .section-product-detail .choices .item {
  padding: 10px;
  border-top: solid 1px #78b3df;
  background-color: #f1f9ff;
}
.page-detail .section-product-detail .choices .item:first-child {
  border-top: 0;
}
.page-detail .section-product-detail .choices .item p {
  margin-bottom: 10px;
  color: #8d8d8d;
}
.page-detail .section-product-detail .choices .item .grid [class*='col-'] {
  height: 30px;
  line-height: 30px;
}
.page-detail .section-product-detail .choices .item .grid [class*='col-'].delete {
  text-align: right;
}
.page-detail .section-product-detail .choices .item .grid [class*='col-'].delete .icon {
  margin-left: 5px;
}
.page-detail .section-product-detail .choices .item.plus-item p {
  padding: 10px 0;
  border-bottom: 1px dashed #78b3df;
}
.page-detail .section-product-detail .total {
  padding: 10px 15px;
  border: solid 1px #8d8d8d;
  background-color: #f1f9ff;
}
.page-detail .section-product-detail .actions {
  margin: 5px 0 10px;
}
.page-detail .section-product-detail .actions [class*='col-'] {
  box-sizing: border-box;
  padding: 0 5px 5px 0;
}
.page-detail .section-product-detail .actions [class*='col-']:nth-child(2),
.page-detail .section-product-detail .actions [class*='col-']:nth-child(4) {
  padding-right: 0;
}
@media (min-width: 480px) {
  .page-detail .section-product-detail .actions [class*='col-']:nth-child(2) {
    padding-right: 5px;
  }
}
.page-detail .section-product-detail .links {
  padding: 10px 0;
}
.page-detail .section-product-detail .links ul {
  background-color: #fff;
  border: solid 1px #aaa;
}
.page-detail .section-product-detail .links ul li {
  border-top: solid 1px #aaa;
}
.page-detail .section-product-detail .links ul li:first-child {
  border-top: 0;
}
.page-detail .section-product-detail .links ul li a {
  display: block;
  padding-left: 10px;
  height: 40px;
  line-height: 40px;
  background-image: url('../img/common/link_arrow.png');
  background-position: right center;
  background-size: 36px 22px;
  color: #222;
}
.page-detail .section-product-detail .links ul li a strong {
  color: #ee6e2b;
  font-weight: normal;
}
.page-detail .section-product-detail .descriptions {
  padding: 20px 0 25px;
}
.page-detail .section-product-detail .descriptions h4 {
  margin: 15px 0 5px;
  font-size: 14px;
}
.page-detail .section-product-detail .descriptions p {
  margin: 10px 0;
  padding: 0;
}
.page-detail .section-product-detail .recommends {
  border-top: solid 1px #d0d0d0;
}
.page-detail .section-product-detail .recommends h4 {
  padding: 10px;
  background-color: #fff;
  font-size: 14px;
}
.page-detail .section-product-detail .recommends .wrap {
  padding-top: 10px;
}
.page-detail .section-detail-more img {
  max-width: 100%;
}
.page-detail .section-detail-more .pics {
  text-align: center;
}
.page-detail .section-detail-more .texts {
  padding: 10px;
  line-height: 1.4;
}
.page-detail .section-detail-more .texts.frame-a {
  border: solid 1px #d0d0d0;
  background-color: #f2f2f2;
}
.page-detail .section-detail-more .texts.frame-b {
  background-color: #f9f6ed;
}
.page-detail .section-detail-more .texts.frame-c {
  border: solid 1px #aaa;
  background-color: #fff;
}
.page-detail .section-detail-comments .desc {
  padding-bottom: 25px;
}
.page-detail .section-detail-comments .desc p {
  margin: 15px 0 10px;
  padding: 0;
  line-height: 1.4;
}
.page-detail .section-detail-comments .status {
  border-top: solid 2px #f56012;
}
.page-detail .section-detail-comments .status div {
  padding: 7px 10px;
}
.page-detail .section-detail-comments .status div.title {
  font-weight: bold;
  color: #000;
}
.page-detail .section-detail-comments .status div.core {
  text-align: right;
}
.page-detail .section-detail-comments .status div.core strong {
  color: #ee6e2b;
}
.page-detail .section-detail-comments .list {
  border-top: solid 1px #d0d0d0;
  line-height: 1;
}
.page-detail .section-detail-comments .list .item {
  border-bottom: solid 1px #d0d0d0;
}
.page-detail .section-detail-comments .list .module {
  margin: 0 10px;
  padding: 8px 0 10px;
}
.page-detail .section-detail-comments .list .module div {
  box-sizing: content-box;
  min-height: 22px;
  line-height: 22px;
}
.page-detail .section-detail-comments .list .module div.author {
  text-align: right;
  line-height: 28px;
  font-size: 11px;
  color: #777;
}
.page-detail .section-detail-comments .list .module div.option {
  padding: 5px 5px;
  background-color: #f9f6ed;
  color: #ee6e2b;
}
.page-detail .section-detail-comments .list .module div.comment {
  padding-top: 8px;
  line-height: 1.4;
}
.page-detail .section-detail-comments .list-qna {
  border-top: solid 1px #d0d0d0;
  line-height: 1;
}
.page-detail .section-detail-comments .list-qna p {
  margin: 0;
  padding: 0;
}
.page-detail .section-detail-comments .list-qna p.author {
  margin-top: 3px;
  font-size: 11px;
  color: #777;
}
.page-detail .section-detail-comments .list-qna .question {
  padding: 10px 10px;
  line-height: 1.4;
  min-height: 44px;
}
.page-detail .section-detail-comments .list-qna .question .status {
  display: inline-block;
  position: relative;
  float: left;
  margin-right: 10px;
  width: 64px;
  height: 42px;
  line-height: 42px;
  border: solid 1px #8d8d8d;
  color: #8d8d8d;
  text-align: center;
}
.page-detail .section-detail-comments .list-qna .question .status em {
  font-style: normal;
  vertical-align: middle;
}
.page-detail .section-detail-comments .list-qna .question .status.in {
  border: solid 1px #ee6e2b;
  color: #ee6e2b;
}
.page-detail .section-detail-comments .list-qna .question a {
  display: block;
}
.page-detail .section-detail-comments .list-qna .answer {
  line-height: 1.4;
  background-color: #f2f2f2;
}
.page-detail .section-detail-comments .list-qna .answer .q {
  padding: 20px 10px;
  border-top: solid 1px #d0d0d0;
}
.page-detail .section-detail-comments .list-qna .answer .q p.subject {
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}
.page-detail .section-detail-comments .list-qna .answer .a {
  padding: 20px 10px;
  border-top: solid 1px #d0d0d0;
}
.page-detail .section-detail-comments .list-qna .answer .a p.subject {
  margin-bottom: 10px;
}
.page-detail .section-detail-comments .list-qna .answer .a p.subject .label {
  display: inline-block;
  padding: 5px 0;
  width: 64px;
  text-align: center;
  background-color: #ee6e2b;
  border-color: #ee6e2b;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.page-detail .section-detail-comments .list-qna .item {
  border-bottom: solid 1px #d0d0d0;
}
.page-detail .section-detail-comments .list-qna .item .answer {
  display: none;
}
.page-detail .section-detail-comments .list-qna .item.in .answer {
  display: block;
}
.page-detail .section-detail-shipping h4 {
  margin: 25px 0 15px;
  font-size: 17px;
}
.page-detail .section-detail-shipping h5 {
  margin: 0px;
  font-size: 14px;
  font-weight: 400;
}
.page-detail .section-detail-shipping .frame {
  margin: 10px 0 15px 0;
}
.page-detail .tab-detail li a {
  height: auto;
  line-height: 1.2 !important;
}
.frame {
  padding: 10px;
  line-height: 1.4;
}
.frame.frame-a {
  border: solid 1px #d0d0d0;
  background-color: #f2f2f2;
}
.frame.frame-b {
  background-color: #f9f6ed;
}
.frame.frame-c {
  border: solid 1px #aaa;
  background-color: #fff;
}
.section-message {
  margin: 48px 0;
  text-align: center;
}
.section-message p {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
/* 로그인 */
.section-login {
  margin: 0 20px;
}
.section-login h3 {
  margin: 49px 0 25px;
  text-align: center;
}
.section-login .icon {
  text-align: center !important;
}
.section-login .form .col-1-1 {
  margin: 5px 0;
}
.section-login .form .col-1-1 input.text {
  padding: 10px;
  height: 40px ;
  line-height: 20px;
  border-color: #aaa;
}
.section-login .form .action {
  margin-top: 10px;
}
.section-login .form .remember {
  position: relative;
  margin: 10px 0 0;
}
.section-login .form .remember .checkbox_wrap {
  padding-left: 30px;
}
.section-login .form .remember .checkbox_wrap input {
  position: absolute;
  top: 5px;
  left: 5px;
  opacity: 0;
}
.section-login .form .remember .checkbox_wrap .fake_checkbox {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/common/ico_check.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.section-login .form .remember .checkbox_wrap .fake_checkbox:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/common/ico_checked.png) 0 0 no-repeat;
  background-size: 100% auto;
  opacity: 0;
}
.section-login .form .remember .checkbox_wrap input[type=checkbox]:checked + .fake_checkbox:after {
  opacity: 1;
}
.section-login .desc {
  margin: 15px 0 25px;
  padding-top: 15px;
  border-top-color: #d0d0d0 !important;
  text-align: center;
  color: #777;
}
/* 브랜드 보기 정렬 */
.section-brand-sort {
  position: relative;
  clear: both;
  margin: 5px 0 15px;
  box-sizing: border-box;
  background-color: #333;
  border: solid 1px #333;
}
.section-brand-sort .table {
  height: 39px;
}
.section-brand-sort .cell {
  text-align: left;
}
.section-brand-sort .cell.subject {
  width: auto;
  padding-left: 10px;
  line-height: 1.2;
  color: #fff;
}
.section-brand-sort .cell.list {
  text-align: left;
  border-left: solid 1px #d9d9d9;
  border-right: solid 1px #d9d9d9;
}
.section-brand-sort .cell.list a span {
  display: inline-block;
  padding: 0 10px;
  height: 39px;
  line-height: 39px;
}
.section-brand-sort .cell.more {
  float: right !important;
  width: 35px;
}
.section-brand-sort .cell.more .icon {
  background-image: url('../img/common/brand_sort_more.png');
  width: 35px;
  height: 39px;
  background-size: 35px 39px;
}
.section-brand-sort .sub {
  display: none;
  position: absolute;
  z-index: 100;
  left: -1px;
  right: -1px;
  margin-top: -40px;
  background-color: #fff;
  box-sizing: border-box;
  border: solid 1px #8d8d8d;
  transition: opacity .2s;
}
.section-brand-sort .sub strong {
  display: block;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #8d8d8d;
}
.section-brand-sort .sub .col {
  position: relative;
}
.section-brand-sort .sub .col:nth-child(odd) a::after {
  content: '';
  position: absolute;
  display: block;
  height: 0;
  left: 0;
  right: 0;
  top: 0;
  width: 200%;
  border-top: solid 1px #d0d0d0;
}
.section-brand-sort .sub .col a {
  display: block;
  padding: 12px 10px 11px 17px;
  line-height: 1.2;
  background-image: url('../img/common/dot_6x6.png');
  background-size: 3px 3px;
  background-position: 10px center;
}
.section-brand-sort .sub .close {
  background-color: #f5f5f5;
  text-align: right;
}
.section-brand-sort .sub .close a {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #000;
}
.section-brand-sort .sub .close a .icon {
  vertical-align: top;
  background-image: url('../img/common/close_brand_sort.png');
  width: 26px;
  height: 35px;
  background-size: 26px 35px;
}
.section-brand-sort.in .cell.more {
  position: relative;
}
.section-brand-sort.in .cell.more .icon {
  position: absolute;
  z-index: 101;
  right: 0;
  top: 0;
  margin-right: -1px;
  background-image: url('../img/common/brand_sort_more_on.png');
  width: 35px;
  height: 39.5px;
  background-size: 35px 39.5px;
}
.section-brand-sort.in .sub {
  display: block;
  opacity: 1;
}
/* 상품 정렬 */
.section-product-sort .table {
  margin: 15px 0 10px;
  height: 34px;
}
.section-product-sort .table .status {
  font-weight: bold;
}
.section-product-sort .table .action {
  text-align: right;
}
.section-product-sort .comboBoxr {
  vertical-align: middle;
}
.section-product-sort .combobox {
  vertical-align: middle;
  width: auto;
  padding-right: 20px;
}
.section-product-sort .icon {
  border: solid 1px #aaa;
  vertical-align: middle;
  background-image: url('../img/common/list_image.png');
  width: 34px;
  height: 34px;
  background-size: 34px 34px;
}
.section-product-sort .icon.image {
  background-image: url('../img/common/list_list.png');
  width: 34px;
  height: 34px;
  background-size: 34px 34px;
}
/* 본인 인증 */
.section-confirm-user .guide .pic {
  padding: 10px 0 10px;
  text-align: center;
}
.section-confirm-user .guide .pic .icon {
  background-image: url('../img/common/adult.png');
  width: 115px;
  height: 115px;
  background-size: 115px 115px;
  margin: 0 auto;
}
.section-confirm-user .guide p {
  margin: 0 10px 20px;
  text-align: center;
}
.section-confirm-user .desc {
  border-top: solid 1px #222;
}
.section-confirm-user .desc .item {
  clear: both;
  padding: 20px 0 0;
}
.section-confirm-user .desc .item ul {
  margin-left: 80px;
}
.section-confirm-user .desc .item .action {
  margin: 15px 0 0;
}
.section-confirm-user .desc .item.hp .icon {
  float: left;
  background-image: url('../img/custom/pic_01.png');
  width: 69px;
  height: 76px;
  background-size: 69px 76px;
}
.section-confirm-user .desc .item.ipin .icon {
  float: left;
  background-image: url('../img/custom/pic_02.png');
  width: 69px;
  height: 76px;
  background-size: 69px 76px;
}
.section-confirm-user.signup .desc {
  border-top: 0px;
}
.section-confirm-user.signup .desc .icon {
  margin-right: 10px;
}
/* 이용안내 - 회원등급 */
.section-level {
  margin: 25px 0;
  text-align: center !important;
}
.section-level strong {
  display: block;
  margin-top: 10px;
  font-size: 26px;
}
.section-level strong.vip {
  color: #ab74d6;
}
.section-level strong.gold {
  color: #faa519;
}
.section-level strong.silver {
  color: #939ea2;
}
.section-level strong.family {
  color: #96d53d;
}
.section-level strong.new {
  color: #7abef2;
}
.section-table {
  border-top: 2px solid #ee6e2b;
}
.section-table .grid {
  padding: 15px 0;
  border-top: 1px solid #d0d0d0;
  background-color: #f2f2f2;
}
.section-table .grid:first-child {
  border-top: 0;
}
.section-table .grid.title-subject {
  background-color: #fff;
}
.section-table .grid .title strong {
  padding-left: 10px;
  font-weight: 400;
}
.section-table .grid .content {
  color: #777;
}
.section-table.border-none {
  border-top: 0px;
  border-bottom: 1px solid #d0d0d0;
}
.section-table.border-none:first-child {
  border-top: 1px solid #d0d0d0;
}
/* 쿠폰 */
.coupon {
  margin: 8px 0 0;
  clear: both;
  *zoom: 1;
}
.coupon:before,
.coupon:after {
  content: " ";
  display: table;
}
.coupon:after {
  clear: both;
}
.coupon .sale {
  float: left;
  background-image: url('../img/common/icon_sale.png');
  width: 57px;
  height: 68px;
  background-size: 57px 68px;
}
.coupon .delivery {
  float: left;
  background-image: url('../img/common/icon_delivery.png');
  width: 57px;
  height: 68px;
  background-size: 57px 68px;
}
.coupon .benefit {
  float: left;
  padding-top: 25px;
  font-size: 25px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  color: #222;
  background-image: url('../img/common/icon_coupon_frame.png');
  width: 109px;
  height: 68px;
  background-size: 109px 68px;
}
.coupon.large {
  margin: 0px;
  display: inline-block;
}
.coupon.large .sale {
  background-image: url('../img/common/icon_sale_large.png');
  width: 86.5px;
  height: 99.5px;
  background-size: 86.5px 99.5px;
}
.coupon.large .delivery {
  background-image: url('../img/common/icon_delivery_large.png');
  width: 86.5px;
  height: 99.5px;
  background-size: 86.5px 99.5px;
}
.coupon.large .benefit {
  padding-top: 30px;
  font-size: 35px;
  background-image: url('../img/common/icon_coupon_frame_large.png');
  width: 168.5px;
  height: 99.5px;
  background-size: 168.5px 99.5px;
}
/* 공지사항 */
.bbs-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bbs-list ul li {
  padding-left: 10px;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #e0e0e0;
}
.bbs-list ul li .label,
.bbs-list ul li .icon {
  vertical-align: middle;
}
.bbs-list ul li .label.new,
.bbs-list ul li .icon.new {
  background-image: url('../img/common/icon_new.png');
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
}
.bbs-list ul li a {
  float: left;
  width: 75%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #222;
  vertical-align: middle;
}
.bbs-list ul li .date {
  float: right;
  margin-right: 10px;
  font-size: 11px;
  color: #777;
}
/* 상세 */
.bbs-view .subject {
  padding: 0 10px;
  border-bottom: 1px solid #d0d0d0;
}
.bbs-view .subject span {
  display: block;
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 600;
}
.chrome .bbs-view .subject span {
  font-weight: 700;
}
.bbs-view div.info {
  height: 40px;
  line-height: 40px;
}
.bbs-view div.info .date {
  padding-left: 10px;
  font-size: 11px;
  color: #777;
  border-bottom: 1px solid #d0d0d0;
}
.bbs-view div.info .labels {
  text-align: right !important;
  padding-right: 10px;
  border-bottom: 1px solid #d0d0d0;
}
.bbs-view .content {
  padding: 25px 10px;
}
.bbs-nav {
  margin: 0 10px 36px;
}
.bbs-nav .grid {
  padding: 12px 0;
  border: 1px solid #d0d0d0;
  background-color: #f2f2f2;
}
.bbs-nav .grid:nth-child(1) {
  border-bottom: 0;
}
.bbs-nav .grid .title-subject {
  text-indent: 15px;
}
.bbs-nav .grid .subject a {
  display: block;
}
.bbs-nav .grid .subject a span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777;
}
/* 고객센터 */
.page-helpdesk {
  /* main */
  /* QNA */
  /* 쿠폰적립 */
}
.page-helpdesk h5.title {
  margin: 15px 0 10px 0;
  padding: 3px 0 3px 25px;
  background-image: url('../img/common/icon_arrow_title.png');
  background-size: 20px 20px;
  background-position: left top;
  font-size: 14px;
}
.page-helpdesk .wrap.dark {
  background-color: #f2f2f2;
}
.page-helpdesk .wrap.dark.gutter {
  margin: 0;
  padding: 0 10px;
}
.page-helpdesk .faq-wrap {
  margin: 0 10px 15px;
}
.page-helpdesk .faq-wrap .col-1-2 a {
  display: block;
  margin: 0 10px 10px 0;
  padding: 12px;
  text-align: center;
  background-color: #fff;
}
.page-helpdesk .faq-wrap .col-1-2 a strong {
  display: block;
  margin-top: 12px;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-1 a {
  color: #ee6e2b;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-1 .icon {
  background-image: url('../img/custom/icon_care_01.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-2 a {
  color: #ee6e2b;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-2 .icon {
  background-image: url('../img/custom/icon_care_02.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-3 a {
  color: #81be18;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-3 .icon {
  background-image: url('../img/custom/icon_care_03.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-4 a {
  color: #81be18;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-4 .icon {
  background-image: url('../img/custom/icon_care_04.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-5 a {
  color: #4c99f0;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-5 .icon {
  background-image: url('../img/custom/icon_care_05.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-6 a {
  color: #4c99f0;
}
.page-helpdesk .faq-wrap .col-1-2.nth-child-6 .icon {
  background-image: url('../img/custom/icon_care_06.png');
  width: 75px;
  height: 62px;
  background-size: 75px 62px;
}
.page-helpdesk .faq-wrap .col-1-2:nth-child(even) a {
  margin-right: 0;
}
.page-helpdesk .faq-wrap .button {
  border-radius: 2px;
}
.page-helpdesk .notice-wrap {
  background-color: #fff;
}
.page-helpdesk .notice-wrap .text-right .button {
  padding-left: 10px;
  padding-right: 10px;
}
.page-helpdesk .notice-wrap .bbs-list {
  border-top: 2px solid #222;
}
.page-helpdesk .info-wrap .col-1-3 a {
  display: block;
  padding: 18px 0 25px;
  text-align: center;
  border-right: 1px solid #d0d0d0;
  background-color: #fff;
}
.page-helpdesk .info-wrap .col-1-3 .icon {
  margin-bottom: 18px;
  background-image: url('../img/custom/icon_info_01.png');
  width: 67.5px;
  height: 52.5px;
  background-size: 67.5px 52.5px;
}
.page-helpdesk .info-wrap .col-1-3.nth-child-2 .icon {
  background-image: url('../img/custom/icon_info_02.png');
  width: 67.5px;
  height: 52.5px;
  background-size: 67.5px 52.5px;
}
.page-helpdesk .info-wrap .col-1-3.nth-child-3 a {
  border-right: 0;
}
.page-helpdesk .info-wrap .col-1-3.nth-child-3 .icon {
  background-image: url('../img/custom/icon_info_03.png');
  width: 67.5px;
  height: 52.5px;
  background-size: 67.5px 52.5px;
}
.page-helpdesk .tel-wrap {
  margin: 20px 10px 45px;
}
.page-helpdesk .tel-wrap a {
  color: #222;
}
.page-helpdesk .tel-wrap .warning {
  line-height: 1.2;
}
.page-helpdesk .list-qna .item .question .toggler {
  display: block;
  position: relative;
  padding: 15px 15px 15px 35px;
  border-bottom: 1px solid #d0d0d0;
}
.page-helpdesk .list-qna .item .question .toggler .q {
  position: absolute;
  top: 15px;
  left: 10px;
  background-image: url('../img/custom/icon_question.png');
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
}
.page-helpdesk .list-qna .item .answer {
  display: none;
  position: relative;
  padding: 15px 15px 15px 35px;
  border-bottom: 1px solid #777;
  background-color: #f2f2f2;
}
.page-helpdesk .list-qna .item .answer .a {
  position: absolute;
  top: 15px;
  left: 10px;
  background-image: url('../img/custom/icon_answer.png');
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
}
.page-helpdesk .list-qna .item .answer p {
  margin: 0;
}
.page-helpdesk .list-qna .item.in .toggler {
  font-weight: bold;
  color: #ee6e2b;
}
.page-helpdesk .list-qna .item.in .answer {
  display: block;
}
.page-helpdesk .list-num {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 5px;
}
.page-helpdesk .list-num li {
  padding: 5px 0 5px 25px;
  background: url(../img/custom/circle_num_1.png) 0 3px no-repeat;
  background-size: 20px 20px;
}
.page-helpdesk .list-num li.two {
  background-image: url(../img/custom/circle_num_2.png);
}
.page-helpdesk .list-num li.three {
  background-image: url(../img/custom/circle_num_3.png);
}
.page-helpdesk .list-num li.four {
  background-image: url(../img/custom/circle_num_4.png);
}
.page-helpdesk .section-level .row {
  display: table;
  width: 100%;
  min-height: 141px;
  padding: 10px 0;
  margin-bottom: 4px;
  border: 1px solid #d0d0d0;
  background: #fff;
}
.page-helpdesk .section-level .row .level-wrap {
  float: none !important;
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  border-right: 1px dashed #d0d0d0;
}
.page-helpdesk .section-level .row .level-wrap .icon {
  width: 63px;
  height: 63px;
  background-size: 63px 63px;
}
.page-helpdesk .section-level .row .level-wrap strong {
  margin-top: 5px;
  font-size: 17px;
}
.page-helpdesk .section-level .row .benefit-wrap {
  float: none !important;
  display: table-cell;
  vertical-align: middle;
  width: 70%;
  height: 100%;
}
.page-helpdesk .section-level .row .benefit-wrap .coupon {
  width: 166px;
  margin: 8px auto;
}
/* 통합검색 */
.page-search {
  /* 상품평 */
  /* 쇼핑기획전, 쇼핑찬스 */
  /* 검색결과 없음 */
}
.page-search .section-search input,
.page-search .section-search .button {
  border-radius: 2px;
}
.page-search .section-category .category-list {
  line-height: 1.5;
}
.page-search .section-category .category-list a {
  color: #222;
}
.page-search .section-category .category-list a .info {
  color: #777;
}
.page-search .section-comments .comment-title {
  padding: 15px 10px;
  border-top: 1px solid #d0d0d0;
  background-color: #f2f2f2;
}
.page-search .section-comments .point {
  padding: 10px;
}
.page-search .section-comments .author {
  padding: 16px 10px 10px;
  text-align: right;
  font-size: 11px;
  color: #777;
}
.page-search .section-comments .comment {
  clear: both;
  *zoom: 1;
  padding: 0 10px 25px;
}
.page-search .section-comments .comment:before,
.page-search .section-comments .comment:after {
  content: " ";
  display: table;
}
.page-search .section-comments .comment:after {
  clear: both;
}
.page-search .section-shopping .shopping-list {
  padding: 0 10px;
  border-top: 1px solid #d0d0d0;
}
.page-search .section-shopping .shopping-list img {
  width: 100%;
}
.page-search .section-shopping .shopping-list .list {
  margin-top: 10px;
}
.page-search .section-shopping .shopping-list.plan-list .list {
  padding-bottom: 10px;
  border: 1px solid #e0e0e0;
}
.page-search .section-shopping .shopping-list.plan-list .list .img-wrap {
  display: block;
  border-bottom: 1px solid #e0e0e0;
}
.page-search .section-shopping .shopping-list.plan-list .list .title {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
  color: #222;
}
.page-search .section-shopping .shopping-list.plan-list .list .date {
  display: block;
  margin-top: 5px;
  margin-left: 10px;
  font-size: 11px;
  color: #777;
}
.page-search .no-search-result {
  padding: 35px 10px;
  text-align: center;
  background-color: #f2f2f2;
}
.page-search .retry-search {
  padding: 25px 10px;
}
/* mypage & basket */
.shipping-info {
  margin: 5px 0  0;
  border: 1px #aaa solid;
  background: #fff;
}
.shipping-info .grid {
  display: table;
  width: 100%;
  padding: 15px;
  border-top: 1px #d0d0d0 solid;
}
.shipping-info .grid:first-child {
  border-top: 0px;
}
.shipping-info .grid .subject,
.shipping-info .grid .field {
  float: none !important;
  display: table-cell;
  vertical-align: middle;
}
.shipping-info .grid .button {
  padding-left: 15px;
  padding-right: 15px;
}
.list-product-order .row {
  clear: both;
  *zoom: 1;
  margin-top: 5px;
}
.list-product-order .row:before,
.list-product-order .row:after {
  content: " ";
  display: table;
}
.list-product-order .row:after {
  clear: both;
}
.list-product-order .row:first-child {
  margin: 0px;
}
.list-product-order .row .col {
  width: 100%;
}
.list-product-order .col .module {
  margin: 0px;
}
.list-product-order .core {
  margin: 0px;
  line-height: 1.4;
}
.list-product-order .utill {
  clear: both;
  *zoom: 1;
  margin-bottom: 5px;
}
.list-product-order .utill:before,
.list-product-order .utill:after {
  content: " ";
  display: table;
}
.list-product-order .utill:after {
  clear: both;
}
.list-product-order .utill .check {
  margin-top: 7px;
}
.list-product-order .option {
  position: relative;
  padding: 5px 15px;
  min-height: 35px;
  background: #fff;
  border-top: 1px #d0d0d0 solid;
}
.list-product-order .option span.title {
  width: 60px;
}
.list-product-order .option span.title,
.list-product-order .option .con {
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.list-product-order .option span.title .combobox,
.list-product-order .option .con .combobox,
.list-product-order .option span.title .combobox option,
.list-product-order .option .con .combobox option {
  width: auto;
}
.list-product-order .option .more {
  position: absolute;
  right: 10px;
  top: 5px;
}
.list-product-order .option .more .button {
  padding-left: 10px;
  padding-right: 10px;
  min-width: 75px;
  box-sizing: border-box;
}
.list-product-order .option.cancel span.title {
  width: auto;
}
.list-product-order .option.date {
  position: relative;
  z-index: 0;
}
.list-product-order .option.date .label {
  position: absolute;
  right: 10px;
}
.list-product-order .option.amount input,
.list-product-order .option.amount .button {
  vertical-align: top;
}
.list-product-order .action {
  margin: 5px 0;
}
.list-product-order .action .module {
  display: block;
  margin-bottom: 0px;
  width: auto;
  min-height: 20px;
}
.payment-last {
  border-top: 2px #8d8d8d solid;
}
.payment-last .title {
  margin: 0px;
  padding: 15px 10px;
  color: #8d8d8d;
  background: #fff;
}
.payment-last .grid {
  color: #222;
  border-top: 1px #d0d0d0 solid;
}
.payment-last .grid:first-child {
  border-top: 0px;
}
.payment-last .grid .subject,
.payment-last .grid .price {
  height: 45px;
  line-height: 45px;
}
.payment-last .grid .subject {
  margin-left: 10px;
}
.payment-last .grid .price {
  margin-right: 10px;
}
.payment-last .grid.total {
  border-top: 1px #78b3df solid;
  border-bottom: 2px #8d8d8d solid;
  background: #f1f9ff;
}
.payment-last .grid.total .subject,
.payment-last .grid.total .price {
  height: 55px;
  line-height: 55px;
}
.payment-last .grid.total .price {
  font-size: 25px;
}
.payment-last .grid.sub {
  background: #fff;
}
.payment-last .grid.sub .subject {
  padding-left: 10px;
  background-image: url('../img/custom/order_payment_ico.png');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 4px 4px;
  color: #777;
}
.payment-info {
  background: #f9f6ed;
}
.payment-info .gutter {
  margin-left: 10px;
  margin-right: 10px;
}
/* 모바일 이벤트 */
.event-list li {
  margin-bottom: 5px;
  border: 1px solid #d0d0d0;
}
.event-list li:first-child {
  margin-top: 15px;
}
.event-list li .thum {
  border-bottom: 1px solid #d0d0d0;
}
.event-list li .thum img {
  width: 100%;
}
.event-list li .desc {
  padding: 15px;
}
.event-list li .desc p {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #777;
}
.event-list li .desc p.subject {
  margin-bottom: 5px;
  color: #000;
}
.comment-wrap .comment-list {
  border-top: 1px solid #d0d0d0;
}
.comment-wrap .comment-list .comment-item {
  padding: 15px 10px;
  border-bottom: 1px solid #d0d0d0;
}
.comment-wrap .comment-list .comment-item .num .module {
  padding: 10px 0;
  border: 1px solid #777;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  color: #777;
}
.comment-wrap .comment-list .comment-item .author {
  color: #777;
}
.comment-wrap .comment-list .comment-item .context {
  padding: 5px;
}
/* 총 금액 */
.section-price {
  color: #8d8d8d;
  background: #f1f9ff;
  border: 1px #8d8d8d solid;
}
.section-price .reckoning {
  padding: 10px 15px;
  font-size: 11px;
  border-bottom: 1px #78b3df solid;
}
.section-price .core {
  clear: both;
  *zoom: 1;
  padding: 0 15px;
}
.section-price .core:before,
.section-price .core:after {
  content: " ";
  display: table;
}
.section-price .core:after {
  clear: both;
}
.section-price .core .pull-left {
  height: 40px;
  line-height: 40px;
}
.section-price .core .pull-right {
  height: 40px;
  line-height: 40px;
  font-size: 25px;
}
/* 쿠폰 리스트 */
.coupon-detail-list .module {
  background-color: #fff;
  border: 1px #aaa solid;
}
.coupon-detail-list .module .core {
  padding: 25px 0;
  text-align: center;
}
.coupon-detail-list .module .core h5,
.coupon-detail-list .module .core h6 {
  margin: 0 10px;
}
.coupon-detail-list .module .desc {
  padding: 10px 15px;
  border-top: 1px #d0d0d0 solid;
}
.coupon-detail-list .module .desc li {
  color: #777;
}
.coupon-detail-list .disabled {
  color: #777;
}
.coupon-detail-list .disabled .title-arrow {
  background-image: url('../img/common/icon_arrow_title_off.png');
}
.join-step {
  padding: 15px 0 25px 0;
}
.join-step li {
  width: 25%;
  text-align: center;
  border-left: 1px #e0e0e0 solid;
  box-sizing: border-box;
  font-size: 11px;
}
.join-step li:first-child {
  border-left: 0px;
}
.join-step li span {
  display: block;
}
.join-step li span.icon {
  margin-bottom: 10px;
  height: 35px;
  background-size: 35px 35px;
}
.join-step li.nth-child-1 .icon {
  background-image: url('../img/custom/join_step_icon_1_off.png');
}
.join-step li.nth-child-2 .icon {
  background-image: url('../img/custom/join_step_icon_2_off.png');
}
.join-step li.nth-child-3 .icon {
  background-image: url('../img/custom/join_step_icon_3_off.png');
}
.join-step li.nth-child-4 .icon {
  background-image: url('../img/custom/join_step_icon_4_off.png');
}
.join-step li.active {
  color: #ee6e2b;
}
.join-step li.active.nth-child-1 .icon {
  background-image: url('../img/custom/join_step_icon_1_on.png');
}
.join-step li.active.nth-child-2 .icon {
  background-image: url('../img/custom/join_step_icon_2_on.png');
}
.join-step li.active.nth-child-3 .icon {
  background-image: url('../img/custom/join_step_icon_3_on.png');
}
.join-step li.active.nth-child-4 .icon {
  background-image: url('../img/custom/join_step_icon_4_on.png');
}
.join-step.border-none {
  border-bottom: 0px;
  padding-bottom: 10px;
}
.join-type {
  margin-top: 25px;
}
.join-type li {
  margin-top: 5px;
}
.join-type li .button {
  padding: 20px 0;
  font-size: 14px;
  font-weight: normal;
}
.join-type li .button strong {
  display: block;
  font-size: 17px;
}
.signup-service li {
  position: relative;
  margin-top: 5px;
}
.signup-service li:first-child {
  margin-top: 0px;
}
.signup-service li .frame {
  padding-right: 90px;
}
.signup-service li .frame h5 {
  font-size: 14px;
}
.signup-service li .frame p {
  margin-top: 10px;
}
.signup-service li .frame .icon {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  background-size: 100%;
}
.signup-service li.nth-child-1 .icon {
  background-image: url('../img/custom/icon_signup_guide_1.png');
}
.signup-service li.nth-child-2 .icon {
  background-image: url('../img/custom/icon_signup_guide_2.png');
}
.signup-service li.nth-child-3 .icon {
  background-image: url('../img/custom/icon_signup_guide_3.png');
}
.signup-service li.nth-child-4 .icon {
  background-image: url('../img/custom/icon_signup_guide_4.png');
}
.signup-service li.nth-child-5 .icon {
  background-image: url('../img/custom/icon_signup_guide_5.html');
}
.agreement-list .row {
  padding: 15px 0;
  border-top: 1px #aaa dashed;
}
.agreement-list .row:first-child {
  border: 0px;
}
.agreement-list .row .section-title {
  height: 35px;
  margin-bottom: 5px;
}
.agreement-list .row .section-title .title {
  margin-top: 10px !important;
}
.agreement-list .row textarea {
  height: 170px;
}
.agreement-list .row .check {
  margin-top: 10px;
}
.sign-finish {
  text-align: center;
}
.sign-finish .icon.logo {
  background-image: url('../img/common/icon_logo.png');
  width: 158.5px;
  height: 92.5px;
  background-size: 158.5px 92.5px;
}
.promotion-product .row {
  padding: 15px 0;
  border-top: 1px #aaa dashed;
}
.promotion-product .row:first-child {
  padding-top: 0px;
  border-top: 0px;
}
.promotion-product .thumb {
  margin-top: 5px;
  border: 1px #aaa solid;
}
.promotion-product.time {
  margin-top: 25px;
}
.promotion-product.time .thumb {
  position: relative;
}
.promotion-product.time .thumb .label.time {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 5px;
  padding: 6px 0 0;
  width: 75px;
  height: 66px;
  border: 0px;
  box-sizing: border-box;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2;
  background-image: url('../img/custom/label_time.png');
  background-size: 100%;
}
.promotion-product.time .thumb .label.time.day {
  font-size: 12px;
  background-image: url('../img/custom/label_time_day.png');
}
.promotion-product.time .thumb .label.time.day strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
}
.promotion-product.time .thumb .desc {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
}
.promotion-product.early {
  margin-top: 15px;
}
.promotion-product.early .row {
  padding: 25px 0 0;
  border: 0px;
}
.promotion-product.early .row:first-child {
  padding-top: 0px;
}
.promotion-product.early .thumb {
  position: relative;
}
.promotion-product.early .thumb .label.early {
  position: absolute;
  top: 0px;
  left: 5px;
  display: inline-block;
  width: 75px;
  height: 76px;
  padding-top: 30px;
  box-sizing: border-box;
  border: 0px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  line-height: 1;
  background-image: url('../img/custom/label_early.png');
  background-size: 100% 100%;
}
.promotion-product.early .thumb .label.early strong {
  display: block;
  font-size: 22px;
}
.promotion-product.early .thumb .badge.coming {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -55px -115px;
  background-color: transparent;
  background-image: url('../img/custom/badge_coming.png');
  width: 229px;
  height: 110px;
  background-size: 229px 110px;
}
.promotion-product.early .desc .grid {
  padding: 10px 15px;
  background-color: #fff;
  border-top: 1px #d0d0d0 solid;
}
.promotion-product.early .desc .grid:first-child {
  border: 0px;
}
.promotion-product.early .md-guide .core {
  position: relative;
  color: #777;
  background: #88b7d5;
  border: 4px solid #c2e1f5;
}
.promotion-product.early .md-guide .core {
  position: relative;
  margin-top: 10px;
  padding: 10px 15px;
  background-color: #fff;
  border: 1px solid #d0d0d0;
}
.promotion-product.early .md-guide .core:after,
.promotion-product.early .md-guide .core:before {
  position: absolute;
  bottom: 100%;
  left: 10px;
  content: " ";
  height: 0;
  width: 0;
  border: 5px solid transparent;
}
.promotion-product.early .md-guide .core:after {
  border-bottom-color: #fff;
}
.promotion-product.early .md-guide .core:before {
  left: 9px;
  border-bottom-color: #d0d0d0;
  border-width: 6px;
}
.promotion-product.early .section-price.coming {
  color: #777;
  border-color: #aaa;
  background-color: #fff;
}
.mission-promotion {
  margin-top: 15px;
  padding: 15px 0;
  border-top: 1px #aaa dashed;
  border-bottom: 1px #aaa dashed;
}
.mission-promotion .timer {
  clear: both;
  *zoom: 1;
  margin-top: 25px;
}
.mission-promotion .timer:before,
.mission-promotion .timer:after {
  content: " ";
  display: table;
}
.mission-promotion .timer:after {
  clear: both;
}
.mission-promotion .timer p,
.mission-promotion .timer .bar,
.mission-promotion .timer .text {
  vertical-align: middle;
}
.mission-promotion .timer p {
  float: left;
  margin: 0px;
}
.mission-promotion .timer p strong {
  margin: 0 2px;
  float: left;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  background-color: #ee6e2b;
}
.mission-promotion .timer .bar {
  float: left;
  font-size: 25px;
  color: #aaa;
  font-weight: bold;
}
.mission-promotion .timer .text {
  margin-left: 10px;
  height: 35px;
  line-height: 35px;
}
.mission-promotion .progress {
  margin-top: 10px;
  padding: 8px;
  border: 2px #aaa solid;
  border-radius: 20px;
  background-color: #fff;
}
.mission-promotion .progress .bar {
  height: 14px;
  border-radius: 8px;
  background-color: #ee6e2b;
}
.time-promotion {
  position: relative;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  background-color: #e62b64;
}
.time-promotion .icon.time {
  background-image: url('../img/custom/icon_time.png');
  width: 101.5px;
  height: 101.5px;
  background-size: 101.5px 101.5px;
}
.time-promotion .icon.alpha {
  background-image: url('../img/custom/icon_time_alpha.png');
  width: 49.5px;
  height: 16px;
  background-size: 49.5px 16px;
}
.time-promotion .timer p,
.time-promotion .timer .bar {
  display: inline-block;
  margin: 0px;
  line-height: 1;
}
.time-promotion .timer p strong,
.time-promotion .timer .bar strong {
  font-size: 40px;
}
.time-promotion .timer p span,
.time-promotion .timer .bar span {
  display: block;
  margin-top: 5px;
  font-size: 11px;
}
.time-promotion .timer p.bar,
.time-promotion .timer .bar.bar {
  vertical-align: top;
  margin-top: 10px;
  font-size: 17px;
}
.time-promotion .period {
  margin: 15px 10px 0 10px;
  padding: 10px;
  line-height: 1;
  border-radius: 20px;
  background-color: #8d8d8d;
}
.time-promotion:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: 13px solid transparent;
  border-top-color: #e62b64;
  margin-left: -13px;
}
.time-coming {
  position: relative;
  padding: 15px 0;
  text-align: center;
  background-color: #8d8d8d;
}
.time-coming:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: 13px solid transparent;
  border-top-color: #8d8d8d;
  margin-left: -13px;
}
.time-coming h4 {
  color: #fff;
  font-size: 25px;
}
.time-coming .icon {
  background-image: url('../img/custom/icon_coming.png');
  width: 160.5px;
  height: 19px;
  background-size: 160.5px 19px;
}
.find-result {
  padding-top: 30px;
  padding-bottom: 30px;
}
.find-result strong {
  font-size: 25px;
}
/* 
@import "./pages/main.less";


*/
/* polyfills */
/* 
@import "ie.less"; 
*/









.txt{font-size:37px;color:#333;line-height:130%}
.txt em{font-size:27px}
.txt strong{font-size:55px;color:#21bae0}
.txt p{color:#13458f;font-size:22px;line-height:110%;margin:25px 0}
.txt strong_s{font-size:55pt;color:#21bae0;width:28%}

.gift ul{text-align:center;margin:0 auto}
.gift ul li{display:inline-block;width:47%;text-align:center;}
.gift ul li img{width:97%;border:1px solid #beced5}

.dtable_desc{color:#1871c3;font:1.5em/150% nanum,"나눔고딕";text-align:right}
.dtable_desc p{color:#46698a;font:1em/150% nanum,"나눔고딕";text-align:center}
.dtable_desc a{display:inline-block;width:;height:28px;background:#1871c3;border-radius:3px;font:bold 16px/28px nanum,"나눔고딕";color:#fff;padding:0 5px;margin-left:10px}
.dtable_desc .chk{position:relative;}
input{width:97%;font-size:1.5em}
.dtable_desc .chk input[type="checkbox"]{position:absolute;left:0;top:0;opacity:0;}
.dtable_desc .chk label{display:inline-block;padding-left:30px;background:url('../images/bg_checkbox.html') no-repeat 0 0;height:26px}
.dtable_desc .chk input[type="checkbox"]:checked + label{background-position:0 -26px;}
.ipt_t{width:20%}
.ipt_ss{width:28%}
.ipt_35{width:35%}
.ipt_s{width:45%}
.ipt_m{width:60%}
.ipt_l{width:75%}
.btn_wrap{text-align:center;margin:20px 0}
.btn_wrap a{display:inline-block;width:56%;height:72px;background:#1871c3;border-radius:10px;color:#fff;font:bold 2em/72px nanum,"나눔고딕" }
.btn_wrap1 a{display:inline-block;width:100%;height:100px;background:#1871c3;border-radius:10px;color:#fff;font:bold 2em/72px nanum,"나눔고딕" }


.con{padding:20px}
h2{font:bold 14px/150% "돋움", Dotum, sans-serif; margin:25px 0 10px 0}
h2 span{color:#25b5cf;font-size:12px}
p{margin:10px 0}




#wrap.home{position:relative;width:100%;height:100%}
#wrap.home #h_id{position:absolute;left:19%;top:15%;width:60%;height:9%;}
#wrap.home #h_id p{position:absolute;left:5%;top:37%;width:90%;text-align:center;color:#533813;font-size:0.8em;font-weight:bold;margin-top:5%}
#wrap.home #h_id p.no{top:5%;color:#835c25;font-size:1.0em}
#wrap.home #h_id p.no2{color:#533813;font-size:1.0em;margin:16px 0}
#wrap.home #h_id img{width:100%;height:70px;}
#wrap.home #h_menu{position:absolute;left:10%;top:28%;width:80%}
#wrap.home #h_menu li{float:left;width:29%;padding:2%}
#wrap.home #h_menu li img{width:100%}
#wrap.home img.bg{width:100%;height:100%}
#wrap textarea{width:98%;height:90px;}



.search-form-label {
    background-color: #3c3c3c;
    color: #fff;
    padding: 7px 0;
    font-size: 13px;
    text-align: center;
    border: 1px solid #fff;
}



.btn-select {
    float: left;
    width: auto;
    font-size: 14px;
    background-color: #ff5555;
    color: #fff;
}

.btn-delete {
    float: left;
    width: auto;
    font-size: 14px;
    background-color: grey;
    color: #fff;
}

.padding-left-none {
    padding-left: 0;
}






.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: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_point_r input:focus {background:#eee; border:2px solid #ff1919 !important;}

.apply_point_rl {width:100%}
.apply_point_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_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 {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 {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_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; }














/* 페이지타이틀 --------------------------------------------------------------------- */
.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:65px; 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:#fff;height:33px; line-height:33px; padding-left:8px; border-bottom:1px solid #ccc;}
.page_sub_area span {float:left;}
.page_sub_area .ctg {color:#4d4531; }
.page_sub_area .adress {color:#888170;}
.page_sub_area .bar {display:inline-block; height:11px; width:0px; border-left:1px solid #888170; border-right:1px solid #bbb4a3; margin:11px 10px;padding-top:4px}
.page_sub_area b{color:#353535;}

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



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












/* 이미지메뉴 */
.nav_img_fran {overflow:hidden; position:relative; background:#e7e5e5; padding-left:5px;padding-top:5px;}
/*.nav_img .line {width:1px; height:300px; background:#b8b8b8; position:absolute; top:0; left:50%;} */

.nav_img_fran li {width:25%;float:left;padding-bottom:2px;}
 
.nav_img_fran a {display:inline-block; width:84px; height:80px; }

.nav_img_fran img {width:100%}






/* 이미지 등비율 리사이징 */
.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);
}




/* select */
.select_common_main {height:100%; height:50px; overflow:hidden; position:relative; border:1px solid #ccc4b2; -webkit-border-radius:10px; background:#f7f7f7}

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

.select_common_main .ic_arrow {width:40px; height:50px; position:absolute; right:0; top:0; text-align:center; }
.select_common_main .ic_arrow span {background-position:-235px -330px; width:15px; height:11px; margin-top:20px;}




















/*****************************************************************************************************************/







#aside {
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  width: 80%;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    */
  left: 0;
  text-align: left;
  overflow: visible;
}
.modern #aside {
  -webkit-transition: all .4s;
  transition: all .4s;
}
.no-modern #aside {
  display: none;
}
#aside.is-visible {
  -webkit-overflow-scrolling: touch;
}
.modern #aside.is-visible {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.no-modern #aside.is-visible {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.modern #aside {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
#aside .holder {
  overflow-y: auto;
  height: 100%;
  z-index:100000;
background-color: #70bff3;
}
#aside .holder .inner {
  width: 100%;
  z-index:100000;
}
#aside .close {
  position: absolute;
  top: 0px;
}
#aside .close .icon {
  background-image: url('../img/common/aside_close.png');
  width: 40px;
  height: 45px;
  background-size: 40px 45px;
}
#aside.is-visible .close {
  left: 100%;
}

/* 상단 부분*/

#aside .top {
  background: #fb4357;
  height: 45px;
  color: #fff;


}
#aside .top .icon .home {
  background-image: url('');
  width: 160px;
  height: 45px;
  background-size: 160px 45px;
}
.submenu {
  padding-bottom: 200px;
  font-size: 22px;
  color: #fff;

  /* 카테고리 목록 */
}
.submenu li.d1 a.d1 {
  display: block;
  height: 50px;
  color: #fff;

}
.submenu .span_st {
  display: block;
  height: 50px;
  line-height: 50px;
  background-image: url('../img/common/lnb_d1_off.png');
  background-size: 15px 15px;
  background-position: right center;
  background-repeat: no-repeat;
  font-size: 15px;
  padding-top:5px;
  color: #fff;

}
.submenu li.d1.active {
  border-bottom: 2px #ee6e2b solid;
}
.submenu li.d1.active a.d1 {
  border-bottom: 2px #ee6e2b solid;
  color: #ee6e2b;
}
.submenu li.d1.active a.d1 span {
  background-image: url('../img/common/lnb_d1_on.png');
  font-weight: bold;
}
.submenu li.d1.active a.d1 + div.d2 {
  display: block;
}
.submenu div.d2 {
  display: none;
  background-color: #f2f2f2;
}
.submenu div.d2 li.d2 {
  position: relative;
  overflow: hidden;
}

.submenu div.d2 li.d2 a.d2-more span {
  display: block;
  padding-left: 25px;
  height: 40px;
  line-height: 40px;
  background-size: 11px 11px;
  background-image: url('../img/common/list_a.png');
  background-position: 15px center;
  background-size: 5px 5px;
}
.submenu div.d2 li.d2 a.d2 {
  position: absolute;
  top: 0px;
  right: 0px;
}
.submenu div.d2 li.d2 a.d2 .icon {
  background-image: url('../img/common/lnb_d2_off.png');
  width: 49px;
  height: 44px;
  background-size: 49px 44px;
}
.submenu div.d2 li.d2:last-child a.d2-more {
  border-bottom: 0;
}
.submenu div.d2 li.d2.active a.d2 .icon {
  background-image: url('../img/common/lnb_d2_on.png');
  width: 49px;
  height: 44px;
  background-size: 49px 44px;
}
.submenu div.d2 li.d2.active a.d2 + div.d3 {
  display: block;
}
.submenu div.d3 {
  display: none;
  background-color: #585858;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.submenu div.d3 li.d3 {
  position: relative;
  overflow: hidden;
}
.submenu div.d3 li.d3 a.d3-more {
  display: block;
  border-top: solid 1px #646464;
  border-bottom: solid 1px #4b4b4b;
  color: #fff;
}
.submenu div.d3 li.d3 a.d3-more span {
  display: block;
  padding: 10px 55px 15px 25px;
  line-height: 1.2;
}
.submenu div.d3 li.d3 a.d3 {
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -21px;
}
.submenu div.d3 li.d3 a.d3 .icon {
  background-image: url('../img/common/lnb_d3.png');
  width: 49px;
  height: 43px;
  background-size: 49px 43px;
}
.submenu.in-category div.d3 {
  background-color: #f2f2f2;
  box-shadow: none;
  border-top: solid 2px #ee6e2b;
  border-bottom: solid 2px #ee6e2b;
}
.submenu.in-category div.d3 li.d3 a.d3-more {
  color: #777;
  border: 0;
  border-top: solid 1px #cecece;
}
.submenu.in-category div.d3 li.d3 a.d3-more span {
  background-image: url('../img/common/list_a.png');
  background-position: 15px center;
  background-size: 5px 5px;
  /*
                        display: inline-block;
                        padding-left: 25px;
                        */
}
.submenu.in-category div.d3 li.d3:first-child a.d3-more {
  border-top: 0;
}
.submenu.in-category div.d3 li.d3 a.d3 .icon {
  background-image: url('../img/common/lnb_d3_02.png');
  width: 49px;
  height: 43px;
  background-size: 49px 43px;
}
.submenu.in-category div.d2 {
  background-color: #fff;
}
.submenu.in-category div.d2 li.d2 a.d2-more span {
  padding-left: 10px;
  background: none;
}
.submenu.in-category div.d2 li.d2.active a.d2-more {
  border-bottom: 0;
  font-weight: bold;
  color: #ee6e2b;
}
.submenu.in-category div.d2 li.d2.active a.d2 .icon {
  background-image: url('../img/common/lnb_d2_02_on.png');
  width: 49px;
  height: 44px;
  background-size: 49px 44px;
}
.submenu.in-category li.d1.active {
  border: 0;
}


/* --------------------------------
overlay
-------------------------------- */
#overlay {
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  visibility: hidden;
  position: fixed;
  height: 100%;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.35);
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}
#overlay.is-visible {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}
/* --------------------------------
container 배경색상 흰색으로 변경 mview
-------------------------------- */




#aside .top .action a .icon {
  background-image: url('../img/common/icon_logout.png');
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  margin-right: 5px;
}
#aside .user {
  border-bottom: 2px #8d8d8d solid;
}

#aside .user .col.nth-child-1,
#aside .user .col.nth-child-2 {
  border-top: 0px;
}
#aside .user .col:nth-child(odd) {
  border-left: 0px;
}
#aside .user .col a {
  display: block;
  height: 60px;
  line-height: 60px;
  color: #222;
  font-weight: bold;
}
#aside .user .col a span {
  display: table-cell;
  padding-left: 15px;
  line-height: 1.4;
  height: 60px;
  vertical-align: middle;
}
#aside .user .col a span .icon {
  position: absolute;
  margin: 0px;
  top: 15px;
  right: 10px;
}
#aside .user .col a span .icon.login {
  background-image: url('../img/common/icon_user_login.png');
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
#aside .user .col a span .icon.signup {
  background-image: url('../img/common/icon_user_signup.png');
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
#aside .user .col a span .icon.mypage {
  background-image: url('../img/common/icon_user_mypage.png');
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
#aside .user .col a span .icon.order {
  background-image: url('../img/common/icon_user_order.png');
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
#aside .user .col a span .icon.coupon {
  background-image: url('../img/common/icon_user_coupon.png');
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
#aside .user .col a span .icon.wish {
  background-image: url('../img/common/icon_user_wish.png');
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
#aside .links {
  border-bottom: 1px #484848 solid;
}

#aside .links .grid .col a .icon {
  display: block;
  height: 55px;
  background-size: 40px 40px;
}
#aside .links .grid .col a .icon.mall {
  background-image: url('../img/common/user_mall_off.png');
}
#aside .links .grid .col a .icon.private {
  background-image: url('../img/common/user_private_off.png');
}
#aside .links .grid .col a .icon.edumate {
  background-image: url('../img/common/user_edumate_off.png');
}
#aside .links .grid .col a .icon.art {
  background-image: url('../img/common/user_art_off.png');
}
#aside .links .grid .col a .icon.penast {
  background-image: url('../img/common/user_penast_off.png');
}
#aside .links .grid .col a .icon.brand {
  background-image: url('../img/common/user_brand_off.png');
}
#aside .links .grid .col a.active,
#aside .links .grid .col a:hover {
  background-image: url('../img/common/user_on.png');
  background-size: 100% 100%;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  border: 0px;
}

#aside .submenu li.d1 a.d1 {
  display: block;
  padding: 0px 40px;
  margin-left:25px;
  color: #222;

  background-image: url('../images/newall/d1.png');
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
}

#aside .submenu li.d2 a.d2 {
  display: block;
  padding: 0px 40px;
  margin-left:25px;
  color: #222;

  background-image: url('../images/newall/d2.png');
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
}


#aside .submenu li.d3 a.d3 {
  display: block;
  padding: 0px 40px;
  margin-left:25px;
  color: #222;

  background-image: url('../images/newall/d3.png');
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
}


#aside .submenu li.d4 a.d4 {
  display: block;
  padding: 0px 40px;
  margin-left:25px;
  color: #222;

  background-image: url('../images/newall/d4.png');
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
}


#aside .submenu li.d5 a.d5 {
  display: block;
  padding: 0px 40px;
  margin-left:25px;
  color: #222;

  background-image: url('../images/newall/d5.png');
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
}


#aside .submenu li.d6 a.d6 {
  display: block;
  padding: 0px 40px;
  margin-left:25px;
  color: #222;

  background-image: url('../images/newall/d6.png');
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
}

#aside .submenu li.d7 a.d7 {
  display: block;
  padding: 0px 40px;
  margin-left:25px;
  color: #222;

  background-image: url('../images/newall/d7.png');
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
}



#aside .submenu li.d1 a.d1.tree span {
  background-image: url('../img/common/lnb_d1_off.png');
  background-size: 15px 15px;
  background-position: right center;
  background-repeat: no-repeat;
}
#aside .submenu li.d1.active {
  border-bottom: 2px #ee6e2b solid;
}
#aside .submenu li.d1.active a.d1.tree {
  border-bottom: 2px #ee6e2b solid;
  color: #ee6e2b;
}
#aside .submenu li.d1.active a.d1.tree span {
  background-image: url('../img/common/lnb_d1_on.png');
  font-weight: bold;
}
#aside .submenu li.d1.active a.d1.tree + div.d2 {
  display: block;
}
#aside .submenu div.d2 {
  display: none;
  background-color: #f2f2f2;
}
#aside .submenu div.d2 li.d2 {
  position: relative;
}
#aside .submenu div.d2 li.d2 a.d2 {
  position: relative;
  display: block;
  color: #777;
}
#aside .submenu div.d2 li.d2 a.d2 span {
  display: block;
  padding-left: 25px;
  height: 40px;
  line-height: 40px;
  background-size: 11px 11px;
  background-image: url('../img/common/list_a.png');
  background-position: 15px center;
  background-size: 5px 5px;
}
#aside .submenu div.d2 li.d2 a.d2.tree {
  background-image: url('../img/common/user_aside_d2_off.png');
  background-size: 48px 43px;
  background-position: right center;
  background-repeat: no-repeat;
}
#aside .submenu div.d2 li.d2:last-child a.d2 {
  border-bottom: 0;
}
#aside .submenu div.d2 li.d2.active a.d2 {
  background-image: url('../img/common/user_aside_d2_on.png');
}
#aside .submenu div.d2 li.d2.active a.d2 + div.d3 {
  display: block;
}
#aside .submenu div.d3 {
  display: none;
  background-color: #585858;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
#aside .submenu div.d3 li.d3 {
  position: relative;
}
#aside .submenu div.d3 li.d3 a.d3 {
  position: relative;
  display: block;
  margin-top: 0;
  border-top: solid 1px #646464;
  border-bottom: solid 1px #4b4b4b;
  color: #fff;
}
#aside .submenu div.d3 li.d3 a.d3 span {
  display: block;
  padding: 10px 55px 15px 25px;
  line-height: 1.2;
}





/* 로그인 */
.membership .membership_form_side {overflow:hidden; }
.membership .membership_form_side label {font-size:14px; line-height:35px; overflow:hidden; float:left; margin-right:10px; color:#666;}

.membership .form_box_login_side {overflow:hidden;background:#fff;}
.membership .form_box_login_side li {overflow:hidden; border-bottom:1px solid #ccc4b2; -webkit-border-radius:3px; margin:5px;padding:10px 35px; position:relative; box-sizing:border-box;}

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

.membership .form_box_login_side .btn_x {position:absolute; right:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  width:20px; height:20px;}

.membership .form_box_login_side .input_ic_email {position:absolute; left:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  background-position:-285px -230px;width:30px; height:30px;}
.membership .form_box_login_side .input_ic_pw {position:absolute; left:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  background-position:-250px -230px;width:30px; height:30px;}



.membership .form_box_login_side .ic_x {background-position:-250px -200px; width:20px; height:20px;}

.membership .form_box_login_side .none_area {border:0; padding:0!important; background:#fff; text-align:right;}
.membership .form_box_login_side .none_area a {display:inline-block; -webkit-border-radius:50px; font-size:12px; color:#fff; padding:4px 10px;width:46%;float:left;}
.membership .form_box_login_side .none_area .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.membership .form_box_login_side .none_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}
.membership .form_box_login_side .none_area .btn_txt {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_side .none_area .btn_txt2 {display:block; background:#0093c8; text-align:center; padding:8px 0; margin:5px;color:#fff;-webkit-border-radius:3px; font-size:15px; }

.membership .form_box_login_side .none_area .txt_none {width:100%; text-align:center;font-size:13px; color:#aaaaaa;}
.membership .form_box_login_side .none_area .txt_none .btn_txt_none {display:inline-block; padding:10px 20px; color:#333;font-size:13px; color:#aaaaaa; }






/* select */
.select_common_side {width:50%; height:30px; overflow:hidden; position:relative;margin-left:60px;margin-bottom:8px;color:#fff; border:1px solid #ffffff;}

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

.select_common_side .ic_arrow {width:40px; height:40px; position:absolute; right:0; top:0; text-align:center;}
.select_common_side .ic_arrow span {background-position:-185px -330px; width:15px; height:11px; margin-top:8px;}








/* select */
.select_common_partner {width:100%; height:40px; overflow:hidden; position:relative;margin-bottom:8px;color:#ccc; border:1px solid #ccc;}

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

.select_common_partner .ic_arrow {width:40px; height:40px; position:absolute; right:0; top:0; text-align:center;}
.select_common_partner .ic_arrow span {background-position:-185px -330px; width:15px; height:11px; margin-top:8px;}



/* ●●●●●●●●●● 입력폼테이블 */
.cm_member_form {}
.cm_member_form ul {overflow:hidden}
.cm_member_form li {list-style:none; position:relative;  width:96%; clear:both;}
.cm_member_form .opt {position:absolute; left:0px; top:10px; color:#888; height:34px; line-height:34px; padding-left:20px; }
.cm_member_form .opt {background:transparent url('../images/cm_images/member_form_bullet.png') left center no-repeat; background-size:8px;  font-size:16px }
.cm_member_form .value {margin-left:100px; background:#fff; overflow:hidden; padding:10px 10px 5px 0; color:#333; line-height:36px; font-size:16px}
.cm_member_form .ess .opt {background-image:url('../images/cm_images/member_form_bullet2.png');}
.cm_member_form .input_design {float:left; width:100%; border:2px solid #eaeaea; height:45px; padding:0 10px; color:#666; border-radius:7px; font-size:15px; margin-bottom:5px}
.cm_member_form .input_design:focus {background-color:#ddd; color:#333}
/*
.cm_member_form .input_double {overflow:hidden; clear:both; }
.cm_member_form .input_double .input_wrap {margin-top:10px; width:50%; float:left; }
.cm_member_form .input_double .input_wrap:first-of-type div {margin-right:10px}
*/
.cm_member_form .textarea_design { border:2px solid #eaeaea;  line-height:18px;width:99%; height:120px; padding:10px; color:#888; border-radius:7px; font-size:15px;  margin-bottom:5px; box-sizing:border-box; }
.cm_member_form .textarea_design:focus {background-color:#ddd; color:#333}
.cm_member_form .select_design {padding:0 10px; height:34px; line-height:33px; width:100%; border:1px solid #ccc;}
.cm_member_form .dash {float:left; margin:5px 5px 0 0px; font-size:15px; width:5px; background:#ccc;}
.cm_member_form .button_pack_radius {margin-bottom:5px;}
.cm_member_form label {float:left; margin-right:5px; font-size:17px; line-height:20px; padding:0px 5px 5px 5px; margin-bottom:5px; box-sizing:border-box; }
.cm_member_form label span {padding-top:8px; }

.cm_member_form .label_full {width:100%;}
.cm_member_form .tip_txt {clear:both;}
.cm_member_form .tip_txt dd {line-height:15px; color:#999; font-size:11px;}
.cm_member_form .tip_txt dt {line-height:15px; color:#ff4949; font-size:11px;}



/* ●●●●●●●●●● 약관동의  */
.cm_member_agree {overflow:hidden; padding:5px 5px 0 15px;}

.cm_bottom_button {width:100%;margin-left:20px;  }




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


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

.button_pack_radius_wide .btn_md_blue {background:#258cd1; color:#fff !important; border:1px solid #258cd1;}



.button_pack_radius_wide {display:block; box-sizing:border-box; }
.button_pack_radius_wide a,.button_pack_radius_wide input,.button_pack_radius_wide button {width:85%; text-align:center;margin:5px;float:left;background-image:none; display:block; font-weight:normal; word-wrap:normal; word-break:keep-all; border-radius:3px; box-sizing:border-box; }

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


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





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

/* 폼항목 가로값잡기 */
.membership_type2 .form_box .form_join {margin:0 30px 0 50px;width:100%;}

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

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

.membership_type2 .form_box .none_area .btn_hit {background:#ec3333 ; border:1px solid #b02020;}
.membership_type2 .form_box .none_area .btn_normal {background:#7e7e7e; border:1px solid #535353;}
.membership_type2 .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_type2 .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_type2 .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_type2 .form_box .none_area .btn_txt2:only-child {display:block; background:#0093c8; text-align:center; padding:15px 0; color:#fff;-webkit-border-radius:3px; font-size:15px; }


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



.membership_type2 .form_box .input_ic_email {position:absolute; left:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  background-position:-285px -230px;width:30px; height:30px;}
.membership_type2 .form_box .input_ic_pw {position:absolute; left:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  background-position:-250px -230px;width:30px; height:30px;}
.membership_type2 .form_box .input_ic_name {position:absolute; left:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  background-position:-220px -230px;width:30px; height:30px;}
.membership_type2 .form_box .input_ic_auth {position:absolute; left:0; top:50%; display:inline-block; margin:-9px 5px 0 0;  background-position:-190px -230px;width:30px; height:30px;}





























@charset "euc-kr";

#container { background:#fff; }
.p_plus h2 { font-size:1em; color:#e31820; background:url(/mobile_a/images/mygift/bul_h2.png) no-repeat 0 3px; padding-left:13px; display:block; margin-bottom:10px; }
.p_info h2 { font-size:1em; color:#333; background:url(/mobile_a/images/mygift/bul_h2.png) no-repeat 0 3px; padding-left:13px; display:block; margin-bottom:10px; }
.p_paid h2 { font-size:1em; color:#e31820; background:url(/mobile_a/images/mygift/bul_h2.png) no-repeat 0 3px; padding-left:13px; display:block; margin-bottom:5px; }
#tab { height:30px; border:1px solid #c9c9c9; border-radius:3px; margin-bottom:8px; }
#tab a { float:left; width:33.3%; text-align:center; font-size:0.875em; }
#tab a span { border-left:1px solid #c9c9c9; display:block; height:14px; padding:8px 0; }
#tab a:first-child span { border-left:none; }
#tab a.on {
	-moz-box-shadow:inset 0px 1px 3px 0px #999999;
	-webkit-box-shadow:inset 0px 1px 3px 0px #999999;
	box-shadow:inset 0px 1px 3px 0px #999999;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #858585), color-stop(1, #999999));
	background:-moz-linear-gradient(top, #858585 5%, #999999 100%);
	background:-webkit-linear-gradient(top, #858585 5%, #999999 100%);
	background:-o-linear-gradient(top, #858585 5%, #999999 100%);
	background:-ms-linear-gradient(top, #858585 5%, #999999 100%);
	background:linear-gradient(to bottom, #858585 5%, #999999 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#858585', endColorstr='#999999',GradientType=0);
	background-color:#858585;
	text-shadow:0px -1px 0px #2b665e;
	color:#fff;
}

.section { margin-top:10px; }

.gift_form { background:#eeeeee; border-top:1px solid #c9c9c9; padding:10px; }
.gift_form:after { clear:both; content:""; display:block; }
.gift_form .txt1 { color:#ec5810; font-size:0.875em; }
.gift_form ol { margin-top:5px; }
.gift_form li { color:#555; font-size:0.875em; }
.gift_form .ipt_num { text-align:justify; height:35px; margin-top:5px; }
.gift_form .ipt_num span { float:left; margin-top:8px; }
.gift_form .ipt_num input { height:30px; border:1px solid #cacaca; border-radius:3px; width:90%; }
.gift_form .ipt_num .ipt_txt { width:25%; margin-left:1%; float:left; }
.gift_form .ipt_num>div:first-child { width:22%; margin-left:0; }
.gift_form .btns { height:auto; margin-top:5px; }
.gift_form .ipt_num { }

.list_cou { border:1px solid #c9c9c9; border-radius:3px; }
.list_cou:after { clear:both; content:""; display:block; }
.list_cou .cou_num { background:#e9e9e9; }
.list_cou .cou_num span { color:#333; }
.list_cou span { color:#555; float:left; padding:8px 0; }
.list_cou div { border-top:1px solid #c9c9c9; }
.list_cou div:after { clear:both; content:""; display:block; }
.list_cou div:first-child { border-top:none; }
.list_cou div span:first-child { padding-left:10px; }
.list_cou .cou_num { clear:both; }
.list_cou .cou_date { clear:both; }
.list_cou .cou_price { width:50%; float:left; }
.list_cou .cou_stats { width:50%; float:left; }
.list_cou .cou_date1 { width:50%; float:left; }
.list_cou .cou_date2 { width:50%; float:left; }
.list_cou .cou_stats span:first-child,
.list_cou .cou_date2 span:first-child { border-lefT:1px solid #c9c9c9; }

.p_plus .btn_submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:6px 0;
	text-align:center;
	width:100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}


#gift_info { background:#eeeeee; padding:8px; }
#gift_info .section { margin-bottom:20px; }
#gift_info p,
#gift_info div { padding-left:10px; }
.p_info .btns { height:auto; margin-top:5px; }


.tbl_paid { width:100%; border:1px solid #c9c9c9; border-radius:3px; }
.tbl_paid th,
.tbl_paid td { padding:5px 0; border:1px solid #c9c9c9; }
.tbl_paid th { text-align:left; width:100px; padding-left:10px; font-weight:normal; color:#333; background:#e9e9e9; }
.tbl_paid td { vertical-align:top; }
.tbl_paid .tb_c { color:#e31820; }
.tbl_paid .ipt_box { margin:0 10px; position:relative; }
.tbl_paid .ipt_sel { height:22px; width:80px; padding:0; float:left;}
.tbl_paid .ipt_txt { height:18px; width:99%; padding-left:1%; }
.tbl_paid .tbl_td1 .ipt_inn { margin-right:80px; }
.tbl_paid .tbl_td2 .ipt_inn { margin-left:90px; }
.tbl_paid .tbl_td3 .ipt_inn { }
.tbl_paid .tbl_td4 .ipt_inn { margin-right:80px; }
.tbl_paid .tbl_td5 .ipt_inn { margin-right:80px; }

#tbl1 { }
#tbl2 td { padding-left:10px; }


.btn_td {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #cccccc));
	background:-moz-linear-gradient(top, #ffffff 5%, #cccccc 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #cccccc 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #cccccc 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #cccccc 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #cccccc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0);
	background-color:#ffffff;
	border:1px solid #c9c9c9;
	color:#444;
	text-shadow:0px 1px 0px #e1e2ed;
	text-align:center;
	width:60px;
	font-size:12px;
	padding:2px 0;
	position:absolute; right:0; top:0;
}

.p_paid .btns { height:30px; margin-top:10px; }

.p_paid .btn_submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	color:#ffffff;
	font-size:14px;
	float:left;
	padding:6px 0;
	text-align:center;
	width:48%;
	text-shadow:0px 1px 0px #854629;
}
.p_paid .btn_cancel {
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #566963;
	color:#ffffff;
	font-size:14px;
	float:right;
	padding:6px 0;
	text-align:center;
	width:48%;
	text-shadow:0px -1px 0px #2b665e;
}





/* 텍스트메뉴 */
.nav_txt_list {overflow:hidden; margin-top:10px;}
.nav_txt_list a {overflow:hidden; display:block; position:relative; border-bottom:1px dashed rgba(0,0,0,0.2); padding:10px 0 10px 50px; color:#6f5a46; font-size:13px; letter-spacing:-1px;}
.nav_txt_list a b {color:#d50000; font-size:14px;}
.nav_txt_list a em {font-style:normal; color:#000; margin-left:5px;}

.nav_txt_list .icon {position:absolute; left:0; top:50%; width:35px; height:24px; float:left; margin:-12px 0 0 8px;}

.nav_txt_list .txt1 {background-position:0 -45px; }
.nav_txt_list .txt2 {background-position:-35px -45px;}
.nav_txt_list .txt3 {background-position:-75px -45px;}
.nav_txt_list .txt4 {background-position:-125px -45px; }

.nav_txt_list .icon_arrow {position:absolute; right:0; top:50%; background-position:-135px 0; width:10px; height:15px; margin:-8px 10px 0 0;}




#qr_create_saving {clear:both;margin:10px;text-align:center;}
#qr_create_saving .center_txt {padding-bottom:5px;font-size:16px;}
#qr_create_saving .center_apply_point {width:100%}
#qr_create_saving .center_apply_point input {border:1px solid #ccc;text-align:right; height:50px; border-radius:4px; padding:0 10px; color:#000;width:70%; font-size:16px; letter-spacing:0; box-sizing:border-box;margin-right:0px; }
#qr_create_saving .center_apply_point input:focus {background:#eee; border:2px solid #ff1919 !important;}
#qr_create_saving .center_btn_md_black {clear:both;width:70%;height:50px;padding-top:10px;margin-top:5px;background:#505258;font-size:18px;color:#fff !important; border:1px solid #505258;background-image:none;font-weight:bold; word-wrap:normal; word-break:keep-all; border-radius:3px !important; box-sizing:border-box; }













/* ●●●●●●●●●● 마이통계치 */
.qr_scan_sumbox {overflow:hidden; text-align:center; margin-bottom:5px;margin-top:10px}
.qr_scan_sumbox dt,.qr_scan_sumbox dd {text-align:center; color:#fff; box-sizing:border-box;}
.qr_scan_sumbox b {font-weight:600; letter-spacing:0px;}
.qr_scan_sumbox dt {background:#485362; font-size:17px; padding:15px 10px; overflow:hidden;}
.qr_scan_sumbox dd {background:#a5a5a5; line-height:16px; padding:10px}



/* 공지사항 */
.qr_scan_bill  {width:90%;text-align:center;}

.qr_scan_bill .notice_box {overflow:hidden; border-bottom:1px dashed #dbdbdb; display:block; padding:8px 0;margin-left:10%; position:relative}
.qr_scan_bill .notice_box:last-child {border:0; padding-bottom:0;}

/*.qr_scan_bill .notice_box .title {display:block; color:#484848; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:80%;}*/
.qr_scan_bill .notice_box .title {display:block; color:#484848; font-size:12px; white-space:nowrap; text-align:left;width:200px;overflow:hidden; margin-right:80%;}
.qr_scan_bill .notice_box .date {color:#5A5A5A; font-size:12px; position:absolute; right:0; top:50%; margin:-6px 15px 0 0}
.qr_scan_bill .notice_box .ic_arrow {background-position:-210px -160px; width:10px; height:15px; position:absolute; right:0; top:50%; margin:-6px 0 0 0}




.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; }

.none_area2 .btn_txt2 {width:49%;color:#ffffff;font-weight:bold; float:left; display:block; background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ddd), to(#ddd)); border:1px solid #cecece; text-align:center; padding:10px 0; color:#333;-webkit-border-radius:3px; }






/* 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_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 40px;font-size:11px;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:10px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); }




/* 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}





/* 이미지메뉴 */
.nav_img {overflow:hidden; position:relative; width:90%;margin:0 auto;top:-30px;background:#fff; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3); border-top:1px solid #b8b8b8;-webkit-border-radius:20px;}
.nav_img .line {width:1px; height:412px; background:#b8b8b8; position:absolute; bottom:0; left:50%;} 

.nav_img li {width:50%; float:left; text-align:center; border-bottom:1px solid #b8b8b8;}
 
.nav_img a {display:inline-block; width:160px; height:100px; background: transparent url('../images/intro_img_set.png') repeat; background-size:300px;}

.nav_img .btn_shop_01 {background-position:0 0; }
.nav_img .btn_shop_02 {background-position:-150px 0;}
.nav_img .btn_shop_03 {background-position:0 -115px;}
.nav_img .btn_shop_04 {background-position:-150px -115px;}
.nav_img .btn_shop_05 {background-position:0 -225px;}
.nav_img .btn_shop_06 {background-position:-150px -225px;}

.nav_img .btn_shop_07 {background-position:0 -335px;}
.nav_img .btn_shop_08 {background-position:-150px -335px;}

.nav_img .btn_shop_09 {background-position:0 -445px;}
.nav_img .btn_shop_10 {background-position:-150px -445px;}


.nav_img .btn_shop_11 {background-position:0 -555px;}
.nav_img .btn_shop_12 {background-position:-150px -555px;}


.nav_img .btn_shop_13 {background-position:-0px -670px;}




/* 이미지메뉴 */
.nav_img_two {overflow:hidden; position:relative; width:100%;margin:0 auto;top:-30px;background:#fff; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3); border-top:1px solid #b8b8b8;-webkit-border-radius:20px;}
.nav_img_two .line {width:1px; height:100%; background:#efefef; position:absolute; bottom:0; left:50%;} 

.nav_img_two li {width:50%; float:left; text-align:center; border-bottom:1px solid #efefef;padding-top:10px;padding-bottom:10px;font-family: "Pretendard", sans-serif !important;}
 
.nav_img_two a {display:inline-block; width:160px; height:60px; background: transparent url('../images/intro_img_set.png') repeat; background-size:300px;}

.nav_img_two span {display:inline-block;font-size:18px;}





/* 이미지메뉴 */
.nav_img_three {overflow:hidden; position:relative; width:95%;margin:0 auto;top:-30px;background:#fff; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3); border-top:1px solid #b8b8b8;-webkit-border-radius:20px;}
.nav_img_three .line {width:1px; height:412px; background:#b8b8b8; position:absolute; bottom:0; left:33%;} 
.nav_img_three .line_two {width:1px; height:412px; background:#b8b8b8; position:absolute; bottom:0; left:66%;} 

.nav_img_three li {width:33%; float:left; text-align:center; border-bottom:1px solid #b8b8b8;}
 
.nav_img_three a {display:inline-block; width:160px; height:100px; background: transparent url('../images/intro_img_set.png') repeat; background-size:300px;}

.nav_img_three .btn_shop_01 {background-position:0 0; }
.nav_img_three .btn_shop_02 {background-position:-150px 0;}
.nav_img_three .btn_shop_03 {background-position:0 -115px;}
.nav_img_three .btn_shop_04 {background-position:-150px -115px;}
.nav_img_three .btn_shop_05 {background-position:0 -225px;}
.nav_img_three .btn_shop_06 {background-position:-150px -225px;}

.nav_img_three .btn_shop_07 {background-position:0 -335px;}
.nav_img_three .btn_shop_08 {background-position:-150px -335px;}

.nav_img_three .btn_shop_09 {background-position:0 -445px;}
.nav_img_three .btn_shop_10 {background-position:-150px -445px;}


.nav_img_three .btn_shop_11 {background-position:0 -555px;}
.nav_img_three .btn_shop_12 {background-position:-150px -555px;}


.nav_img_three .btn_shop_13 {background-position:-0px -670px;}




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

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

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



.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;}






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

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

.contact_area_botfix_three li:nth-child(2) .btn {border-right:1px solid #e0e0e0;border-radius:0px;background:#ffffff;height:100%}

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







/* 2025-12-22 place wish switch CSS (FULL / REPLACE THIS WHOLE BLOCK) */

.itsue_placewish_box { float:right; margin-right:10px; height:35px;position:absolute;right:-8px;margin-top:58px;}
.itsue_placewish_box ul { position:relative; margin:0; padding:0; }
.itsue_placewish_box li { float:left; list-style:none; line-height:36px; }
.itsue_placewish_box li:first-child { margin-right:5px; }
.itsue_placewish_box .tit { font-size:12px; color:#666; }

/* 스위치 li는 중앙에 오도록 line-height/여백 조정 */
.itsue_placewish_box li.wish { line-height:20px; }

/* 스위치 배경 */
.itsue_placewish_box .wish{
  background:#999;
  width:35px;
  height:20px;
  border-radius:20px;
  position:relative;
}

/* 클릭영역 */
.itsue_placewish_box .wish .link{
  position:relative;
  display:block;
  width:46px;
  height:20px;
}

/* 원형(OFF 기본) : float 완전 제거 + absolute */
.itsue_placewish_box .wish .circle{
  position:absolute;
  top:3px;
  left:2px;
  width:14px;
  height:14px;
  border-radius:100px;
  background:#fff;

  float:none !important;
  margin:0 !important;

  /* 이동은 transform으로만 처리 (가장 안정적) */
  transform: translateX(0);
  transition: transform .15s ease;
}

/* 텍스트(OFF 기본) */
.itsue_placewish_box .wish .txt{
  position:absolute;
  top:0;
  right:7px;
  line-height:20px;
  font-size:10px;
  color:#fff;

  float:none !important;
  margin:0 !important;

  transition: left .15s ease, right .15s ease;
}

/* ON 상태 배경 */
.itsue_placewish_box.if_placewish_hit .wish,
.itsue_placewish_box.if_wish_hit .wish{
  background:#299f3b;
}

/* ON 상태: circle을 오른쪽 끝으로 이동 (46 - 18 - 2 = 26, 여백 고려해서 24가 딱 맞음) */
.itsue_placewish_box.if_placewish_hit .wish .circle,
.itsue_placewish_box.if_wish_hit .wish .circle{
  transform: translateX(17px);
}

/* ON 상태: 텍스트는 왼쪽으로 */
.itsue_placewish_box.if_placewish_hit .wish .txt,
.itsue_placewish_box.if_wish_hit .wish .txt{
  right:auto;
  left:7px;
}

/* before/after 토글 */
.itsue_placewish_box .after { display:none; }
.itsue_placewish_box .before { display:block; }

.itsue_placewish_box.if_placewish_hit .before,
.itsue_placewish_box.if_wish_hit .before { display:none; }

.itsue_placewish_box.if_placewish_hit .after,
.itsue_placewish_box.if_wish_hit .after { display:block; }


/* 2026-09-28 (401-uiux, 감독관 수정요청): 태블릿 폭(576~1024px)에서 .container 가 540·720·800px 고정 폭인 채로
   왼쪽에 붙어 오른쪽에 여백이 생겼다(m.totalAdmin.css 의 폭 고정 + 초기화 규칙의 margin:0).
   이 구간에서는 화면 폭을 꽉 채운다. 1025px 이상(가운데 800px 배치)과 575px 이하(원래 꽉 참)는 그대로 둔다. */
@media screen and (min-width:576px) and (max-width:1024px) {
	body .container { width:100% !important; max-width:100% !important; }
}

/* 2026-09-28 (401-uiux, 감독관 수정요청): 상단 배너(#slides)를 화면 좌우 100% 로 — 좌우로 늘어나도 된다(감독관).
   넓은 화면에서 배너가 가운데 800px(#contents) 안에 갇혀 좌우 여백이 생겼다.
   - 배너만 화면 폭(100vw)으로 끌어낸다. 세로 스크롤바 두께만큼의 넘침은 바깥 틀에서 잘라 가로 스크롤이 생기지 않게 한다
   - 높이는 예전과 같게 "폭의 56.25%, 최대 450px"(페이지의 aspect-ratio:16/9 대신)
   - 이미지는 잘리지 않게 틀을 꽉 채운다(fill — 비율은 좌우로 늘어난다) */
#container { overflow-x:clip; }
#slides { width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; aspect-ratio:auto !important; height:min(56.25vw, 450px) !important; }
#slides .swiper-slide img { object-fit:fill !important; }