@charset "utf-8";

html {
    overflow-y: inherit;
}
.pc-only { display:none !important; }
@media screen and (min-width: 769px) {
  .pc-only { display:table!important;}  
}
.tbl_content { max-width:730px; margin:0 auto;}
body { background:rgb(255, 255, 255)}
body.hidden { overflow:hidden;}
img { max-width:100%; }
select {
    width: 100%;
    height: 48px;
    font-size: 14px;
    border-radius: 5px;;
    border: 1px solid #ddd;
    /*background: url(/web/baton/images/template/icon_select_arrow.svg) no-repeat 95% 50%;*/
    padding: 0 10px;
}
.frm_textbox {  border-radius: 5px;;    border: 1px solid #ddd;resize: none; }


/*사이트 포인트색*/
.wset {background:#1c476d;border:1px solid #1c476d;color:#fff !important;}
.wset:hover {background:#2c6faa;border:1px solid #2c6faa;color:#fff !important;}

table .spr,.total_price .spr {display:inline-block;}

/*타이틀강조*/
.anc_tit {margin-bottom:20px;padding:10px 0 7px 0;font-size:18px;font-weight:600;position:relative;}

/*인트로*/
#intro {width:1000px;height:570px;margin:-285px 0 0 -500px;position:absolute;top:50%;left:50%;}
#intro .int_copy {color:#888;text-align:center;margin:10px 0 0;line-height:1.6em;}
#int_wrap {padding:40px;border:5px solid #f1f1f1;overflow:hidden;}
#int_wrap .rbanner {width:410px;height:410px;padding-left:40px;border-left:1px solid #eee;float:right;}
#int_wrap .rbanner .bx-wrapper {position:relative;}
#int_wrap .lcont {width:419px;float:left;}
#int_wrap .lcont .tit {font-size:37px;font-weight:400;color:#666;margin:20px 0 3px;}
#int_wrap .lcont .tit b {font-weight:800;color:#333;}
#int_wrap .int_login {margin:20px 0 0 0;}
#int_wrap .int_login dt {width:95px;float:right;}
#int_wrap .int_login dt .btn_large {width:100%;height:80px;}
#int_wrap .int_login dd {width:318px;float:left;}
#int_wrap .int_login dd input {height:37px;width:100%;border:1px solid #ddd;padding:0 12px;margin-bottom:6px;line-height:35px;}
#int_wrap .int_btn {padding:20px 0 0;border-top:1px dotted #ddd;}
#int_wrap .int-txt {padding:10px 0 0 0;}
#int_wrap .int-txt li {font-size:11px;color:#888;padding:5px 0 0 5px;background:url('/img/ic_dot3.gif') no-repeat left 9px;}

/*layout*/
#wrapper {width:100%;height:100%;}
#container {width:100%;position:relative;}
.cont_wrap {max-width:1200px;margin:0 auto;overflow:hidden;}
.cont_bg {background-color:#f5f5f5;padding:50px 0 65px;}
.cont_bg .mtit span {background-color:#f5f5f5;}
.cont_inner {max-width:1240px;padding:20px 10px;margin:0 auto;}





/*header*/

#tnb {position: absolute;right:36px; top:36px;}
#tnb > a { font-size:20px; }
.login-wrap {position: relative; }
    #layer-login-more  {
    display: none;
    position: absolute;
    top: 100%;
      width:120px;
     right:20px;
      z-index:3;
      border:1px solid #ccc;
   background:rgb(241, 246, 249);
     box-shadow: 0px 10px 25px 0px rgba(24, 17, 78, 0.08);
}
#layer-login-more  ul { margin:0; padding:0;}
#layer-login-more  ul li:first-child { border-top:0;}
#layer-login-more  ul li {list-style:none;}
#layer-login-more  ul li { margin:0; padding:5px 10px; color:#000; }
#layer-login-more  ul li a { color:#000;font-size:14px; text-decoration:none; }
#layer-login-more  ul li .ic_num {  margin-left:5px; width:30px; background-color:#bbb; color:#fff; display:inline-block; padding:2px 5px; border-radius:10px;text-align:center;}


#hd {position:relative; height:100px;}
#hd:after {display:block;clear:both;content:'';}
#hd_inner {width:1200px; margin:0 auto;position:relative;    height: 100px; display: flex; align-items: center;}
#hd .hd_logo {position: absolute; left:36px; top:36px;font-family: 'EF_ladio';font-size:30px;}
#hd .hd_logo a {vertical-align:middle;}
#hd_inner .hd_bnr {position:absolute;left:0;top:0;display:table;}
#hd_inner .hd_bnr span {height:100px;display:table-cell;vertical-align:middle;}
#hd_sch {position:absolute;top:50%;right:0;margin-top:-15px;}
#hd_sch .sch_frm {width:170px;padding:0 35px 0 5px;border-bottom:1px solid #222;position:relative;}
#hd_sch .sch_frm .sch_stx {width:100%;height:30px;line-height:30px;font-size:14px;background:#fff;border:none;outline:none;}
#hd_sch .sch_frm .sch_submit {width:30px;height:30px;padding-bottom:2px;color:#222;font-size:20px;position:absolute;border:none;top:0;right:0;}


#header {width:100%; position: relative; z-index:3; }
.navbar {
  display: flex;
  align-items: center;
  padding: 0 12px;
  justify-content: center;
}
.navbar__logo {
  padding: 8px 12px;
  font-size:30px;
  color:#294390;
  font-family: 'EF_ladio';
  position: absolute;
  left: 0;
  top: 0;
}
.navbar__logo img {

}
.navbar__logo a {
 color:#294390;
 display:block;
}
.navbar__logo:first-letter { color:#3badd2}
#header .navbar__menu {
  display: flex;
  list-style: none;
  padding-left: 0;
  overflow:initial;
}
#header .navbar__menu.on::after {
  content:"";
  display:block;
  position: absolute;
  width:100%;
  height:300px;
  background:#fff;
  left:0;
  top:-10px;
	border-bottom:2px solid #1c476d;
  z-index:-1;
}
#header .navbar__menu > li {
  padding: 8px 5px;
  font-size:20px;
  font-weight:500;
  overflow:initial;
  width: 150px;
  position: relative;
  text-align: center;
	
}
#header .navbar__menu > li a {font-size:16px;font-weight: 700;color:#1c476d;display:inline-block;position:relative;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
#header .navbar__menu > li a:hover {}
#header .navbar__menu > li a:after {height:7px; width:7px; border-radius:100%; background-color:transparent;;position:absolute;top:-10px;left:50%;margin-left:-3.5px;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
#header .navbar__menu > li a:hover:after {background-color:#000}
#header .navbar__menu > li:hover {
	
}

#header .navbar__menu > li .sub li {
  text-align:left;
      position: relative;
  padding-left:10px;
}
#header .navbar__menu > li .sub li::before {
  width:3px;
  height:3px;
  background:#1c476d;
     position: absolute;
  top:20px;
  left:0;
  opacity:0.5;
  content:"";
}
.dim {
    display: none;
    z-index: 1;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.dim.on {
  display:block;
}
#header .navbar__menu > li:hover {
  background-color: var(--accent-color);
  border-radius: 5px;
}
#header .navbar__menu.on > li::after {
	content:"";
	display:block;
	position:absolute;
	height:290px;
	width:1px;
	top:0;
	left:0;
	border-left:1px solid #ddd;
	
}
#header .navbar__menu > li:first-child::after {
	display:none;
}
.navbar__icons {
  display: flex;
  list-style: none;
  color: var(--text-color);
  padding-left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.navbar__icons li {
  padding: 8px 12px;
  font-size: 27px;
  font-weight:700;
  overflow:inherit;
  color:#2828CD;
      position: relative;
}
.navbar__member {
	position: absolute;
  right: 72px;
  font-size: 24px;
  color: var(--text-color);
}
.navbar__toggleBtn {
  display: none;
   font-size: 24px;
  color: var(--text-color);
}
.navbar__toggleBtn i::before { content:"\ef3b"; font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.navbar__icons li a { color:#1c476d; text-decoration:none; }

.navbar.active .navbar__toggleBtn i::before {content:"\eb98";  }
.navbar a:hover { text-decoration:none; }
/*ri-menu-2-fill*/

@media screen and (max-width: 768px) {
	.navbar__logo { ; }
  .navbar {
    background: #fff;
  }
  #header .navbar__menu.on::after {
    display:none;
  }
  #header .navbar__menu.on > li::after {
    display:none;
  }
  #header .navbar__menu {
    display: none;
    width: 100%;
  }

  #header .navbar__menu >li {
    width: 50%;
    text-align: center;
  }
  #header .navbar__menu > li a {
    color: #1c476d;
  }
  .navbar__icons {
	     right: 10px;
    top: 15px;
    position:absolute;
	
  }
  .navbar__toggleBtn {
    display: block;
  }

	.navbar.active {background-color:#fff;height: 80px;}
	
  #header .navbar__menu.active {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    background: #fff;
    top: 70px;
    height:100vh;
    overflow-y:scroll;
  }
  
}

.sub_visual  { 
margin-top:50px;
color:#1c476d;
 font-size:36px;
 font-weight:700;
 text-align:center;
}
.sub_visual p {
  font-size:18px;
  font-weight:400;
}


@media screen and (max-width: 768px) {
  .sub_visual   {
    margin-top:100px;
    font-size:26px;
  }

}



main section {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row;
  color: #fff;
  position: relative;
}
#section0,
#page-1 {
  background-color: #c9e6ec;
}
#section1,
#page-2 {
  background:url(img/bg_main01.jpg) no-repeat;
  background-size:cover;
}
#section2,
#page-3 {
   background:url(img/bg_main02.jpg) no-repeat;
  background-size:cover;
}
#section3,
#page-4 {
  background:url(img/bg_main03.jpg) no-repeat;
  background-size:cover;
}
#section4,
#page-5 {
   background:url(img/bg_main04.jpg) no-repeat;
  background-size:cover;
}
#page-5 #ft { position:absolute;  bottom:0; width:100%; background-color:#fff;}

nav.pg-pips {
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 1;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

nav.pg-pips ul li a span {
  background: #fff;
}

nav.pg-pips li {
  display: block;
  width: 10px;
  height: 10px;
  margin: 16px;
  position: relative;
}

nav.pg-pips span:after {
  background: rgba(255, 255, 255, 0.15);
  position: absolute;
  content: "";
  display: block;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 100%;
  transition: 0.3s;
}

nav.pg-pips li .active span {
  background: #fff;
  position: absolute;
}

nav.pg-pips li .active span:after {
  top: -6px;
  left: -6px;
  bottom: -6px;
  right: -6px;
}

nav.pg-pips ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

nav.pg-pips ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

nav.pg-pips ul li a.active span,
nav.pg-pips ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

nav.pg-pips ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #fff;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  transition: all 0.1s ease-in-out;
}

nav.pg-pips ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px;
}

.pg-wrapper {    box-sizing: initial;}
.pg-horizontal nav {
  width: 100vw;
  left: 0;
  bottom: 20px;
}
.pg-horizontal nav ul li {
  float: left;
}


@media (max-width: 768px) {
 nav.pg-pips { display:none;}
/* .pg-page { height:auto !important; }*/

}





.title_wrap { max-width:1200px; margin:0 auto; box-sizing:border-box; padding-left:30px;}
.title_wrap i { color:#fff; font-size:30px;}
.title_wrap h3 {margin-top:10px; color:#fff; font-size:26px;font-family: 'Noto Sans', sans-serif; font-weight:400;  }
.title_wrap h2 {  margin:15px 0 15px 0; color:#fff; font-size:50px;  font-weight:400 }
.title_wrap a { display:inline-block; background-color:#262626; color:#fff; position:relative; font-size:16px; width:197px; height:54px; padding:18px 20px 10px 20px; border-radius:30px; box-sizing:border-box;transition: all .2s ease-in; }
.title_wrap a::after { position:absolute; right:20px; top:18px; content: "\ea6c";    font-family: remixicon!important;transition: all .2s ease-in; }
.title_wrap a:hover::after { right:25px}








#gnb {width:100%;position:relative;}
/*#header.gnd_fixed {position:fixed;top:0;left:0;right:0;z-index:999;background-color: #fff;border-bottom: 1px solid #ddd;}*/
#gnb_inner {margin:0 auto;position:relative;}
#gnb_inner a {text-decoration:none !important;}
#gnb_inner .gnb_li {width:100%;}
#gnb_inner .gnb_li > ul {text-align:center;overflow:visible;}
#gnb_inner .gnb_li > ul > li {display:inline-block;padding:0 25px;position:relative;overflow:visible;vertical-align:middle;}
#gnb_inner .gnb_li > ul > li:first-child:before {display:none;}
#gnb_inner .gnb_li > ul > li > a {font-size:20px;font-weight:500;color:#333;display:inline-block;position:relative;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
#gnb_inner .gnb_li > ul > li > a:hover {color:#f33e31;}
#gnb_inner .gnb_li > ul > li > a:after {height:4px;background-color:#f33e31;position:absolute;bottom:-1px;left:50%;right:50%;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
#gnb_inner .gnb_li > ul > li > a:hover:after {left:-30px;right:-30px;}
#gnb_inner .gnb_li > ul > li ul {width:148px;padding:15px 0;margin-left:-50px;border-width:0 1px 1px;border-style:solid;border-color:#222;background-color:#fff;position:absolute;top:45px;left:50%;z-index:9100;display:none;}
#gnb_inner .gnb_li > ul > li:first-child ul {margin-left:-70px;}
#gnb_inner .gnb_li > ul > li ul a {line-height:23px;padding:0 15px;font-size:12px;display:block;}
#gnb_inner .gnb_li > ul > li ul a:hover {background-color:#f8f8f8;}
#gnb_inner .gnb_li > ul > li:hover ul {display:block;}

/*quick*/
#qcl {width:80px;margin-right:520px;position:absolute;top:20px;right:50%;z-index:997;}
#qcl li {margin-top:5px;}
#qcl li:first-child {margin-top:0 !important;}
#qcr {width:80px;margin-left:520px;position:absolute;top:20px;left:50%;z-index:997;}
#qcr ul {border-bottom:1px solid #ddd;}
#qcr li {padding:0 9px 9px;border-width:0 1px;border-style:solid;border-color:#ddd;background-color:#fff;text-align:center;}
#qcr li:first-child {padding:0 !important;border:0 !important;}
#qcr .tit {width:80px;height:28px;line-height:2.3;color:#fff;background-color:#666;}
#qcr li p {margin-top:9px;}
#qcr .stv_wrap {height:15px;font-size:11px;font-weight:600;position:relative;text-align:center;}
#qcr .stv_wrap #up {position:absolute;left:9px;top:0;cursor:pointer;}
#qcr .stv_wrap #down {position:absolute;right:9px;top:0;cursor:pointer;}
#qcr .no_item {margin:22px 0 !important;color:#ddd !important;font-size:11px;}
.qbtn_bx {position:fixed;bottom:30px;right:30px;z-index:997;}
.qbtn_bx.active {position:absolute;bottom:0;}
.qbtn_bx #anc_up,
.qbtn_bx #anc_dw {width:45px;height:45px;font-size:10px;font-weight:600;color:#aaa;margin-top:-1px;background-color:#fff;border:1px solid #ddd;display:block;outline:none;}
.qbtn_bx #anc_up:before,
.qbtn_bx #anc_dw:after {font-size:17px;font-family:'FontAwesome';line-height:10px;color:#bbb;display:block;}
.qbtn_bx #anc_up:before {margin-bottom:3px;content:'\f106';}
.qbtn_bx #anc_dw:after {margin-top:3px;content:'\f107';}




/*메인*/
.main_about { }
.main .main_title  { text-align:center;   margin-bottom: 20px;}
.main .main_title h2 {  
    color: #1c476d;
    font-size: 20px;
    font-weight: 700;    text-transform: uppercase;
    letter-spacing: .1em;
}
.main_about { display:flex; flex-wrap: wrap; align-items: center; padding:70px 0; }
.main_about > div { flex:1;}
.main_about  .main_about_info { padding:0 30px; font-size:17px; line-height:1.8;}
.main_about  .main_about_info a { }
.main_about h3 { 
	color: #1c476d;
    font-size: 26px;
    font-weight: 700; }
.main_about .text p  { margin:15px 0}


@media screen and (max-width: 768px) {
	.main_about   {  flex-direction: column-reverse;}
	.main_about > div { flex:auto; width:100%;   }
	.main_about_img { margin-bottom:30px}
}



.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}







/*메인 슬라이드배너*/
.mbn_text{ width:100%; text-align:center; position: absolute; top: 50%; transform: translateY(-50%);z-index:1;}
.mbn_text h3 { font-size:90px;font-family: 'Noto Sans', sans-serif;    color: #303030; line-height: 1.1; }
#mbn_wrap {width:100%;height:100%;overflow:hidden;display:block;position:relative;}
#mbn_wrap .mbn_img {width:100%;height:100%;display:block;text-align:center;background-size:cover !important;}
#mbn_wrap .slick-slide a {height:100%;display:block;}
#mbn_wrap .slick-slide {text-align:center;}
#mbn_wrap .slick-list { height:100%; }
#mbn_wrap .slick-track { height:100%; }
#mbn_wrap .slick-dots {width:1000px;margin-left:-500px;left:50%;}
#mbn_wrap .slick-dots span {height:35px;line-height:35px;color:#222;background-color:#fff;border-width:1px 1px 1px 0;border-style:solid;border-color:#ddd;text-align:center;display:block;cursor:pointer;}
#mbn_wrap .slick-dots li:first-child span {border-left:1px solid #ddd !important;}
#mbn_wrap .slick-dots li.slick-active span {background-color:#222;border-color:#222;color:#fff;}



@media screen and (max-width: 768px) {
	.mbn_text h3 { font-size:40px;}
	.title_wrap h3 { font-size:18px; }
	.title_wrap h2 { font-size:30px; }
	#section1, #section2, #section3, #section4  { height:auto !important; }
	#section1 .fp-tableCell , #section2 .fp-tableCell , #section3 .fp-tableCell , #section4 .fp-tableCell {height:auto !important;  padding:50px 0;}
	#section1, #page-1  { background-position: center top }
	#section2, #page-2  { background-position: center top }
	#section3, #page-3  { background-position: center top }
	#section4, #page-4  { background-position: center top }
	#section5, #page-5  { background-position: center top }
	.title_wrap a {font-size:14px;width: 165px;padding-top: 10px;padding-bottom: 10px;height: 40px;}
	.title_wrap a::after { top:12px}

}


/*slick 아이콘*/
.slick-arrow {margin-top:-40px;font-size:0;color:rgba(0,0,0,0.15);position:absolute;top:50%;z-index:900;outline:none;}
.slick-arrow:before {font-family:'FontAwesome';font-size:80px;font-weight:600;}
.slick-next {right:10%}
.slick-next:before {content:'\f105';}
.slick-prev {left:10%}
.slick-prev:before {content:'\f104';}
.slick-dots {position:absolute;bottom:15px;width:100%;text-align:center;z-index:900;}
.slick-dots li {display:inline-block;}
.slick-dots button {width:15px;height:15px;border-radius:50%;margin:0 4px;font-size:0;background-color:rgba(0,0,0,0.3);display:block;outline:none;}
.slick-dots li.slick-active button {background-color:rgba(0,0,0,0.9);}/* 롤링  색상*/








.best_wrap {height:400px;margin-top:30px;position:relative;overflow:hidden;}
.best_wrap:after {clear:both;content:'';}
.best_wrap .bnr1 {width:280px;height:400px;position:absolute;top:0;left:0;}
.best_wrap .bnr2 {width:400px;height:195px;position:absolute;top:0;left:290px;}
.best_wrap .bnr3 {width:400px;height:195px;position:absolute;bottom:0;left:290px;}
.best_rol_slide {width:190px;height:330px;padding:35px 45px;background-color:#f1f1f1;position:absolute;top:0;right:0;}
.best_rol_slide h2 {font-size:22px;font-weight:600;color:#222;line-height:1em;text-align:center;}
.best_rol_slide h2:after {width:20px;height:1px;margin:15px auto 25px;background-color:#222;display:block;content:'';}
.best_rol_slide dl {width:190px;text-align:left;float:left;position:relative;outline:none;}
.best_rol_slide dl a {display:block;text-decoration:none !important;outline:none;}
.best_rol_slide dl .sale {width:50px;height:50px;font-size:15px;font-weight:600;line-height:50px;color:#fff;border-radius:30px;background-color:#f33e31;text-align:center;position:absolute;top:0;left:0;z-index:50;}
.best_rol_slide dl .pimg {width:190px;height:190px;border-radius:50%;overflow:hidden;position:relative;}
.best_rol_slide dl .pimg img {width:100%;height:auto;}
.best_rol_slide dl dd {text-align:center;}
.best_rol_slide dl .pname {height:32px;font-size:16px;font-weight:700;margin:17px 0 9px;line-height:1.3em;overflow:hidden;color:#1c476d}
.best_rol_slide dl .price .mpr {font-size:18px;font-weight:800;color:#000;letter-spacing:-1px;}
.best_rol_slide dl .price .mpr span {font-weight:normal;margin-left:2px;}
.best_rol_slide dl .price .spr {margin-right:5px;font-size:13px !important;font-weight:normal;color:#999;margin-right:7px;text-decoration:line-through;}
.best_rol_slide dl .ic_bx {width:86px;margin-left:-43px;position:absolute;top:77px;left:50%;right:0;z-index:20;text-align:center;display:none;}
.best_rol_slide dl .pimg:before {background-color:rgba(0,0,0,0.2);border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;opacity:0;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.best_rol_slide dl:hover .pimg:before {opacity:1;}
.best_rol_slide dl:hover .ic_bx {display:block;}
.best_rol_slide .slick-slider {position:initial !important;}
.best_rol_slide .slick-arrow {width:15px;height:50px;margin-top:-25px;font-size:0;color:rgba(0,0,0,0.15);position:absolute;top:50%;outline:none;}
.best_rol_slide .slick-arrow:before {font-family:'FontAwesome';font-size:50px;font-weight:600;}
.best_rol_slide .slick-next {right:15px;}
.best_rol_slide .slick-next:before {content:'\f105';}
.best_rol_slide .slick-prev {left:15px;}
.best_rol_slide .slick-prev:before {content:'\f104';}

.wide_bn img {width:100%;height:auto;}

.mask_bn {width:100%;min-width:1000px;height:350px;margin-top:50px;position:relative;}
.mask_bn:before {background-color:rgba(0,0,0,0.1);position:absolute;top:0;left:0;bottom:0;right:0;display:block;content:'';}
.mask_bn a {display:block;}
.mask_bn p {width:600px;margin-left:-300px;text-align:center;display:table;position:absolute;left:50%;top:0;bottom:0;z-index:10;}
.mask_bn span {height:350px;font-size:33px;font-weight:600;line-height:1.4em;color:#fff;display:table-cell;vertical-align:middle;}

.mmd_bn {width:1000px;height:500px;margin:0 auto;position:relative;}
.mmd_bn li {position:absolute;}
.mmd_bn li.bnr1 {width:480px;height:290px;top:0;left:0;}
.mmd_bn li.bnr2 {width:200px;height:290px;top:0;left:490px;}
.mmd_bn li.bnr3 {width:690px;height:200px;bottom:0;left:0;}
.mmd_bn li.bnr4 {width:300px;height:500px;top:0;right:0;}

.mtit {height:25px;text-align:center;position:relative;clear:both;}
.mtit:after {width:400px;height:1px;margin:-13px auto 0;background-color:#222;display:block;content:'';}
.mtit span{font-size:25px;font-weight:600;line-height:1em;color:#222;margin:0 auto;padding:0 25px;background-color:#fff;display:inline-block;}

/*메인 카테고리별 베스트*/
.bestca_tab {height:40px;margin:35px 0 25px;text-align:center;overflow:visible;clear:both;}
.bestca_tab li {font-size:14px;padding:0 20px;color:#888;border-width:1px 1px 1px 0;border-style:solid;border-color:#e1e1e1;text-align:center;float:left;cursor:pointer;position:relative;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.bestca_tab li:first-child {border-left:1px solid #ddd;}
.bestca_tab li span {height:40px;line-height:38px;overflow:hidden;display:block;}
.bestca_tab li.active {background-color:#222;border-color:#222;color:#fff;}
.bestca_tab li.active:after {width:0;height:0;border:8px solid transparent;border-bottom:none;border-top-color:#222;display:inline-block;position:absolute;bottom:-8px;left:50%;margin-left:-8px;content:'';}
.bestca ul {height:420px;display:none;}
.bestca li {width:25%;height:420px;border-width:1px 0 1px 1px;border-style:solid;border-color:#e1e1e1;position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.bestca li:first-child {border-left-color:#fff;}
.bestca li > a {padding:35px 20px;text-decoration:none !important;display:block;}
.bestca li p {overflow:hidden;}
.bestca li dd {text-align:center;}
.bestca li .pimg {overflow:hidden;position:relative;margin-bottom:15px;}
.bestca li .pimg:after {background-color:rgba(0,0,0,0);border-radius:50%;position:absolute;top:41px;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.bestca li .pimg img {width:209px;height:209px;border-radius:50%;}
.bestca li .pimg:before {width:20px;height:1px;margin:20px auto;background-color:#bbb;display:block;content:'';}
.bestca li .pname {height:40px;padding:0 10px;font-size:15px;font-weight:600;line-height:1.4em;text-align:center;}
.bestca li .price .mpr {font-size:18px;font-weight:800;color:#000;letter-spacing:-1px;}
.bestca li .price .mpr span {font-weight:normal;margin-left:2px;}
.bestca li .price .spr {margin-right:5px;font-size:13px !important;font-weight:normal;color:#999;margin-right:7px;text-decoration:line-through;}
.bestca li .petc {margin-top:10px;}
.bestca li .ic_bx {width:86px;margin:3px 0 0 -43px;opacity:0;position:absolute;top:50%;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.bestca li:hover .pimg:after {background-color:rgba(0,0,0,0.2);}
.bestca li:hover .ic_bx {opacity:1;}
.bestca li.empty_list {width:100%;line-height:300px;font-size:13px;color:#bbb;}

/*공통*/
.nwin,.zzim {width:36px;height:36px;line-height:1.9em;border-radius:50%;margin:0 2px;color:#222;background-color:rgba(255,255,255,0.9);font-family:"Ionicons";font-size:20px;text-align:center;display:inline-block !important;vertical-align:middle;cursor:pointer;text-decoration:none !important;}
.zzim:before {content:"\f387";}
.zzim.on:before {content:"\f388";color:#f33e31;}
.nwin:before {content:"\f218";}
.soldout,.memopen {line-height:1em;font-size:13px;font-weight:normal;padding:4px 10px 5px;border-radius:3px;color:#fff;display:inline-block;}
.soldout {background-color:#ed3636;}
.memopen {background-color:#1680d9;}

/*상품리스트*/
.pr_desc {overflow:hidden;}
.pr_desc ul {    margin-left: -20px;}
.pr_desc li {float:left;position:relative;}
.pr_desc li a {display:block;text-decoration:none !important;}
.pr_desc li dt {position:relative;}
.pr_desc li dt:after {background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc li dt img {width:100%;height:auto;}
.pr_desc li dd {position:relative;}
.pr_desc li .pname {line-height:1.4em;color:#1c476d;margin:12px 3px 0;font-size:18px;font-weight:600;text-align:left;}
.pr_desc li .price {margin:12px 0 10px;font-size:18px;font-weight:600;color:#111;}
.pr_desc li .price .mpr {font-weight:800;color:#ea0606;}
.pr_desc li .price .mpr span {font-weight:600;margin-left:2px;}
.pr_desc li .price .spr {margin-right:5px;font-size:13px !important;font-weight:normal;color:#aaa;margin-bottom:3px;text-decoration:line-through;}
.pr_desc li .petc {margin-bottom:10px;}
.pr_desc li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc li:hover dt:after {background-color:rgba(0,0,0,0.2);}
.pr_desc li:hover .ic_bx {opacity:1;}

.pr_desc.wli3 li{width:312px;margin:20px 0 0 32px;}
.pr_desc.wli3 li dt {width:312px;height:312px;}
.pr_desc.wli3 li:nth-child(3n+1){margin-left:0 !important;clear:both;}
.pr_desc.wli3 li .pname {height:42px;font-size:15px;}
.pr_desc.wli3 li .ic_bx {top:138px;}

.pr_desc.wli4 li{width:calc(100% / 4);padding:20px 0 0 20px;}
.pr_desc.wli4 li dt {width:100%;}
.pr_desc.wli4 li:nth-child(4n+1){clear:both;}
.pr_desc.wli4 li .ic_bx {top:99px;}

.pr_desc.wli5 li{width:184px;margin:20px 0 0 20px;}
.pr_desc.wli5 li dt {width:184px;height:184px;}
.pr_desc.wli5 li:nth-child(5n+1){margin-left:0 !important;clear:both;}
.pr_desc.wli5 li .ic_bx {top:74px;}

@media screen and (max-width: 768px) {
	.pr_desc.wli4 li{width:calc(100% / 2);}
	.pr_desc.wli4 li:nth-child(2n+1){clear:both;}
	
}
@media screen and (max-width: 360px) {
	.pr_desc.wli4 li{width:100%;}
	
}


/*상품리스트_롤오버*/
.pr_desc2 { margin-bottom:60px;overflow:hidden;}
.pr_desc2 ul {}
.pr_desc2 ul::after {content:""; display:block; clear:both;}
.pr_desc2 li  {    width: calc(100% / 3);
    padding: 0 15px;float:left;position:relative;}
.pr_desc2 li a {display:block;text-decoration:none !important;}
.pr_desc2 li dt {width:100%;height:auto;position:relative;}
.pr_desc2 li dt img {width:100%;height:auto;}
.pr_desc2 li dd {padding:25px 10px 0;opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #ddd;background-color:rgba(255,255,255,0.95);text-align:center;z-index:20;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc2 li:first-child dd {padding:70px 30px 0;}
.pr_desc2 li:first-child .pname {max-height:42px;line-height:1.4em;font-size:15px;}
.pr_desc2 li:first-child .ic_bx {bottom:70px;}
.pr_desc2 li:first-child .ic_bx .nwin,
.pr_desc2 li:first-child .ic_bx .zzim {width:36px;height:36px;font-size:20px;line-height:1.95em;margin:0 1px;}
.pr_desc2 li .pname {max-height:32px;line-height:1.3em;margin:0 5px 10px;font-size:16px;font-weight:600;color:#1c476d;overflow:hidden;}
.pr_desc2 li .petc {margin-top:10px;}
.pr_desc2 li .mpr {font-size:16px;font-weight:800;color:#ea0606;}
.pr_desc2 li .mpr span {font-weight:normal;margin-left:2px;}
.pr_desc2 li .spr {margin-right:5px;font-size:12px !important;font-weight:normal;color:#bbb;margin-bottom:3px;text-decoration:line-through;}
.pr_desc2 li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;left:50%;bottom:25px;z-index:25;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc2 li .ic_bx .nwin,
.pr_desc2 li .ic_bx .zzim {width:23px;height:23px;font-size:15px;line-height:1.65em;border-radius:0;margin:0;color:#fff;background-color:rgba(150,150,150,0.4);}
.pr_desc2 li:hover dd,
.pr_desc2 li:hover .ic_bx {opacity:1;}

@media screen and (max-width: 768px) {
	.pr_desc2 li {  width: calc(100% / 2); padding-bottom:15px;}
}
@media screen and (max-width: 480px) {
	.pr_desc2 li {  width:100%; padding:0 0 15px 0}
}






/*상품상세보기*/
.vi_info {width:100%;display: flex;overflow:hidden;flex-wrap: wrap;}
.vi_img_bx {padding-right:40px;overflow:hidden;vertical-align:top;width: 50%;}
.vi_img_bx .bimg {overflow:hidden;}
.vi_img_bx .bimg img { height:auto;}
.vi_img_bx .simg_li {margin-top:15px;overflow:hidden;}
.vi_img_bx .simg_li ul {width:100%;font-size:0;font-style:normal;text-align:center;}
.vi_img_bx .simg_li li {width:calc(20% - 5.6px);padding:7px 0 0 7px;display:inline-block;white-space:nowrap;word-break: break-all ;}
.vi_img_bx .simg_li li:nth-child(5n+1) {padding-left:0;}
.vi_img_bx .simg_li li img {width:calc(100% - 2px);height:auto;border:1px solid #eee;cursor:pointer;}

.vi_txt_bx {overflow:hidden;vertical-align:top;width: 50%;}
.vi_txt_bx dt,
.vi_txt_bx dd,
.vi_txt_li dt,
.vi_txt_li dd {float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.vi_txt_bx .tit {color:#1c476d;font-size:36px;font-weight:600;padding:60px 0 15px;line-height:1.3em;position:relative;}
.vi_txt_bx .tit .btn_wrap {margin:10px 0 0;line-height:1em;}
.vi_txt_bx .tit .btn_wrap .seller {display:inline-block;vertical-align:middle;position:relative;}
.vi_txt_bx .tit .btn_wrap .seller #btn_cp_open {height:21px;line-height:21px;padding:0 12px;border:1px solid #ccc;background-color:#fff;display:block;cursor:pointer;}
.vi_txt_bx .tit .btn_wrap .seller ul {width:350px;padding:5px 20px;background-color:#fff;border:1px solid #333;position:absolute;left:0;top:22px;z-index:2000;display:none;}
.vi_txt_bx .tit .btn_wrap .seller ul li {height:14px;font-size:13px;border-top:1px solid #e1e1e1;padding:10px 0 10px 80px;position:relative;}
.vi_txt_bx .tit .btn_wrap .seller ul li:first-child {border-top:0 !important;}
.vi_txt_bx .tit .btn_wrap .seller ul li span {width:80px;display:inline-block;position:absolute;top:10px;left:0;}
.vi_txt_bx .tit .btn_wrap .seller:hover #btn_cp_open {border-color:#333;background-color:#333;color:#fff;}
.vi_txt_bx .tit .btn_wrap .seller:hover ul {display:block;}
.vi_txt_bx .stxt {font-size:12px;font-weight:normal;line-height:1.3em;color:#999;padding:15px 0 0;}
.vi_txt_bx .price_bx {padding:17px 0;}
.vi_txt_bx .price_bx dl {width:100%;padding:4px 0;display:table;}
.vi_txt_bx .price_bx dt,
.vi_txt_bx .price_bx dd {font-size:20px;color:#ea0606;font-weight:600;text-align:left;display:table-cell;vertical-align:middle;}
.vi_txt_bx .price_bx dt {width:27%;padding:0 0 0 20px;font-weight:600;}
.vi_txt_bx .price_bx dd {width:73%;padding:0 20px 0 0;}
.vi_txt_li { padding-bottom:30px;}
.vi_txt_li dd {line-height:1.4em;display:table-cell;vertical-align:top;}
.vi_txt_li dt {width:100px;font- size:13px;font-weight:600;}
.vi_txt_li dt.op_vi_tit {width:57% !important;}
.vi_txt_li dd {width:calc(100%- 100px);padding:0 20px 0 0;}
.vi_txt_li dd.op_vi_txt {width:40% !important;margin-left:3%;position:relative;}
.vi_txt_li td {font-size:13px;}

.vi_tab {height:35px;border-bottom:2px solid #333;}
.vi_tab ul {overflow:visible;}
.vi_tab li {width:245px;height:34px;margin-left:4px;color:#888;font-size:14px;font-weight:600;line-height:2.5;text-align:center;border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;background-color:#f8f8f8;cursor:pointer;float:left;}
.vi_tab li:first-child, .m_event li:first-child {margin-left:0 !important;}
.vi_tab li.on {width:243px;height:35px;margin-bottom:-2px;color:#333;border-width:2px 2px 0 2px;border-color:#333;background-color:#fff;z-index:50;}



@media screen and (max-width: 768px) {
	.vi_img_bx  { width:100%; padding-right:0; }
	.vi_txt_bx { width:100%; }
	
	
}
#option_set_list, #sit_tot_views {	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	border: 0;
	clip: rect(0 0 0 0); }




/*상품 상세보기 (관련상품)*/
.vi_rel{margin:50px 0 0;padding:0 14px;border-width:1px;border-style:solid;border-color:#999 #ddd #ddd;position:relative;}
.vi_rel h3 {text-align:center;position:relative;clear:both;margin-top:-11px;}
.vi_rel h3 span{font-size:22px;font-weight:600;line-height:1em;color:#222;margin:0 auto;padding:0 20px;background-color:#fff;display:inline-block;}
.vi_rel dl a {display:block;text-decoration:none !important;outline:none;}
.vi_rel dl{width:194px;padding:25px 10px 15px;float:left;position:relative;}
.vi_rel dl dt {width:100%;height:auto;position:relative;}
.vi_rel dl dt img {width:100%;height:auto;}
.vi_rel dl dd {position:relative;text-align:center;}
.vi_rel dl .pname {height:38px;color:#000;line-height:1.4em;margin:12px 5px 0;font-size:13px;}
.vi_rel dl .price {margin:12px 0 10px;font-size:20px;font-weight:600;color:#111;}
.vi_rel dl .price .mpr {font-size:16px;font-weight:800;color:#000;}
.vi_rel dl .price .mpr span {font-weight:normal;margin-left:2px;}
.vi_rel dl .price .spr {margin-right:5px;font-size:12px !important;font-weight:normal;color:#aaa;margin-bottom:3px;text-decoration:line-through;}
.vi_rel dl:hover dt:after {background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block;content:'';}
.vi_rel .slick-arrow {width:25px;height:50px;line-height:48px;margin-top:-25px;background-color:rgba(180,180,180,0.8);text-align:center;position:absolute;top:50%;}
.vi_rel .slick-arrow:before {font-family:'FontAwesome';font-size:30px;color:#fff;}
.vi_rel .slick-next {right:-15px;}
.vi_rel .slick-next:before {content:'\f105';}
.vi_rel .slick-prev {left:-15px;}
.vi_rel .slick-prev:before {content:'\f104';}

/*sns*/
.t_socia0 {border:none;margin-top:10px;width:100%}
.t_social {background-color:#222;color:#fff;padding:15px 0;font-size:14px;width:100%;text-align:center;}
.t_social span {font-weight:600;color:#ff9019;}

.vi_box_hd {background:url('/img/sub/tit_view_bg.gif');width:964px;height:16px;padding-right:40px;text-align:right;}
.vi_box_line {background:url('/img/sub/tit_view_line.gif');width:964px;height:390px;}
.vi_box_tail {width:964px;height:7px;background:url('/img/sub/tit_view_03.gif');}

.bx-danger { background-color:#fff;}
.letter_bx {width:100%;height:76px;padding:10px;border:1px solid #ddd;background-color:#fff;}
.f_price{color:#999;font-weight:bold;line-height:140%;text-decoration:line-through !important;}

/*판매 기간상품*/
.time {padding:15px 0;background-color:#222;text-align:center;}
.time span {font-size:24px;font-weight:800;color:#fff;letter-spacing:0;display:inline-block;}
.time .tit,
.time .day {font-size:16px;font-weight:normal;letter-spacing:-0.5px;}
.time .tit {margin-left:10px;}
.time .tit:after {margin:0 7px;display:inline-block;content:':';}
.time .day {margin-right:7px;}

/*옵션*/
#option_set_added {margin:0;padding:0;list-style:none;}
#option_set_added li td {font-size:13px;}
#option_set_added dl {padding:0;}
#option_set_added .defbtn_plus{width:17px;height:17px;line-height:500% !important;background:url('/img/plusminus.gif') no-repeat -16px 0;border:0 none;overflow:hidden;cursor:pointer;}
#option_set_added .defbtn_minus{width:17px;height:17px;line-height:500% !important;background:url('/img/plusminus.gif') no-repeat 0 0;border:0 none;overflow:hidden;cursor:pointer;}
#option_set_added .defbtn_delete{width:13px;height:13px;font-size:0;background:url('/img/delete.gif') no-repeat 50% 50%;border:0 none;overflow:hidden;cursor:pointer;position:absolute;top:50%;right:0;margin-top:-7px;}
#option_set_added .inp_opt{font-size:9pt;font-family:tahoma;border:1px solid #cfcfcf;border-left:0;border-right:0;height:17px;padding:0 0 1px;text-align:center;overflow:hidden;margin:0;}
.op_vi_txt .sit_opt_prc {font-size:14px;font-weight:600;height:18px;line-height:1em;margin-top:-9px;position:absolute;top:50%;right:20px;}
#sit_tot_views {font-size:17px;font-weight:600;padding:25px 20px 0;line-height:1.3em;margin-top:-1px;border-top:1px solid #666;overflow:hidden;}
#sit_tot_views .prdc_price {font-size:27px;color:#ed3636;float:right;}
#sit_tot_views .prdc_price em {font-size:17px;margin:0 0 0 3px;color:#ed3636;vertical-align:middle;}
.vi_btn {width:100%;display:block;margin-top:25px;}
.vi_btn span {display:block; padding-bottom:10px;;}
.vi_btn span .btn_large { padding:15px 10px;}
.vi_btn span:last-child {padding-right:0 !important;}
.vi_btn a {width:100%;}
.vi_alert_msg {margin-top:25px;padding:15px;font-size:16px;line-height:1.4em;font-weight:600;color:red;text-align:center;background:#fffcea;border:1px solid #f3cc31;}

/*결제*/
.total_price {height:18px;padding:15px 10px;font-size:14px;background-color:#fafafa;border-bottom:1px solid #ddd;line-height:1.2em;}

/*쿠폰*/
.apply_cmd {position:absolute;z-index:100;width:306px;height:auto;padding:10px;border:5px solid #e5e5e5;background-color:#fff}
.cp_txt_bx {padding:12px 15px;background-color:#f8f8f8;line-height:1.6em;border-bottom:1px solid #ddd;}
.cp_txt_bx .frm_cp {background-color:#fff;}


.prd_cont * {background: transparent !important;}
/* 상세 내용 */
.prd_detail_wrap { text-align:left; display:flex;    flex-wrap: wrap;}
.prd_detail_wrap .prd_grid { width: calc(100% / 3);  padding: 0 15px; margin-bottom:30px;}
.prd_detail_wrap .prd_img{ margin-bottom:20px; text-align:center;}
.prd_detail_wrap .prd_title{ margin-bottom:20px; color:#1c476d;; font-size:20px; font-weight:700;}
.prd_detail_wrap .prd_info p { margin-bottom:20px}

@media (max-width: 768px) {
  .prd_detail_wrap .prd_grid { width:100%; padding:0 ;}
  

}

.frm_num_code::placeholder {
  color: red;
  opacity: 1; /* Firefox */
}

.frm_num_code::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
}




/*tab menu*/
#tab_cate {height:36px;border-bottom:1px solid #333;margin:10px 0 !important;}
#tab_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#tab_cate ul {overflow:visible;zoom:1;}
#tab_cate li {margin-left:-1px;float:left;overflow:visible;}
#tab_cate li a {height:36px;color:#999;padding:0 25px;font-size:13px;line-height:37px;background-color:#f5f5f5;text-align:center;display:block;text-decoration:none !important;position:relative;}
#tab_cate li.active a {height:37px;color:#333;line-height:38px;background-color:#fff;z-index:10;}
#tab_cate li:first-child {margin-left:0 !important;}
#tab_cate li a:after {border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;cursor:pointer;display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:'';}
#tab_cate li.active a:after {border-color:#333;}

/*기타*/
.td_num {text-align:right !important;padding-right:5px !important;letter-spacing:0 !important;}
.td_name {position:relative;vertical-align:top !important;text-align:left !important;}
.thumimgage {cursor:pointer;z-index:1;}
.page_wrap {height:29px;margin:20px 0;text-align:center;position:relative;}
.page_wrap .lbt_box {position:absolute;top:0;left:0;}
.page_wrap .rbt_box {position:absolute;top:0;right:0;}
.bottom_sch {padding:7px 10px;background-color:#f8f8f8;text-align:center;}
.top_sch {height:23px;margin:0 0 7px 0;}
.bottom_sch select,
.bottom_sch input[type=text] {height:29px;}
.del_box {width:400px;font-size:13px;line-height:1.4em;padding:30px 0;margin:80px auto;border:1px solid #ddd;text-align:center;}
.txt_expired{color:#ccc !important;}

.bx-has-pager {width:100%;position:absolute;bottom:15px;}
.bx-wrapper .bx-pager {text-align:center;}
.bx-wrapper .bx-pager .bx-pager-item {display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:rgba(80, 80, 80, 0.3);text-indent:-9999px;display:block;width:14px;height:14px;margin:0 3px;outline:0;border-radius:50%;-moz-border-radius:20px;-webkit-border-radius:20px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background:rgba(10, 10, 10, 0.8);}


#ft_menu {max-width:1200px; margin: 0 auto; padding-top:40px; padding-bottom:40px; }
#ft_menu::after, .ft__menu::after { content:""; display:block ; clear:both;}
#ft_menu > div { float:left; width:70%;}
#ft_menu > div:last-child { width:30%; }
#ft_menu > div h3 { margin-bottom:30px;}
#ft_menu > div ul li { font-weight:normal; margin:10px 0;}
#ft_menu > div ul li a { font-weight:normal;font-family: '나눔고딕', 'Nanum Gothic', '맑은고딕', 'Malgun Gothic', 'gulim', 'arial', 'Dotum', 'AppleGothic', sans-serif; }
#ft_menu .shop_info ul li { display:flex;align-items: center;flex-wrap: wrap;}
#ft_menu .shop_info b { display:block; width:130px;}
#ft_menu .shop_info span {display:block; padding:10px 0}

#ft_menu .navbar__menu {
    display: flex;
    list-style: none;
    padding-left: 0;
    overflow: initial;
        flex-wrap: wrap;
}
#ft_menu .navbar__menu > li {
  flex:1;
  padding-right:10px;
}
#ft_menu .navbar__menu > li > a {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
}


@media (max-width: 768px) {
#ft_menu .navbar__menu > li { flex:auto; width:50%;}
  #ft_menu > div { float:none; width:100%;}
  #ft_menu > div:last-child { width:100%; }
}








/*footer*/
#ft {margin-top:50px;padding:35px 0 30px 0; border-top:1px solid #cddfea;overflow:hidden;clear:both;}
.fgnb {overflow:hidden;}
.fgnb ul {max-width:1200px;padding:15px 0;margin:0 auto;position:relative;text-align:center;}
.fgnb li {display:inline-block; font-size:0; margin:0 2px;}
.fgnb li a {display:inline-block; font-size:16px;border:1px solid #ccc; padding:7px 10px;text-decoration:none !important;}
.fgnb li a:hover {color:#888;}
#ft_menu .sns_wrap a {width:30px;height:30px;padding:6px;margin-left:2px;border-radius:50%;background-color:#ccc;text-align:center;display:inline-block;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
#ft_menu .sns_wrap a img {width:100%;height:auto;vertical-align:top;}
#ft_menu .sns_wrap a.sns_fa:hover {background-color:#46639d;}
#ft_menu .sns_wrap a.sns_tw:hover {background-color:#1da1f4;}
#ft_menu .sns_wrap a.sns_in:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbc066+0,ea554e+33,be3289+67,5b6bb6+100 */
	background: #fbc066; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #fbc066 0%, #ea554e 33%, #be3289 67%, #5b6bb6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc066', endColorstr='#5b6bb6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#ft_menu .sns_wrap a.sns_pi:hover {background-color:#cb2028;}
#ft_menu .sns_wrap a.sns_bl:hover {background-color:#00c23a;}
#ft_menu  .sns_wrap a.sns_ba:hover {background-color:#00c23a;}
#ft_menu .sns_wrap a.sns_kt:hover {background-color:#fff311;}
.#ft_menu .sns_wrap a.sns_ks:hover {background-color:#fff311;}

.ft_cs {width:1000px;padding:30px 0;margin:0 auto;display:table;}
.ft_cs dl,
.ft_cs ul {width:34%;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ft_cs .tit {font-size:16px;font-weight:600;color:#000;margin-bottom:15px;position:relative;}
.ft_cs .tit .stxt {font-size:11px;font-weight:normal;color:#aaa;display:inline-block;vertical-align:middle;}
.ft_cs .tit .stxt:before {width:1px;height:11px;margin:0 12px 1px 10px;background-color:#aaa;display:inline-block;vertical-align:middle;content:'';}
.ft_cs .cswrap {width:32%;padding:0 30px 0 0;border-right:1px solid #e1e1e1;}
.ft_cs .cswrap .tel {height:35px;font-size:35px;font-weight:800;line-height:1em;color:#222;margin:0 0 15px 0;}
.ft_cs .cswrap dd {height:14px;margin-top:4px;}
.ft_cs .bkwrap {padding:0 30px;border-right:1px solid #e1e1e1;position:relative;}
.ft_cs .bkwrap .bknum {font-size:20px;font-weight:800;line-height:1em;margin:0 0 7px 0;}
.ft_cs .bkwrap .etc_btn a {width:130px;}
.ft_cs .bkwrap dd {font-size:13px;margin-top:5px;}
.ft_cs .bkwrap .etc_btn {position:absolute;bottom:0;left:30px;right:30px;}
.ft_cs .notice {padding:0 0 0 30px;padding-right:0 !important;}
.ft_cs .notice dd {height:16px;font-size:12px;padding:0 80px 0 0;margin-bottom:7px;position:relative;}
.ft_cs .notice dd:last-child {margin-bottom:0 !important;}
.ft_cs .notice dd a {max-width:260px;height:16px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ft_cs .notice dd .day {color:#bbb;position:absolute;top:0;right:0;}
.ft_cs .notice .bt_more {font-size:11px;font-weight:normal;color:#999;position:absolute;bottom:1px;right:0;}
.ft_cs .notice .bt_more i {margin-left:3px;}

.company {}
.company ul {max-width:1200px;margin:0 auto; text-align:center;}
.company .cptxt {text-align:center;font-size:16px;color:#5e5e5e;}
.company .etctxt {margin-top:7px;font-size:11px;letter-spacing:-0.3px;color:#aaa;}
.g_hl {width:1px;height:10px;background-color:#ddd;margin:0 10px;vertical-align:middle;display:inline-block;}

/*폰트box 스타일*/
.fbx_small,.fbx_free,.fbx_lsmall {display:inline-block;vertical-align:middle;text-align:center;}
.fbx_small {padding:1px 5px;font-size:11px;line-height:1.555;font-weight:normal;letter-spacing:0;}
.fbx_lsmall {padding:3px 10px;font-size:12px;line-height:1.777;font-weight:normal !important;}
.fbx_bg1 {border:1px solid #c1dcff;background-color:#ffffff;color:#4294ff;} /*blue*/
.fbx_bg2 {border:1px solid #dddddd;background-color:#f7f7f7;color:#aaaaaa;} /*gray*/
.fbx_bg3 {border:1px solid #fdd8e2;background-color:#ffffff;color:#ff90af;} /*pink*/
.fbx_bg4 {border:1px solid #ed3636;background-color:#ffffff;color:#ed3636;} /*red*/
.fbx_bg5 {border:1px solid #cbcbcb;background-color:#ffffff;color:#909090;} /*default*/
.fbx_bg6 {border:1px solid #ff7200;background-color:#ff7200;color: #ffffff;}
.fbx_free {width:70px;height:38px;padding:16px 0;color:#fff;font-size:16px;line-height:1.222;letter-spacing:0;text-align:center;position:absolute;bottom:10px;right:10px;z-index:10;background:url('/img/ic_free_bg.png') no-repeat;background-size:100%;}

/*sub*/
.stit {font-size:27px;font-weight:600;color:#222;margin:20px 0 30px;text-align:center;position:relative;}
.s_stit {font-size:15px;font-weight:600;color:#222;text-align:left;letter-spacing:-1px;}
.tit_navi {font-size:12px;line-height:1em;color:#888;font-weight:normal;text-align:right;}
.tit_navi a {font-weight:normal;color:#888;}
.tit_navi .ionicons {margin:0 10px;color:#bbb;vertical-align:middle;}

/* 서브페이지 */
#con_full {width:100%;margin-top:40px;display:inline-block;margin-bottom:80px;}
#con_lf {float:right;width: calc(100% - 280px);display:inline-block;margin-bottom:80px;}
#con_lf img {max-width:100%;height:auto;}
.pg_tit {display:none;margin:0 0 20px;height:36px;border-bottom:1px solid #ddd;position:relative;}
.pg_tit span {font-size:22px;padding:4px 10px 7px 0;margin:0 0 -1px 0;border-bottom:1px solid #333;display:inline-block;}
.pg_tit .pg_nav {font-size:12px;font-weight:normal;position:absolute;bottom:8px;right:0;}
.pg_tit i {font-style:normal;font-size:12px;color:#aaa;margin:0 5px;}
.pg_cnt {margin:0 0 7px;}
.pg_cnt em {color:red;font-weight:600;}

.pg_title {margin-bottom:20px;text-align:center;}
.pg_title .inner {padding:8px;background-color:#f1f1f1;position:relative;}
.pg_title .inner .txt_bx {padding:17px 0;border:1px solid #ddd;background-color:#fff;}
.pg_title .inner .txt_bx dt {font-size:27px;line-height:1em;font-weight:600;color:#666;text-align:center;}
.pg_title .inner .txt_bx dd {font-size:13px;font-weight:normal;color:#999;margin-top:10px;text-align:center;}

.sub_tree {display:none; padding:12px;margin-bottom:20px;border-width:1px 0;border-style:solid;border-color:#e1e1e1;background-color:#fafafa;}
.sub_tree li {padding:5px 10px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sub_tree a {text-decoration:none !important;}
.sub_tree a:hover {color:#f33e31;}
.sub_tree li.active a {font-weight:600;color:#f33e31;}

.li_ty_tab li {float:left;margin-right:3px;}
.li_ty_tab li a {height:25px;padding:0 12px;line-height:2em;background-color:#aaa;color:#fff;display:block;text-decoration:none !important;}
.li_ty_tab li a:hover {background-color:#777;}
.li_ty_tab li a.active {background-color:#222;}

.tab_sort { padding:13px 20px;position:relative;}
.tab_sort:after {display:block;clear:both;content:'';}
.tab_sort .total {height:14px;display:inline-block;float:left;}
.tab_sort .total:after {width:1px;height:12px;margin:0 12px 0 25px;background-color:#ddd;display:inline-block;vertical-align:middle;content:'';}
.tab_sort ul {line-height:1.3em;float:left;}
.tab_sort ul li {display:inline-block;}
.tab_sort ul li a {display:block;color:#999;padding:0 10px;text-align:center;}
.tab_sort ul li a.active {color:#222;font-weight:600;}
.tab_sort ul li a:hover {color:#222;text-decoration:none;}
.tab_sort select {width:85px;height:24px;margin-top:-12px;position:absolute;top:50%;right:0;}

@media screen and (max-width: 768px) {
	.tab_sort { padding-left:0 ;}
	.tab_sort .total { float:none; padding-left:10px;}
	.tab_sort ul {float:none; margin-top:10px;}

}



/*서브페이지 왼쪽메뉴*/
#aside {float: left; width: 240px;}
.aside_hd {  font-weight: 600;}
.aside_hd p {padding:0;margin:0;line-height:1em;}
.aside_hd p.eng {padding-top:40px;font-size:14px;font-weight:400;color:#e1e1e1;text-transform:uppercase;}
.aside_hd p.kor {padding-top:10px;font-size:22px;font-weight:600;color:#fff;}
.aside_bx { margin-top:20px;border-top:1px solid #ddd; border-bottom:1px solid #ddd;display:flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
.aside_bx li {position:relative;padding:0 10px; height:36px;font-size:11px;line-height:36px;}
.aside_bx li span {}
.aside_bx li span a {font-weight:600;}
.aside_bx li.aside_name {font-weight:800;}

.aside_cs {}
.aside_cs dt {height:37px;font-size:13px;font-weight:600;line-height:2.9;border-top:1px solid #ddd;position:relative;}
.aside_cs dt:first-child {border-top:0 !important;}
.aside_cs dt a:after {font-family:FontAwesome;font-size:19px;font-weight:normal;line-height:2em;color:#ccc;position:absolute;top:0;right:15px;content:"\f105";}
.aside_cs dd {padding:8px 0;border:1px dotted #ddd;}
.aside_cs dt a,
.aside_cs dd li a {padding:0 15px;text-decoration:none;display:block;}
.aside_cs dt:hover a,
.aside_cs dt:hover a:after {color:#ed3636;}
.aside_cs dd li a:hover {color:#454545; background-color:#f5f5f5;}
.aside_cs dd li a {padding:5px 15px 5px 22px !important;color:#999;background:url('/img/lm_dot.gif') no-repeat 15px 11px;}
.aside_my {margin-top:10px;}
.aside_my dt {margin-top:7px;padding:10px 0 7px 15px;font-weight:600;border-top:1px solid #ddd;}
.aside_my dt:first-child {margin-top:0;border-top:0;}
.aside_my dd { margin:5px 0;}
.aside_my dd a {line-height:1.9em;padding-left:15px;color:#666;display:block;text-decoration:none !important;}
.aside_my dd a:hover {background-color:#f5f5f5;color:#454545;}
.aside_my dd a i { margin-right:5px; }

@media screen and (max-width: 768px) {
	#aside  {width:100%;border-bottom: 1px solid #000;padding-bottom: 20px;margin-bottom: 30px;}
	.aside_my {display:flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
	.aside_my dd {width: calc(100% / 2);}
	#con_lf { width:100%; }
	.cont_inner { }

}




/*로그인*/
.login_tab {width:752px;margin:0 auto 20px;z-index:1;}
.login_tab li {width:50%;height:45px;text-align:center;float:left;overflow:visible;position:relative;}
.login_tab li span {font-size:13px;line-height:45px;color:#aaa;background-color:#fff;border-width:1px;border-style:solid;border-color:#e1e1e1 #e1e1e1 #222;position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer;}
.login_tab li:first-child span {right:-1px;}
.login_tab li.active span {color:#222;border-color:#222 #222 transparent;z-index:2;}
.login_wrap {max-width: 750px;margin:0 auto;border:1px solid #e1e1e1;display:none;text-align:center;overflow:hidden;width: 100%;}
.login_wrap.active {display:table;}
.log_inner {padding:40px 50px;display:table-cell;}
.log_inner dt {font-size:16px;font-weight:600;color:#222;margin-bottom:20px;text-align:center;}
.log_inner dd {margin-bottom:5px;text-align:center;}
.log_inner .stxt {color:#999;margin-bottom:10px;text-align:center;}
.log_inner .log_op {font-size:13px;margin:15px auto 0;max-width:500px; text-align:left;}
.log_inner .log_op input[type=checkbox] {width:15px;height:15px;}
.log_inner input[type=text],
.log_inner input[type=password] {width:100%;max-width:500px;height:40px;padding:12px 15px;line-height:1em;font-size:13px;border:1px solid #ddd;}
.log_inner dd button,
.log_inner dd a {width:100%;max-width:500px;}
.log_bt_box {max-width: 750px;font-size:13px;padding:20px;margin:-1px auto 40px;border:1px solid #e1e1e1;background-color:#fafafa;text-align:center;width: 100%;}
.login_wrap .in_box p {margin:0 0 10px 0;}
.login_wrap .bt_box {padding:20px 0 10px;text-align:center;overflow:hidden;}
.login_wrap .bt_box a {font-size:13px;display:inline-block;}
.login_wrap .bt_box a:before {width:1px;height:12px;background-color:#ccc;margin:0 15px;display:inline-block;vertical-align:middle;content:"";}
.login_wrap .bt_box a:first-child:before {display:none;}

/*SNS로그인*/
.sns_btn {width:199px;padding:40px;border-left:1px solid #e1e1e1;display:table-cell;}
.sns_btn h3 {font-size:16px;font-weight:600;color:#222;margin-bottom:30px;text-align:center;}
.sns_btn a {margin-top:5px;display:block !important;}
.bt_naver,
.bt_face,
.bt_kakao {height:40px;line-height:40px;font-size:14px;font-weight:600;padding:0 25px 0 60px;display:inline-block;text-decoration:none !important;position:relative;}
.bt_naver {color:#fff !important;background-color:#1ec800;}
.bt_naver:hover {background-color:#1bb300;}
.bt_naver .bt_ic {width:40px;height:40px;background-color:#1ec800;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_naver .bt_ic:after {width:0;height:40px;border-left:1px solid #1db402;border-right:1px solid #60dc4a;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_face {color:#fff !important;background-color:#3b579d;}
.bt_face:hover {background-color:#304c91;}
.bt_face .bt_ic {width:40px;height:40px;background-color:#3b579d;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_face .bt_ic:after {width:0;height:40px;border-left:1px solid #314984;border-right:1px solid #516cad;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_kakao {color:#381E1E !important;background-color:#F1DC43;}
.bt_kakao:hover {background-color:#e9d334;}
.bt_kakao .bt_ic {width:40px;height:40px;background-color:#F1DC43;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_kakao .bt_ic:after {width:0;height:40px;border-left:1px solid #e1cd39;border-right:1px solid #f8e76a;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_ic img {margin-bottom:2px;}

/*회원*/
.regi_box {padding:20px;border:1px solid #ddd;background-color:#fafafa;}
.regi_box .agree_box {height:150px;font-size:13px;color:#555;padding:12px 15px;line-height:1.4em;border:1px #eee solid;background-color:#fff;overflow-y:auto;}
.agree_txt {font-size:13px;padding:20px;background-color:#f5f5f5;}
.sns_box {border:1px solid #ddd;text-align:left;}
.sns_box h3 {font-size:15px;padding:10px 20px;background-color:#fafafa;border-bottom:1px solid #ddd;}
.sns_box p {padding:20px;text-align:center;}
.sns_box a {margin-right:5px;}

/*인기검색어 순위*/
.kw_rank {width:167px;height:302px;border-right:1px solid #ddd;padding:15px;float:left;}
.kw_rank h3 {font-size:16px;margin-bottom:12px;}
.kw_rank li {line-height:26px;padding:0 25px;border-bottom:1px solid #ddd;position:relative;}
.kw_rank li .rank_num {width:25px;font-weight:13px;font-weight:800;text-align:center;display:inline-block;position:absolute;left:0;top:0;}
.kw_rank li .rank_icon {font-size:0;display:inline-block;position:absolute;top:0;right:0;}
.kw_rank li .rank_icon:before {font-size:18px;line-height:23px;margin-right:4px;color:#888;content:'-';}
.kw_rank li .rank_icon.rnew {width:14px;height:14px;font-size:12px;line-height:14px;border-radius:3px;font-size:9px;text-align:center;color:#fff;background-color:#ee7d4d;font-weight:600;top:50%;margin-top:-7px;}
.kw_rank li .rank_icon.rnew:before {display:none !important;}
.kw_rank li .rank_up {width:12px;}
.kw_rank li .rank_up:before {font-size:16px;line-height:23px;font-family:'FontAwesome';color:#c2191f;content:'\f0d8';}
.kw_rank li .rank_down {width:12px;}
.kw_rank li .rank_down:before {font-size:16px;line-height:23px;font-family:'FontAwesome';color:#22b0bd;content:'\f0d7';}
.kw_rank li:first-child a,
.kw_rank li:nth-child(2) a,
.kw_rank li:nth-child(3) a,
.kw_rank li:first-child .rank_num,
.kw_rank li:nth-child(2) .rank_num,
.kw_rank li:nth-child(3) .rank_num {color:#ee7d4d;}
.kw_rank li a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none !important;}
.kw_rank li:hover {background-color:#fafafa;}

/*브랜드샵*/
.br_search {padding:25px 12px 12px 12px;border:1px solid #ddd;text-align:center;}
.br_search #br_sch {margin-top:25px;overflow:hidden;display:inline-block;}
.br_search .sch_inner {width:430px;margin:0 auto;}
.br_search .sch_inner dt {width:73px;height:37px;line-height:2.4;font-size:15px;font-weight:600;color:#555;float:left;}
.br_search .sch_inner dd {width:355px;height:35px;border:1px solid #555;float:left;}
.br_search .sch_inner dd input[type=text] {width:320px;height:35px;font-size:13px;padding:0 10px;line-height:2.3;border:0;}
.br_search .sch_inner dd .btn_submit {width:35px;height:35px;color:#555;font-size:20px;padding-bottom:2px;border:0;cursor:pointer;}
.br_search .sch_tab {width:125px;border:1px solid #555;float:left;}
.br_search .sch_tab li {width:50%;text-align:center;float:left;cursor:pointer;}
.br_search .sch_tab li a {height:25px;color:#666;line-height:2;text-decoration:none !important;display:block;}
.br_search .sch_tab li.active a {color:#fff;background-color:#555;}
.br_search .sch_tab_con {margin-left:7px;float:left;}
.br_search .sch_tab_con li {width:24px;height:25px;color:#666;line-height:2;margin-left:3px;border:1px solid #ddd;float:left;text-align:center;cursor:pointer;}
.br_search .sch_tab_con li:hover {border:1px solid #555;}
.br_search .sch_tab_con li.active {color:#fff;font-weight:600;background-color:#555;border:1px solid #555;}
.br_list {width:100%;overflow:hidden;margin:20px 0 0;}
.br_list ul {width:1008px;margin-left:-8px;}
.br_list li {width:158px;border:1px solid #ddd;margin:0 0 8px 8px;float:left;}
.br_list li:hover {border:1px solid #222;}
.br_list li a {height:64px;padding:10px 15px;color:#666;text-align:center;text-decoration:none !important;display:block;}
.br_list li img {width:auto;max-width:128px;height:40px;}
.br_list li p {height:16px;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.br_view_tit {width:100%;height:110px;margin-bottom:20px;background-color:#bbb;position:relative;}
.br_view_tit .tit_logo {width:128px;height:40px;padding:35px 183px 35px 215px;background:url('/img/br_view_bg.png') no-repeat right top;float:right;}
.br_view_tit .tit_logo img {width:auto;max-width:128px;height:40px;}
.br_view_tit .tit_txt {width:500px;height:40px;color:#fff;font-size:30px;line-height:1.3;position:absolute;top:35px;left:50px;z-index:99;}

/*비회원구매약관*/
#guest_privacy {margin:30px 0 0;}
#guest_privacy h2 {margin:0 0 10px;font-size:17px;text-align:left;}
#guest_privacy p {margin:0 0 10px;}
#guest_privacy .tbl_head02 {border:1px solid #e1e1e1;}
#guest_privacy .tbl_head02 td {width:33%;}
#guest_privacy #guest_agree {padding:12px 0;text-align:left;}
#guest_privacy #guest_agree label {display:inline-block;margin-right:5px;}

/*인스타그램*/
.insta {width:100%;padding:40px 0 50px;background-color:#f8f8f8;border-top:1px solid #eee;}
.insta h2 {font-size:19px;font-weight:800;letter-spacing:2px;text-align:center;color:#222;}
.insta h2 a {margin-left:15px;font-size:13px;font-weight:600;letter-spacing:0;text-decoration:none !important;}
.insta h2 a:hover {color:#888;}
.insta ul {width:1000px;margin:20px auto 0;}
.insta li {width:118px;height:118px;margin-left:8px;float:left;position:relative;}
.insta li:first-child {margin-left:0 !important;}]
.insta li a {display:block;}
.insta li:hover a:before {background-color:rgba(255,255,255,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block;content:'';}
.insta li img {width:100%;height:auto;}

/*faq*/
.faq_li {margin-top:20px;}
.faq_li li {font-size:13px;line-height:1.4em;border-bottom:1px solid #e1e1e1;position:relative;}
.faq_li li:first-child {border-top:1px solid #e1e1e1;}
.faq_li li:before {font-size:17px;font-weight:800;position:absolute;left:10px;}
.faq_li .faq_q {padding:12px 10px 12px 32px;cursor:pointer;}
.faq_li .faq_q:before {color:#6379d8;content:"Q";top:8px;}
.faq_li .faq_q:hover,
.faq_li .faq_q.active {color:#6379d8;}
.faq_li .faq_a {padding:15px 15px 15px 32px;background-color:#fbfbfb;display:none;}
.faq_li .faq_a:before {color:#999;content:"A";top:15px;}

/*게시판 카테고리*/
.bo_cate {margin-bottom:10px;text-align:center;}
.bo_cate li {display:inline-block;}
.bo_cate li a {font-size:13px;padding:9px 17px;border:1px solid #ddd;display:block;text-align:center;text-decoration:none !important;}
.bo_cate li.active a {font-weight:600;background-color:#222;border-color:#222;color:#fff;}

/*갤러리 게시판*/
.gallery {padding:15px 0;border-width:1px 0;border-style:solid;border-color:#e1e1e1;overflow:hidden;}
.gallery a {display:block;text-decoration:none !important;}
.gallery dl {width:252px;margin:10px 0 10px 19px;padding-bottom:15px;border:1px solid #eee;position:relative;float:left;display:table;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.gallery dl:nth-child(3n+1){margin-left:0 !important;clear:both;}
.gallery dl dt {width:252px;height:252px;border-bottom:1px solid #eee;display:table-cell;text-align:center;vertical-align:middle;}
.gallery dl dt img {width:auto;max-width:100%;height:auto;max-height:100%;}
.gallery dl dd {font-size:12px;color:#999;padding:0 12px;text-align:center;}
.gallery dl dd.bo_tit {font-size:14px;font-weight:600;color:#222;margin:15px 0 7px;white-space:nowrap;text-overflow:ellipsis;}
.gallery dl dd.bo_tit .bo_notice {font-size:11px;font-weight:normal;padding:3px 5px;margin-right:3px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b8;vertical-align:middle;display:inline-block;}
.gallery dl dd span:before {width:1px;height:10px;margin:0 7px;background-color:#ddd;display:inline-block;vertical-align:middle;letter-spacing:0;content:'';}
.gallery dl:hover {border-color:#222;}
.gallery .bo_chk {position:absolute;left:0;top:13px;}
.gallery .bo_chk input {width:17px;height:17px;}

/*웹진스킨 게시판*/
.webzine {border-width:1px 0;border-style:solid;border-color:#e1e1e1;overflow:hidden;}
.webzine a {height:110px;display:block;text-decoration:none !important;}
.webzine dl {height:110px;padding:20px 0 20px 145px;border-top:1px solid #eee;position:relative;clear:both;}
.webzine dl:first-child {border-top:0 !important;}
.webzine dl dt {display:table;position:absolute;left:0;top:15px;}
.webzine dl dt p {width:120px;height:120px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}
.webzine dl dt p img {width:auto;max-width:100%;height:auto;max-height:100%;}
.webzine dl dd {font-size:12px;color:#aaa;text-align:left;}
.webzine dl dd.bo_tit {font-size:16px;font-weight:600;color:#222;margin:0 0 8px;white-space:nowrap;text-overflow:ellipsis;}
.webzine dl dd.bo_tit .bo_notice {font-size:12px;font-weight:normal;padding:3px 5px;margin-right:3px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b8;vertical-align:middle;display:inline-block;}
.webzine dl dd.bo_txt {height:50px;margin-top:17px;color:#666;line-height:1.4em;}
.webzine dl dd span:before {width:1px;height:10px;margin:0 7px;background-color:#ddd;display:inline-block;vertical-align:middle;letter-spacing:0;content:'';}
.webzine .bo_chk {position:absolute;left:0;top:13px;}
.webzine .bo_chk input {width:17px;height:17px;}


/*블로그스킨 게시판*/
.blog {border-width:1px 0;border-style:solid;border-color:#e1e1e1;overflow:hidden;}
.blog a {display:block;text-decoration:none !important;}
.blog dl {padding: 20px;border-top:1px solid #eee;position:relative;clear:both;text-align: center;}
.blog dl:first-child {border-top:0 !important;}
.blog dl dt { margin-bottom: 20px;}
.blog dl dt p {text-align:center;vertical-align:middle;}
.blog dl dt p img {max-width:100%;}
.blog dl dd {font-size:14px;color:#aaa;text-align: center;}
.blog dl dd.bo_tit {font-size:20px;font-weight:600;color:#222;margin:0 0 8px;white-space:nowrap;text-overflow:ellipsis;text-align: center;}
.blog dl dd.bo_tit .bo_notice {font-size:12px;font-weight:normal;padding:3px 5px;margin-right:3px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b8;vertical-align:middle;display:inline-block;}
.blog dl dd.bo_txt {height:50px;margin-top:17px;color:#666;line-height:1.4em;}
.blog dl dd span:before {width:1px;height:10px;margin:0 7px;background-color:#ddd;display:inline-block;vertical-align:middle;letter-spacing:0;content:'';}
.blog .bo_chk {position:absolute;left:0;top:13px;}
.blog .bo_chk input {width:17px;height:17px;}
.btn_prd_link { text-align:center; margin:30px 0; }
.btn_prd_link  a{
	display:inline-block;
	width:100%;
	max-width:300px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 2px;
	color:#fff;
	background-color:#000;
    cursor: hand;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #000;
    border-radius:50px;
	height:50px;
	line-height:50px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
     z-index:10;
    
}
.btn_prd_link  a:hover{
    border: 1px solid #ed3636;
    color: #fff!important;
}
.btn_prd_link  a::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #ed3636;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
     box-shadow:2px 0px 14px rgba(0,0,0,.6);
  } 
.btn_prd_link  a::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #80ffd3;
    position: absolute;
  -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.btn_prd_link  a:hover::before, .btn_prd_link  a:hover::before{
  opacity:1;
  width: 116%;
}
.btn_prd_link  a:hover::after, .btn_prd_link  a:hover::after{
  opacity:1;
  width: 120%;
}

/*기획전*/
.plan {}
.plan a {text-decoration:none !important;}
.plan li {width:318px;margin:0 0 20px 20px;border:1px solid #e1e1e1;float:left;}
.plan li:nth-child(3n+1) {margin-left:0 !important;clear:both;}
.plan li .plan_img {width:318px;height:180px;}
.plan li .plan_img img{width:100%;height:auto;}
.plan li .plan_tit {height:15px;font-size:13px;padding:12px 15px;text-align:center;border-top:1px solid #e1e1e1;}

/*타임세일*/
.timesale {}
.timesale li {width:31.5%;margin:2.75% 0 0 2.75%;float:left;position:relative;}
.timesale li:nth-child(3n+1){margin-left:0 !important;clear:both;}
.timesale li a {display:block;text-decoration:none !important;}
.timesale li dt {width:calc(100% - 2px);height:auto;border:1px solid #e1e1e1;position:relative;}
.timesale li dt:after {background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.timesale li dt img {width:100%;height:auto;}
.timesale li dd {position:relative;text-align:center;}
.timesale li .pname {height:42px;font-size:15px;color:#000;line-height:1.4em;margin:12px 3px 0;}
.timesale li .ptime {height:27px;font-weight:600;padding:10px;margin-top:-1px;border:1px solid #e1e1e1;background-color:#f5f5f5;}
.timesale li .ptime span {display:inline-block;}
.timesale li .ptime .num {font-size:15px;padding:5px 7px;border-radius:3px;margin:0 0 0 4px;color:#fff;background-color:#333;letter-spacing:0;}
.timesale li .price {margin:12px 0 10px;font-size:20px;font-weight:600;color:#111;}
.timesale li .price .mpr {font-weight:800;color:#000;}
.timesale li .price .mpr span {font-weight:normal;margin-left:2px;}
.timesale li .price .spr {margin-right:5px;font-size:12px;font-weight:normal;color:#aaa;margin-bottom:3px;text-decoration:line-through;}
.timesale li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;top:33%;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.timesale li:hover dt:after {background-color:rgba(0,0,0,0.2);}
.timesale li:hover .ic_bx {opacity:1;}

/*네이버페이*/
.naverpay-item{display:block;margin:15px 0 0 0 !important;padding:0 !important;}
.cart-naverpay{margin-top:15px;}

/*회원가입 약관*/
#fregister section {padding:30px 0 0 0;}
#fregister section:first-child {padding:0 !important;}
#fregister h2 {margin:0 0 10px;font-size:17px;text-align:left;}
#fregister textarea {display:block;padding:10px;width:100%;height:200px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background-color:#fff;}
#fregister .fregister_agree {padding:12px;text-align:left;}
#fregister .fregister_agree label {display:inline-block;margin-right:5px;}
#fregister .fregister_agree label>span {color:#999999 !important;}
#fregister_private .tbl_head02 {border:1px solid #e1e1e1;}
#fregister_private .tbl_head02 td {width:33%;}

/*회원가입 입력*/
#fregisterform {}
#fregisterform h3 {margin:20px 0 5px;}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background-color:#eaf4ff;text-align:center;}

/* 회원가입 완료 */
#reg_result {}
#reg_result #result_email {margin:20px 0;padding:10px 30px;border:1px solid #e1e1e1;background-color:#fff;}
#reg_result #result_email span {display:inline-block;width:150px;}
#reg_result #result_coupon {margin:20px 0;padding:10px 30px;border:1px solid #e1e1e1;background-color:#fff;}
#reg_result #result_coupon strong {color:#ff3061;font-weight:normal;}
#reg_result .bx-danger {margin:30px 0 0;padding:30px !important;line-height:1.8em !important;}
#reg_result .btn_confirm {margin:50px 0;}

/*회원탈퇴*/
#fleaveform {}
#fleaveform section {font-size:13px;margin:30px 0 0 0;}
#fleaveform section li {height:23px;line-height:1.7em;}
#fleaveform .line_box {padding:12px 0;margin-bottom:20px;line-height:1.4em;border-width:1px 0;border-style:solid;border-color:#eee;}


/* 회원 비밀번호 확인 */
#mb_confirm {margin:0 auto;padding: 50px;max-width: 760px;width: 100%;}
#mb_confirm h1 {margin:0 0 12px;font-size:20px;font-weight:600;}
#mb_confirm p {padding:20px;border:1px solid #ddd;border-bottom:0;background-color:#fff;}
#mb_confirm p strong {display:block;padding-bottom:4px;}
#mb_confirm fieldset {margin:0 0 20px;padding: 30px 20px;border:1px solid #ddd}
#mb_confirm fieldset .frm_input {background-color:#fff !important;margin: 20px 0;}
#mb_confirm label {margin:0 7px 0 0;}
#mb_confirm_id {display:inline-block;margin: 0 30px 0 7px;font-weight:600;}

/*아이디/비밀번호 찾기*/
#find_info {}
#find_info #info_fs {margin:0 20px 0 20px;padding:0;background-color:#fff;}
#find_info #info_fs .frm_input {width:70%;}
#find_info p {margin:0 0 10px;line-height:1.8em;}
#find_info .info_form {padding:10px 15px;background-color:#f8f8f8;}

/*입점신청*/
#fsellerform {}
#fsellerform h2 {margin:0 0 5px;font-size:17px;text-align:left;}
#fsellerform .frm_address {margin:5px 0 0;}
.fsellerform_term {padding:30px 0 20px;}
.fsellerform_term textarea {display:block;padding:10px;width:100%;height:150px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background-color:#fff;}
.fsellerform_agree {padding:10px 0;text-align:left;}
.fsellerform_agree label {display:inline-block;margin-right:5px;}

/*쇼핑몰분양신청*/
#fpartnerform {}
#fpartnerform h2 {margin:0 0 5px;font-size:17px;text-align:left;}
#fpartnerform #reg_tot_price em {font:bold 18px tahoma;color:#ec0e03;}
.fpartnerform_term {margin:0 0 20px;}
.fpartnerform_term textarea {display:block;padding:5px;width:100%;height:100px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background:#fffcea;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fpartnerform_agree {padding:10px 0;text-align:left;}
.fpartnerform_agree label {display:inline-block;margin-right:5px;}

.fp_sign {margin:20px 0 0;overflow:hidden;}
.fp_sign .info_bx {width:393px;height:250px;padding:42px 0 0;border:1px solid #ddd;overflow:visible;position:relative;}
.fp_sign .info_bx dt {width:395px;font-size:14px;font-weight:bold;color:#fff;padding:7px 0;text-align:center;background-color:#999;position:absolute;top:-1px;left:-1px;}
.fp_sign .info_bx dd {min-height:23px;font-size:12px;padding:3px 15px;line-height:1.7em;}
.fp_sign .info_bx .m-signature-pad {height:130px;padding:12px 0 0;margin:7px 0 12px;border-top:1px dotted #ddd;position:relative;}
.fp_sign .info_bx .m-signature-pad button {position:absolute;top:15px;right:0;}
.fp_sign .info_bx .admin_seal {position:absolute;top:170px;left:110px;}
.kbw-signature {width:100%;height:100px;background-color:#f1f1f1;display:block;-ms-touch-action: none;}

/*장바구니*/
.sod_opt {margin:0;border-bottom:0;background:#fff;}
.sod_opt ul {margin:0;padding:0;list-style:none;}
.sod_opt li.ty {padding:0;color:#7d62c3;letter-spacing:0;}
.sod_opt li.ny {padding:0;color:#888888;letter-spacing:0;}
.sod_option_btn {margin:5px 0;}
#sod_bsk_btn {position:relative;margin-top:10px;height:24px;}
#sod_bsk_btn div.palt {position:absolute;left:0;top:0;}
#sod_bsk_btn div.part {position:absolute;right:0;top:0;}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:50px;left:0;padding:20px;width:100%;max-width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:scroll;overflow-x:none}
.btn_cancel {width:60px;height:30px;background:url('/img/btn_021016.jpg') no-repeat;border:0 none;overflow:hidden;cursor:pointer;}





.product-info-item:first-child {  }
.product-info-item {position:relative; padding: 20px 10px;}
.product-info-item .top .name {word-break: keep-all; }
.product-info-item .top .name .qty {color: #777;}
.product-info-item .top .name,.product-info-item .top .name strong,.product-info-item .top .name span,.product-info-item .top .price,.product-info-item .top .price strong,.product-info-item .top .price span{ font-size: 16px;font-weight:700;}
.product-info-item .bottom .status,.product-info-item .bottom .info,.product-info-item .bottom .info li,.product-info-item .bottom .info a,.product-info-item .bottom .option,.product-info-item .bottom .optionList .name {
    color: #777;}


.product-info-item .top { display: flex; flex-wrap: wrap;}

.product-info-item .top input[type="checkbox"] {margin-bottom: 10px}
.product-info-item .top .name a {margin-right:10px;}
.product-info-item .top .name img {
    height: 2rem;
    position: relative;
    top: 1px;
    margin-right: 0.5rem;
}
.product-info-item .top .image {
    width: 8rem;
}
.product-info-item .top .image a {
    display: block;
}

.product-info-item .top .image img,.product-info-item .top .image a img {
    width: 100%;
    height: auto;
}

.product-info-item .bottom .btn-group {
    justify-content: space-between;
}

.product-info-item .price .strike {
    display: none;
}
.product-info-item .btn-group {
    padding-top: 1.6rem;
}

.product-info-item .btn-left {
    display: flex;
}

.product-info-item .btn-wish {
    display: none;
}

@media (max-width: 768px) {
    .product-info-list {  margin-top: -1px;    }
	.vi_txt_bx .tit { font-size:18px;}
	/*.vi_txt_li dt, .vi_txt_li dd  { display:block; }*/
	.vi_txt_li dt.op_vi_tit, .vi_txt_li dd.op_vi_txt {  width: 100% !important;}
	.vi_txt_li dd.op_vi_txt { margin-left:0; padding-left:20px;  padding-right:20px;}
}
@media (max-width: 360px) {
    .vi_txt_li dt { width:110px; margin-right:10px; }
	.vi_txt_li dd { width:calc(100% - 120px);}
}




/*주문*/
#sod_fin_pay,#sod_fin_orderer,#sod_fin_receiver,#sod_bsk_tot,#bank_section,#tax_section {}
#sod_fin_cancel {margin:20px 0 0;text-align:center;}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#sod_fin_cancelfrm {display:none;padding:10px;margin:10px 0 0;background-color:#f8f8f8;}
#sod_fin_cancelfrm label {margin-right:10px;}
#sod_ws_tot{margin:20px 0 0;padding:0 10px;border:1px solid #e2e2e2;background-color:#f9f9f9;zoom:1;}
#sod_ws_tot:after{display:block;visibility:hidden;clear:both;content:"";}
#sod_ws_tot dt,
#sod_ws_tot dd{float:left;font-weight:600;padding:12px 0;border-top:1px solid #e2e2e2;}
#sod_ws_tot dt{padding-left:2%;width:50%;}
#sod_ws_tot dd{padding-right:2%;width:50%;margin:0;text-align:right;}
#sod_ws_tot .ws_price{background-color:#8f908c;color:#fff;border-top:0 !important;}
.taxbill_fld {display:none;}
.order_vbx {width:calc(100% - 2px);margin-bottom:25px;border:1px solid #ddd;overflow:hidden;display:table;}
.order_vbx dl {padding:15px 10px 10px;border-left:1px solid #ddd;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.order_vbx dl:first-child {border-left:0 !important;}
.order_vbx dt {font-size:15px;font-weight:600;margin-bottom:15px;text-align:center;}
.order_vbx dt span {font-size:11px;font-weight:normal;margin-left:5px;color:#e94c1c;}
.order_vbx dd {font-size:15px;position:relative;}
.order_vbx dd p {height:17px;color:#222;font-weight:800;padding:15px 0;}
.order_vbx dd .ddtit {height:13px;font-size:11px;font-weight:600;padding:10px 0;background-color:#eee;}
.order_vbx .od_bx1 {width:290px;}
.order_vbx .od_bx1 dd {width:calc(37% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;}
.order_vbx .od_bx1 dd.total {width:calc(63% - 2px);}
.order_vbx .od_bx1 dd.total {font-size:13px;}
.order_vbx .od_bx2 {width:418px;}
.order_vbx .od_bx2 dd {width:calc(20% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;}
.order_vbx .od_bx3 {width:290px;}
.order_vbx .od_bx3 dd {width:calc(25% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;}

.oder_box_list { }
.oder_box_list .box { border:1px solid #ddd; border-radius:5px; padding:10px; }
.oder_box_list .box  dl { }
.oder_box_list .box dl dt { display:flex; }
.oder_box_list .box dl dt .date { }
.oder_box_list .box dl dt .no { }
.oder_box_list .box dl dd .state { }
.oder_box_list .box dl dd .prd_info { }
.oder_box_list .box dl dd .prd_btn { }
.oder_box_list .box dl dd .prd_btn  a { display:block; border:1px solid #ddd; padding:5px; text-align:center; }
.oder_box_list .box dl dd { }


.box_terms {
    overflow-y: auto;
    height: 422px;
    border: 1px solid #ddd;
    padding: 30px;
    font-family: "Arial";
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.area_terms {
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 1.6;
    font-size: 16px;
}



/*마이페이지 (내쇼핑)*/
#smb_my_ov {margin:0 0 20px;}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#smb_my_act {margin:10px 0;zoom:1;}
#smb_my_act:after {display:block;visibility:hidden;clear:both;content:"";}
#smb_my_act ul {float:right;margin:0;padding:0;list-style:none;}
#smb_my_act li {float:left;margin:0 0 0 4px;}
#smb_my_tbl {width:100%;border-top:1px solid #c0c0c0;}
#smb_my_tbl th,
#smb_my_tbl td {border-bottom:1px solid #e2e2e2;text-align:left;}
#smb_my_tbl th {width:15%;padding:10px 15px;background-color:#f8f8f8;font-weight:normal;}
#smb_my_tbl td {width:35%;padding:10px 15px;color:#666;word-break:break-all;}
#smb_my_od {margin:0 0 20px;}
#smb_my_wish {}
.smb_my_more {margin-top:10px;text-align:right;}


@media screen and (max-width: 768px) {
	.responsive colgroup { display:none; }
  .responsive > thead {
    visibility: hidden;
    height: 0;
    position: absolute;
  }

  .responsive tr {
    display: block;
    margin-bottom: 0.625em;
  }

  .responsive td {
    border: 1px solid #ddd;
    border-bottom: none;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }

  .responsive td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  .responsive td:last-child {
    border-bottom: 1px solid;
  }
   .responsive tr.order_title { border-top:2px solid #000; margin-bottom: 0 ;}
  .responsive tr.order_title td { background:#bbb; color:#fff; }
  
  #smb_my_tbl.responsive  td { width:100%; border-left:0; border-right:0; border-top:0;}
}





/*미니샵*/
.minishop_head {width:100%;border-width:0 0 7px 0;border-style:solid;}
.mini_hdinner {width:1000px;padding:15px 0;margin:0 auto;text-align:left;position:relative;}
.mini_hdinner .mini_logo img {max-height:70px;width:auto;}
.mini_hdinner .seller {margin-top:-14px;position:absolute;top:50%;right:0px;}
.mini_hdinner .seller #btn_cp_open {height:26px;line-height:26px;padding:0 12px;border:1px solid #ddd;background-color:#fff;display:block;cursor:pointer;}
.mini_hdinner .seller ul {width:350px;padding:5px 20px;background-color:#fff;border:1px solid #333;position:absolute;right:0;top:27px;z-index:2000;display:none;}
.mini_hdinner .seller ul li {font-size:13px;border-top:1px solid #e1e1e1;padding:10px 0 10px 80px;position:relative;}
.mini_hdinner .seller ul li:first-child {border-top:0 !important;}
.mini_hdinner .seller ul li span {width:80px;display:inline-block;position:absolute;top:10px;left:0;}
.mini_hdinner .seller:hover #btn_cp_open {border-color:#333;background-color:#333;color:#fff;}
.mini_hdinner .seller:hover ul {display:block;}
.mini_top {width:1000px;margin:20px auto 0;overflow:hidden;}
.mini_top .mini_cate {width:180px;float:left;}
.mini_top .mini_cate h2 {height:23px;font-size:20px;font-weight:800;color:#111;padding:17px 0;text-align:center;border-width:2px 0 1px;border-style:solid;}
.mini_top .mini_cate div {padding:12px 0;margin-top:10px;border:1px solid #ccc;}
.mini_top .mini_cate ul {height:154px;overflow-y:auto;}
.mini_top .mini_cate ul li {position:relative;}
.mini_top .mini_cate ul li a {font-size:12px;color:#111;padding:4px 15px;display:block;text-decoration:none !important;}
.mini_top .mini_cate ul li a:after {font-family:'FontAwesome';margin-top:-6px;color:#ddd;line-height:1em;position:absolute;right:15px;top:50%;content:'\f0da';}
.mini_top .mini_cate ul li a:hover {font-weight:600;background-color:#f8f8f8;}
.mini_top .mini_bn {width:800px;height:250px;overflow:hidden;float:right;}
.mini_top .mini_bn img {width:100%;height:100%;}
.mini_top .mini_bn .slick-dots li button {width:13px;height:13px;margin:0 2px;background-color:#fff;}
.mini_body {width:1000px;margin:40px auto;overflow:hidden;}
.mini_body h2 {font-size:25px;text-align:center;padding:17px 0;border-width:1px 0;border-style:solid;border-color:#000 #fff #ddd;}
.mini_body .stxt{font-size:12px;color:#333;background-color:#f1f1f1;padding:12px 20px;}