/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play&display=swap');
/* Reset Code */
body {
    padding: 0;
    margin: 0;
    background: #FFF;
    font-family: 'Malgun Gothic', sans-serif;
}
pre,p,div,li,td,th,span{font-family: 'Malgun Gothic', sans-serif;}
p{line-height: 1.4em;}
body button,
.btn,
body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.btn:hover,
body button:hover {
    opacity: .8;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

body a:hover {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    /* letter-spacing: 1px; */
    line-height: 1.4;
    color: #51585f;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

/* //Reset Code */

.btn{border-radius: 0;}

img{max-width: 100%;}
/* new */
.tra-img{max-width: 100%;}
/* @media (max-width: 750px) { */

@media (max-width: 699px) {
  h1{font-size:36px;}
  h2{font-size:28px;}
  h3{font-size:22px;}
  h4{font-size:20px;}
  .new_pr_div .pic img{max-width:100%;}
  .pc-only{display:none;}
  .mobile-only{display:;}
  td, td a{font-size:16px;}
  .bg-pc-hidden {
    background-color: initial;  /* or background-color: transparent; */
  }

}

@media (min-width: 700px) {
  h1{font-size:36px;}
  h2{font-size:28px;}
  h3{font-size:22px;}
  h4{font-size:20px;}
  .new_pr_div .pic{min-height: 250px; max-height: 250px;}
  .pr-text div.subject{min-height:50px;}
  .pc-only{display:;}
  .mobile-only{display:none;}
  td, td a{font-size:14px;}
  .bg-mobile-hidden {
    background-color: initial;  /* or background-color: transparent; */
  }
}





#faq_wrap a.faq-tabs {border-radius: 0; margin:0; text-align: center;}
#faq_wrap a.active{background-color: #222;}
.faq-que p{ font-size:15px; letter-spacing: -0.4px;}
.faq-ans{ font-size:14px;}
@media (max-width: 760px) {
	.faq-tabs{width:50% !important;}
}
@media (min-width: 761px) {
	.faq-tabs{width:25% !important;}
}
.list-banner{background-image: url(/img/new/mid-ban.jpg); background-repeat: no-repeat; background-position: center;height:110px;}
.list-banner h4{ font-size:28px;}
.list-banner h4 span{color:#fff;}
.list-banner-new{ background-repeat: no-repeat; background-position: center;height:105px;background-size: contain; border:1px solid #ddd;}
#faq_wrap {}
#faq_wrap h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.faq_admin {margin:0 5px;text-align:right}
#faq_wrap p {line-height:1.8em}
#faq_wrap ol {margin:20px 0;border-top:1px solid #000;padding:0;list-style:none}
#faq_wrap  li{border-bottom:1px solid #eee}
#faq_con h3{position:relative;padding-left:30px;}
#faq_con h3 a {display:block;padding:15px;}
#faq_con .faq_alp{position:absolute;top:10px;left:0;display:inline-block;background:#333;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;color:#fff}
#faq_con .faq_alp_a{background:#f3f3f3;color:#999}
#faq_con .con_inner {;position:relative;display:none;padding:10px;padding-left:40px;line-height:1.8em;border-top:1px solid #eee;}
#faq_con .con_closer {margin:10px 0 0;text-align:right}
#faq_con .closer_btn {margin:0;padding:0 5px;line-height:24px;border:0;background:#666;color:#fff}
.faq_tolist {padding:0 10px;text-align:right}
.faq_img {text-align:center}

#faq_sch {background: #f9fafa; border: 1px solid #ececec;padding:15px;position:relative}
#faq_sch .frm_input {width:100%}
#faq_sch .btn_submit{position:absolute;top:15px;right:15px;width:40px;height:40px;background:none;color:#000;font-size:16px}
.breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 0 0 0;
  list-style: none;
  li {
    font-size: 13px;
    text-transform: uppercase;
  }
}

.breadcrumb-item {
  &.active {
    color: $black;
  }
  + .breadcrumb-item {
    &::before {
      content: '/';
      display: inline-block;
      padding: 0 0.5rem;
      color: $lightergray;
    }
  }
}

.gradient{
  background: #e8e3e3; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232, 227, 227, 0.95) 0%, rgba(246, 242, 242, 0.95) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left right, color-stop(0%,rgba(232, 227, 227, 0.95)), color-stop(100%,rgba(246, 242, 242, 0.95))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232, 227, 227, 0.95) 0%,rgba(246, 242, 242, 0.95) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232, 227, 227, 0.95) 0%,rgba(246, 242, 242, 0.95) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232, 227, 227, 0.95) 0%,rgba(246, 242, 242, 0.95) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(232, 227, 227, 0.95) 0%,rgba(246, 242, 242, 0.95) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(232, 227, 227, 0.95)', endColorstr='rgba(246, 242, 242, 0.95)',GradientType=0 ); /* IE6-9 */
    }


.s-container{overflow-x:hidden;}
.search-area input[type="search"] {
    outline: none;
    padding: 2px 10px;
    color: #000;
    font-size: 14px;
    border: none;
    /* letter-spacing: 1px; */
    background: #fff;
    border:1px solid #ddd;
    width:90%;
}
.search-area input[type="search"]:hover {
    outline: none;
    padding: 2px 10px;
    color: #000;
    font-size: 14px;
    border: none;
    /* letter-spacing: 1px; */
    background: #fafafa;
    padding:-1px;
    border:2px solid #217fc4;

}

.search-area button {
    background: #217fc4;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 10px 5px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0;
    width:10%;
}

/* 모바일좌메뉴 */
.nav-side-menu {
overflow: auto;
font-family: 'Malgun Gothic';
font-size: 12px;
font-weight: 200;
background-color: #2e353d;
position: fixed;
top: 0px;
width: 300px;
height: 100%;
color: #e1ffff;

}
.nav-side-menu .brand {
background-color: #23282e;
line-height: 24px;
display: block;
text-align: center;
font-size: 12px;
}
.nav-side-menu .toggle-btn {
display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
list-style: none;
padding: 0px;
margin: 0px;
line-height: 35px;
cursor: pointer;
/*
.collapsed{
   .arrow:before{
             font-family: FontAwesome;
             content: "\f053";
             display: inline-block;
             padding-left:10px;
             padding-right: 10px;
             vertical-align: middle;
             float:right;
        }
 }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {

display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
border-left: 3px solid #d19b3d;
background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
background-color: #181c20;
border: none;
line-height: 28px;
border-bottom: 1px solid #23282e;
margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {

  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.nav-side-menu .toggle-btn {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10 !important;
  padding: 3px;
  background-color: #ffffff;
  color: #000;
  width: 40px;
  text-align: center;
}
.brand {
  text-align: left !important;
  font-size: 12px;
  padding-left: 20px;
  line-height: 50px !important;
  }
}
.menu-content{display: block;}
  @media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
  display: block;
  }
}



.t-search{background-image: url(/img/new/t-search.png); background-repeat: no-repeat; min-height:50px; min-width:50px; background-position: center}
.t-basket{ background-image: url(/img/new/t-basket.png); background-repeat: no-repeat; min-height:50px; min-width:50px; background-position: center}
.text-br { word-break: break-all;}
.text-ke { word-break: keep-all;}
.btn-circle {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}
.scroll-menu {
  white-space: nowrap; /* [1] */
  overflow-x: auto; /* [2] */
  -webkit-overflow-scrolling: touch; /* [3] */
  -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */ }

.scroll-menu::-webkit-scrollbar {
  display: none;
}

.ico-bar{background-image: url(/img/new/bar.png); background-position: center; background-repeat: no-repeat; background-size: contain; height:47px; width:47px; cursor: pointer;}
.ico-close{background-image: url(/img/new/x.png); background-position: center; background-repeat: no-repeat; background-size: contain; height:47px; width:47px; cursor: pointer;}
.total-menu{font-size:13px;}
.total-menu h6{font-size:15px; font-weight:500; margin-bottom:15px; color:#111;}
.total-menu li{padding:3px 0;}
.total-menu li a{font-size: 13px; color:#888;}
.border-dotted{
 border-style: dotted;
}
a{color:#777; font-size:13px;}
.cs-ul li{line-height: 1.6em;}
a:visited{color:#222;}
.font-lato{font-family: 'Lato';}
.font-play{font-family: 'Play';}
.toplink{font-size:12px;}
.toplink span{margin:3px 0px; padding: 0 5px;}
.footer{font-size:13px; font-weight:100; color:#777; line-height: 1.6em;}
.content-area{font-size:13px;}
.copy-menu{font-size:14px;}
ul,li{list-style: none;}
.copy-menu li{display: inline-block; padding-right:20px;}
.main-the-ban{display: inline-table; height:100px;}
.prod-detail-tab{font-size:14px;}
.bg-info2{ background-color: #DFE5F2;}
.sub-text{font-size:.5em;}
.order-form{font-size:14px;}
.order-form input{font-size:14px;}
.font-11px{font-size:11px !important;}
.font-12px{font-size:12px !important;}
.font-13px{font-size:13px !important;}
.font-14px{font-size:14px !important;}
.font-15px{font-size:15px !important;}
.font-16px{font-size:16px !important;}
.font-17px{font-size:17px !important;}
.font-18px{font-size:18px !important;}
.font-19px{font-size:19px !important;}
.font-20px{font-size:20px !important;}
.font-22px{font-size:22px !important;}
.font-24px{font-size:24px !important;}
.font-26px{font-size:26px !important;}
.font-28px{font-size:28px !important;}
.font-30px{font-size:30px !important;}
.font-32px{font-size:32px !important;}
.font-34px{font-size:34px !important;}
.font-36px{font-size:36px !important;}
.font-38px{font-size:38px !important;}
.font-40px{font-size:40px !important;}
.font-42px{font-size:42px !important;}
.font-44px{font-size:44px !important;}
.font-46px{font-size:46px !important;}
.font-48px{font-size:48px !important;}
.font-50px{font-size:50px !important;}
.font-52px{font-size:52px !important;}
.font-54px{font-size:54px !important;}
.font-56px{font-size:56px !important;}
.font-58px{font-size:58px !important;}
.font-60px{font-size:60px !important;}
.login-page{background-image:url(/img/mem/icon_mem1.png); background-repeat:no-repeat; background-position:right;}
.login-page h2{font-size:4em;}
.login-page h4{line-height: 1.4em;}

.my-page{background-image:url(/img/new/icon_mypage.png);background-repeat:no-repeat; background-position:right;}
.my-page h2{font-size:4em;}
.my-page h4{line-height: 1.4em;}

.cs-page{background-image:url(/img/new/icon_etc.png);background-repeat:no-repeat; background-position:right;}
.cs-page h2{font-size:4em;}
.cs-page h4{line-height: 1.4em;}

input,textarea,select {border-radius: 0 !important;}
.card{border-radius: 0 !important;}
.card-mypage-index{background-position: center; background-repeat: no-repeat; min-height: 150px;}
#card-mypage-index1{background-image: url(/img/new/mypage-index1.png); }
#card-mypage-index2{background-image: url(/img/new/mypage-index2.png); }
#card-mypage-index3{background-image: url(/img/new/mypage-index3.png); }
#card-mypage-index4{background-image: url(/img/new/mypage-index4.png); }
#card-mypage-index5{background-image: url(/img/new/mypage-index5.png); }
#card-mypage-index6{background-image: url(/img/new/mypage-index6.png); }

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}
.header{background-color: #fff;}
/* Tabs panel */
.tabbable-panel {
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
  font-size:14px;
  padding:30px;
  line-height:40px;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}


.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.checked {
  color: orange;
}
.prod-btn{border-radius: 0; font-size:13px;}
.btn-isorimall{background-color: #217fc4;}
.bg-isorimall{background-color: #217fc4;}
.text-isorimall{color: #217fc4 !important;}
/* price css */

/* .new_pr_div{ padding:20px 0;} */
.new_pr_div .pic{ text-align:center; overflow: hidden;}
.new_pr_div .pic img{max-width:100%;}
.new_pr_div h5.price{ font-weight:700; line-height:2em; font-family: 'Lato';}

/* colors code */
.text-bl {
    color: #343a40;
}

.text-wh {
    color: #fff;
}

.text-li {
    color: #f8f9fa;
}

.text-da {
    color: #000;
}

.bg-li {
    background: #f8f9fa;
}

.bg-wh {
    background: #fff;
}

.let {
    /* letter-spacing: 1px; */
}

/* //colors code */

/* header */
header {

}

.main-top {
    position: relative;
    z-index: 1;
}

/* navigation */
/* CSS Document */
.toggle-2,
.toggle,
[id^=drop] {
    display: none;
}

/* Giving a background-color to the nav container. */
nav {
    margin: 0;
    padding: 0;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
    content: "";
    display: table;
    clear: both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

/* Positioning the navigation items inline */
nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;
}

/* Styling the links */
nav a {
    color: #222222;
    font-size: 15px;
    /* letter-spacing: .5px; */
    margin: 0 16px;
    font-weight: 400;
    border:0px solid #000;
}
.dr-padding{display:inline-block; height:41px; vertical-align:middle; margin-top:5px; font-weight: bold; letter-spacing: -1px;}
/* Background color change on Hover */

.menu li a.active,
nav a:hover,
nav ul ul li a:hover {
    color: #1A4C9D;
}

nav ul ul {
    display: none;
    position: absolute;
    top: 47px;
    background: #fff;
    padding: 10px;
    z-index: 9;
    /* border:1px solid #ccc; */
}

/* Display Dropdowns on Hover */
nav ul li:hover>ul {
    display: inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
    width: 145px;
    float: none;
    display: list-item;
    position: relative;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

nav ul ul li a {
  /* dropdown menu */
    color: #222;
    display: block;
    font-size: 13px;
    font-weight:100;
    margin: 0;
    margin: 7px;
}




/* Second, Third and more Tiers
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
    position: relative;
    top: -60px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 170px;
}


/* Change ' +' in order to change the Dropdown symbol */
li>a:only-child:after {
    content: '';
}




/* Media Queries
--------------------------------------------- */
@media all and (max-width : 991px) {
    #logo {
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
        float: none;
    }

    nav {
        margin: 0;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle+a,
    .menu {
        display: none;
    }

    /* Stylinf the toggle lable */
    .toggle {
        display: block;
        padding: 6px 12px;
        font-size: 14px;
        text-decoration: none;
        border: none;
        float: right;
        color: #000;
        font-weight: 500;
        /* letter-spacing: 1px; */
        border: 1px solid #000;
        margin-bottom: 0;
        cursor: pointer;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .menu .toggle {
        float: none;
        text-align: center;
        margin: auto;
        max-width: 120px;
        padding: 5px;
        font-size: 14px;
        /* letter-spacing: .5px; */
        color: #202428;
        font-weight: 400;
        border: none;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked+ul {
        display: block;
        background: #fff;
        padding: 15px 0;
        text-align: center;
        width: 100%;
    }

    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
        padding: 5px 0;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: transparent;
    }

    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: #fff;
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    nav ul ul li:hover>ul,
    nav ul li:hover>ul {
        display: none;
    }

    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */
    }

    nav ul ul li a {
        color: #000;
        font-size: 15px;
        padding: 0;
    }
}


/* //navigation */



/* //header */


/* //footer */

/* copyright bottom */
/* copyright */
.copy_right p a {
    color: #000;
    font-weight: 600;
    /* letter-spacing: 2px; */
}

/* //copyright */
/* social icons */
.social-icons-footer ul li {
    display: inline-block;
}

.social-icons-footer ul li a span {
    color: #217fc4;
    margin: 0 8px;
    font-size: 16px;
}

/* //social icons */
/* bottom-to-top */
a.move-top span {
    color: #05b993;
    font-size: 30px;
}

/* //bottom-to-top */
/* //copyright bottom */


/* old */

/*Prod list*/
#prod_snb{border:1px solid #ccc; min-height:85px;}
#prod_snb li{ border-right:1px solid #ccc; padding:7px 15px; text-align:center; display:inline-block; float:left;}
#prod_snb li a{ text-decoration:none;}
#prod_snb li a:hover{ text-decoration:none;}
#prod_snb li.first{ border-right:1px solid #ccc; background-color:#fafafa; min-height:70px;}
#prod_snb li.last{ border-left:1px solid #ccc; border-right:0; float:right; background-color:#fafafa; min-height:70px;}
#prod_snb li p.txt{  font-size:11px; padding-top:5px;}
#prod_snb li p.txt_on{  font-size:11px; padding-top:5px; color:#fff;}
#prod_snb li.on{ background-color:#449ff6; color:#fff;}
/*
.prodListBasket{background-image:url(/img/prod/prodListBasket.png); background-repeat:no-repeat; padding-left:20px;}
.prodListWin{background-image:url(/img/prod/prodListWin.png); background-repeat:no-repeat; padding-left:20px;}
*/
.prod_list_title{color:#252525;}
.prod_list_title span.red{color:#e72200; padding:0px 5px;}
.prod_list_title span.sub{color:#777; font-size:12px;}
.rib_best{ position:absolute; background-image:url(/img/prod/rib_best.png); background-repeat:no-repeat; width:40px; height:55px; color:#fff; font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-align:center; line-height:55px;}
#prod_best_list{}
#prod_best_list li{ padding:8px; background-color:#f4f4f4; width:227px; display:inline-block; margin-left:3px; vertical-align:top;}
#prod_best_list div.pr_div{ border:1px solid #ddd; background-color:#fff; }
#prod_best_list div.pr_div:hover{ border:2px solid #ef2011; background-color:#fff; margin:-1px;}
#prod_best_list div.txt_div{ padding:0 15px 15px 15px;}
#prod_best_list div p.pic{border-bottom:1px solid #f2f2f2; height:225px;}
#prod_best_list div p.t1{ font-size:11px; color:#888888; padding-top:20px;}
#prod_best_list div p.t2{ font-size:14px; color:#222222; min-height:45px;}
#prod_best_list div p.per{ font-size:24px; float:left; padding-right:5px; font-weight:bold; letter-spacing:-2px; line-height:30px; color:#df2100;}
#prod_best_list div p.price1{ font-size:11px; text-decoration:line-through; color:#888888; float:left; padding-right:5px; vertical-align:bottom; width:80px;font-family: 'Lato';}
#prod_best_list div p.price2{font-size:20px; color:#222222; float:right; letter-spacing:-1px;font-family: 'Lato';}

#prod_list_sort{}
#prod_list_sort li{ display:inline-block;  font-size:11px;}
#prod_list_sort li a.on{ font-weight:bold; color:#390; font-size:13px;}
#prod_list_sort li select{  font-size:11px;}

.rib_new{ margin-left:5px; margin-top:150px; position:absolute; background-image:url(/img/prod/icon_hot.png); background-repeat:no-repeat; width:50px; height:55px; color:#fff; font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-align:center; line-height:55px;}
.rib_hot{ margin-left:1px; margin-top:0px; position:absolute; background-image:url(/img/prod/icon_new.png); background-repeat:no-repeat; width:74px; height:78px; color:#fff; font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-align:center; line-height:78px;z-index: 10000000; }
#prod_list{}
#prod_list li{ padding:0px; background-color:#fff; width:196px; display:inline-block; margin-right:0px; margin-bottom:30px;border-bottom:0px solid #ddd;}
#prod_list li:nth-child(5n){margin-right:0;}
#prod_list div.pr_div{ background-color:#fff;}
#prod_list div.pr_div:hover{ border:2px solid #ef2011; background-color:#fff; margin:-2px;}
#prod_list div.txt_div{ padding:0 15px 15px 15px;}
#prod_list div p.pic{}
#prod_list div p.pic img{}
#prod_list div p.t1{ font-size:11px; color:#888888; padding-top:20px;}
#prod_list div p.t2{ font-size:14px; color:#222222; min-height:45px; font-weight:bold;}
#prod_list div p.per{ font-size:24px; float:left; padding-right:5px; font-weight:bold; letter-spacing:-2px; line-height:30px; color:#df2100;}
#prod_list div p.price1{ font-size:11px; text-decoration:line-through; color:#888888; float:left; padding-right:5px; vertical-align:bottom; line-height:12px;font-family: 'Lato';}
#prod_list div p.price2{font-size:22px; font-weight:600; color:#222222; float:right; clear:both; margin-bottom:5px; line-height:30px;font-family: 'Lato';}
/*Prod view*/
#prod_view_top_left{float:left; width:50%; border-top:2px solid #035dbc;}
#prod_view_top_right{float:left; width:50%; border-top:2px solid #d3d3d3;}
#prod_view_top_thum{ padding-left:5px; margin-top:10px;}
#prod_view_top_thum li{ display:inline-block; cursor:pointer; margin:2px; border:3px solid #f2f2f2;}
#prod_view_top_thum li:hover{ border:3px solid #f7801e;}

#prod_view_top_right table.spec{}
#prod_view_top_right table.spec th{ text-align:left; padding:7px;}
#prod_view_top_right table.spec td{}
#prod_view_top_right table.spec th.prod_name{ color:#333; font-size:20px; padding-bottom:20px; line-height:26px;}
#prod_view_top_right table.spec td.price1{ color:#534741; font-size:12px;font-family: 'Lato';}
#prod_view_top_right table.spec td.price2{ color:#f26522; font-size:30px; letter-spacing:-2px; font-weight:bold;font-family: 'Lato';}
#prod_view_top_right table.spec td.per{ color:#534741; font-size:12px}
#prod_view_top_right table.spec td.comp{ color:#534741; font-size:12px}
#prod_view_top_right table.spec td.from{ color:#534741; font-size:12px}
#prod_view_top_right table.spec td.deliv{ color:#534741; font-size:12px}
#prod_view_top_right table.spec td.del_date{ color:#534741; font-size:12px}
#prod_view_top_right table.spec td.prod_no{ color:#534741; font-size:12px}
#prod_view_top_right table.spec td.opt{ color:#534741; font-size:12px}
#prod_view_top_right table.spec td.num{ color:#534741; font-size:12px}
.prod_view_top{padding:25px 0;}
#prod_view_btn{width:100%;}
#prod_view_btn li{ display:table-cell; cursor:pointer; padding:0 47px;}
.prod_view_btn_buy{ background-color:#a70100; color:#fff; font-size:18px; line-height:40px; text-align:center; vertical-align:middle;}
.prod_view_btn_basket{ background-color:#bc93ce; color:#fff; font-size:18px; line-height:40px; text-align:center; vertical-align:middle;}
.prod_view_btn_wish{ background-color:#acacac; color:#fff; font-size:18px; line-height:40px; text-align:center; vertical-align:middle;}

.prod_tab {	width:100%;	height:40px;margin-top:10px;}
.prod_tab:after {display:block;visibility:hidden;clear:both;width:0;height:0;content:'';}
.prod_tab li {float:left;	width:25%;border-bottom:1px solid #333;}
.prod_tab li a {display:block;position:relative;height:19px;margin-left:-1px;padding:9px 0;border:1px solid #c4c4c4;border-bottom:0 none;font-size:13px;line-height:19px;color:#747474;text-align:center;text-decoration:none;list-style:none;cursor:pointer;}
.prod_tab li:first-child a, .prod_tab li:first-child p {margin-left:0}
.prod_tab li.active a {z-index:10;margin-bottom:-1px;padding:8px 0 11px;border-width:2px;border-color:#777;background:#fff;font-weight:bold;font-size:14px;color:#222}
.prod_dt{ padding:30px 0;}
.prod_dt img{max-width:100%;}
.prod_dt4_tt{ float:left; width:150px; padding:25px; font-size:14px; font-weight:bold;}
.prod_dt4_td{ float:left; width:680px; padding:25px; line-height:22px;}

.prod_dt_search{padding-bottom:10px; vertical-align:bottom;}
.board_search_input{border:1px solid #d4d4d4; height:26px; width:200px; font-size:12px; padding-left:5px;}

/*basket*/
#basket_top{border-top:2px solid #035dbc;}
.basket_top{border-top:2px solid #035dbc;}
.bk_btn1{ background-color:#f82007; color:#fff; font-size:16px; line-height:40px; text-align:center; vertical-align:middle; padding:10px 20px; cursor:pointer; margin-right:5px;}
.bk_btn2{ background-color:#fa883d; color:#fff; font-size:16px; line-height:40px; text-align:center; vertical-align:middle; padding:10px 20px; cursor:pointer; margin-right:5px;}
.bk_btn3{ background-color:#fff; color:#494949; font-size:16px; line-height:40px; text-align:center; vertical-align:middle; border:1px solid #f82007; padding:10px 20px; cursor:pointer; margin-right:5px;}
.bk_btn4{ background-color:#5a78c8; color:#fff; font-size:16px; line-height:40px; text-align:center; vertical-align:middle; padding:10px 20px; cursor:pointer; margin-right:5px;}
#payment_top{width:100%; border-top:2px solid #035dbc;border-bottom:2px solid #333;}

#payment_top p#pay_tit{font-size:16px; text-align:center;}
#payment_top p#real_price{ padding:30px 0; text-align:center; background-color:#6850c7; border:1px solid #333; font-size:26px; font-weight:bold; color:#fff; margin-top:10px; width:100%;}
#order_end_link{}
#order_end_link li{ display:inline; float:left}
/*Prod etc*/

/*Mypage*/
#mypage_top{background-image:url(/img/mypage/icon_my1.png); background-repeat:no-repeat; background-position:right; height:120px;}
#mypage_list_btn{}
#mypage_list_btn li{ display:inline-block; margin:20px;}
.order_top{width:100%; border-top:2px solid #035dbc;border-bottom:2px solid #333;}

/*member*/
#member_top{background-image:url(/img/mem/icon_mem1.png); background-repeat:no-repeat; background-position:right; height:174px;}
#login{float:left; width:310px; background-color:#39b54a; padding:20px;}
#login span.login_find{ color:#e3fae7; background-image:url(/img/common/arrow1.png); background-repeat:no-repeat; padding-left:15px; background-position:5px; margin-left:10px;}
#login span.login_find a{ color:#e3fae7;}
#login span.login_find a:link{ color:#e3fae7; text-decoration:none;}
#login span.login_find a:hover{ color:#ddd; text-decoration:underline;}
#login span.login_find a:visited{ color:#adcdf9; text-decoration:none;}
.login_btn{height:60px; padding:20px; background-color:#ffffff; color:#00006b; text-align:center; line-height:60px; cursor:pointer;}
#memout{ width:300px; margin:0 auto;}
.memout_btn{height:15px; padding:3px 20px; background-color:#ffffff; color:#00006b; text-align:center; line-height:60px; cursor:pointer;}

#login_banner{float:left; width:310px; margin-left:10px; background-color:#20a3db; padding:20px; height:115px; color:#fff; letter-spacing:-1px; line-height:22px;}
#login_banner span.login_find{ color:#e3f6fe; background-image:url(/img/common/arrow1.png); background-repeat:no-repeat; padding-left:15px; background-position:5px; margin-left:10px; font-size:12px;}
#login_con{ margin:10px 20px;}
#login_con li{ list-style:decimal;}
#login_con_tt{font-size:14px; padding-left:20px;}
#login_ban{ margin:20px;}
#login_ban li{ display:inline-block; padding:10px;}

.register{width:100%; border-top:2px solid #035dbc;border-bottom:2px solid #333;}

#register_confirm{float:left; width:310px; background-color:#f2f2f2; padding:15px; border:1px solid #ddd;}
#register_confirm_gen{float:left; width:310px; background-color:#fbfbfb; padding:15px;  margin-left:20px; border:1px solid #ddd;}
.register_btn{height:50px; padding:20px 10px; background-color:#f4f4f4; color:#333333; text-align:center; line-height:60px; cursor:pointer; border:1px solid #ddd;}
#register_confirm_result{border:2px dotted #777; padding:20px; text-align:center; font-size:18px; color:#036; width:600px; margin:0 auto;}

.register_agree{height:200px; overflow:auto; padding:10px; border:1px solid #ccc;}
.register_agree_tt1{ background-image:url(/img/common/arrow2.png); background-repeat:no-repeat; background-position:0 4px; padding-left:10px; color:#222;}
.register_agree_tt2{ background-image:url(/img/common/arrow1.png); background-repeat:no-repeat; background-position:1px; padding-left:10px; color:#777; padding:10px;}
.register_agree_chk{ margin-bottom:30px; padding-top:5px;}

/*Customer*/
#cs_top{background-image:url(/img/cs/icon_cs.png); background-repeat:no-repeat; background-position:right; height:154px;}
#cs_box1{ background-image:url(/img/new/cs_img1.png); background-repeat:no-repeat; background-position: center;}
#cs_box2{ background-image:url(/img/new/cs_img2.png); background-repeat:no-repeat;  background-position: center;}
#cs_box3{ background-image:url(/img/new/cs_img3.png); background-repeat:no-repeat;  background-position: center;}
#cs_box2_2{ background-image:url(/img/cs/cs_img2_2.png); background-repeat:no-repeat;  background-position: center;}
#cs_box ul li{ list-style:armenian;}
#cs_box4{ background-image:url(/img/new/cs_img4.png); background-repeat:no-repeat; background-position:center;}
#cs_box5{ background-image:url(/img/new/cs_img5.png); background-repeat:no-repeat; background-position:center;}
#cs_box6{ background-image:url(/img/new/cs_img6.png); background-repeat:no-repeat; background-position:center; height: 110px}
#cs_box7{ background-image:url(/img/new/cs_img7.png); background-repeat:no-repeat; background-position:center; height: 120px}
#cs_box8{ background-image:url(/img/new/cs_img8.png); background-repeat:no-repeat; background-position:center; height: 90px}
.cs-ul-sub li{list-style: none; background-image: ;}
.cs_left{float:left; width:560px; padding-left:20px;}
.cs_right{float:left; margin-left:30px;}
.cs_list{padding-left:20px;}
.cs_list li{ list-style:square; color:#777777;}
.cs_list_bul{ clear:both; padding-left:20px;}
.cs_list_bul li{ background-image:url(/img/common/bul1.png); color:#777777; background-repeat:no-repeat; padding-left:20px; background-position:5px 6px;}
.olnum{ padding-left:40px;}
.olnum li{ list-style:decimal}

/*arrow*/
.arrow1{ background-image:url(/img/common/arrow1.png); background-repeat:no-repeat; padding-left:10px; background-position:0 10px;}
.arrow2{ background-image:url(/img/common/arrow2.png); background-repeat:no-repeat; padding-left:20px;}

/*paging*/
.paging_area{width:99%; background-color:#fff; border-top:0px solid #edeeef;  border-left:0px solid #edeeef;  border-right:0px solid #edeeef;  border-bottom:0px solid #d1d2d6; text-align:center; margin-top:30px; padding:5px; margin:0 auto;}
.paging_off{border-left:1px solid #edeeef; border-right:1px solid #edeeef; background-color:#fafafa; padding:9px 12px 7px 12px; font-size:11px; cursor:pointer;}
.paging_on{border:1px solid #d1d2d6; background-color:#f5f5f5; padding:9px 15px 9px 15px; font-weight:bold; font-size:16px; font-family:tahoma;}


/*board*/
.btn_write{ background-color:#5a78c8; color:#fff; font-size:12px; line-height:20px; text-align:center; vertical-align:middle; padding:5px 20px; cursor:pointer; margin-right:0px; border:0px solid #f2f2f2}
.btn_edit{ background-color:#cc9b07; color:#fff; font-size:12px; line-height:20px; text-align:center; vertical-align:middle; padding:5px 20px; cursor:pointer; margin-right:0px; border:0px solid #f2f2f2}
.btn_list{ background-color:#45a0f6; color:#fff; font-size:12px; line-height:20px; text-align:center; vertical-align:middle; padding:5px 20px; cursor:pointer; margin-right:0px; border:0px solid #f2f2f2}
.btn_del{ background-color:#ff0000; color:#fff; font-size:12px; line-height:20px; text-align:center; vertical-align:middle; padding:5px 20px; cursor:pointer; margin-right:0px; border:0px solid #f2f2f2}
.btn_cancel{ background-color:#ddd; color:#333; font-size:12px; line-height:20px; text-align:center; vertical-align:middle; padding:5px 20px; cursor:pointer; margin-right:0px; border:0px solid #f2f2f2}

.board_btn{}
.board_btn a{ color:#fff; text-decoration:none;}
.board_btn a:hover{ color:#fff; text-decoration:none;}
.board_btn a:link{ color:#fff; text-decoration:none;}
.board_btn a:visited{ color:#fff; text-decoration:none;}
.board_btn_center{ text-align:center;}
.board_btn_center a{ color:#fff; text-decoration:none;}
.board_btn_center a:hover{ color:#fff; text-decoration:none;}
.board_btn a:link{ color:#fff; text-decoration:none;}
.board_btn_center a:visited{ color:#fff; text-decoration:none;}

/*quick*/
#quick_div{border:0px solid #d9d9d9; padding:10px;}
#quick_div p{font-size:10px; letter-spacing:-1px; text-align:center}
#quick_div p.link{font-size:11px; letter-spacing:-1px; text-align:center; color:#e86d05;}
#quick_div p.link a{font-size:11px; letter-spacing:-1px; text-align:center; color:#e86d05;}
#quick_div p.link a:link{font-size:11px; letter-spacing:-1px; text-align:center; color:#e86d05;}
#quick_div p.link a:hover{font-size:11px; letter-spacing:-1px; text-align:center; color:#e86d05; text-decoration:none;}
#quick_div span.num{color:#0C0; font-size:12px;}
#quick_div hr.qline{ border-bottom:1px solid #ddd; border-top:0;}
#quick_top{text-align:center; padding:10px; cursor:pointer;}
hr.hr1 {
  border: none;
  border-top: 1px solid #ddd;
	margin:10px 0 30px 0;
}
/* ------- basic tab style ------- */
.tabs {

	width: 100%;
	height: 22.0em;
	position: relative;
}

.tabs dt {
	background-color: #eee;
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	margin-left: -2px;
	float: left;
	height: 2.5em;
	position: relative;
	z-index: 2;


}
.tabs dt a {
	border-bottom: 1px solid #d6d6d6;
	color: #222222;
	display: block;
	height: 100%;
	text-align: center;
	text-decoration: none;
}
.tabs dt:first-child { margin-left: 0; margin-right: -2px; }
.tabs dt a span { display: block; padding-top: 0.4em; }
.tabs dd {
	background-color: #d0d0d0;
	clear: both;
	display: none;
	margin-top: 1px;
	position: absolute;
	top: 2.5em;
	z-index: 1;
}
.tabs dt.active a {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #636363;
}
.tabs dd.active {
	display: block;
}
.tabs .tabs_content_each {
	background-color: #fff;
	margin: 1px;
	padding:30px;
}
.tabs .tabs_content_each li{ display:inline-block; margin-right:0px; width:180px; text-align:center;}
.tabs .tabs_content_each li p.title{ padding-top:15px;}
.tabs .tabs_content_each li p.price{ padding-top:10px; font-size:11px;font-family: 'Lato';}
.tabs .tabs_content_each li p span.nowprice{ color:#c40808; font-size:13px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-family: 'Lato';}
.nowprice{ font-family: 'Lato';}
/* ------- basic tab style ------- */

/* ------- user's additional tab style ------- */
.tabs6 dt { width: 10%; }
.tabs6 dd { width: 100%; }
.tabs6 dt:first-child { margin-left: 20%; }
/* ------- user's additional tab style ------- */


.mtab_tt{margin-bottom:-18px; margin-top:20px; color:#025cba; font-size:14px; font-weight:bold; padding-left:10px;}
.mtab_tt span.addtxt{ color:#333;}


/*faq*/

.brand_tab {
	width:100%;
	height:40px;
	margin-top:30px;
	margin-bottom:-2px;


}
.brand_tab:after {
	display:block;
	visibility:hidden;
	clear:both;
	width:0;
	height:0;
	content:'';

}
.brand_tab li {
	float:left;
	width:180px;
	border-bottom:1px solid #333;
}
.brand_tab li a {
	display:block;
	position:relative;

	margin-left:-1px;
	padding:9px 0;
	border:1px solid #c4c4c4;
	border-bottom:0 none;
	font-size:13px;
	line-height:19px;
	color:#747474;
	text-align:center;
	text-decoration:none;
	list-style:none;
	cursor:pointer;

}
.brand_tab li:first-child a, .brand_tab li:first-child p {
	margin-left:0
}
.brand_tab li.active a {
	z-index:10;
	margin-bottom:-1px;
	padding:8px 0 11px;
	border-width:1px;
	border-color:#777;
	background:#fafafa;
  border-bottom:0;
	font-weight:bold;
	font-size:14px;
	color:#222
}
#register_confirm_result1{ font-size:14px; font-weight:bold; text-align:center; color:#C30;}
#register_confirm_result2{ font-size:14px; font-weight:bold; text-align:center; color:#06F;}
/*copyright*/
.copyright{}
.copyright li{ display:inline-block;}

/*event*/
.com_ul{ vertical-align:top;}
.com_ul li{ display:inline-block; font-size:16px; color:#015bb7; margin-right:20px; vertical-align:top; width:166px; margin-bottom:50px;}
.com_ul li a{ color:#015bb7; padding-left:5px;}
.com_ul li a:link{ color:#015bb7; text-decoration:none;}
.com_ul li a:hover{ color:#015bb7; text-decoration:none;}
.com_ul li ul.sitemap_sub{ border-top:1px solid #090; margin-top:10px; padding-top:10px;}
.com_ul li ul.sitemap_sub li{ display:block; font-size:12px; color:#666; padding-left:0px; padding-bottom:10px; margin-bottom:0;}
.com_ul li ul.sitemap_sub li a{ color:#666; text-decoration:none;}
.com_ul li ul.sitemap_sub li a:link{ color:#666; text-decoration:none;}
.com_ul li ul.sitemap_sub li a:hover{ color:#666; text-decoration:none;}
.ev_btn1{ background-color:#fa883d; color:#fff; font-size:14px; line-height:40px; text-align:center; vertical-align:middle; padding:5px 10px; cursor:pointer; margin-right:5px;}





/* button 버튼의 전체적인 스타일을 적용해줍니다.
 ---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3); /*텍스트에 그림자를 적용해 줍니다. x,y좌표,퍼짐정도,색상을 적용해줍니다.*/
	-webkit-border-radius: .0em;
	-moz-border-radius: .0em;
	border-radius: .0em; /*박스의 모서리면을 둥글게 만들어줍니다. 값이 높을수록 더욱 더 둥글게 됩니다.*/
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
/*버튼에 마우스를 올렸을 때 적용되는 스타일입니다.*/
.button:hover {
	text-decoration: none;
}
/*버튼에 마우스를 클릭했을 때 적용되는 스타일입니다.*/
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles
 ---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}












.text-v {color:#217fc4 !important;}
.text-y {color:#fe9a2b !important;}
.text-b {color:#0095bc !important;}
.text-pi {color:#ff6060 !important;}
.text-bl {color:#5173f1 !important;}
.text-g {color:#00aa63 !important;}
.text-or {color:#ff6e2d !important;}
.text-gb {color:#6a5c4c !important; font-size: 16px}
.text-sns {color:#217fc4;}
.letter-sp1 {letter-spacing:0.1em;}
.search-banner{background-color:#FFBE57; padding:10px; tex-align:center;}
.search-banner-icon{background-image:url(/img/new/icon-head.png); background-repeat: no-repeat; background-position: center; background-size:contain;}
.mine-page{background-image:url(/img/new/icon_my.png); background-repeat:no-repeat; background-position:right;}
.mine-page h2{font-size:4em;}
.mine-page h4{line-height: 1.4em;}
.insp-page{background-image:url(/img/new/icon_ins.png); background-repeat:no-repeat; background-position:right;}
.insp-page h2{font-size:4em;}
.insp-page h4{line-height: 1.4em;}
.custom-page{background-image:url(/img/new/icon_cs.png);background-repeat:no-repeat; background-position:right;}
.custom-page h2{font-size:4em;}
.custom-page h4{line-height: 1.4em;}
.faq-page{background-image:url(/img/new/icon_faq1.png);background-repeat:no-repeat; background-position:right;}
.faq-page h2{font-size:4em;}
.faq-page h4{line-height: 1.4em;}
.notice-page{background-image:url(/img/new/icon_notice.png);background-repeat:no-repeat; background-position:right;}
.notice-page h2{font-size:4em;}
.notice-page h4{line-height: 1.4em;}
.log-page{background-image:url(/img/new/icon_login1.png);background-repeat:no-repeat; background-position:right;}
.log-page h2{font-size:4em;}
.log-page h4{line-height: 1.4em;}
.idpw-page{background-image:url(/img/new/icon_idpw.png);background-repeat:no-repeat; background-position:right;}
.idpw-page h2{font-size:4em;}
.idpw-page h4{line-height: 1.4em;}
.register-page{background-image:url(/img/new/icon_register.png);background-repeat:no-repeat; background-position:right;}
.register-page h2{font-size:4em;}
.register-page h4{line-height: 1.4em;}
.modify-page{background-image:url(/img/new/icon_modify.png);background-repeat:no-repeat; background-position:right;}
.modify-page h2{font-size:4em;}
.modify-page h4{line-height: 1.4em;}
.care-page{background-image:url(/img/new/icon_care.png);background-repeat:no-repeat; background-position:right;}
.care-page h2{font-size:4em;}
.care-page h4{line-height: 1.4em;}
.tr-page h2{font-size:4em;}
.tr-page h4{line-height: 1.4em;}
.m-stroke {border:1px #d9d9d9 solid;}
.mic-ban{background-repeat: no-repeat; background-position: top; min-height:120px; background-size: 80px;}
.mic-ban-mobile {background-repeat: no-repeat; background-position: top; min-height:100px; background-size: 45px;}
.mic-box1 {background-image: url(/img/new/mic_1.png);}
.mic-box2 {background-image: url(/img/new/mic_2.png);}
.mic-box3 {background-image: url(/img/new/mic_3.png);}
.mic-box4 {background-image: url(/img/new/mic_4.png);}
.mic-box5 {background-image: url(/img/new/mic_5.png);}
.mic-box6 {background-image: url(/img/new/mic_6.png);}
.mic-box7 {background-image: url(/img/new/mic_7.png);}
.mic-box8 {background-image: url(/img/new/mic_8.png);}
.mic-box9 {background-image: url(/img/new/mic_9.png);}
.mic-box10 {background-image: url(/img/new/mic_10.png);}
.mic-box11 {background-image: url(/img/new/mic_11.png);}
.mic-box12 {background-image: url(/img/new/mic_12.png);}
.mic-text {text-align: center; font-size:15px; padding-top:90px; font-weight:500; }
.mic-text-mobile {text-align: center; font-size:12px; font-weight:500; padding-top:50px;}
.top-ban {background-color:#fbdfa7 !important; background-image: url(/img/new/top_icon.png); background-repeat: no-repeat; background-position: left; background-size: contain;}
.top-text {text-align: right;}
.oder-list li {list-style:square;}
.bg-oder1 {background-color: #5173f1 !important;}
.bg-oder1 p {color: #ffffff !important;}
.bg-oder2 {background-color: #e5f0de !important;}
.bg-oder2 p {color:#000000 !important;}
.cguide-year{font-size:34px;}
.cguide-text{line-height:2em;}
.image-source-link {color: #98C3D1;}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0.001;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;}
.oder-step1{background-image:url(/img/new/step1.png);}
.oder-step2{background-image:url(/img/new/step2.png);}
.oder-step3{background-image:url(/img/new/step3.png);}
.oder-step4{background-image:url(/img/new/step4.png);}
.oder-step5{background-image:url(/img/new/step5.png);}
.oder-text {text-align: center; padding-top:100px; font-weight:500; color: #283a28 !important;}
.oder-text-mobile {text-align: center; font-size:11px; font-weight:500; padding-top:50px; }
.oder-icon{background-repeat: no-repeat; background-position: top; min-height:80px; background-size: 100px;}
.oder-icon-mobile {background-repeat: no-repeat; background-position: top; min-height:110px; background-size: 45px;}
.top-logo{background-image:url(/img/common/logo.png); background-repeat: no-repeat; background-position: left; background-size: contain; min-height:35px;}
.logo-m{background-image:url(/img/common/logo.png); background-repeat: no-repeat; background-position: center; background-size: contain; min-height:26px;}
.isori-logo{background-image:url(/img/common/isori_logo_.png);}
.paradise-logo{background-image:url(/img/common/paradise_logo_.png);}
.comodo{background-image:url(/img/new/comodo-secure.png);}
.tail-logo{background-repeat: no-repeat; background-size: contain; min-height:40px; background-position: bottom;}
.tail-logo-m{background-repeat: no-repeat; background-size: contain; min-height:25px; background-position: center}
.my-main{background-image:url(/img/common/mypage-main.png);}
.cart-main{background-image:url(/img/common/cart-main.png);}
.topicon-m{background-repeat: no-repeat; background-size: contain; min-height:24px; background-position: center;}

.card {
  background-color: transparent;
  border: none; }

.card-box {
  width: 100%; }

.card-img {
  text-align: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0; }

.media {
  max-width: 100%;
  margin: 0 auto; }

.mbr-figure {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center; }

.media-container > div {
  max-width: 100%; }

.mbr-figure img,
.card-img img {
  width: 100%;
}
.media-container-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start; }

.media-container-row .media-size-item
{
  width: 400px;
}

.pc-pic{width:246px; height:246px; max-height:246px;}
.mobile-pic{width:130px; height:130px; max-height:150px;}
.word-keep-all{word-break: keep-all;}
.text-truncate-two{width:100%;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		background:#fff;
    position:absolute;
}


.arrow-right,
.arrow-left,
.long-arrow-right,
.long-arrow-left{
  display: block;
  margin: 12px auto;
  width: 7px;
  height: 7px;
  border-top: 2px solid #777777;
  border-left: 2px solid #777777;
}
.arrow-right,
.long-arrow-right{
 transform: rotate(135deg);
}

.arrow-left,
.long-arrow-left{
 transform: rotate(-45deg);
}
.long-arrow-right::after,
.long-arrow-left::after{
  content: "";
  display: block;
  width: 2px;
  height: 45px;
  background-color: #ddd;
  transform: rotate(-45deg) translate(15px, 4px);
  left: 0;
  top: 0;
}

.triangle-left,
.triangle-right,
.triangle-top,
.triangle-bottom{
  width: 0;
  height: 0;
  margin: 30px auto;
}
.triangle-left,
.triangle-right{
  border-top:
    18px solid transparent;
  border-bottom:
    18px solid transparent;


}
.triangle-top,
.triangle-bottom{
  border-left:
    18px solid transparent;
  border-right:
    18px solid transparent;


}

.triangle-right{
  border-left:
    30px solid black;
}
.triangle-left{
  border-right:
    30px solid black;
}
.triangle-top{
  border-bottom:
    30px solid black;
}
.triangle-bottom{
  border-top:
    30px solid black;
}


.reg-agree{border:1px solid #ddd; padding:20px; height:200px; overflow:auto;}
.reg-agree-div{ line-height: 1.4rem;}
.reg-agree-div h3{font-size:14px; font-weight:600; margin:15px 0;}