@charset "utf-8";
@import url("font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');

/* 아이폰 사진 저장 금지 */

body {
    -webkit-touch-callout: none
}

.mt10 {
    margin-top: 10px!important
}

.mt15 {
    margin-top: 15px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt30 {
    margin-top: 30px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt50 {
    margin-top: 50px!important
}

.mt60 {
    margin-top: 60px!important
}

.mt70 {
    margin-top: 70px!important
}

.mt80 {
    margin-top: 80px!important
}

.mt90 {
    margin-top: 70px!important
}

.mt100 {
    margin-top: 100px!important
}

@media (min-width: 960px){
.mtmax{
        margin-top:300px !important;
        padding-top:200px !important;
}
}

@media (max-width: 959px){
    .mtmax{
        margin-top:200px !important;
    }
}

.mb10 {
    margin-bottom: 10px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.mb40 {
    margin-bottom: 40px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.mb60 {
    margin-bottom: 60px!important
}

.mb70 {
    margin-bottom: 70px!important
}

.mb80 {
    margin-bottom: 80px!important
}

.mb90 {
    margin-bottom: 70px!important
}

.mb100 {
    margin-bottom: 100px!important
}

.ml10 {
    margin-left: 10px!important
}

.ml20 {
    margin-left: 20px!important
}

.ml30 {
    margin-left: 30px!important
}

.ml40 {
    margin-left: 40px!important
}

.ml50 {
    margin-left: 50px!important
}

.ml60 {
    margin-left: 60px!important
}

.ml70 {
    margin-left: 70px!important
}

.ml80 {
    margin-left: 80px!important
}

.ml90 {
    margin-left: 90px!important
}

.ml100 {
    margin-left: 100px!important
}

.mr5 {
    margin-right: 5px!important
}

.mr10 {
    margin-right: 10px!important
}

.mr20 {
    margin-right: 20px!important
}

.mr30 {
    margin-right: 30px!important
}

.mr40 {
    margin-right: 40px!important
}

.mr50 {
    margin-right: 50px!important
}

.mr60 {
    margin-right: 60px!important
}

.mr70 {
    margin-right: 70px!important
}

.mr80 {
    margin-right: 80px!important
}

.mr90 {
    margin-right: 90px!important
}

.mr100 {
    margin-right: 100px!important
}

.pt0 {
    padding-top: 0px!important
}

.pt10 {
    padding-top: 10px!important
}

.pt20 {
    padding-top: 20px!important
}

.pt30 {
    padding-top: 30px!important
}

.pt35 {
    padding-top: 35px!important
}

.pt40 {
    padding-top: 40px!important
}

.pt50 {
    padding-top: 50px!important
}

.pt60 {
    padding-top: 60px!important
}

.pt70 {
    padding-top: 70px!important
}

.pt80 {
    padding-top: 80px!important
}

.pt90 {
    padding-top: 70px!important
}

.pt100 {
    padding-top: 100px!important
}

@media (min-width: 960px){
    .ptmax{
        margin-top:300px !important;
        padding-top:200px !important;
    }
}

@media (max-width: 959px){
    .ptmax{
        padding-top:200px !important;
    }
}

.pb0 {
    padding-bottom: 0px!important
}

.pb10 {
    padding-bottom: 10px!important
}

.pb20 {
    padding-bottom: 20px!important
}

.pb30 {
    padding-bottom: 30px!important
}

.pb35 {
    padding-bottom: 35px!important
}

.pb40 {
    padding-bottom: 40px!important
}

.pb50 {
    padding-bottom: 50px!important
}

.pb60 {
    padding-bottom: 60px!important
}

.pb70 {
    padding-bottom: 70px!important
}

.pb80 {
    padding-bottom: 80px!important
}

.pb90 {
    padding-bottom: 70px!important
}

.pb100 {
    padding-bottom: 100px!important
}

.pl10 {
    padding-left: 10px!important
}

.pl20 {
    padding-left: 20px!important
}

.pl30 {
    padding-left: 30px!important
}

.pl40 {
    padding-left: 40px!important
}

.pl50 {
    padding-left: 50px!important
}

.pl60 {
    padding-left: 60px!important
}

.pl70 {
    padding-left: 70px!important
}

.pl80 {
    padding-left: 80px!important
}

.pl90 {
    padding-left: 90px!important
}

.pl100 {
    padding-left: 100px!important
}

.pr10 {
    padding-right: 10px!important
}

.pr20 {
    padding-right: 20px!important
}

.pr30 {
    padding-right: 30px!important
}

.pr40 {
    padding-right: 40px!important
}

.pr50 {
    padding-right: 50px!important
}

.pr60 {
    padding-right: 60px!important
}

.pr70 {
    padding-right: 70px!important
}

.pr80 {
    padding-right: 80px!important
}

.pr90 {
    padding-right: 90px!important
}

.pr100 {
    padding-right: 100px!important
}

.clearfix>li {
    float: left
}

.clear {
    clear: both;
}

h4,
h5,
h6,
h1,
h2,
h3 {
    margin-top: 0;
    font-family: 'Open Sans', 'Noto Sans KR', sans-serif;
}

ul,
ol {
    margin: 0;
}

p {
    margin: 0;
}

html,
body {
    font-family: 'Open Sans', 'Noto Sans KR', sans-serif;
    background: #fff;
    font-size: 100%;
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.header {
    background: #111;
    padding: 0 0 0.5% 0;
}

.header-left {
    float: left;
    width: 70%;
}

.primary-logo a {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2.5em;
    color: #fff;
    text-decoration: none;
}


/* 카카오톡 연결 URL(2021.06.11) */
#kakaolinkurl {
  z-index: 999;
  display: inline-block;
  position: fixed;
  visibility: hidden;
  bottom: 120px;
  right: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  text-align: center;
  opacity: .2;
}

#kakaolinkurl.visible {
  visibility: visible;
  opacity: .5;
}

#kakaolinkurl:hover {
  opacity: 1;
  text-decoration: none;
}
/* 카카오톡 연결 URL(2021.06.11) */

/* Back to Top */

#backtotop {
    z-index: 999;
    display: inline-block;
    position: fixed;
    visibility: hidden;
    bottom: 75px;
    right: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    opacity: .2;
}

#backtotop i {
    display: block;
    width: 100%;
    height: 100%;
    line-height: inherit;
}

#backtotop.visible {
    visibility: visible;
    opacity: .5;
}

#backtotop:hover {
    opacity: 1;
    text-decoration: none;
}

#backtotop {
    color: #FFFFFF;
    background-color: #9D8D65;
}

.nav select {
    background: #000;
    border: 1px solid #444;
    color: #fff;
    font-size: 0.9em;
    padding-left: 4px;
    min-width: 160px;
    height: 26px;
    -webkit-appearance: none;
    /* ȭ��ǥ ���ֱ� for chrome*/
    -moz-appearance: none;
    /* ȭ��ǥ ���ֱ� for firefox*/
    appearance: none;
    /* ȭ��ǥ ���ֱ� ����*/
    cursor: pointer;
    background: url(../images/select_arrow.png) no-repeat 95% 50%;
    /* ȭ��ǥ �̹��� */
}

.nav .button {
    height: 26px;
    font-size: 0.9em;
    color: #fff;
    padding-bottom: 1px;
    background: #333;
    line-height: 0.8em;
    cursor: pointer;
    display: inline-block;
    outline: none;
    border: 1px;
}

.nav .button:before {
    outline: none;
    text-decoration: none;
}


/* ȭ��ǥ ���ֱ� for IE10, 11*/

.nav select::-ms-expand {
    display: none;
}


/* check, hover ��Ÿ�� ���� IE, Chrome */

.nav select option {
    background: #444;
    color: #fff;
}

.nav select option:checked {
    background: #000;
    color: #fff;
}

.nav select option:hover {
    background: #333;
    color: #fff;
}


/* check, hover ��Ÿ�� ���� FireFox */

.nav select option {
    box-shadow: 0 0 10px 100px #444 inset;
    color: #fff;
}

.nav select option:checked {
    box-shadow: 0 0 10px 100px #000 inset;
    color: #fff;
}

.nav select option:hover {
    box-shadow: 0 0 10px 100px #333 inset;
    color: #fff;
}

div#gnb_select_box {
    position: relative;
    width: 130px;
    height: 26px;
    background: url(../images/select_arrow.png) 110px center no-repeat;
    /* ȭ��ǥ �̹��� */
    border: 1px solid #444;
    padding: 0;
}

div#gnb_select_box label {
    position: absolute;
    font-size: 14px;
    color: #fff;
    left: 12px;
    letter-spacing: 1px;
}

div#gnb_select_box select.color {
    width: 100%;
    height: 26px;
    min-height: 26px;
    line-height: 26px;
    padding: 0 10px;
    opacity: 0;
    background-color: #333;
    color: #fff;
    filter: alpha(opacity=0);
    /* IE 8 */
}

.menu {
    margin: 17px 0 0;
}

.menu li {
    display: inline-block;
}

.menu li:first-child {
    margin-left: 0;
}

.menu li a:not([href^="tel:"],
.mobile-link) {
    display: block;
    font-size: 0.9em;
    padding: 5px 20px;
    color: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: 600;
}

.menu li a:hover:not([href^="tel:"],
.mobile-link),
.menu li.active a {
    color: #9D8D65;
    background: #000;
}

#nav .current a {
    color: #9D8D65;
}

.toggleMenu {
    display: none;
    padding: 0 0 0 10px;
}

.nav:before,
.nav:after {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav ul {
    list-style: none;
}


/*--- slider-css --*/

.slider {
    position: relative;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.slide_content {
    position: absolute;
    top: 18%;
    left: 20%;
    text-align: center;
}

.slide_content h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 1.8em;
    text-transform: uppercase;
}

.slide_content p {
    color: #FFF;
    line-height: 1.5em;
    font-size: 0.875em;
    text-align: left;
    margin: 1em 0 1.5em 0;
}

.button a {
    color: #fff;
    font-size: 0.85em;
    font-weight: 800;
    text-decoration: none;
    margin-left: 38%;
    border: 1px solid #000;
    cursor: pointer;
    padding: 15px 30px;
    display: inline-block;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    height: 12px;
    width: 12px;
    display: inline-block;
    border: 2px solid #747474;
}

.callbacks_here a:after {
    border: 2px solid #FFF;
}

.callbacks_tabs a {
    visibility: hidden;
}

.callbacks_tabs li {
    display: inline-block;
}

ul.callbacks_tabs.callbacks1_tabs {
    position: absolute;
    bottom: 14px;
    z-index: 999;
    left: 13px;
}

.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 56%;
    left: 0;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 60px;
    width: 48px;
    background: transparent url("../images/img-sprite.png") no-repeat -163px -400px;
}

.callbacks_nav.next {
    left: auto;
    background: transparent url("../images/img-sprite.png") no-repeat -211px -400px;
    right: 20px;
}

.slide_content_wrap {
    width: 600px;
    margin: 12% auto;
}

.slide_content_wrap .title1 {
    /* Slider Title Style */
    color: #000;
    font-size: 1.8em;
    padding-top: 5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    border: none;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 1%;
}

.slide_content_wrap .title2 {
    /* Slider Title Style */
    color: #000;
    font-size: 1.3em;
    padding-top: 5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    border: none;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 8%;
}

.csArea {
    padding: 3% 0;
    border-top: 2px solid #3F3F3F;
}

.csArea p {
    padding: 20px 0;
    font-size: 1em;
}

@media screen and (max-width:800px) {
    .active {
        display: block;
    }
    .menu li {
        text-align: left;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
    }
    .sec-title {
        margin-top: 12%;
    }
    .primary-logo {
        padding: 0;
        text-align: center;
        position: absolute;
        width: 100%;
        top: 23px;
    }
    .header-bottom .col-sm-9 {
        display: inline-block;
        width: 100%;
        top: 40%;
    }
    .callbacks_nav {
        top: 32%;
    }
    h1.title {
        font-size: 3em;
    }
    div#gnb_select_box {
        position: relative;
        width: 280px;
        height: 26px;
        background: url(../images/select_arrow.png) 250px center no-repeat;
        /* ȭ��ǥ �̹��� */
        border: 1px solid #444;
        padding: 0;
        margin-left: 20px;
    }
    div#gnb_select_box label {
        position: absolute;
        font-size: 14px;
        color: #fff;
        left: 12px;
        letter-spacing: 1px;
    }
    div#gnb_select_box select.color {
        width: 100%;
        height: 26px;
        min-height: 26px;
        line-height: 26px;
        padding: 0 10px;
        opacity: 0;
        background-color: #333;
        color: #fff;
        filter: alpha(opacity=0);
        /* IE 8 */
    }
    .nav .button {
        margin-top: 15px;
        height: 40px;
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background: #111;
        line-height: 40px;
        cursor: pointer;
        display: block;
        outline: none;
    }
    .nav .button:before {
        outline: none;
        text-decoration: none;
    }
}

.menu li a span.messages {
    text-align: center;
    top: 15px;
}

.fr {
    float: right;
}

.navbar {
    float: right;
    min-height: auto;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.navbar li {
    display: inline-block;
	width:40px;

}

.navbar li a {
    display: block;
    font-size: 12px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: 300;
    text-align: center;
}

#search {
    width: 260px;
    margin-top: 14px;
    float: right;
    background: #333;
}

#search_text {
    width: 220px;
    padding: 10px 0 10px 15px;
    color: #fff;
    font-family: 'roboto';
    font-size: 12px;
    font-weight: 400;
    border: 0;
    background: #333;
    float: left;
    transition: all 0.15s;
}


}
::-webkit-input-placeholder {
    /* WebKit browsers */
    
    color: white;
}
:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    
    color: white;
}
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    
    color: white;
}
:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    
    color: white;
}
#search_button {
    border: 0;
    background: #333 url('../images/img-sprite.png') no-repeat -6px -5px;
    width: 35px;
    float: left;
    padding: 0;
    text-align: center;
    height: 35px;
    cursor: pointer;
}
.thema {
    margin-top: 3%;
    padding: 0;
}
.thema img {
    max-width: 100%;
}

/* viewBoardStyle */
.viewBoardStyle {
    width: 100%;
    color: #999;
    text-align: left;
}
.viewBoardStyle thead {
    border-bottom: 3px solid #000;
}
.viewBoardStyle tbody td.all {
    background-color: #ffffff;
    text-align: center;
    padding: 9px 0 6px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.9em;
    color: #333;
}
.viewBoardStyle tbody td.no {
    background-color: #ffffff;
    text-align: center;
    padding: 9px 0 6px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.9em;
    color: #333;
}
.viewBoardStyle tbody td.icons {
    text-align: center;
    padding: 7px 0 6px;
    border-bottom: 1px solid #e5e5e5;
}
.viewBoardStyle tbody td.title {
    background-color: #ffffff;
    text-align: left;
    padding: 9px 0 6px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.9em;
    color: #333;
}
.viewBoardStyle tbody td.title a:link {
    color: #333;
    text-decoration: none;
    padding: 0px 10px;
}
.viewBoardStyle tbody td.title a:visited {
    color: #333;
    text-decoration: none;
    padding: 0px 10px;
}
.viewBoardStyle tbody td.title a:hover {
    color: #333;
    text-decoration: none;
}
.viewBoardStyle tbody dd {
    color: #333;
    padding: 20px;
    font-size: 0.9em;
}
.hideLayout {
    display: none;
}

/* searchStyle */
.search_result {
    padding: 3% 7% 3%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background: #fafafa;
    text-align: center;
    margin-top: 5%;
}
.search_result .result {
    font-size: 1.4em;
    font-weight: 400;
}
.search_result .result strong {
    color: #9D8D65;
    font-family: "ProximaNova-Regular";
    font-size: 1em;
}
.search_result .sch_wrap {
    display: inline-block;
    margin-top: 33px;
    text-align: left;
    width: 70%;
}
.search_result .sch_wrap .sch_input {
    float: left;
    position: relative;
    width: 60%;
    height: 40px;
}
.search_result .sch_wrap .sch_input:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #666;
    content: '';
}
.search_result .sch_wrap .sch_input input[type=text] {
    width: 100%;
    height: 37px;
    padding: 2px 60px 0 5px;
    border-bottom: 1px solid #666;
    font-size: 18px;
    line-height: 35px;
    background: none;
    border: none;
}
.search_result .sch_wrap .sch_input .button {
    position: absolute;
    top: 1px;
    right: 0;
    height: 35px;
    font-size: 1.3em;
    color: #fff;
    background: #9D8D65;
    cursor: pointer;
    display: inline-block;
    outline: none;
    border: none;
}
.search_result .sch_wrap .sch_input .button:before {
    outline: none;
    text-decoration: none;
}
.search_result .sch_wrap .input_button {
    float: left;
    margin: 10px 0 0 30px;
    font-size: 0.9em;
}
.search_result .sch_wrap:after {
    display: block;
    clear: both;
    content: '';
}

/* joinStyle */
.joinListTable {
    font-size: 0.9em;
    border-top: 2px solid #1E1E1E;
    padding: 0;
    margin: 0;
}
table.joinListTable th {
    font-size: 0.9em;
    color: #444;
    font-weight: 400;
    border-bottom: 1px solid #EDEEEF;
    line-height: 18px;
    text-align: left;
    background: #F7F7F7;
    padding-left: 10px;
    height: 36px;
}
table.joinListTable td {
    font-size: 0.9em;
    color: #444;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 10px;
    line-height: 16px;
}
.join_h3 {
    float: left;
    width: 100%;
    font-size: 1.2em;
    line-height: 120%;
    padding-bottom: 4px;
    font-weight: 500;
    padding-top: 20px;
}
.font119 {
    font-size: 0.9em;
    color: #999;
    line-height: 16px;
}
.checkL .sLabel {
    display: inline-block;
}
.checkL label:after {
    display: block;
    clear: both;
    content: '';
}

/* start icon styles */
.icon1:before,
.icon1:after {
    content: "";
    display: table;
}
.icon1:after {
    clear: both;
}
ul.icon1 {
    float: left;
    zoom: 1;
    list-style: none;
    padding: 0;
    margin-left: 25%;
}
.icon1 li {
    float: left;
    position: relative;
}
.icon1 li:last-child {
    border-right: none;
}
.icon1 li:hover>a {
    color: #fafafa;
}
*html .icon1 li a:hover {
    /* IE6 only */
    
    color: #fafafa;
}
.icon1 ul {
    width: 300px;
    margin: 20px 0 0 0;
    _margin: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 67px;
    z-index: 1;
    right: -140px;
    background: #ffffff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0 0 10px #AAA;
    -webkit-box-shadow: 0 0 10px #AAA;
    -moz-box-shadow: 0 0 10px #AAA;
    -o-box-shadow: 0 0 10px #AAA;
}
.icon1 li:hover>ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
    z-index: 9999;
}
.icon1 ul ul {
    top: 6px;
    left: 158px;
    margin: 0 0 0 20px;
}
.icon1 ul li {
    /*--float: none;--*/
    
    display: block;
    border: 0;
}
.icon1 ul li:first-child {
    border-top: none;
}
.icon1 ul li:first-child a {
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
}
.icon1 ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.icon1 ul a {
    _height: 10px;
    /*IE6 only*/
    
    white-space: nowrap;
    float: none;
    text-transform: none;
}
.active-icon {
    display: block;
}
.icon1 ul li:first-child>a:after {
    content: '';
    position: absolute;
    left: 45%;
    top: -30px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f0f0;
}
.icon1 ul ul li:first-child a:after {
    left: -100px;
    top: 0%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    border-right: 20px solid #323757;
}

/* Mobile */
.icon1-trigger {
    display: none;
}
.sub-icon1 img {
    border: none;
    display: inline-block;
    vertical-align: middle;
}
li.list_img {
    float: left;
    width: 26%;
}
.login_buttons {
    margin-top: 23%;
}
li.list_desc {
    float: left;
    width: 50%;
}
li.list_desc h4 a {
    color: #000;
    font-size: 0.85em;
    text-decoration: none;
    font-weight: 600;
}
li.list_desc h4 a:hover {
    color: red;
}
.c1 {
    background: url(../images/img-sprite.png) no-repeat -66px -8px;
    width: 22px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.icon1 .profile_img {
    margin-top: 3px;
}
.sub-icon1 ul li h3 {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-bottom: 4%;
}
.sub-icon1 ul li p {
    text-align: center;
    font-size: 0.8125em;
    color: #555;
    line-height: 1.5em;
    margin: 2% 0;
}
.sub-icon1.list {
    padding: 20px;
}
.sub-icon1 ul li p a {
    color: #00405d;
}
.sub-icon1 ul li p a:hover {
    color: #555555;
    text-decoration: underline;
}
.product_control_buttons {
    float: right;
}
.product_control_buttons a:hover {
    opacity: 0.5;
}
.button {
    text-align: left;
}
.button a {
    color: #4A4A4A;
    font-size: 0.8em;
    font-family: 'Open Sans', 'Noto Sans KR', serif;
    font-weight: 400;
    text-decoration: none;
    margin-top: 5%;
    border: 1px solid #4A4A4A;
    cursor: pointer;
    padding: 15px 30px;
    display: inline-block;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.button a:hover {
    background: #9D8D65;
    color: #fff;
    border: 1px solid #9D8D65;
}
.login_button {
    float: right;
}
.login_button a {
    color: #fff;
    font-size: 0.85em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    padding: 8px 15px;
    display: inline-block;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #000;
    margin: 10px 0 0;
}
.login_button a:hover {
    background: #555;
}
.check_button {
    float: left;
}
.check_button a {
    color: #fff;
    font-size: 0.85em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    padding: 8px 15px;
    display: inline-block;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #000;
    margin: 10px 0 0;
}
.check_button a:hover {
    background: #555;
}

/*--main--*/
.content-top {
    padding-top: 4%;
}
.content-bottom2 {
    padding-bottom: 6%
}
.content-top h2 {
    color: #000;
    font-size: 3em;
    font-weight: 800;
    text-align: center;
    margin-bottom: 1.5%;
}
.content-top p {
    color: #000;
    font-size: 0.95em;
    text-align: center;
    font-weight: 600;
    margin-bottom: 1%;
}
.content-top h3 {
    color: #000;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    margin: 2% 0 0 0;
}
#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
    display: none;
}
.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}
.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}
.nbs-flexisel-inner {
    overflow: hidden;
    margin: 0 auto;
}
.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
}
.nbs-flexisel-item>img {
    width: 100%;
    cursor: pointer;
    positon: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 210px;
    max-height: 417px;
}

/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 140px;
    height: 245px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
}
.nbs-flexisel-nav-left {
    left: 205px;
    background: url(../images/img-sprite.png) no-repeat -110px 1px;
}
.nbs-flexisel-nav-right {
    right: 205px;
    background: url(../images/img-sprite.png) no-repeat -254px 1px;
}
.content-bottom {
    width: 100%;
    background: url(../images/bg_image.jpg)no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-size: 100% 100%;
    height: 100%;
    padding: 15% 0;
}
.content_bottom-text h3 {
    color: #FFF;
    font-size: 3em;
    font-weight: 800;
    line-height: 1.2em;
    margin: 2% 0 10%;
}
p.m_1 {
    color: #FFF;
    font-size: 0.85em;
    line-height: 2.2em;
    margin-bottom: 6%;
}
p.m_2 {
    color: #FFF;
    font-size: 0.85em;
    line-height: 2.2em;
}
.features {
    padding: 6% 0;
}
h3.m_3 {
    color: #000;
    font-size: 3em;
    font-weight: 800;
    text-align: center;
    margin-bottom: 2%;
}
.close_but {
    text-align: center;
    margin-bottom: 6%;
}
i.close1 {
    width: 46px;
    height: 42px;
    background: url(../images/img-sprite.png)-196px -269px;
    display: inline-block;
}
.view {
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.view .mask,
.view .content {
    width: 263px;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view img {
    display: block;
    position: relative;
}
.view h2 {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
}
.view p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}
.view a.info: hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}

/* NINTH EXAMPLE*/
.view-ninth .mask-1,
.view-ninth .mask-2 {
    background-color: rgba(0, 0, 0, 0.5);
    height: 361px;
    width: 361px;
    background: rgba(119, 0, 36, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0.6s;
    -moz-transition: all 0.3s ease-in-out 0.6s;
    -o-transition: all 0.3s ease-in-out 0.6s;
    transition: all 0.3s ease-in-out 0.6s;
}
.view-ninth .mask-1 {
    left: auto;
    right: 0;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.view-ninth .mask-2 {
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
.view-ninth .content {
    background: rgba(0, 0, 0, 0.9);
    height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    width: 263px;
    overflow: hidden;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
}
.view-ninth h2 {
    background: transparent;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.view-ninth a.info {
    display: none;
}
.view-ninth:hover .content {
    height: 120px;
    width: 263px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    top: 22px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}
.view-ninth:hover .mask-1,
.view-ninth:hover .mask-2 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.view-ninth:hover .mask-1 {
    -webkit-transform: rotate(56.5deg) translateX(1px);
    -moz-transform: rotate(56.5deg) translateX(1px);
    -o-transform: rotate(56.5deg) translateX(1px);
    -ms-transform: rotate(56.5deg) translateX(1px);
    transform: rotate(56.5deg) translateX(1px);
}
.view-ninth:hover .mask-2 {
    -webkit-transform: rotate(56.5deg) translateX(-1px);
    -moz-transform: rotate(56.5deg) translateX(-1px);
    -o-transform: rotate(56.5deg) translateX(-1px);
    -ms-transform: rotate(56.5deg) translateX(-1px);
    transform: rotate(56.5deg) translateX(-1px);
}
h4.m_4 {
    margin-top: 10%;
}
h4.m_4 a {
    color: #000;
    font-size: 1em;
    text-decoration: none;
    font-weight: 600;
}
h4.m_4 a:hover {
    color: #444;
}
p.m_5 {
    color: #222;
    font-size: 0.85em;
}

/*--footer--*/
.footer {
    background: #333;
    padding: 40px 0 30px;
}
ul.footer_box {
    list-style: none;
    padding: 0;
    color: #bdbdbd;
}
ul.footer_box li {
    font-size: 18px;
    line-height: 1.5
}
ul.footer_box h4 {
    position: relative;
    padding-bottom: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 4%;
}
ul.footer_box h4:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25px;
    height: 1px;
    background: #fff;
}
ul.footer_box li a {
    color: #B8B6B6;
    font-size: 0.9em;
    text-decoration: none;
    line-height: 2em;
}
ul.footer_box li a:hover {
    color: #fff;
}
.top_lc {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    padding-bottom: 2px;
}
.top_lc ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.top_lc ul li {
    font-size: 0.8em;
    position: relative;
    float: left;
}
.top_lc ul li a {
    color: #333;
}
.top_lc li:before {
    position: absolute;
}
.top_lc li:first-child {
    padding-left: 0;
}
.top_lc li:first-child:after {
    display: none;
}
.top_lc li:first-child:before {
    display: none;
}
.top_lc_arrow {
    background: url("../images/detail/icon06.png") 6px center no-repeat;
    padding-left: 20px
}
.top_lc:after {
    display: block;
    clear: both;
    content: '';
}
.list_menu {
    text-align: center;
    margin: 10% 0 4% 0;
    padding: 0;
    width: 100%;
}
.list_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list_menu ul li {
    font-size: 1em;
    position: relative;
    display: inline-block;
    padding: 0 1%;
}
.list_menu ul li a {
    color: #333;
}
.list_menu li:before {
    position: absolute;
}
.list_menu li:first-child {
    padding-left: 0;
}
.list_menu li:first-child:after {
    display: none;
}
.list_menu li:first-child:before {
    display: none;
}
.list_menu_line {
    color: #D8D8D8;
    font-size: 0.9em;
}
.list_menu:after {
    display: block;
    clear: both;
    content: '';
}
.noData {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    margin: 3% 0;
    padding: 2% 0;
}
.searchResult {
    display: inline;
    position: relative;
    font-size: 0.8em;
    width: 100%;
}
.list_menu_sort {
    display: inline;
    float: right;
    position: relative;
    padding: 2%;
}
.searchResult .record {
    display: inline;
    float: left;
    position: relative;
    padding: 2% 0;
}
.searchResult:after {
    display: block;
    clear: both;
    content: '';
}
ul.social {
    list-style: none;
    padding: 0;
}
ul.social li:first-child,
ol li:first-child {
    margin-top: 0px;
    margin-left: 0;
}
ul.social li {
    display: inline-block;
    margin-right: 8px;
}
ul.social li a span:hover {
    opacity: 0.5;
}
li.facebook a span {
    height: 25px;
    width: 25px;
    display: block;
    background: url(../images/img-sprite.png)no-repeat -256px -276px;
}
li.kas a span {
    height: 25px;
    width: 25px;
    display: block;
    background: url(../images/img-sprite.png)no-repeat -298px -276px;
}
li.kat a span {
    height: 25px;
    width: 25px;
    display: block;
    background: url(../images/img-sprite.png)no-repeat -340px -276px;
}
li.url a span {
    height: 25px;
    width: 25px;
    display: block;
    background: url(../images/img-sprite.png)no-repeat -391px -276px;
}
li.youtube a span {
    height: 25px;
    width: 47px;
    display: block;
    background: url(../images/img-sprite.png)no-repeat -437px -276px;
}
.copy {
    float: left;
}
.copy p {
    font-size: 11px;
    font-weight: 600;
    color: #8b8b8b;
}
.copy p a {
    color: #fff;
}
.footer_bottom {
    padding: 0;
    margin-top: 2%;
}

/*--shop--*/
.shop_top {
    padding: 2% 0 5% 0;
}
.new-box {
    right: 10px;
}
.new-box,
.sale-box {
    position: absolute;
    top: 16px;
    overflow: hidden;
    height: 38px;
    min-width: 70px;
    text-align: left;
    z-index: 0;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.new-label {
    font-size: 0.85em;
    color: #FFF;
    background: #9D8D65;
    padding: 9px;
    text-align: center;
    display: block;
    min-width: 70px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.sale-box {
    left: 10px;
}
.sale-label {
    font-size: 0.85em;
    color: #FFF;
    background: #E92546;
    padding: 9px;
    text-align: center;
    display: block;
    min-width: 70px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.shop_box {
    position: relative;
}
.shop_desc {
    border: 1px solid #E0E0E0;
    padding: 5%;
}
.shop_desc_n {
    padding: 5% 0;
}
.shop_desc h3 {
    margin-bottom: 5px;
}
.shop_desc h3 a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
.shop_desc h3 a:hover {
    color: #666;
}
.shop_desc p {
    color: #555;
    font-size: 0.9em;
    line-height: 1.8em;
    font-weight: 500;
}
.shop_desc_n h3 {
    margin-bottom: 5px;
}
.shop_desc_n h3 a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
.shop_desc_n h3 a:hover {
    color: #666;
}
.shop_desc p {
    color: #555;
    font-size: 0.9em;
    line-height: 1.8em;
    font-weight: 500;
}
span.reducedfrom {
    text-decoration: line-through;
    margin-right: 8%;
    color: #888;
}
span.actual {
    font-size: 1.3em;
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.wish_info {
    border: 1px solid #E5E5E5;
    border-left: none;
    border-right: none;
    margin-bottom: 50px
}
.wish_info .wish_menu {
    background: #F7F7F7;
    color: #444;
    font-size: 1em;
    font-weight: normal;
    border-top: 2px solid #000;
    border-bottom: 1px solid #E5E5E5;
}
.wish_info .table.table-condensed thead tr {
    height: 51px;
}
.wish_info .table.table-condensed tr {
    border-bottom: 1px solid #E5E5E5;
}
.wish_info .table.table-condensed tr:last-child {
    border-bottom: 0
}
.wish_info table tr td {
    border-top: 0 none;
    vertical-align: inherit;
}
.wish_info .image {}
.wish_info .wish_description p {
    font-size: 1em;
    display: block;
}
.wish_info .wish_price p {
    font-size: 1em;
}
.wish_info .wish_total_price {
    color: #A0916B;
    font-size: 1em;
}
.wish_info .check {
    padding: 0 15px;
}
.wish_product {
    display: block;
    margin: 15px 0;
}
.wish_product img {
    width: 80px;
}
.wish_quantity_button a {
    background: #F0F0E9;
    color: #696763;
    display: inline-block;
    font-size: 16px;
    height: 26px;
    overflow: hidden;
    text-align: center;
    width: 35px;
    float: left;
    border: none;
}
.wish_quantity_button a:hover {
    text-decoration: none;
}
.wish_quantity_input {
    color: #696763;
    float: left;
    font-size: 16px;
    text-align: center;
    height: 26px;
}
.wish_delete {
    display: block;
    margin-right: -12px;
    overflow: hidden;
}
.wish_delete a {
    background: #F0F0E9;
    color: #FFFFFF;
    padding: 5px 7px;
    font-size: 16px
}
.wish_delete a:hover {
    background: #A0916B;
}
p.ginfo {
    font-size: 0.8em;
    color: #999;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 16px;
}
.sPrice {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.7em;
}
ul.buttons {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}
.cart {
    float: left;
}
.shop_btn {
    float: right;
}
.shop_btn a,
.cart a {
    color: #000;
    font-size: 0.8125em;
    font-weight: 600;
    text-decoration: none;
}
.shop_btn a:hover {
    color: #E92546;
}
.cart a:hover {
    color: #9D8D65;
}
.shop_box-top {
    margin-bottom: 5%;
}
h3.m_2 {
    color: #555;
    margin-bottom: 20px;
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: normal;
    padding: 0 1%;
}
h4.m_5 {
    margin-top: 7%;
}
h4.m_5 a {
    color: #555;
    font-size: 0.95em;
    text-decoration: none;
}
h4.m_5 a:hover {
    color: #000;
}
p.m_6 {
    font-size: 0.85em;
    color: #555;
    line-height: 1.5em;
}
.team_box {
    margin-bottom: 5%;
}
ul.team_list {
    padding: 0;
    list-style: none;
}
ul.team_list h4 {
    color: #555;
    margin-bottom: 20px;
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0px;
}
ul.team_list li {
    list-style-image: url(../images/marker.png);
    margin: 0 0px 20px 15px;
}
ul.team_list li a {
    font-size: 0.85em;
    color: #222;
    text-decoration: none;
}
ul.team_list li a:hover {
    color: #444;
}
ul.team_list li p {
    color: #888;
    font-size: 0.85em;
    line-height: 1.5em;
}
p.m_7 {
    color: #888;
    font-size: 0.85em;
    line-height: 1.5em;
    margin-bottom: 2%;
}
.img_section {
    position: relative;
}
.img_section_txt {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(5, 5, 5, 0.43);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 10px 14px 21px;
    color: #FFF;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.magnifier2:hover .img_section_txt {
    background: rgba(255, 0, 0, 0.36);
}
.ex_box {
    margin-bottom: 5%;
}
p.m_8 {
    color: #333;
    font-size: 0.85em;
    line-height: 1.8em;
    margin-bottom: 5%;
}
p.csT {
    color: #A0916B;
    font-size: 2em;
    line-height: 1.8em;
    margin-bottom: 5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 400;
    font-style: italic;
}
p.csC {
    font-size: 1em;
    margin: 3% 0;
    font-weight: 400;
}
.address p {
    font-size: 0.85em;
    line-height: 2em;
}
.address p span:hover {
    text-decoration: none;
}
.address p span {
    text-decoration: underline;
    color: #555;
    cursor: pointer;
}
.contact {
    margin-top: 5%;
}
.to {
    float: left;
    width: 50%;
}
.to input[type="text"] {
    padding: 10px;
    width: 95%;
    font-size: 0.85em;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0;
    border: none;
    color: #888;
    background: #F8F8F8;
    float: left;
    outline: none;
    border: 1px solid #DFE0E2;
}
.to input[type="text"]:hover,
.text input[type="text"],
.text textarea:hover {
    border-color: #E25050;
}
.text {
    width: 50%;
    float: left;
}
.text input[type="text"],
.text textarea {
    width: 100%;
    font-size: 0.85em;
    margin: 10px 0;
    border: none;
    color: #888;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    background: #F8F8F8;
    height: 100px;
    padding: 10px;
    resize: none;
    border: 1px solid #DFE0E2;
}
.form-submit {
    float: right;
}
.form-submit input[type="submit"] {
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.95em;
    font-weight: normal;
    padding: 15px 40px;
    background: #E25050;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-weight: 100;
    border: none;
    cursor: pointer;
    outline: none;
}
.form-submit input[type="submit"]:hover {
    background: #333;
}

/*--single--*/
.single_image {
    width: 45%;
    float: left;
    margin-right: 2.6%;
}
.single_right {
    width: 50%;
    float: left;
}
.single_right h3 {
    color: #222;
    font-size: 1.1em;
    margin: 0;
    font-weight: 700;
}
.btn1-default1 {
    outline: none;
    border: 1px solid #ECECEC;
    background: #FFF;
    padding: 5px 10px;
    font-size: 0.85em;
}
.btn1-facebook:hover {
    color: #FFF;
    background-color: #000;
}
i.icon-facebook {
    height: 22px;
    width: 20px;
    background: url(../images/img-sprite.png)no-repeat -260px -318px;
    float: left;
}
.btn1-facebook:hover i {
    background: url(../images/img-sprite.png)no-repeat -260px -341px;
}
i.icon-facebook2 {
    height: 22px;
    width: 20px;
    background: url(../images/img-sprite.png)no-repeat -260px -341px;
    float: left;
    margin-right: 2px;
}
.btn2-facebook:hover i {
    opacity: 0.5;
}
i.icon-kas {
    height: 22px;
    width: 16px;
    background: url(../images/img-sprite.png)no-repeat -292px -317px;
    float: left;
    margin-left: 2px;
}
.btn1-kas:hover i {
    background: url(../images/img-sprite.png)no-repeat -292px -341px;
}
.btn1-kas:hover {
    color: #FFF;
    background-color: #000;
}
i.icon-kas2 {
    height: 22px;
    width: 20px;
    background: url(../images/img-sprite.png)no-repeat -292px -341px;
    float: left;
}
.btn2-kas:hover i {
    opacity: 0.5;
}
i.icon-kat {
    height: 22px;
    width: 24px;
    background: url(../images/img-sprite.png)no-repeat -318px -318px;
    float: left;
}
.btn1-kat:hover i {
    background: url(../images/img-sprite.png)no-repeat -318px -342px;
}
.btn1-kat:hover {
    color: #FFF;
    background-color: #000;
}
i.icon-kat2 {
    height: 22px;
    width: 24px;
    background: url(../images/img-sprite.png)no-repeat -318px -342px;
    float: left;
    margin-right: 2px;
}
.btn2-kat:hover i {
    opacity: 0.5;
}
i.icon-url {
    height: 22px;
    width: 26px;
    background: url(../images/img-sprite.png)no-repeat -353px -318px;
    float: left;
}
.btn1-url:hover i {
    background: url(../images/img-sprite.png)no-repeat -353px -342px;
}
i.icon-url2 {
    height: 22px;
    width: 32px;
    background: url(../images/img-sprite.png)no-repeat -353px -342px;
    float: left;
    margin-right: 2px;
}
.btn2-url:hover i {
    opacity: 0.5;
}
.btn1-url:hover {
    color: #FFF;
    background-color: #000;
}
.social_buttons h4 {
    color: #08080B;
    font-weight: 700;
    font-size: 0.8125em;
    padding-bottom: 0.5em;
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.social_buttons_main {
    display: block;
    text-transform: uppercase;
    margin: 10px 0;
    text-align: left;
    border-top: 1px solid #fff;
    padding: 0;
    padding-top: 10px;
}
p.m_10 {
    color: #333;
    font-size: 0.9em;
    line-height: 1.8em;
    margin-bottom: 5%;
}
.btn_form {
    margin-bottom: 5%;
}
.btn_form form input[type="submit"] {
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    border: none;
    outline: none;
    display: inline-block;
    font-size: 0.85em;
    padding: 10px 30px;
    background: #333;
    color: #FFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn_form form input[type="submit"]:hover {
    background: #9D8D65;
}
ul.add-to-links {
    margin-bottom: 3%;
    list-style: none;
    padding: 0;
}
ul.add-to-links img {
    vertical-align: middle;
}
ul.add-to-links a {
    color: #000;
    font-size: 0.85em;
}
ul.product-colors {
    list-style: none;
    padding: 0;
    margin-bottom: 5%;
}
.product-colors h3,
.prosuct-qty span {
    color: #08080B;
    font-weight: 700;
    font-size: 0.8125em;
    padding-bottom: 0.5em;
    display: block;
    margin-bottom: 5px;
}
.product-colors li {
    display: inline-block;
}
.product-colors li a span {
    width: 32px;
    height: 32px;
    display: inline-block;
}
.color1 span {
    background: #45BF55;
}
.color2 span {
    background: #0AA5E2;
}
.color3 span {
    background: #EE82EE;
}
.color4 span {
    background: orange;
}
.color4 span {
    background: gray;
}
.color5 span {
    background: yellow;
}
.color6 span {
    background: red;
}
.box-info-product {
    background: #FFF;
    border: 1px solid #D2D0D0;
    border-top: 1px solid #B0AFAF;
    border-bottom: 1px solid #B0AFAF;
    padding: 7%;
}
p.price2 {
    color: #333;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 5%;
}
.prosuct-qty {
    margin-bottom: 1em;
    padding: 0;
}
.prosuct-qty select {
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #EEE;
    padding: 2px;
    width: 150px;
    font-size: 1em;
    outline: none;
}
.prosuct-qty option {
    border: 1px solid #EEE;
    font-family: 'Open Sans', sans-serif;
}
.box-info-product .exclusive {
    border: none;
    outline: none;
    position: relative;
    display: block;
    background: #E25050;
}
.box-info-product .exclusive span {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    padding: 12px 36px 14px 60px;
    color: #FFF;
    display: block !important;
}
.box-info-product .exclusive:after {
    border-left: 1px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 51px;
    content: "";
    width: 1px;
    z-index: 2;
}
.box-info-product .exclusive:before {
    background: url(../images/img-sprite.png)no-repeat -401px -308px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    color: #FFF;
    font-size: 25px;
    line-height: 47px;
    content: "";
    z-index: 2;
    width: 51px;
    text-align: center;
}
.box-info-product .exclusive:hover {
    background: #303030;
    background-position: 0 0;
}
.desc {
    margin-bottom: 5%;
    margin-top: 5%;
    text-align: center;
}
.desc h4 {
    color: #333;
    font-size: 1.5em;
    margin-bottom: 1%;
    text-transform: uppercase;
}
.desc p {
    color: #555;
    font-size: 0.85em;
    line-height: 1.8em;
}
h4.m_11 {
    color: #333;
    font-size: 1.8em;
    margin-top: 6%;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-bottom: 3%;
}
h2.m_11 {
    color: #333;
    font-size: 2.5em;
    margin-top: 2%;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-bottom: 3%;
}
h4.m_12 {
    color: #08080B;
    font-weight: 700;
    font-size: 0.8125em;
    padding-bottom: 0.5em;
    display: block;
}
ul.options {
    list-style: none;
    padding: 0;
    margin-bottom: 7%;
}
ul.options li {
    margin: 0 1% 0 0;
    display: inline-block;
}
ul.options li a {
    color: #000;
    font-size: 0.8125em;
    padding: 5px 10px;
    border: 1px solid #DFDDDD;
    text-decoration: none;
}
ul.options li a:hover {
    border: 1px solid #9D8D65;
}

/*--checkout--*/
p.cart {
    color: #555;
    font-size: 0.85em;
    line-height: 1.8em;
}

/*--login--*/
.login-page {
    border-right: 1px solid #EEE;
    padding-right: 5%;
    padding-bottom: 6%;
}
h4.title {
    color: #000;
    margin-bottom: 0.5em;
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 2em;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 13px;
}
.login-page p {
    color: #555;
    font-size: 0.85em;
    line-height: 1.8em;
}
.login-title p {
    color: #777;
    font-size: 0.85em;
    line-height: 1.8em;
}
.button1 input[type="submit"] {
    background: #000;
    border: none;
    color: #FFF;
    padding: 10px 20px;
    cursor: pointer;
    float: right;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    font-size: 1em;
}
.button1 input[type="submit"]:hover {
    background: #555;
}
.button2 input[type="submit"] {
    background: #7D7D7D;
    border: none;
    color: #FFF;
    padding: 10px 20px;
    cursor: pointer;
    float: right;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    font-size: 1em;
}
.button2 input[type="submit"]:hover {
    background: #9F9F9F;
}
#login-form label {
    color: #777;
    line-height: 2.8em;
    font-size: 0.95em;
    font-weight: 400;
    margin: 0;
    display: block;
}
input.inputbox,
input.required,
div.k2AccountPage input[type="text"] {
    background: #FFF;
    outline-color: #9D8D65;
    border: 1px solid #EEE;
    color: inherit;
    padding: 7px 20px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.85em;
}
.remember {
    margin-top: 6%;
}
p#login-form-remember {
    float: left;
}
.remember p label {
    height: 1.8em;
}
fieldset.input input[type="submit"],
input[type="reset"] {
    background: #000;
    border: none;
    color: #FFF;
    padding: 10px 30px;
    cursor: pointer;
    float: right;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    font-size: 1em;
}
fieldset.input input[type="reset"] {
    background: #555;
    margin-right: 10px;
}
fieldset.input input[type="submit"]:hover,
input[type="reset"]:hover {
    background: #555;
}
#login-form label a {
    color: #777;
    color: 0.85em;
}
#login-form label a:hover {
    color: #9D8D65;
}
#qna_write {
    display: none;
    width: 100%;
}
#qna_write textarea {
    height: 150px;
    width: 90%;
}
.btn_wrap {
    padding: 20px 0 50px 0;
    text-align: center;
    width: 100%;
}
#qna_write .active {
    display: block;
}
.qa_write {
    width: 100%;
    color: #999;
    text-align: left;
    border-top: 3px solid #000;
}
.qa_write table {
    border-top: 3px solid #000;
    width: 100%;
}
.qa_write tbody th {
    background-color: #ffffff;
    text-align: center;
    padding: 1%;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1em;
    color: #333;
    width: 20%;
}
.qa_write tbody td {
    background-color: #ffffff;
    text-align: left;
    padding: 9px 0 6px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.9em;
    color: #333;
}
.qa_write table tbody td.multi_input_row {
    padding: 14px 19px;
}
.button_table {
    background: #000;
    border: none;
    color: #FFF;
    padding: 10px 20px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    font-size: 1em;
    margin-bottom: 1%;
    border: 1px solid #000;
}
.button_table :hover {
    background: #555;
    border: 1px solid #000;
}
.button_table2 {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 10px 20px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    font-size: 1em;
    margin-bottom: 1%;
}
.button_table2 :hover {
    color: #555;
    border: 1px solid #000;
}
.button_table3 {
    background: #9D8D65;
    border: none;
    color: #FFF;
    padding: 10px 20px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    font-size: 1em;
    margin-bottom: 1%;
    border: 1px solid #B8AC8F;
}
.button_table3 :hover {
    background: #B8AC8F;
    border: 1px solid #B8AC8F;
}
.button_table2s {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    padding: 3px 10px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    font-size: 0.9em;
    margin: 1%;
}
.button_table2s :hover {
    color: #555;
    border: 1px solid #000;
}
.button_table3s {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 3px 10px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    font-size: 0.9em;
    margin: 1%;
}
.button_table3s :hover {
    color: #555;
    border: 1px solid #000;
}
.button1 {
    float: right;
    margin-top: 8%;
}
.button2 {
    float: right;
    margin-top: 8%;
}
.pagination {
    display: inline-block;
    margin-bottom: 380px;
    margin-top: 20px;
    width: 100%;
    font-size: 0;
}
.pagination li {
    display: inline-block;
    font-size: 0
}
.pagination li:first-child a,
.pagination li:first-child span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}
.pagination li:last-child a,
.pagination li:last-child span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.pagination .active a,
.pagination .active span,
.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
    background-color: #9D8D65;
    border-color: #9D8D65;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
}
.pagination li a,
.pagination li span {
    display: block;
    background-color: #f0f0e9;
    border: 0;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    margin-right: 5px;
    color: #000;
    font-size: 12px;
}
.pagination li a:hover {
    background: #9D8D65;
    color: #fff;
}

/*--register--*/
.register-top-grid h3,
.register-bottom-grid h3 {
    color: #000;
    font-size: 1em;
    padding-bottom: 5px;
    margin: 0;
}
.register-top-grid div,
.register-bottom-grid div {
    width: 48%;
    float: left;
    margin: 10px 0;
}
.register-top-grid span,
.register-bottom-grid span {
    color: #555;
    font-size: 0.8125em;
    padding-bottom: 0.2em;
    display: block;
}
.register-top-grid input[type="text"],
.register-bottom-grid input[type="text"] {
    border: 1px solid #EEE;
    outline-color: #9D8D65;
    width: 96%;
    font-size: 1em;
    padding: 0.5em;
    font-family: 'Open Sans', sans-serif;
}
.checkbox {
    margin-bottom: 4px;
    padding-left: 27px;
    font-size: 1.1em;
    line-height: 27px;
    cursor: pointer;
}
.checkbox {
    float: left;
    margin-left: 8px;
    position: relative;
    font-weight: 600;
}
.checkbox:last-child {
    margin-bottom: 4px;
}
.checkbox:last-child {
    margin-bottom: 0;
}
.news-letter {
    color: #555;
    font-weight: 600;
    font-size: 0.85em;
    margin-bottom: 1em;
    display: block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    clear: both;
}
.checkbox i {
    position: absolute;
    bottom: 5px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    outline: none;
    border: 2px solid #DDD;
}
.checkbox input+i:after {
    content: '';
    background: url("../images/tick1.png") no-repeat 1px 2px;
    top: -1px;
    left: -1px;
    width: 15px;
    height: 15px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
}
.checkbox input+i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}
.checkbox input {
    position: absolute;
    left: -9999px;
}
.checkbox input:checked+i:after {
    opacity: 1;
}
.news-letter:hover {
    color: #9D8D65;
}
.register-grids form input[type="submit"] {
    background: #E25050;
    color: #FFF;
    font-size: 0.8em;
    padding: 0.8em 2.2em;
    border: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    outline: none;
}
.register-grids form input[type="submit"]:hover {
    background: #555;
}

/*--responsive design--*/
@media (max-width:1366px) {
    .icon1 ul {
        width: 270px;
        top: 64px;
        right: -98px;
    }
    
    .button a {
        margin-left: 71%;
    }
    
    .slide_content {
        position: absolute;
        top: 12%;
        left: 27%;
    }
}
@media (max-width:1280px) {
    .icon1 ul {
        width: 270px;
        top: 63px;
        right: -55px;
    }
    
    .slide {
        margin: 0;
        padding: 0;
    }
    
    .slide .slide_content {
        width: 100%;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 28%;
        left: 20%;
        text-align: left;
    }
    
    .slide .slide_content .slide_content_wrap {
        margin: 0;
        padding: 0;
    }
}
@media (max-width:1024px) {
    .menu li a {
        padding: 5px 10px;
    }
    
    .header_right {
        width: 7%;
    }
    
    .icon1 ul {
        width: 250px;
        top: 59px;
        right: -25px;
    }
    
    .sub-icon1 ul li p {
        font-size: 0.8125em;
    }
    
    .button a {
        margin-left: 27%;
    }
    
    .nbs-flexisel-nav-left {
        left: 60px;
    }
    
    .nbs-flexisel-nav-right {
        right: 60px;
    }
    
    .content_bottom-text h3,
    h3.m_3,
    .content-top h2 {
        font-size: 2.5em;
    }
    
    .box-info-product .exclusive span {
        font-size: 17px;
        padding: 12px 11px 14px 63px;
    }
}
@media (max-width:991px) {
    .login-page {
        padding-right: 0;
        border-right: none;
    }
    
    .table-condensed {
        width: 93%;
        margin: 0 3%
    }
    
    .wish_product img {
        width: 50px;
    }
    
    .wish_info table tr td {
        font-size: 0.8em;
    }
    
    .wish_info .check {
        margin: 0;
        padding: 0;
        width: 20px;
    }
    
    .csArea {
        margin: 3%;
        font-size: 0.9em;
    }
    
    .menu {
        margin: 10px 0 0;
    }
    
    .header_right {
        width: 10%;
    }
    
    .icon1 ul {
        width: 250px;
        top: 59px;
        right: -15px;
    }
    
    .search {
        left: 65%;
        width: 27%;
        top: 12px;
    }
}
h4.m_11 {
    color: #333;
    font-size: 1.5em;
    margin-top: 15%;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-bottom: 3%;
}
.nav li ul {
    width: 100%;
}
.menu ul {
    margin-top: 0px;
}
.nav>li.hover>ul {
    width: 100%;
}
.nav>li {
    float: none;
    display: block;
}
.nav ul {
    display: block;
    width: 100%;
}
.nav>li.hover>ul,
.nav li li.hover ul {
    position: static;
}
.nav li {}
.nav li:first-child {
    border-top: none;
}
.nav select {
    background: #333;
    border: 1px solid #444;
    color: #fff;
    font-size: 0.9em;
    padding-left: 4px;
    width: 250px;
    margin-left: 20px;
    -webkit-appearance: none;
    /* ȭ��ǥ ���ֱ� for chrome*/
    
    -moz-appearance: none;
    /* ȭ��ǥ ���ֱ� for firefox*/
    
    appearance: none;
    /* ȭ��ǥ ���ֱ� ����*/
    
    cursor: pointer;
    background: url(../images/select_arrow.png) no-repeat 95% 50%;
    /* ȭ��ǥ �̹��� */
}
.joinListTable,
.join_h3 {
    margin: 0 3%;
}
.header-bottom {
    position: relative;
}
.header-bottom .col-sm-3 {
    display: inline-block;
    right: 3px;
    top: -10px;
    float: right;
}
.toggleMenu {
    display: inline-block;
    bottom: 0;
}
.content_bottom-text h3,
h3.m_3,
.content-top h2 {
    font-size: 2em;
}
.nbs-flexisel-nav-left {
    left: 10px;
}
.nbs-flexisel-nav-right {
    right: 10px;
}
.view-ninth:hover .mask-1 {
    display: none;
}
.view-ninth:hover .mask-2 {
    display: none;
}
.view-ninth .mask-1,
.view-ninth .mask-2 {
    display: none;
}
.view-ninth:hover .content {
    height: 53%;
    width: 41%;
}
.top_box {
    margin-bottom: 20px;
}
h4.m_4,
h4.m_5 {
    margin-top: 10px;
}
ul.footer_box h4,
ul.team_list h4 {
    margin-bottom: 20px;
}
ul.footer_box {
    margin-bottom: 70px;
}
.footer_search,
.footer_bottom {
    margin-top: 0;
}
ul.social {
    margin-top: 20px;
}
.team1 {
    margin-bottom: 20px;
}
.team_bottom {
    margin-bottom: 20px;
}
.team_box {
    margin-bottom: 0;
}
.shop_box {
    margin-bottom: 20px;
}
.shop_desc {
    padding: 10px;
}
.shop_desc_n {
    padding: 10px 0;
}
.etalage_zoom_area div {
    width: 350px !important;
    height: 350px !important;
}
.box-info-product {
    padding: 20px;
    margin-bottom: 20px;
}
.prosuct-qty select {
    padding: 2% 30%;
}
.desc {
    margin: 20px;
}
.desc img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.product1 {
    margin-bottom: 20px;
}


@media (max-width:640px) {
    .header_right {
        width: 11%;
    }
    .etalage_zoom_area div {
        width: 250px !important;
        height: 250px !important;
    }
    .btn1-default1 {
        padding: 5px 7px;
    }
    .search_result .result {
        font-size: 1em;
        font-weight: 400;
    }
    .search_result .sch_wrap .sch_input {
        float: left;
        position: relative;
        width: 100%;
        height: 40px;
    }
    .qa_table {
        margin: 0 2%;
        width: 96%;
        font-size: 0.9em;
    }
}
@media (max-width:480px) {
    .header_right {
        width: 15%;
    }
    .callbacks_nav {
        top: 26%;
    }
    .single_right {
        width: 100%;
        float: none;
        padding: 20px;
    }
    .etalage_zoom_area div {
        width: 100px !important;
        height: 100px !important;
    }
    .btn1-default1 {
        padding: 5px 7px;
    }
    .search {
        left: 56%;
        width: 63%;
    }
    .icon1 ul {
        top: 51px;
    }
    .content_bottom-text h3,
    h3.m_3,
    .content-top h2 {
        font-size: 1.5em;
    }
    .content-top p {
        font-size: 0.8125em;
    }
    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right {
        width: 75px;
        height: 126px;
    }
    .nbs-flexisel-nav-left {
        left: 10px;
        background: url(../images/img-sprite.png) no-repeat -17px -372px;
    }
    .nbs-flexisel-nav-right {
        right: 10px;
        background: url(../images/img-sprite.png) no-repeat -80px -372px;
    }
    .content-top h3 {
        font-size: 1em;
    }
    .view-ninth:hover .content {
        height: 60%;
        width: 70%;
    }
    .single_left {
        margin-bottom: 20px;
        float: none;
        width: 98%;
    }
    .single_image {
        width: 98%;
        float: none;
        margin-right: 0;
    }
    .imagezoom-cursor {
        display: none;
    }
    .imagezoomCursor .selector {
        display: none;
    }
    .imagezoom-view {
        display: none;
    }
    .to {
        float: none;
        width: 100%;
    }
    .text {
        width: 100%;
        float: none;
    }
    .nav {
        right: 13px;
    }
}
@media (max-width:320px) {
    .callbacks_nav {
        top: 21%;
    }
    .header_right {
        width: 24%;
    }
    .copy {
        float: none;
    }
    .navbar li:first-child {
        visibility: hidden;
    }
    .dropdown {
        float: none;
        margin-top: 10px;
    }
    h4.m_11 {
        font-size: 0.85em;
        padding: 0 15px;
        line-height: 1.5em;
        font-family: Georgia, "Times New Roman", Times, serif;
    }
    .etalage_zoom_area div {
        width: 50px !important;
        height: 50px !important;
    }
    .register-top-grid( margin-bottom:20px;
    ) .nav {
        top: 66px;
        right: 8px;
    }
    .register-top-grid div,
    .register-bottom-grid div {
        width: 100%;
        float: none;
        margin: 10px 0;
    }
}

/*=================================================================
mGoods
==================================================================*/
.btn-default {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.mGoods-item {
    cursor: pointer;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom:20px;
}
figcaption.mask {
    background-color: rgba(54,
    55,
    50,
    0.79);
    bottom: -101%;
    color: #fff;
    padding: 25px;
    position: absolute;
    width: 100%;
    text-align: left;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
figcaption.mask h3 {
    margin: 0;
    color: #fff;
    font-size:0.9em;
    line-height:1.3em;
    overflow:hidden;
}
figcaption.mask h3 a {
    margin: 0;
    color: #fff;
    overflow:hidden;
}
figcaption.mask h3 a:hover {
    margin: 0;
    color: #fff;
    text-decoration:none;
    opacity:0.5;
}
figcaption.mask .price {
    margin: 0;
    color: #fff;
    font-size:1.3em;
    line-height:1.6em;
    font-family: Georgia,
    "Times New Roman",
    Times,
    serif;
}
figcaption.mask .sPrice {
    font-size:0.7em;
}
ul.external {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    /*top: -47px;*/
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
ul.external li {
    display: inline-block;
}
ul.external li a {
    background-color: rgba(255,
    255,
    255,
    0.9);
    color: #818181;
    display: block;
    padding: 10px 18px 13px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
ul.external li a:hover {
    background-color: #9D8D65;
    color: #fff;
}
.fancybox-skin {
    border-radius: 0;
}
.fancybox-title.fancybox-title-inside-wrap {
    padding: 15px;
}
.fancybox-title h3 {
    margin: 0 0 15px;
}
.fancybox-title p {
    color: #818181;
    font-size: 16px;
    line-height: 22px;
}
.fancybox-title-inside-wrap {
    padding-top: 0;
}
.sec-title {
    margin-bottom: 50px;
}
.sec-title h2 {
    font-size: 36px;
    margin: 0 0 30px;
    padding-bottom: 30px;
    position: relative;
    font-family: Georgia,
    "Times New Roman",
    Times,
    serif;
}
.sec-title h2:after {
    border-bottom: 1px solid #9D8D65;
    content: "";
    display: block;
    left: 45%;
    bottom: 0;
    position: absolute;
    width: 115px;
}
.mParallax {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}
#mbW {
    background-image: url("../images/mp_01.jpg");
    padding: 0;
}
#mbW .overlay {
    background: url("../images/slide_bg.png") repeat scroll 0 0 transparent;
    padding: 100px 0 120px;
}
#mbW.containerM {
    text-align:center;
}
.text-center {
    text-align:center
}
.mbW-button {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.mbW-button li {
    display: inline-block;
}
.mbW-button li a {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 200px;
    font-family: Georgia,
    "Times New Roman",
    Times,
    serif,
    'Roboto',
    sans-serif;
    text-decoration:none;
}
.mbW-button li a:hover {
    border:1px solid #000;
    background:#000;
}
.sec-title2 {
    margin-bottom: 30px;
}
.sec-title2 h2 {
    font-family: Georgia,
    "Times New Roman",
    Times,
    serif,
    'Roboto',
    sans-serif;
    font-size: 2em;
    font-weight: 500;
    margin: 0 0 10px;
    position: relative;
    font-weight:400;
}
.sec-title.white h2 {
    color: #fff;
}

/* Shout - 3 Boxes
--------------------------------------------------------------------------------------------------------------- */
.col-md-4 {
    margin-bottom:0px;
}
.col-md-3 {
    position:relative;
    z-index:1;
}
.col-md-3 figure {
    position:relative;
    max-width:100%;
    text-align:center;
}
.col-md-3 figure img {
    width:100%;
}
.col-md-3 figure figcaption {
    display:block;
    position:relative;
    width:100%;
    line-height:1.3em;
    padding:2.3em;
    background-color:#F5F5F5;
    background-color:rgba(245,
    245,
    245,
    .5);
    margin-top:-20px;
}
.col-md-3 figure figcaption a {
    display:block;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    position:relative;
}
.col-md-3 figure {
    color:rgba(0,
    0,
    0,
    .3);
}

/* This actually sets the box shadow colour as the colour is inherited - it's a workaround */
.col-md-3 figure figcaption h3 {
    color:#2B2B2B;
    font-size:1.5em;
    line-height:1.7em;
    font-family: Georgia,
    "Times New Roman",
    Times,
    serif;
    font-weight:400;
}
.col-md-3 figure figcaption span {
    color:#2B2B2B;
    font-size:1em;
    margin:0;
    padding:0;
    line-height:1.2em;
}
.col-md-3 figure figcaption a {
    color:#2B2B2B;
    font-size:0.9em;
    line-height:20px;
    margin-top:12px;
    border:1px solid #FAFAFA;
}
.col-md-3 figure figcaption span a:hover {
    border:1px solid #000;
    line-height:20px;
    text-decoration:none;
}
@media (min-width: 980px) and (max-width: 1150px) {
    /* mGoods */
}
@media (min-width: 768px) and (max-width: 979px) {
    /*mGoods*/
    /* .mGoods-item {
margin: 1%;
font-size: 14px;
width: 48%;
float: left;
position: relative;
min-height: 1px;
} */
    .mGoods-item {}
}
@media only screen and (max-width: 767px) {
    /*mGoods*/
    /* .mGoods-item {
margin: 1.5%;
font-size: 14px;
width: 47%;
float: left;
position: relative;
min-height: 1px;
}
 */
    .sec-title h2 {
        font-size: 22px;
    }
    .sec-title h2:after {
        left: 38%;
    }
    .mParallax {
        background-position: centet tip !important;
    }
}
.img-responsive {
    display:block;
    width:100%;
    height:auto
}

/* 디자인 수정 by 조용학 200707 */

/* 공통클래스 */
@media (min-width:1400px) {
    .container {
        width: 1370px
    }
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4.title {
    margin-top:0;
    margin-bottom:0
}
ul {
    padding-left:0
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline:none
}
.shop_top {
    padding:0
}
.inline {
    display:inline-block
}
.v-middle {
    vertical-align:middle
}
.relative {
    position:relative
}
.section-wrap {
    width:100%;
    margin:0 auto
}
.f0 {
    font-size:0
}
input[type="radio"],
input[type="checkbox"] {
    margin:0
}
input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
    position:absolute;
    left:-9999px
}
input[type="radio"]:checked+label,
input[type="radio"]:not(:checked)+label {
    display:inline-block;
    position:relative;
    padding-left:20px;
    cursor:pointer;
    font-size:15px;
    font-weight:400
}
input[type="radio"]:checked+label:before,
input[type="radio"]:not(:checked)+label:before {
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:14px;
    height:14px;
    margin-top:-7px;
    border:1px solid #111;
    border-radius:100%;
    background:#fff
}
input[type="radio"]:checked+label:after,
input[type="radio"]:not(:checked)+label:after {
    content:'';
    position:absolute;
    top:50%;
    left:3px;
    width:8px;
    height:8px;
    margin-top:-4px;
    background:#111;
    border-radius:100%;
    -webkit-transition:all 0.2s ease;
    transition: all 0.2s ease
}
input[type="radio"]:not(:checked)+label:after {
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0)
}
input[type="radio"]:checked+label:after {
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.btn-box {
    font-size:0
}
button {
    outline:none;
    border:none
}
.nanumEB {
    margin-top:0!important;
    margin-bottom:20px!important;
    font-family:'Nanum Gothic',
    sans-serif!important;
    font-weight:900;
    font-size:38px!important
}

/* 헤더 */
.layout-btn {
    margin-bottom:15px
}
.layout-btn:after {
    content:"";
    display:block;
    clear:both
}
.layout-btn>div {
    float:left
}
.layout-btn>div:last-child {
    float:right
}
.layout-btn>div h2 {
    font-size:18px;
    font-weight:400
}
.change-btn01,
.change-btn02 {
    display:inline-block;
    cursor:pointer;
    width:19px;
    height:19px;
    background-position:center center;
    background-repeat:no-repeat
}
.change-btn01 {
    margin-right:20px;
    background-image:url(../images/header/icon02.png)
}
.change-btn01:hover,
.change-btn01.on {
    background-image:url(../images/header/icon02_on.png)
}
.change-btn02 {
    background-image:url(../images/header/icon03.png)
}
.change-btn02:hover,
.change-btn02.on {
    background-image:url(../images/header/icon03_on.png)
}
.nice-select {
    float:unset;
    width:100%;
    padding-left:0;
    border-radius:0;
    border:none;
    border-top:1px solid #c0c0c0;
    background:#fff url(../images/header/icon01.png) no-repeat right center;
}
.nice-select:after {
    border:none
}
.nice-select span {
    font-size:18px
}
.nice-select .list {
    max-height:500px;
    border-radius:0;
    overflow:auto
}
.nice-select .list li {
    display:block
}
.nice-select .option,
.nice-select .list:hover .option:not(:hover) {
    background:#ededed;
    font-size:16px
}
.nice-select .option:hover {
    background:#545454!important;
    color:#fff
}
.nice-select .option.selected {
    font-weight:400
}
.search-btn {
    cursor:pointer
}
#search {
    width:335px;
    background:transparent;
    transform:translateY(-50px);
    opacity:0;
    visibility:hidden;
    transition:all .5s
}
#search form:after {
    content:"";
    display:block;
    clear:both
}
#search.on {
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
#search_text {
    width:300px;
    height:30px;
    padding-left:0;
    border-bottom:1px solid #fff;
    line-height:28px;
    background:transparent;
    vertical-align:middle;
    outline:none;
    -webkit-border-radius:0
}
#search_text::placeholder {
    font-size:14px;
    color:#ababab
}
#search_button {
    width:30px;
    height:30px;
    vertical-align:middle;
    background:transparent url(../images/header/icon05.png) no-repeat center center;
    outline:none
}
.navbar li a:hover {
    text-decoration:none
}
.header .col-md-2 p {
    margin-bottom:5px
}
.header .shop-info {
    margin-bottom:15px
}
.header .shop-info:after {
    content:"";
    display:block;
    clear:both
}
.header .shop-info>div {
    float:left;
    width:50%
}
.header .shop-info>div+div {
    float:right
}
.header .shop-info p {
    margin-bottom:5px
}
.header .shop-info h3 {
    margin-right:15px;
    font-size:16px;
    vertical-align:middle
}
.header .shop-info h3+img {
    vertical-align:middle;
    margin-right:0!important
}
.header .shop-info span {
    font-size:14px;
    color:#333
}
.header .shop-info img {
    margin-right:10px
}
.header .shop-info img,
.header .shop-info span {
    vertical-align:middle
}
.menu li a[href^="tel:"] {
    padding:0
}
.menu li a[href^="tel:"]:hover {
    text-decoration:none
}
.header .mobile-foot div {
    margin-bottom:30px
}
.header .mobile-foot {
    padding-top:30px;
    padding-bottom:10px;
    background:#333
}
.header .mobile-foot h4 {
    position:relative;
    margin-bottom:10px;
    padding-bottom:25px;
    color:#fff;
    font-size:12px
}
.header .mobile-foot h4:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:10px;
    height:1px;
    background:#fff
}
.header .mobile-foot p {
    margin-bottom:3px;
    font-size:11px;
    color:#bdbdbd
}
.header .mobile-foot a {
    padding-left:0;
    color:#bdbdbd
}
.header .mobile-foot span {
    font-size:11px;
    color:#8b8b8b
}
.menu-overlay {
    display:none;
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    z-index:100
}

/* 메인 */
.layout-type01 .col-md-6 {
    width:33.33333333%
}
.layout-type02 .col-md-6 {
    width:50%
}
.layout-type01 .mGoods-item {
    height:575px
}
.layout-type02 .mGoods-item {
    height:870px
}
/* Add 2023.11.20 */
.new-layout-type01 .col-md-6 {
    width:100%
}
.new-layout-type02 .col-md-6 {
    width:50%
}
.new-layout-type03 .col-md-6 {
    width:33.33333333%
}
.new-layout-type01 .mGoods-item {
	height:1165px    
}
.new-layout-type02 .mGoods-item {
    height:870px
}
.new-layout-type03 .mGoods-item {
    height:575px
}


.mGoods-item .mobile-overlay {
    display:none
}
.mGoods-item a img.img-responsive {
    border-radius:20px
}
.mGoods-item figcaption.mask {
    border-radius:0 0 20px 20px
}
.social_buttons_main {
    position:relative;
    margin:30px 0 0 0;
    padding-top:30px;
    font-size:0
}
.social_buttons_main:after {
    content:"";
    display:block;
    clear:both
}
.social_buttons_main>li {
    float:left;
    margin-right:15px
}
.social_buttons_main>li:last-child {
    float:right;
    margin-right:0
}
.layout-type01 .col-md-6 figcaption.mask h3 {
    font-size:18px
}
.layout-type02 .col-md-6 figcaption.mask h3 {
    font-size:28px
}
.slide .slide_content {
    top:unset;
    bottom:110px;
    left:40px;
    width:calc(100% - 80px)
}
@media (min-width: 768px) {
    .slide_content_wrap {
        max-width: 750px
    }
}
@media (min-width: 992px) {
    .slide_content_wrap {
        max-width: 970px
    }
}
@media (min-width:1200px) {
    .slide_content_wrap {
        max-width: 1170px
    }
}
.slide_content_wrap {
    width:100%;
    max-width:1370px;
    text-align:left;
    margin:0 auto
}
.slide_content_wrap .title1 {
    display:inline-block;
    margin-bottom:10px;
    padding-top:0;
    padding:5px;
    font-size:36px;
    font-weight:700;
    color:#fff;
    background:rgba(163,
    163,
    163,
    .7)
}
.slide_content_wrap .title2 {
    display:inline-block;
    margin-bottom:40px;
    padding-top:0;
    padding:5px;
    font-size:16px;
    color:#fff;
    background:rgba(163,
    163,
    163,
    .7)
}
.slide_content_wrap .button {
    display:inline-block
}
.slide_content_wrap .button a {
    display:inline-block;
    width:270px;
    height:50px;
    margin:0;
    padding:0;
    background:#a3a3a3;
    border:1px solid #fff;
    font-size:18px;
    font-weight:500;
    color:#fff;
    line-height:48px;
    text-align:center
}
.layout-type .inline {
    position:absolute;
    top:50%;
    right:0;
    margin-top:-17px
}
.change-btn03,
.change-btn04 {
    display:inline-block;
    cursor:pointer;
    width:36px;
    height:34px;
    background-position:center center;
    background-repeat:no-repeat
}
.change-btn03 {
    margin-right:20px;
    background-image:url(../images/main/icon01.png?ver=1)
}
.change-btn03:hover,
.change-btn03.on {
    background-image:url(../images/main/icon01_on.png?ver=1)
}
.change-btn04 {
    background-image:url(../images/main/icon02.png?ver=1)
}
.change-btn04:hover,
.change-btn04.on {
    background-image:url(../images/main/icon02_on.png?ver=1)
}

.new-change-btn03,
.new-change-btn04 {
    display:inline-block;
    cursor:pointer;
    width:36px;
    height:34px;
    background-position:center center;
    background-repeat:no-repeat
}
.new-change-btn03 {
    margin-right:20px;
    background-image:url(../images/main/icon01.png?ver=1)
}
.new-change-btn03:hover,
.new-change-btn03.on {
    background-image:url(../images/main/icon01_on.png?ver=1)
}
.new-change-btn04 {
    background-image:url(../images/main/icon02.png?ver=1)
}
.new-change-btn04:hover,
.new-change-btn04.on {
    background-image:url(../images/main/icon02_on.png?ver=1)
}

.modal-pop {
    display:none;
    position:absolute;
    top:220px;
    left:12%;
    z-index:10;
    width:450px
}
.modal-pop .btn-box {
    padding:10px;
    background:#333
}
.modal-pop .btn-box button {
    font-size:13px;
    color:#fff;
    background:#5d5d5d
}
.modal-pop .btn-box button:first-child {
    margin-right:10px
}

/* 제품 상세 */
.top_lc {
    display:none;
    margin-top:30px;
    margin-bottom:10px;
    padding-bottom:0
}
.top_lc ul:after {
    content:"";
    display:block;
    clear:both
}
.top_lc ul li span a {
    font-family:"Noto Sans KR",
    sans-serif;
    font-size:14px;
    color:#000
}
.top_lc ul li span a:hover {
    text-decoration:none
}
.flex-viewport {
    max-height:607px!important
}
.goodsDetail .single_left:after {
    content:"";
    display:block;
    clear:both
}
.single_left {
    margin-top:40px;
    padding-bottom:60px;
    border-bottom:1px solid #000
}
.single_right h3 {
    font-size:34px;
    font-weight:700;
    color:#333
}
.single_right p.m_10 {
    position:relative;
    margin-top:40px;
    padding-top:15px;
    font-size:16px;
    color:#333;
    white-space:pre-line
}
.single_right p.m_10:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:1px;
    background:#000000
}
.single_right p.price2 {
    font-size:38px
}
.single_right .social_buttons {
    font-size:0
}
.single_right .btn1-default1 {
    width:43px;
    height:33px;
    margin-right:5px;
    padding:0;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #d5d5d5
}
.single_right .btn1-default1:last-child {
    margin-right:0
}
.single_right .btn1-default1:hover {
    border-color:#000
}
.single_right .btn1-facebook {
    background-image:url(../images/detail/icon01.png?ver=1)
}
.single_right .btn1-facebook:hover {
    background-image:url(../images/detail/icon01_on.png?ver=1)
}
.single_right .btn1-kas {
    background-image:url(../images/detail/icon02.png?ver=1)
}
.single_right .btn1-kas:hover {
    background-image:url(../images/detail/icon02_on.png?ver=1)
}
.single_right .btn1-kat {
    background-image:url(../images/detail/icon03.png?ver=1)
}
.single_right .btn1-kat:hover {
    background-image:url(../images/detail/icon03_on.png?ver=1)
}
.single_right .btn1-url {
    background-image:url(../images/detail/icon04.png?ver=1)
}
.single_right .btn1-url:hover {
    background-image:url(../images/detail/icon04_on.png?ver=1)
}
.single_right .btn1-down {
    background-image:url(../images/detail/icon05.png?ver=1)
}
.single_right .btn1-down:hover {
    background-image:url(../images/detail/icon05_on.png?ver=1);
    background-color:#000
}
.single_right .btn1-share {
    background-image:url(../images/detail/icon18.png?ver=1)
}
.single_right .btn1-share:hover {
    background-image:url(../images/detail/icon18_on.png?ver=1)
}


/* 찜기능 버튼*/

.single_right .btn1-like-on {
    background-image:url(../images/like_detail_on.png?ver=1)
}
.single_right .btn1-like-off {
    background-image:url(../images/like_detail_off.png?ver=1)
}

.list-btn1-like-on {
	position:absolute;
	top:10px;
	right:20px;
	width:54px;
	height:54px;
	z-index:1;
	cursor:pointer;
    background-image:url(../images/like_list_on.png?ver=1);
}
.list-btn1-like-off {
	position:absolute;
	top:10px;
	right:20px;
	width:54px;
	height:54px;
	z-index:1;
	cursor:pointer;
    background-image:url(../images/like_list_off.png?ver=1);
}
@media only screen and (max-width: 480px) {
	  .list-btn1-like-on {
		position:absolute;
		top:10px;
		right:15px;
		width:26px;
		height:26px;
		z-index:1;
		cursor:pointer;
		background-image:url(../images/like_detail_on.png?ver=1);
	}
	.list-btn1-like-off {
		position:absolute;
		top:10px;
		right:15px;
		width:26px;
		height:26px;
		z-index:1;
		cursor:pointer;
		background-image:url(../images/like_detail_off.png?ver=1);
	}
}

.flexslider {
    border:none!important
}
.flex-control-thumbs {
    margin-top:20px!important
}
.goodsDetail .desc p {
    white-space:pre-line
}
.youtube-iframe {
    position:relative;
    display:block;
    height:0;
    margin-bottom:50px;
    padding:0;
    overflow:hidden;
    padding-bottom:56.25%
}
.youtube-iframe iframe {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.desc {
    margin:20px;
    text-align:center
}
.desc h4 {
    color:#333;
    font-size:1.5em;
    font-weight:700;
    text-transform:uppercase
}
.desc p {
    color: #555;
    font-size:0.85em;
    line-height:1.8em;
    white-space:pre-line
}
.desc img {
    display:block;
    height:auto;
    max-width:100%;
    margin-left:auto;
    margin-right:auto
}
.desc .wrap {
    /* min-height: 1px; */
    margin-left:auto;
    margin-right:auto
}

/*220413 추가*/
.lg_img{
    width: 100%;
}

.desc .w-560 {
    max-width:560px
}
.desc .w-570 {
    max-width:570px
}
.desc .w-690 {
    max-width:690px
}
.desc .w-780 {
    max-width:780px
}
.desc .w-790 {
    max-width:790px
}
.desc .w-800 {
    max-width:800px
}
.desc .w-840 {
    max-width:840px
}
.desc .w-910 {
    max-width:910px
}
.desc .w-920 {
    max-width:920px
}
.desc .w-950 {
    max-width:950px
}
.desc .w-960 {
    max-width:960px
}
.desc .w-1000 {
    max-width:1000px;
    min-height:1px;
}
.desc .w-1000:after {
    content:"";
    display:block;
    clear:both
}
.desc .intro-img img {
    max-width:1000px
}

/*220413 추가*/
.desc .intro-img-max img{
    max-width:1200px !important
}

.desc .intro-img-lg img{
    width: 100%;
    max-width: 100% !important;
}



.desc .w-920 img {
    max-width:920px
}
.desc.layout01 .desc-title {
    margin-top:190px;
    margin-bottom:110px
}
.desc .prd-info {
    padding-left:20px;
    padding-right:20px
}
.desc .prd-info .color-table {
    text-align:center;
    font-size:0
}
.desc .prd-info .color-table li {
    display:inline-block;
    width:52px;
    height:24px
}
.desc .prd-info .color-table li:first-child {
    background:#f5f5f5
}
.desc .prd-info .color-table li:first-child+li {
    background:#eaeaea
}
.desc .prd-info .color-table li:first-child+li+li {
    background:#dfdfdf
}
.desc .prd-info .color-table li:first-child+li+li+li {
    background:#d3d3d3
}
.desc .prd-info .color-table li:first-child+li+li+li+li {
    background:#c8c8c8
}
.desc .prd-info .color-table li:first-child+li+li+li+li+li {
    background:#bbbbbb
}
.desc .prd-info .color-table li:first-child+li+li+li+li+li+li {
    background:#afafaf
}
.desc .prd-info .color-table li:first-child+li+li+li+li+li+li+li {
    background:#a1a1a1
}
.desc .prd-info .color-table li:first-child+li+li+li+li+li+li+li+li {
    background:#939393
}
.desc .prd-info .color-table li:first-child+li+li+li+li+li+li+li+li+li {
    background:#808080
}
.desc .prd-info p {
    font-size:14px;
    color:#000
}
.desc .prd-info p strong {
    font-size:inherit;
    font-weight:700
}
.desc .prd-info h4 {
    color:#636670
}
.desc .prd-info table {
    width:100%
}
.desc .prd-info .size td {
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    font-size:14px;
    color:#636770;
    border-bottom:1px solid #636770;
}
.desc .prd-info .size thead td {
    border-top:1px solid #636770;
    background:#f6f6f6
}


.desc .prd-info .size tfoot td {
    text-align:right;
    font-size:13px;
    font-weight:700;
    color:#000;
    border-bottom:none
}
.desc .prd-info .size thead td small {
    font-size:12px;
    color:#888888;
}
.desc .prd-info ul li {
    font-size:14px
}
.desc .prd-info table+ul li:first-child {
    text-decoration:underline
}
.desc .prd-info .title-wrap {
    position:relative
}
.desc .prd-info h5 {
    display:inline-block;
    position:relative;
    z-index:2;
    padding-right:10px;
    font-size:14px;
    background:#fff
}


.desc .prd-info .check-point {
    padding-top:1px;
    padding-bottom:1px;
    border-top:1px solid #636770;
    border-bottom:1px solid #636770
}


.desc .prd-info .check-point>li {
    font-size:0
}
.desc .prd-info .check-point ul {
    font-size:0;
    text-align:left
}
.desc .prd-info .check-point ul li {
    display:inline-block;
    width:20%;
    margin-top:-1px;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:30px;
    text-align:left;
    vertical-align:top;
    font-size:0
}
.desc .prd-info .check-point ul li:first-child {
    padding-left:0;
    background:#f0f0f0;
    color:#160a0d;
    text-align:center;
    font-size:16px;
    font-weight:bold;
}
.desc .prd-info .check-point ul li small {
    font-size:11px;
    font-weight:300;
    color:#888888;
    word-break:break-word
}
.desc .prd-info .check-point ul li:first-child small {
    font-size:13px
}
.desc .prd-info .check-point ul li:not(:first-child) small {
    display:inline-block;
    padding-left:24px
}
.desc .prd-info .check-point ul li span {
    display:inline-block;
    width:14px;
    height:14px;
    margin-right:10px;
    border:1px solid #111;
    vertical-align:middle
}
.desc .prd-info .check-point ul li span.check {
    background:#d11f1f;
}
.desc .prd-info .check-point ul li strong {
    display:inline-block;
    width:calc(100% - 24px);
    font-size:14px;
    font-weight:400;
    vertical-align:middle
}

/*220520 new table 추가*/
@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');

.desc .prd-info .new_h4{
    font-family: 'Amiri', serif;
    font-size: 40px;
    color: #000;
    text-transform: initial;
    text-align: center;
    margin: 0;
}

@media (max-width: 959px){
    .desc .prd-info .new_h4{
        font-size: 30px;
    }
}

.desc .prd-info .size_new tr:last-child{
    border:transparent !important;
}

.desc .prd-info .size_new thead{
    font-weight: bold;
    background-color: #f0f0f0;
}

.desc .prd-info .size_new tbody{
    border-bottom: 1px solid #898989;
}

.desc .prd-info .size_new tbody tr td:first-child{
    font-weight: normal !important;
    background-color: white !important;
}

.desc .prd-info .check-point-new{
    font-size: 20px;
}

@media (max-width: 959px) {
    .desc .prd-info .check-point-new{
        font-size: 10px;
    }
    .desc .prd-info .check-point-new tr td{
        padding: 10px 0 !important;
    }
}

.desc .prd-info .check-point-new tr{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.desc .prd-info .check-point-new tr:last-child{
    border-bottom: 1px solid #898989;
}
.desc .prd-info .check-point-new tr td{
    display: table-cell;
    border-top: 1px solid #898989;
    border-left: 1px solid #898989;
    padding: 20px 0;
}

.desc .prd-info .check-point-new tr td.on{
    font-weight: bold;
    background-color: #f0f0f0;
}

.desc .prd-info .check-point-new tr td:first-child{
    font-weight: bold;
    background-color: #f0f0f0;
}

.desc .prd-info .check-point-new tr td:last-child{
    border-right: 1px solid #898989;
}

.desc .prd-info .new_p{
    text-align: left;
}

.desc .prd-info .new_p p{
    line-height: 1.4;
    font-size: 16px !important;
}

.desc .prd-info .new_p li{
    font-size: 16px !important;
}


.desc .prd-info .prd-detail {
    font-size:14px;
    font-weight:700;
    color:#111
}
.desc .prd-info .prd-detail small {
    font-size:12px;
    font-weight:300;
    color:#565656
}
.desc .prd-info .washing {
    padding-bottom:15px;
    border-top:1px solid #636770;
    border-bottom:1px solid #636770;
}
.desc .prd-info .washing li {
    width:calc(100% / 6);
    margin-left:-1px
}
.desc .prd-info .washing li p {
    line-height:1.4
}
.desc .detail-text {
    width:100%;
    max-width:800px;
    margin:50px auto;
    padding-top:50px;
    padding-bottom:25px;
    font-size:22px;
    font-weight:700;
    color:#636770;
    letter-spacing:3px;
    border-bottom:1px solid #717171;
}
.mb5 {
    margin-bottom:5px
}
.mb120 {
    margin-bottom:120px
}
.mb130 {
    margin-bottom:130px
}
.mb150 {
    margin-bottom:150px
}
.mb160 {
    margin-bottom:160px
}
.mb180 {
    margin-bottom:180px
}
.mb200 {
    margin-bottom:200px
}
.mb230 {
    margin-bottom:230px
}
.mb250 {
    margin-bottom:250px
}
.mb290 {
    margin-bottom:290px
}
.mb300 {
    margin-bottom:300px
}
.mb320 {
    margin-bottom:320px
}
.mb330 {
    margin-bottom:330px
}
.mb360 {
    margin-bottom:360px
}
.mb370 {
    margin-bottom:370px
}
.mb380 {
    margin-bottom:380px
}
.mb390 {
    margin-bottom:390px
}
.mb400 {
    margin-bottom:400px
}
.mb410 {
    margin-bottom:410px
}
.mb420 {
    margin-bottom:420px
}
.mb430 {
    margin-bottom:430px
}
.mb440 {
    margin-bottom:440px
}
.mb460 {
    margin-bottom:460px
}
.mb480 {
    margin-bottom:480px
}
.mb500 {
    margin-bottom:500px
}
.mb520 {
    margin-bottom:520px
}
.mb540 {
    margin-bottom:540px
}
.mb560 {
    margin-bottom:560px
}
.mb600 {
    margin-bottom:600px
}
.mb640 {
    margin-bottom:640px
}
.mb750 {
    margin-bottom:750px
}


@media (min-width: 960px){
.mbmax{
        margin-bottom:500px !important;
        padding-bottom: 540px !important;
    }
}

@media (max-width: 959px){
    .mbmax{
        margin-bottom:200px !important;
    }
}

.mr190 {
    margin-right:190px!important
}
.ml250 {
    margin-left:250px!important
}
.pr100 {
    padding-right:100px
}
.pl100 {
    padding-left:100px
}
.pr150 {
    padding-right:150px
}
.pl150 {
    padding-left:150px
}
.pr200 {
    padding-right:200px
}
.pl200 {
    padding-left:200px
}
#canvas-content canvas {
    display:block;
    margin:0 auto
}

/* layout02 */
.layout02 {
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto
}
.layout02 .bg {
    position:relative;
    z-index:1;
    padding-top:0;
    padding-bottom:270px;
    padding-left:120px;
    padding-right:120px;
}
.layout02 .bg:before {
    content: "";
    display:block;
    position: absolute;
    z-index:-1;
    bottom:0;
    left:0;
    width:100%;
    height:80%;
    background:rgba(236,
    234,
    237,
    .8)
}
.layout02 .bg p,
.layout02 .product-img p {
    padding-top:60px;
    color:#737373;
    line-height:1.2em;
}
.layout02 .rotate,
.layout02 .rotate02 {
    position:relative
}
.layout02 .rotate p {
    position:absolute;
    top:45%;
    right:-60%;
    width:100%;
    transform:rotate(90deg);
    text-align:left;
    line-height:1.2em;
    text-align:right;
    white-space:normal
}
.layout02 .rotate02 p {
    position:absolute;
    top:44%;
    left:-50%;
    width:100%;
    transform:rotate(90deg);
    text-align:left;
    line-height:1.2em;
    text-align:right;
    white-space:normal
}
.layout02 .intro-text {
    position:relative;
    margin-bottom:175px
}

/* layout03 */
.layout03 {
    width:100%;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto
}

/* layout05 220413추가 */
.layout05 {
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
}

/* 검색결과 */
.search_result {
    margin-top:90px;
    margin-bottom:120px;
    padding:0;
    background:transparent;
    border:none
}
.search_result .result {
    font-size:24px;
    color:#565656
}
.search_result .result strong {
    font-size:28px;
    font-weight:700;
    color:#333
}
.searchResult:after {
    content:"";
    display:block;
    clear:both
}
.searchResult .record,
.list_menu_sort {
    padding:0
}
.list_menu_sort {
    margin-bottom:30px;
    padding-left:15px;
    padding-right:15px
}
.list_menu_sort select {
    height:34px;
    line-height:34px;
    background:#fff;
    border:none;
    outline:none;
    color:#565656;
    font-size:14px;
    padding-right:25px;
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    background:url(../images/header/icon01.png) no-repeat right center;
    font-size:20px;
    color:#565656
}
.search-util>li {
    float:right;
    font-size:0
}
.search-util>li:first-child {
    margin-left:20px
}
.mo-color-red {
    color:#f7797a
}
.mo-page {
    width:100%;
    max-width:780px;
    margin:0 auto 5px
}
.mo-page .mo-model-img {
    font-size:0
}
.mo-page.mo00 .mo-intro-img,
.mo-page.mo01 .mo-intro-img {
    margin-bottom:5px
}
.mo-page.mo00 .mo-model-img img,
.mo-page.mo01 .mo-model-img img {
    display:inline-block;
    width:calc((100% - 5px) / 2)
}
.mo-page.mo00 .mo-model-img img:nth-child(1),
.mo-page.mo00 .mo-model-img img:nth-child(3),
.mo-page.mo01 .mo-model-img img:nth-child(1),
.mo-page.mo01 .mo-model-img img:nth-child(3),
.mo-page.mo01 .mo-model-img img:nth-child(6) {
    margin-right:5px
}
.mo-page.mo00 .mo-model-img img:nth-child(3),
.mo-page.mo00 .mo-model-img img:nth-child(4),
.mo-page.mo01 .mo-model-img img:nth-child(3),
.mo-page.mo01 .mo-model-img img:nth-child(4) {
    margin-top:5px
}
.mo-page.mo00 .mo-model-img img:nth-child(5) {
    display:block;
    width:100%;
    max-width:620px;
    margin-top:60px;
    margin-bottom:20px;
}
.mo-page.mo01 .mo-model-img img:nth-child(5) {
    display:block;
    width:100%;
    max-width:550px;
    margin-top:60px;
    margin-bottom:80px;
    padding-left:40px;
}
.mo-page.mo00 .mo-model-img img:nth-child(6) {
    display:block;
    width:100%;
    max-width:620px;
    margin-left:auto;
    margin-bottom:20px;
}
.mo-page.mo01 .mo-model-img img:nth-child(8) {
    display:block;
    width:100%;
    max-width:550px;
    margin-top:70px;
    margin-bottom:70px;
    margin-left:auto;
    padding-right:40px;
}
.mo-page.mo02 .mo-model-img img:nth-child(1) {
    margin-bottom:10px
}
.mo-page.mo02 .mo-model-img img:nth-child(2) {
    margin-bottom:320px
}
.mo-page.mo02 .mo-model-img img:nth-child(3) {
    display:block;
    width:100%;
    max-width:475px;
    margin-bottom:40px;
    margin-left:0
}
.mo-page.mo02 .mo-model-img img:nth-child(4) {
    display:block;
    width:100%;
    max-width:475px;
    margin-bottom:300px;
    margin-right:0
}
.mo-page.mo02 .mo-model-img img:nth-child(5) {
    margin-bottom:350px
}
.mo-page.mo02 .mo-model-img img:nth-child(6) {
    margin-bottom:80px;
    padding-left:80px;
    padding-right:80px
}
.mo-page.mo02 .mo-model-img img:nth-child(7) {
    margin-bottom:330px;
    padding-left:80px;
    padding-right:80px
}
.mo-page.mo02 .mo-model-img img:nth-child(8) {
    margin-bottom:20px
}
.mo-page.mo02 .mo-model-img img:nth-child(9) {
    margin-bottom:260px
}
.mo-page.mo02 .mo-model-img img:nth-child(10) {
    margin-bottom:100px
}
.mo-page .mo-product-img {
    font-size:0
}
.mo-page.mo00 .mo-product-img,
.mo-page.mo02 .mo-product-img {
    padding-left:10px;
    padding-right:10px
}
.mo-page.mo00 .mo-product-img img:not(:first-child) {
    display:inline-block;
    width:50%
}
.mo-page.mo01 .mo-product-img img:not(:first-child) {
    display:inline-block;
    width:calc((100% - 5px) / 2)
}
.mo-page.mo00 .mo-product-img img:first-child {
    margin-bottom:20px
}
.mo-page.mo01 .mo-product-img img:first-child {
    margin-bottom:70px
}
.mo-page.mo01 .mo-product-img img:nth-child(2),
.mo-page.mo01 .mo-product-img img:nth-child(4) {
    margin-right:5px
}
.mo-page.mo01 .mo-product-img img:nth-child(4),
.mo-page.mo01 .mo-product-img img:nth-child(5) {
    margin-top:5px
}
.mo-page.mo02 .mo-product-img img:not(:first-child) {
    display:inline-block;
    width:50%
}
.mo-page.mo02 .mo-product-img img:first-child {
    margin-bottom:70px
}
.mo-page .mo-product-info {
    margin-top:25px
}
.mo-page.mo00 .mo-product-info,
.mo-page.mo02 .mo-product-info {
    margin-top:5px
}
.mo-page .mo-product-info h2 {
    ;
    background:#e8e8e8;
    padding:5px;
    font-size:20px;
    font-weight:700;
    color:#636670
}
.mo-page .mo-product-info h2 span {
    font-size:inherit;
    font-weight:300
}
.mo-page .mo-product-info .text-info {
    padding-left:50px;
    padding-right:15px;
    font-size:0
}
.mo-page .mo-product-info .text-info li {
    margin-bottom:10px
}
.mo-page .mo-product-info .text-info li:last-child {
    margin-bottom:0
}
.mo-page .mo-product-info .text-info strong {
    font-size:20px;
    font-weight:700;
    color:#111;
    vertical-align:middle
}
.mo-page .mo-product-info .text-info span {
    margin-left:10px;
    font-size:18px;
    color:#999;
    vertical-align:middle
}
.mo-page .mo-product-info .check-info {
    margin-left:10px;
    margin-right:10px;
    border:1px solid #d9d9d9
}
.mo-page .mo-product-info .check-info>li {
    width:100%
}
.mo-page .mo-product-info .check-info>li ul {
    font-size:0
}
.mo-page .mo-product-info .check-info>li ul li {
    display:inline-block;
    width:calc((100% - 150px) / 4);
    margin-left:-1px;
    padding:15px;
    font-size:0;
    vertical-align:top
}
.mo-page .mo-product-info .check-info>li ul li:first-child {
    width:150px;
    min-height:65px;
    background:#e8e8e8;
    text-align:center
}
.mo-page .mo-product-info .check-info>li ul li h6 {
    margin-bottom:5px;
    font-size:16px;
    font-weight:500;
    color:#111
}
.mo-page .mo-product-info .check-info>li ul li:first-child small {
    font-size:12px
}
.mo-page .mo-product-info .check-info>li ul li span {
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:8px;
    border:1px solid #d9d9d9;
    vertical-align:middle
}
.mo-page .mo-product-info .check-info>li ul li span.check {
    border-color:#f7797a;
    background:#f7797a
}
.mo-page .mo-product-info .check-info>li ul li strong {
    display:inline-block;
    width:calc(100% - 28px);
    font-size:13px;
    font-weight:500;
    color:#999;
    vertical-align:middle
}
.mo-page .mo-product-info .check-info>li ul li strong+small {
    display:block;
    width:100%;
    padding-left:28px;
    font-size:11px;
    word-wrap:break-word;
    word-break:break-word;
    letter-spacing:-.6px
}
.mo-page .mo-product-info p {
    font-size:12px
}
.mo-page .mo-product-info .size-info {
    padding-left:10px;
    padding-right:10px
}
.mo-page .mo-product-info .size-info table {
    width:100%;
    border:1px solid #d9d9d9
}
.mo-page .mo-product-info .size-info table caption {
    margin-bottom:5px;
    font-size:14px;
    font-weight:500
}
.mo-page .mo-product-info .size-info table thead td {
    padding:10px;
    background:#e8e8e8;
    font-size:16px;
    font-weight:700;
    color:#333;
    text-align:center;
    vertical-align:middle
}
.mo-page .mo-product-info .size-info table thead td small {
    font-size:12px;
    font-weight:500
}
.mo-page .mo-product-info .size-info table td:first-child {
    border-right:1px solid #d9d9d9
}
.mo-page .mo-product-info .size-info table tbody td {
    padding:15px;
    text-align:center;
    font-size:16px;
    color:#999
}
.mo-page .mo-product-info .size-info table tbody td:first-child {
    background:#f8f8f8;
    font-weight:500;
    color:#333
}

/* 로그인 */
.login-section {
    margin-top:100px
}
.login-section .shop_top {
    padding-top:0;
    padding-bottom:300px
}
.login-page,
.login-title {
    padding-bottom:0;
    border-right:none
}
.login-page {
    margin-bottom:60px;
    padding-right:0
}
.login-section .login-page h4,
.login-section .login-title h4 {
    position:relative;
    margin-top:0;
    margin-bottom:0;
    padding-bottom:40px;
    border-bottom:none;
    font-size:28px;
    font-weight:700;
    line-height:1
}
.login-section .login-page h4:after,
.login-section .login-title h4:after {
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    width:16px;
    height:1px;
    background:#000
}
.login-section input.inputbox {
    padding:10px 0;
    border:none;
    outline:none;
    border-bottom:1px solid #000;
    font-size:16px;
    color:#000;
    line-height:1
}
.login-section input.inputbox::placeholder {
    color:#929292
}
.login-section #modlgn_username {
    margin-top:20px;
    margin-bottom:20px
}
.login-section .remember {
    margin-top:50px
}
.login-section fieldset.input input[type="submit"],
.login-section p#login-form-remember {
    float:unset
}
.login-section fieldset.input input[type="submit"] {
    display:block;
    max-width:270px;
    width:100%;
    height:50px;
    margin:0 auto;
    font-size:18px;
    color:#fff;
    text-align:center
}
.login-section p#login-form-remember {
    margin-top:10px;
    font-size:0;
    line-height:1
}
.login-section p#login-form-remember a {
    display:inline-block;
    font-size:14px;
    color:#656565
}
.login-section p#login-form-remember a:first-child {
    position:relative;
    margin-right:20px
}
.login-section p#login-form-remember a:first-child:after {
    content:"";
    position:absolute;
    top:50%;
    right:-10px;
    width:1px;
    height:10px;
    margin-top:-5px;
    background:#656565
}
.login-section .login-title p {
    margin-top:20px;
    font-size:16px;
    color:#000
}
.login-section .button2 {
    float:unset;
    margin-top:30px
}
.login-section .button2 input[type="submit"] {
    display:block;
    float:unset;
    max-width:270px;
    width:100%;
    height:50px;
    margin:0 auto;
    font-size:18px;
    color:#333;
    text-align:center;
    background:#fff;
    border:1px solid #333;
}

/* 이용약관 */
.policy-section {
    margin-top:140px;
    margin-bottom:140px
}
.policy-section .policy-title:after {
    content:"";
    display:block;
    clear:both
}
.policy-section .policy-wrap h2 {
    float:left;
    margin-bottom:20px;
    font-size:30px;
    font-weight:700;
    color:#000
}
.policy-section .policy-wrap h2+span {
    float:right;
    margin-top:15px;
    font-size:12px;
    color:#111
}
.policy-section .policy-content {
    padding-top:20px;
    padding-bottom:20px;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    font-size:14px;
    color:#333
}

/* 아이디 찾기*/
.find-section {
    margin-top:60px;
    margin-bottom:140px
}
.find-section h2 {
    position:relative;
    padding-bottom:40px;
    font-size:30px;
    font-weight:700;
    color:#000
}
.find-section h2:after {
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    width:16px;
    height:1px;
    background:#000
}
.find-section .section-wrap>ul {
    margin-top:25px
}
.find-section .section-wrap>ul>li {
    margin-bottom:40px;
    font-size:0
}
.find-section .section-wrap>ul>li:last-child {
    margin-bottom:0
}
.find-section .inline {
    vertical-align:top
}
.find-section .inline:first-child {
    width:100px;
    margin-right:25px
}
.find-section .inline:first-child+.inline {
    width:calc(100% - 125px)
}
.find-section h3 {
    height:30px;
    font-size:16px;
    font-weight:400;
    ;
    line-height:30px
}
.find-section .inline {
    position:relative
}
.find-section .inline ul {
    display:none;
    position:absolute;
    bottom:-120px;
    z-index:2;
    width:100%;
    border:1px solid #000;
    background:#fff;
    cursor:pointer
}
.find-section .inline ul li {
    height:40px;
    padding:10px 20px;
    font-size:16px
}
.find-section .inline ul li:hover {
    background:#333;
    color:#fff
}
.find-section .inline button {
    width:100%;
    height:30px;
    padding-bottom:5px;
    padding-left:10px;
    font-size:16px;
    background:#fff;
    border:none;
    border-bottom:1px solid #000;
    outline:none;
    text-align:left;
    background:url(../images/login/icon01.png) no-repeat right+10px center
}
.find-section .radio-box {
    margin-top:20px
}
.find-section .radio-box input:first-child+label {
    margin-right:40px
}
.find-section .inline input {
    width:100%;
    height:30px;
    border:none;
    outline:none;
    border-bottom:1px solid #000;
    line-height:30px;
    font-size:16px
}
.find-section .findid-mail,
.find-section .findid-phone,
.find-section .findpw-mail,
.find-section .findpw-phone {
    display:none
}
.find-section .on {
    display:block
}
.find-section .inline input.short {
    width:calc((100% - 40px) / 3);
    margin-left:-1px;
    margin-right:20px
}
.find-section .inline input.short:last-child {
    margin-right:0
}
.find-section .btn-box {
    margin-top:60px;
    margin-left:125px
}
.find-section .btn-box button {
    width:230px;
    height:50px;
    font-size:18px;
    text-align:center;
    background:#000;
    color:#fff
}

/* 회원가입 */
.register-section {
    margin-top:140px;
    margin-bottom:190px
}
.register-section .title-wrap {
    position:relative;
    margin-bottom:25px;
    padding-bottom:40px;
}
.register-section .title-wrap:after {
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    width:16px;
    height:1px;
    background:#000
}
.register-section .title {
    display:inline-block;
    margin-right:15px;
    padding-bottom:0;
    font-size:30px;
    font-weight:700;
    color:#000;
    line-height:1;
    vertical-align:bottom;
    border:none
}
.register-section .title+img {
    margin-top:-2px
}
.register-section .title+img+span {
    font-size:14px;
    color:#565656;
    vertical-align:bottom
}
.register-section .register-page label {
    display:none
}
.register-section .register-page input {
    padding-left:35px;
    outline:none;
    border:none;
    border-bottom:1px solid #000;
    background:url(../images/login/icon02.png) no-repeat left center;
    font-size:16px
}
.register-section .register-page input::placeholder {
    font-size:16px;
    color:#929292
}
.register-section .register-page input+p {
    margin-bottom:0;
    padding-left:25px;
    font-size:14px;
    background:url(../images/login/icon02.png) no-repeat left center
}
.register-section .register-page input+p i {
    display:none
}
.register-section .form-horizontal .form-group {
    margin-left:0;
    margin-right:0;
    margin-bottom:25px
}
.register-section .addr-btn {
    display:block;
    position:absolute;
    right:0;
    width:70px;
    height:30px;
    padding:0;
    border-radius:0;
    border:none;
    outline:none;
    background:#333;
    font-size:14px;
    color:#fff;
    text-align:center;
    line-height:30px
}
.register-section .btn-box {
    padding-top:25px
}
.register-section .btn-box .button {
    float:unset!important;
    width:calc((100% - 20px) / 2);
    max-width:240px;
    height:50px;
    padding:0;
    vertical-align:middle;
    line-height:48px;
    border:1px solid #333;
    text-align:center;
    font-size:18px
}
.register-section .btn-box .button:first-child {
    margin-right:20px;
    background:#fff;
    color:#333
}
.register-section .btn-box .button:last-child {
    margin-right:0;
    background:#111;
    border-color:#111;
    color:#fff
}
@media (max-width:1399px) {
    .layout-type01 .mGoods-item {
        height: 485px
    }
    .layout-type02 .mGoods-item {
        height: 740px
    }
}
@media (max-width:1199px) {
    .layout-type01 .mGoods-item {
        height: 400px
    }
    .layout-type02 .mGoods-item {
        height: 610px
    }
    .desc .intro-img img {
        max-width: 100%
    }
}

@media (max-width:1399px) {
    .new-layout-type01 .mGoods-item {
        height: 1350px
    }
    .new-layout-type02 .mGoods-item {
        height: 740px
    }
	.new-layout-type03 .mGoods-item {
        height: 485px
    }
}
@media (max-width:1199px) {
	.new-layout-type01 .mGoods-item {
        height: 1100px
    }    
    .new-layout-type02 .mGoods-item {
        height: 610px
    }
	.new-layout-type03 .mGoods-item {
        height: 400px
    }
    .desc .intro-img img {
        max-width: 100%
    }
}

@media screen and (min-width:992px) {
    /* top.php */
    .header {
        padding-bottom: 20px
    }
    .header-top {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .header-top .logo a {
        display: inline-block;
        font-size: 36px;
        font-weight: 700;
        color: #fff;
        line-height: 1.2
    }
    .header-top .login ul li a {
        font-size: 0
    }
    .header-top .login img {
        margin-bottom: 5px
    }
    .header-top .login ul li:first-child {
        /* margin-right: 30px */
    }
    .header-top .login ul li a {
        cursor: pointer
    }
    .header-top .login ul li p {
        font-size: 12px;
        font-weight: 300;
        color: #fff
    }
    .menu .nav>li {
        display: inline-block;
        margin-right: 20px;
        vertical-align: middle
    }
    .nice-select {
        width: 90px;
        height: 32px;
        padding-right: 15px;
        background: transparent url(../images/header/icon04.png) no-repeat right center;
        color: #fff;
        border-top: none;
        border-bottom: 1px solid #fff;
        line-height: 30px
    }
    .nice-select span {
        display: inline-block;
        width: 100%;
        font-size: 14px;
        color: #ababab;
        overflow-x: hidden
    }
    .nice-select .option {
        font-size: 16px
    }
    .nice-select .option,
    .nice-select .list:hover .option:not(:hover) {
        background: #ededed;
        color: #333
    }
    .nice-select .list {
        width: 150px
    }
    .nav .button {
        width: 40px;
        height: 32px;
        padding: 0;
        line-height: 30px;
        border: 1px solid #fff;
        background: transparent;
        vertical-align: middle;
        font-size: 16px;
        text-align: center
    }
    .header .col-md-2 {
        margin-top: 20px
    }
    .header .col-md-2 a:hover {
        text-decoration: none
    }
    .header .col-md-2 span {
        color: #e0e0e0
    }
    /* main.php */
    .mGoods-item:hover figcaption.mask {
        bottom: 0;
    }
    .mGoods-item:hover ul.external {
        top: 0
    }
}
@media screen and (min-width:992px) and (max-width:1399px) {
    .modal-pop {
        left: 5%
    }
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .menu .nav>li {
        margin-right: 15px
    }
}
@media screen and (max-width:1024px) {
    .desc img {
        width: 100%
    }
}
@media screen and (max-width:991px) {
    /* top.php */
    .header-top {
        padding-top: 30px
    }
    .header-top .login ul li:first-child {
        margin-right: 15px
    }
    .header-top .logo a {
        display: inline-block;
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        line-height: 1.2
    }
    .navbar-header {
        position: absolute;
        top: -40px
    }
    .nav {
        position: absolute;
        top: 0;
        right: unset;
        left: 20px;
        z-index: 111;
        width: 355px;
        padding-top: 20px;
        background: #fff;
        border: 1px solid #000
    }
    .nav li {
        padding-left: 20px;
        padding-right: 20px
    }
    .nav .button {
        margin-bottom: 20px
    }
    #search {
        display: block;
        float: none;
        margin: 10px auto 0;
        padding-bottom: 5px
    }
    /* main.php */
    .layout-type01 .mGoods-item {
        height: 300px
    }
    .layout-type02 .mGoods-item {
        height: 465px
    }
	.new-layout-type01 .mGoods-item {
        height: 150px
    }
    .new-layout-type02 .mGoods-item {
        height: 300px
    }
	.new-layout-type03 .mGoods-item {
        height: 465px
    }
    .mGoods-item .mobile-overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .mGoods-item figcaption.mask.on {
        bottom: 0
    }
    .mGoods-item figcaption.mask h3 a {
        color: #fff;
        font-weight: 400
    }
    .layout-type01 .col-md-6 figcaption.mask h3 {
        font-size: 16px
    }
    .layout-type02 .col-md-6 figcaption.mask h3 {
        font-size: 22px
    }
	.new-layout-type01 .col-md-6 figcaption.mask h3 {
        font-size: 10px
    }
    .new-layout-type02 .col-md-6 figcaption.mask h3 {
        font-size: 16px
    }
	.new-layout-type03 .col-md-6 figcaption.mask h3 {
        font-size: 22px
    }
    .mGoods-item ul.external.on {
        top: 0
    }
    .modal-pop {
        top: 140px;
        left: 9%
    }
    /* detail.php */
    .mb120,
    .mb130 {
        margin-bottom: 65px
    }
    .mb150 {
        margin-bottom: 75px
    }
    .mb160,
    .mb180 {
        margin-bottom: 80px
    }
    .mb200,
    .mb230 {
        margin-bottom: 100px
    }
    .mb250,
    .mb290 {
        margin-bottom: 145px
    }
    .mb300 {
        margin-bottom: 150px
    }
    .mb320 {
        margin-bottom: 160px
    }
    .mb330 {
        margin-bottom: 165px
    }
    .mb360 {
        margin-bottom: 180px
    }
    .mb370 {
        margin-bottom: 185px
    }
    .mb380 {
        margin-bottom: 190px
    }
    .mb390 {
        margin-bottom: 195px
    }
    .mb400 {
        margin-bottom: 200px
    }
    .mb410 {
        margin-bottom: 205px
    }
    .mb420 {
        margin-bottom: 210px
    }
    .mb430,
    .mb440 {
        margin-bottom: 215px
    }
    .mb460,
    .mb480 {
        margin-bottom: 230px
    }
    .mb500 {
        margin-bottom: 250px
    }
    .mb520 {
        margin-bottom: 260px
    }
    .mb540 {
        margin-bottom: 270px
    }
    .mb560 {
        margin-bottom: 280px
    }
    .mb600 {
        margin-bottom: 300px
    }
    .mb640 {
        margin-bottom: 320px
    }
    .mb750 {
        margin-bottom: 375px
    }
    .mr190 {
        margin-right: 95px!important
    }
    .ml250 {
        margin-left: 125px!important
    }
    .pr100,
    .pr90 {
        padding-right: 50px!important
    }
    .pl100,
    .pl90 {
        padding-left: 50px!important
    }
    .pr150 {
        padding-right: 75px
    }
    .pl150 {
        padding-left: 75px
    }
    .pr200 {
        padding-right: 100px
    }
    .pl200 {
        padding-left: 100px
    }
    .layout02 .bg {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 130px;
    }
    .img-capture-all .pl100,
    .img-capture-all .pr100 {}
    /* bottom.php */
    ul.footer_box li {
        font-size: 11px
    }
    ul.footer_box li a {
        font-size: 11px
    }
    ul.footer_box {
        margin-bottom: 30px
    }
    /* search.php */
    .search_result {
        margin-top: 50px;
        margin-bottom: 30px
    }
    .search_result .result strong {
        font-size: 24px
    }
    .pagination {
        margin-bottom: 190px
    }
    /* agreement.php */
    .policy-section {
        margin-top: 60px
    }
    .policy-section .policy-content {
        height: 630px;
        overflow: auto
    }
}
@media screen and (max-width:767px) {
    /* common */
    .nanumEB {
        font-size: 30px!important
    }
    /* 로그인 */
    .login-section {
        margin-top: 40px
    }
    .login-section .shop_top {
        padding-bottom: 140px
    }
    .login-section .login-page h4,
    .login-section .login-title h4 {
        font-size: 22px
    }
    /* 회원가입 */
    .register-section {
        margin-top: 60px;
        margin-bottom: 140px
    }
    /* top.php */
    #search {
        padding-bottom: 15px
    }
    /* bottom.php */
    .footer {
        padding: 30px 0 15px
    }
    ul.footer_box h4 {
        padding-bottom: 25px;
        font-size: 18px
    }
    ul.footer_box h4:after {
        width: 10px
    }
    ul.footer_box h4,
    ul.team_list h4 {
        margin-bottom: 10px
    }
    /* main.php */
    .slide_content_wrap .title1 {
        font-size: 24px
    }
    .slide_content_wrap .title2 {
        font-size: 14px
    }
    .slide .slide_content {
        left: 20px;
        width: calc(100% - 40px);
        bottom: -40px;
    }
    .slide_content_wrap .button a {
        width: 200px;
        font-size: 14px
    }
    .layout-type01 .mGoods-item {
        height: 40vw
    }
    .layout-type02 .mGoods-item {
        height: 58vw
    }
	.new-layout-type01 .mGoods-item {
        height: 28vw
    }
    .new-layout-type02 .mGoods-item {
        height: 40vw
    }
	.new-layout-type03 .mGoods-item {
        height: 58vw
    }
    .bestGoodsList .mGoods-item {
        height: auto
    }
    .mGoods-item {
        margin-bottom: 0
    }
    .layout-type01 .top_box {
        margin-bottom: 10px
    }
    .layout-type01 .col-md-6 {
        padding-left: 5px;
        padding-right: 5px
    }
    figcaption.mask {
        padding: 20px 15px
    }
    .layout-type01 .col-md-6 figcaption.mask h3 {
        font-size: 11px
    }
    .layout-type02 .col-md-6 figcaption.mask h3 {
        font-size: 14px
    }
    .social_buttons_main {
        margin: 15px 0 0 0;
        padding-top: 15px
    }
    .social_buttons_main>li img {
        height: 14px
    }
    .slide_content_wrap .button a {
        display: none
    }
    .bestGoodsList .col-md-6 {
        width: 100%
    }
    .layout-type .inline {
        right: 10px;
        margin-top: -10px
    }
    .change-btn03,
    .change-btn04 {
        width: 21px;
        height: 20px;
        background-size: cover
    }
    .change-btn03 {
        margin-right: 10px
    }
    .modal-pop {
        top: 150px;
        left: 60px
    }
    /* detail.php */
    .single_right h3 {
        font-size: 30px
    }
    .single_right p.price2 {
        font-size: 30px
    }
    .single_right p.m_10:after {
        width: 16px
    }
    .single_right .btn1-default1 {
        width: 34px;
        height: 26px
    }
    .single_right .btn1-facebook {
        background-size: 8px
    }
    .single_right .btn1-kas {
        background-size: 8px
    }
    .single_right .btn1-kat {
        background-size: 16px
    }
    .single_right .btn1-url {
        background-size: 16px
    }
    .single_right .btn1-down {
        background-size: 16px
    }
    .desc {
        margin: 20px 0
    }
    .desc img {
        padding-left: 0;
        padding-right: 0
    }
    /* 22-07-21
    .desc .prd-info {
        padding-left: 0;
        padding-right: 0
    }
    */
    .desc .prd-info .color-table li {
        width: 10%
    }
    .desc .prd-info .size td {
        font-size: 13px
    }
    .desc .prd-info .check-point ul li {
        padding-left: 10px
    }
    .desc .prd-info p {
        font-size: 12px
    }
    .mb130 {
        margin-bottom: 30px
    }
    .mb150 {
        margin-bottom: 40px
    }
    .mb160 {
        margin-bottom: 40px
    }
    .mb200 {
        margin-bottom: 50px
    }
    .mb250,
    .mb290 {
        margin-bottom: 60px
    }
    .mb290 {
        margin-bottom: 70px
    }
    .mb300 {
        margin-bottom: 75px
    }
    .mb320 {
        margin-bottom: 80px
    }
    .mb330 {
        margin-bottom: 80px
    }
    .mb360 {
        margin-bottom: 90px
    }
    .mb370 {
        margin-bottom: 90px
    }
    .mb380 {
        margin-bottom: 95px
    }
    .mb390 {
        margin-bottom: 95px
    }
    .mb400 {
        margin-bottom: 100px
    }
    .mb410 {
        margin-bottom: 100px
    }
    .mb420 {
        margin-bottom: 105px
    }
    .mb430,
    .mb440 {
        margin-bottom: 105px
    }
    .mb460,
    .mb480 {
        margin-bottom: 115px
    }
    .mb500,
    .mb520 {
        margin-bottom: 120px
    }
    .mb540,
    .mb560 {
        margin-bottom: 130px
    }
    .mb600,
    .mb640,
    .mb750 {
        margin-bottom: 150px
    }
    .pl100,
    .pl90,
    .pl60,
    .pl70,
    .pl50 {
        padding-left: 30px!important;
    }
    .pr100,
    .pr90,
    .pr60,
    .pr70,
    .pr50 {
        padding-right: 30px!important;
    }
    .pl150,
    .pl200 {
        padding-left: 30px;
    }
    .pr150,
    .pr200 {
        padding-right: 30px;
    }
    .mr190 {
        margin-right: 45px!important;
    }
    .ml250 {
        margin-left: 45px!important;
    }
    .layout02 .bg {
        padding-left: 30px;
        padding-right: 30px;
    }
    /* search.php */
    .search-util>li:first-child {
        margin-left: 10px
    }
    .list_menu_sort select {
        height: 20px;
        line-height: 20px;
        padding-right: 15px;
        font-size: 14px
    }
    .pagination {
        margin-bottom: 90px
    }
}
@media screen and (max-width:600px) {
    .modal-pop {
        left: 20px;
        width: calc(100% - 40px);
        max-width: 300px
    }
}
@media screen and (max-width:480px) {
    /* top.php */
    .nav {
        width: calc(100% - 40px)
    }
    .navbar {
        float: none
    }
    /* index.php */
    .layout-type01 figcaption.mask {
        padding: 10px 5px
    }
    .layout-type01 .mGoods-item figcaption.mask h3 a {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px
    }
    .layout-type01 .social_buttons_main {
        margin: 10px 0 0 0;
        padding-top: 10px
    }
    .layout-type01 .social_buttons_main>li {
        margin-right: 8px
    }
    .layout-type01 .social_buttons_main>li:last-child {
        margin-right: 0
    }
    /* 검색페이지 */
    .search_result .result {
        font-size: 24px
    }
    /* detail.php */
    .header-top .login ul li:first-child {
        margin-right: 10px
    }
    .desc .prd-info .size td {
        font-size: 11px
    }
    .desc .prd-info .check-point ul li:first-child,
    .desc .prd-info .check-point ul li strong {
        font-size: 12px
    }
    .desc .prd-info .check-point>li {
        margin-top: 10px
    }
    .desc .prd-info .washing li {
        width: calc(100% / 3)
    }
    .desc .prd-info .check-point ul li {
        width: calc(100% / 3);
        padding-top: 5px;
        padding-bottom: 5px
    }
    .desc .prd-info .check-point ul li:first-child {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px
    }
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../../img/loading.gif) center no-repeat rgb(255,
    255,
    255,
    0.5);
}
.img-capture-all {
    /* height: 1px; */
}

.home-key {
  width: 190px;
  top: 130px;
  left: 5px;
}
.home-key-wrap1 {
  width: 100%;
  height: 0px;
  background-color: transparent;
  border-top: 32px solid #FC4B2D;
  border-right: 32px solid transparent;
  margin: 0;
  padding: 0;
}
.home-key-wrap2 {
  width: 100%;
  height: 0px;
  background-color: transparent;
  border-bottom: 32px solid #FC4B2D;
  border-right: 32px solid transparent;
  margin: 0;
  padding: 0;
}
.home-key-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
}
.home-key-btn button {
  height: 40px;
  background-color: transparent;
  color: #fff;
}
.close-pop {
  color: #fff;
}