/* STYLE */

@import url(bootstrap.css) screen;
@import url(owl.carousel.css) screen;
@import url(pe-icon-7-stroke.css) screen;
@import url(animate.min.css) screen;

/* 나눔폰트 정의 */
@font-face {
font-family: 'nanum_squarer_r';
src: url('../fonts/nanumsquarer.eot');
src: url('../fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
url('../fonts/nanumsquarer.woff') format('woff'),
url('../fonts/nanumsquarer.ttf') format('truetype'),
url('../fonts/nanumsquarer.svg#nanumsquarer') format('svg');
font-weight: normal;
font-style: normal;
}

/* ======================
   1. GENERAL SECTION
 ====================== */

* {
    margin: 0;
    padding: 0px;
}

html, body {overflow-x: hidden; z-index: 0;}

body {
    font-family: 'nanum_squarer_r', sans-serif;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    color: #656565;
    padding: 0;
    margin: 0;
    overflow: visible;
    background: url('../images/bg_all.jpg')
}

.hidden {
    display: none;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}
::-moz-selection {
    color: #555252;
    text-shadow: none;
    background: #2B2E31;
}
::-webkit-input-placeholder {
    color: #555252 !important;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: #555252 !important;
}
::-moz-placeholder  {
    /* Firefox 19+ */
    color: #555252 !important;
}
:-ms-input-placeholder {
    color: #555252 !important;
}
.contact-form .form-control::-webkit-input-placeholder{
    color: #9c9c9c !important;
}
.contact-form .form-control::-moz-placeholder{
    color: #9c9c9c !important;
}
.contact-form .form-control:-moz-placeholder{
    color: #9c9c9c !important;
}
.contact-form .form-control:-ms-input-placeholder{
    color: #9c9c9c !important;
}

*,*:after,*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
a {
    color: #d69b54;
    padding: 0;
    margin: 0;
    text-decoration: none;
}
a:hover,a:focus {
    text-decoration: none;
    color: #8c622f;
}
a img {
    border: none;
    vertical-align: bottom;
}
a.remove {
    display: block;
    height: 18px;
    width: 18px;
    margin: 10px;
    padding-left: 0 !important;
    text-indent: -9999px;
    background: url(images/remove.png) #01090C;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px
}
h1,h2,h3,h4,h5,h6 {
    letter-spacing: 0px;
    font-weight: normal;
    position: relative;
    padding: 0 0 10px 0;
    font-weight: normal;
    line-height: 140%;
    color: #01090c;
}
h1 {
    font-size: 22px;
}
h2 {
    font-size: 25px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 13px;
}
.lead {
    font-size: 18px;
    margin: 15px 0;
    padding: 0;
}
.first {
    clear: both
}
.last {
    margin-right: 0
}
audio,
video {
    max-width: 100%;
    height: auto;
}

iframe,embed,object {
    max-width: 100%;
}
input,textarea {
    color: #000 !important
}

html, body, .wrapper{
    height: 100%;
}
.titie-section{
    margin-bottom: 30px;
    display: block;
    position: relative;
}
.titie-section h1{
    width: 100%;
    margin: 0;
    display: block;
    text-align: left;
    font-size: 48px;
    color: #515151;
    font-weight: 900;
    text-transform: uppercase;
    /*background:url('../images/doted-divider_04.png') repeat-x bottom left; */
}

/*
    HEADER TOP SECTION
 */
.header-top-section{
    display: block;
    width: 100%;
    color: #fff;
    z-index: 99999;
}

.header-top-section .container {
    background: #d69b54;
}

.header-top-content{}
.header-top-content ul{}
.header-top-content ul li{}
.header-top-content ul li a{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding-left: 0;
    -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;
}
.header-top-content ul li a.active {
    background: #8c622f;
    padding-left: 15px;
    margin-right: 15px;
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}
.header-top-content ul li a:hover, .header-top-content ul li a:active, .header-top-content ul li a:focus{
    background: transparent;
    color: #000;
}
.header-top-content ul li:last-child a i{
    /*font-size: 20px;  */
    position: relative;
    top: 2px;
}

.header-top-menu{padding-right: 20px;}
.header-top-menu ul{}
.header-top-menu ul li{}
.header-top-menu ul li a{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;
}
.header-top-menu ul li a:hover, .header-top-menu ul li a:active, .header-top-menu ul li a:focus{
    background: transparent;
    color: #000;
}
.header-top-menu ul li.active a{
	background: transparent !important;
	color: #000000;
}

/*
    HEADER SECTION
 */
.header-section{
    display: block;
    width: 100%;
    position: fixed;
    z-index: 900000000000000;
}
header.header-section.fixed {
    position: fixed;
    display: block;
    width: 100%;
    top: 0;
    z-index: 900000000000000;
}

.header-section .container {
    padding: 20px 0;
    border-bottom: 1px solid #d69b54;
    background: #383838;
    transition: all 0.5s;
}

header.header-section.fixed .container {
    padding: 10px 0;
    border-bottom: 1px solid #d69b54;
    background: #383838;
    transition: all 0.5s;
}

header.header-section.fixed ul.navbar-nav li a,
header.header-section.fixed .navbar .navbar-brand {
    color: #fff;
    font-weight: 300;
}

.header-section .navbar{
    height: auto;
    min-height: none;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    background: transparent !important
}
.header-section .navbar .navbar-brand{
    font-size: 30px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
}
.header-section .navbar .navbar-brand b{
    color: #d69b54;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    text-align: left;
    padding: 0 !important;
    background: transparent !important;
}

ul.navbar-nav{
    background: transparent;
    margin: 0 auto;
    margin-bottom: -5px;
    display: inline-block;
    float: none;
}
ul.navbar-nav li {float: left;}
ul.navbar-nav li a{
    font-size: 16px;
    font-weight: 100;
    color: #fff !important;;
    background: transparent !important;
    text-transform: uppercase;
    -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;
}
ul.navbar-nav li.active a, ul.navbar-nav li a:hover{
    color: #d69b54 !important;
}
ul.navbar-nav.cart-menu li a{
    padding-right: 0;
    color: #0f0101;
    font-weight: 700;
}
ul.navbar-nav.cart-menu li a .fa-search{
    margin-top: 6px;
    display: block;
}

span.shoping-cart {
    border: 1px solid #0f0101;
    padding: 2px 7px 2px 6px;
    text-align: center;
    display: inline-block;
    position: relative;
    background: #fff;
}
span.shoping-cart:after{
    height: 90%;
    width: 80%;
    display: block;
    background: transparent;
    position: absolute;
    content: "";
    border: 1px solid #0f0101;
    border-radius: 50%;
    top: -47%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -9999;
}
span.shoping-cart:hover:after{
    top: -50%;
}

span.shoping-cart:before{
    height: 100%;
    width: 100%;
    display: block;
    background: #fff;
    position: absolute;
    content: "";
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -999;
}
span.shoping-cart {
    border: 1px solid #0f0101;
    padding: 2px 7px 2px 6px;
    text-align: center;
    display: inline-block;
    position: relative;
    background: #fff;
    z-index: 9999999;
    color: #d69b54;
}
/*
    SEAARCH SECTION
 */
.search-section{
    display: block;
    background: url(../images/bg.png) #d69b54 no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    padding: 40px 0 80px;
    display: none;
}
.suscribe-btn, .suscribe-btn:hover, .suscribe-btn:active, .suscribe-btn:focus{
    outline: none
}

/*
    SLIDER SECTION
 */
.slider-section{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
/*.slider-section:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: block;
    background: rgba(0, 0, 0, 0.52);
    z-index: 9
}*/

.slider-section img{
    display: block;
    width: 100%;
    height: auto;
}
.carousel-inner{
    position: relative;
}
.carousel-inner .item{}
.carousel-inner .item:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: block;
    background: rgba(0, 0, 0, 0.52);
    z-index: 9
}
.carousel-inner .item img{}
.carousel-inner .item .carousel-caption{
    top: 30%;
    z-index: 999;
}
.carousel-inner .item .carousel-caption h2{
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    text-shadow: none;
    color: #fff;
    margin: 0;
    padding: 0;
}
.carousel-inner .item .carousel-caption h2 b{
    color: #d69b54;
}

.carousel-inner .item .carousel-caption h3{
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    text-shadow: none;
    color: #fff;
    margin: 0;
    padding: 0;
}
.carousel-inner .item .carousel-caption h3 span{
    color: #d69b54;
}

.carousel-inner .item .carousel-caption a{
    display: inline-block;
    padding: 13px 30px;
    border: 2px solid #d69b54;
    color: #fff;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}
.carousel-inner .item .carousel-caption a:hover{
    background: #d69b54;
}
.carousel-control{
    background-image: none !important;
    box-shadow: none !important;
    background: #d69b54;
}

.carousel-control span{
    font-size: 90px !important;
    color: #fff;
    }
a.carousel-control.left, a.carousel-control.right{
    background: #d69b54 !important;
    background-image: none !important;
    box-shadow: none !important;
    width: 100px;
    height: 100px;
    background: #d69b54;
    text-align: center;
    position: absolute;
    top: 45%;
    border: none;
    display: block;
    text-align: center;
    z-index: 999;
}
a.carousel-control.left > span{
    position: absolute;
    top: 7px;
    margin: 0 auto;
    left: 5px;
}

a.carousel-control.right > span{
    position: absolute;
    top: 7px;
    margin: 0 auto;
    left: -5px;
}

.carousel-control.right{
    width: 0;
    height: 0;
    background: #d69b54;
   /* border-width: 50px 100px 50px 0;
    border-color: transparent #d69b54 transparent transparent;*/
}
.carousel-control.left{
    width: 0;
    height: 0;
    background: #d69b54;
    /*border-width: 50px 0 50px 100px;
    border-color: transparent transparent transparent #d69b54;*/
}
.carousel-control span{
    font-size: 100px;
    color: #fff;
}
.slider-indicators{
    display: none;
}

/*
    SERVICE SECTION
 */
.service-section{
    display: block;
    text-align: center;
    padding: 100px 0 80px;
}
.service-item{}
.service-item i{
    font-size: 70px;
    text-align: center;
}
.service-item h3{
    font-size: 18px;
    font-weight: 700;
    color: #555252;
    text-transform: uppercase;
}
.service-item p{
    font-size: 14px;
    font-weight: 300;
    color: #555252;
    line-height: 24px;
}
.service-item:hover h3, .service-item:hover i{
    color: #d69b54;
}

/*
    NEW PRODUCR SECTION
 */
.new-section{
    background: #e9f0fd;
    display: block;
    padding: 100px 0 80px;
}
.product-item{
    position: relative;
    margin-top: 30px;
    transition: all 0.5s
}
.product-item img{
    width: 100%;
    height: auto;
}

.product-hover{
    position: absolute;
    display: block;
    width: 100%;
    height: calc(100% - 40px);
    background: rgba(0, 0, 0, 0.5);
    top:0;
    border: 10px solid rgba(255, 255, 255, 0.55);
    text-align: center;
    transform: scale(0.1, 0.1);
    opacity: 0;
    transition: all 0.5s
}
.product-item:hover .product-hover{
    transform: scale(1, 1);
    opacity: 1;
}

.product-meta{
    display: block;
    margin-top: 35%;
}

.product-hover a{
    color: #fff;
    font-size: 16px;
    display: inline-block;
    border: 1px solid #fff;
    padding: 4.2%;
    margin: 5px;
}
.product-hover a i{
    font-size: 30px;
}

.product-hover a:last-child{
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    background: #323232;
    border: 1px solid #fff;
    margin: 5px 12%
}
.product-hover a:last-child i{
    font-size: 18px;
    margin-right: 5px;
}
.product-hover a:hover{
    background: #d69b54;
    border: 1px solid #d69b54
}

.product-title{
    display: block;
    background: #323232;
    width: 100%;
    bottom: 0;
    position: absolute;
    bottom: 0;
    height: 40px;
    overflow: hidden;
    transition: all 0.5s;
}
.product-item:hover .product-title{
    background:#d69b54;
}

.product-title h3{
    margin: 0;
    padding: 0;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    float: left;
    padding: 10px;
    padding-left: 15px;
}
.product-title span{
    display: block;
    background: rgba(255, 255, 255, 0.5);
    float: right;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding: 10px;
}

.sell-meta{
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: block;
    width: auto;
}
.sell-meta a{
    width: 70px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    padding:5px 10px;
    color: #555252;
    border: 1px solid #000;
}
.sell-meta a.new-item{
    float: left;
}
.sell-meta a.sell-item{
    float: right;
}

/*
    FEATURED SECTION
 */
.featured-section{
    display: block;
    padding: 100px 0 80px;
}
.filter-menu{
    display: block;
    text-align: center;
    margin: 30px 0 50px;
}
.filter-menu ul{
    display: inline-block;
    margin: 0 auto;
}
.filter-menu ul li{
    list-style: none;
    display: inline-block;
    position: relative;
    padding: 5px 15px;
    border: 1px solid #000;
    margin: 5px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}
.filter-menu ul li.active{
    background: #d69b54;
    border: 1px solid #d69b54;
    color: #fff;
}

.filter-menu ul li span{
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    color: #d69b54;
    font-weight: 700;
    display: block;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 50%;
    top: -55px;
    right: -20px;
    opacity: 0;
    transition: all 0.5s;
}
.filter-menu ul li.active span{
    opacity: 1;
    top: -22px;
    right: -5px
}

.featured .product-item{
    background: #e9f0fd
}

/*
    OFFER SECTION
 */
.offer-section{
    display: block;
    padding: 170px 0 130px;
    position: relative;
    width: 100%;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
    color: #fff;
}
.offer-section:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    background: rgba(0, 0, 0, 0.5)
}
.offer-section h1{
    font-size: 60px;
    font-weight: 900;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}
.offer-section h2{
    font-size: 38px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    padding: 0;
}

/*
    BEST SELLER SECTION
 */
.best-seller-section{
    display: block;
    padding: 100px 0 80px;
    position: relative;
    width: 100%;
    background: #e9f0fd
}

/*
    REVIEW SECTION
 */
.review-section{
    padding: 100px 0 60px;
    display: block;
    width: 100%;
}
.review-section .feedback{
    display: block;
    margin-top: 60px;
    text-align: center;
}
.feedback .item:before{
    display: none;
}
.feedback .item{
    text-align: center;
}
.feedback .item img{
    display: inline-block;
    margin: 0 auto;
    /*height: 225px;
    width: 225px;
    border-radius: 50%;*/
}
.feedback .item .carousel-caption{
    display: block;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 75%;
    text-shadow: none;
    margin-top: 30px;
}
.feedback .item .carousel-caption p{
    font-size: 14px;
    font-weight: 400;
    color: #515151 ;
    text-align: center;
    line-height: 24px;
}
.feedback .item .carousel-caption h3{
    font-size: 18px;
    font-weight: 700;
    color: #d69b54;
    text-align: center;
}
.feedback .item .carousel-caption span{
    font-size: 14px;
    font-weight: 400;
    color: #515151 ;
    text-align: center;
    line-height: 24px;
}

.review-controlar{
    position: relative;
    margin: 0 auto;
    display: inline-block;
    left: 0;
    right: 0;
    width: auto;
}
.review-controlar li{
    height: 85px;
    width: 85px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    position: relative;
    border: 5px solid #000;
    margin: 10px;
}
.review-controlar li.active{
    height: 85px;
    width: 85px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    position: relative;
    border: 5px solid #d69b54;
    margin: 10px;
}

.review-controlar li img{
    margin: 0 auto;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

/*
    NEWS LATTER SECTION
 */
.news-letter-section{
    display: block;
    background: url(../images/bg.png) #d69b54 no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    padding: 100px 0 80px;
}
.titie-section{}
.news-letter-section p{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    margin-top: 25px;
    display: block;
    overflow: hidden;
}

.subscribe-from{
    display: block;
    margin-top: 50px;
}
.form-inline{
    /*width: 100%;   */
    display: block;
    background: #fff;
    position: relative;
    padding: 0;
    border-radius: 10px;

}
.form-group{
    width: 100%;
    display: block;
}
.form-inline .form-group{
    margin-bottom: 0;
}

.subscribe-from .form-control{
    display: block;
    width: 100% !important;
    height: 100%;
    height: 63px;
    color: #000;
    font-size: 16px;
    padding: 20px;
}
.subscribe-from .form-control:hover, .subscribe-from .form-control:focus{
    box-shadow: none !important;
    outline: none;
}

.suscribe-btn{
    position: absolute;
    display: block;
    padding: 16px;
    width: 100px;
    background: #d69b54;
    border: none;
    bottom: 2px;
    top: 2px;
    right: 2px;
}
.suscribe-btn i{
    color: #fff;
    font-size: 25px;
}

/*
    CLIENT SECTION
 */
.client-section{
    display: block;
    padding: 100px 0 80px;
    background: #e9f0fd;
    display: block;
}
.client-area{
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
}
.client-area .item{}
.client-area .item img{
    width: 100%;
    height: auto;
    border: 1px solid #d69b54;
}

/*
    NEWS SECTION
 */
.news-section{
    display: block;
    padding: 100px 0 80px;
}
.news-section .titie-section{
    display: block;
    margin-bottom: 80px;
}
.blog-item{text-align:center;}
.blog-item img{
    width: 100%;
    height: auto;
}
.blog-item h3{
    font-size: 18px;
    font-weight: 600;
    color: #555252;
    display: block;
    line-height: 24px;
    position: relative;
    margin: 15px 0 ;
    padding: 0;
}
.blog-item h3:before{
    content: "";
    position: absolute;
    left: 0;
    width: 30%;
    height: 3px;
    display: block;
    background: #d69b54;
    bottom: -8px;
}

.blog-item p{
    font-size: 14px;
    font-weight: 40px;
    line-height: 24px;
    display: block;
    margin-top: 10px;
}
.blog-item a:last-child{
    display: inline-block;
    color: #fff;
    font-weight: 300;
    background: #d69b54;
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 3px;
    transition: all 0.5s;
}
.blog-item a:last-child:hover{
    background: #8c622f
}

/*
    CONTACT SECTION
 */
.contact-section{
  /*  background-size: 100%;   */
    background-position: center center;
    padding: 100px 0 80px;
    display: block;
    position: relative;
}
.contact-section:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.contact-section .titie-section{
    display: block;
    margin-bottom: 80px;
}
.contact-section .titie-section h1{
    color: #515151;
}
.contact-section .left-content{}
.contact-section .left-content h1{
    font-size: 72px;
    margin: 0;
    padding: 0;
    color: #515151;
    line-height: 1;
    font-weight: 300;
}
.contact-section .left-content h1 span{
    color: #d69b54;
}

.contact-section .left-content h3{
    color: #515151;
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 10px;
}
.contact-section .left-content p{
    color: #555252;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
.contact-section .left-content p b{
    color: #d69b54;
}

.contact-section .left-content p{}
.contact-info{
    display: block;
    margin-top: 10px;
}

.contact-info p{
    margin: 0;
}
.social-media{
    display: block;
    margin-top: 10px;
}
.social-media ul{
    margin: 0;
    padding: 0;
    display: block;
}
.social-media ul li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}
.social-media ul li a{
    color: #fff;
}
.social-media ul li a i{
    height: 35px;
    width: 35px;
    font-size: 20px;
    border: 1px solid #fff;
    text-align: center;
    padding: 7px 0;
}
.social-media ul li a:hover i{
    background: #d69b54;
    border: 1px solid #d69b54;
}
.contact-form{
    margin-top: 10px;
    display: block;
}
.contact-form .col-md-6{
    display: block;
    margin-bottom: 30px;
}

.contact-form .input-group{
    width: 100%;
    display: block;
}
.contact-form .input-group input.form-control, .contact-form .input-group textarea.form-control{
    width: 100%;
    display: block;
    background: transparent;
    border: 1px solid #cccccc;
    height: 50px;
}
.contact-form .input-group textarea.form-control{
    height: 150px;
}
.contact-form .input-group .form-control:focus, .contact-form .input-group .form-control:hover{
    border: 1px solid #d69b54;
    box-shadow: none;
    color: #d69b54 !important;
}

.contact-form .input-group input.contact-submit{
    display: inline-block;
    background: #d69b54 !important;
    padding: 10px 40px;
    border: none;
    color: #fff !important;
    margin-top: 30px;
    font-size: 16px;
    text-transform: uppercase;
}

/*
    FOOTER SECTION
 */
 footer.footer{
     font-family: '돋움', dotum;
     position: fixed;
     bottom: 0;
     width: 100%;
     display: block;
     text-align: center;
     color: #fff;
     z-index: -99999;
 }

 footer.footer .container{
     width: 100%;
     padding: 20px 0;
     background: #414141;
 }

footer.footer p{
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}
footer.footer p span{
    padding: 0;
    margin: 0;
    color: #fff;
    display: inline-block;
}

footer.footer p span.psm01{
    color: #d69b54;
    display: block;;
}

footer.footer p span.psm02{
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 10px;
}

footer.footer p span.psm02 img{
    margin-top: -10px;
}

/* PERLOADER */
#preloader{
    width: 100%;
    height: 100%;
    animation: preloader_6 5s infinite linear;
    background: #fff;
    display: block;
    text-align: center;
    position: fixed;
    z-index: 999999999;
}

.preloader-area {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
}
.preloader-area > .preloader-box {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    width: 186px;
}

.preloader-area .preloader-box > div {
    position: relative;
    width: 30px;
    height: 30px;
    background: #d69b54;
    float: left;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    color: #FFF;
}

    @-webkit-keyframes preloader {
      0% {
        box-shadow: -2em 0 0 #d69b54, 0 -2em 0 rgba(163, 189, 227, 0.75), 2em 0 0 rgba(163, 189, 227, 0.5), 0 2em 0 rgba(163, 189, 227, 0.25);
      }
      25% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.25), 0 -2em 0 #d69b54, 2em 0 0 rgba(163, 189, 227, 0.75), 0 2em 0 rgba(163, 189, 227, 0.5);
      }
      50% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.5), 0 -2em 0 rgba(163, 189, 227, 0.25), 2em 0 0 #d69b54, 0 2em 0 rgba(163, 189, 227, 0.75);
      }
      75% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.75), 0 -2em 0 rgba(163, 189, 227, 0.5), 2em 0 0 rgba(163, 189, 227, 0.25), 0 2em 0 #d69b54;
      }
      100% {
        box-shadow: -2em 0 0 #d69b54, 0 -2em 0 rgba(163, 189, 227, 0.75), 2em 0 0 rgba(163, 189, 227, 0.5), 0 2em 0 rgba(163, 189, 227, 0.25);
      }
    }
    @keyframes preloader {
      0% {
        box-shadow: -2em 0 0 #d69b54, 0 -2em 0 rgba(163, 189, 227, 0.75), 2em 0 0 rgba(163, 189, 227, 0.5), 0 2em 0 rgba(163, 189, 227, 0.25);
      }
      25% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.25), 0 -2em 0 #d69b54, 2em 0 0 rgba(163, 189, 227, 0.75), 0 2em 0 rgba(163, 189, 227, 0.5);
      }
      50% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.5), 0 -2em 0 rgba(163, 189, 227, 0.25), 2em 0 0 #d69b54, 0 2em 0 rgba(163, 189, 227, 0.75);
      }
      75% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.75), 0 -2em 0 rgba(163, 189, 227, 0.5), 2em 0 0 rgba(163, 189, 227, 0.25), 0 2em 0 #d69b54;
      }
      100% {
        box-shadow: -2em 0 0 #d69b54, 0 -2em 0 rgba(163, 189, 227, 0.75), 2em 0 0 rgba(163, 189, 227, 0.5), 0 2em 0 rgba(163, 189, 227, 0.25);
      }
    }
    .preloader {
      -webkit-animation: preloader;
              animation: preloader;
      -webkit-animation-duration: 1500ms;
              animation-duration: 1500ms;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      background-color: #d69b54;
      border-radius: 2px;
      box-shadow: -2em 0 0 #d69b54, 2em 0 0 #d69b54, 0 -2em 0 #d69b54, 0 2em 0 #d69b54;
      height: 1.5em;
      margin: 4em;
      width: 1.5em;
    }

/*
    RESPONSIVE STYLE
 */
@media (max-width: 1200px){
     .product-hover a {
        padding: 2%;
    }
    a.carousel-control.left, a.carousel-control.right{
        width: 70px;
        height: 70px;
    }
    a.carousel-control.right > span {
        top: -9px;
        left: -19px;
    }
    a.carousel-control.left > span {
        top: -6px;
        left: -11px;
    }
     .carousel-inner .item .carousel-caption h2, .carousel-inner .item .carousel-caption h3{
        font-size: 30px;
    }
    .carousel-inner .item .carousel-caption a{
        padding: 6px 15px;
    }
    .product-hover a:last-child {
        margin: 5px 25%;
        padding: 10px;
    }
}

@media (max-width: 992px){
    ul.navbar-nav li a{
        font-size: 12px;
    }
    .blog-item h3{
        font-size: 15px;
    }
    .blog-item p{
        font-size: 12px;
    }
    .blog-item a:last-child{
        font-size: 14px;
    }
    .contact-form .col-md-6 {
        display: block;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .carousel-caption {
        right: 15%;
        left: 15%;
        padding-bottom: 30px;
    }
}

@media (max-width: 767px){
    ul.navbar-nav {
        width: 100%;
        display: block;
        text-align: center;
		padding: 35px 10px 20px 10px;
    }
	ul.navbar-nav li a{
        font-size: 15px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        overflow: hidden;
    }
    ul.navbar-nav.cart-menu li a{
        padding: 15px 0;
    }
    .header-top-menu ul, .header-top-content ul{
        display: inline-block;
    }
    .header-top-menu, .header-top-content {
        text-align: center;
    }
    .titie-section h1{
        font-size: 26px;
		padding: 0;
    }
    .contact-form {
        margin-top: 30px;
        display: block;
    }
    .offer-section{
        padding: 60px 0 50px;
    }

    .offer-section h1{
        font-size: 30px;
    }
    .offer-section h2{
        font-size: 20px;
    }

	h2 {
		font-size: 19px;
	}

    .header-section{
        position: relative;
    }
}
@media (max-width: 620px){
    .header-top-content ul li a{
        font-size: 12px;
    }
    .header-top-menu ul li a{
        font-size: 12px;
		padding-left: 7px;
    }
     a.carousel-control.left, a.carousel-control.right{
        width: 70px;
        height: 70px;
        display: none;
    }
    a.carousel-control.right > span {
        top: -9px;
        left: -7px;
    }
    a.carousel-control.left > span {
        top: -6px;
        left: -11px;
    }
    .carousel-inner .item .carousel-caption h2, .carousel-inner .item .carousel-caption h3{
        font-size: 14px;
    }
    .carousel-inner .item .carousel-caption a{
        padding: 2px 10px;
        font-size: 12px
    }
    .product-hover a:last-child {
        margin: 5px 25%;
        padding: 10px;
        font-size: 12px;
    }
    .filter-menu ul li{
        display: block;
    }
    .carousel-inner .item .carousel-caption {
        top: 7%;
        z-index: 999;
    }
}


/* ########################### PSM 추가 ########################### */

.psm_all_bgw {position: fixed; top: 0; max-width: 1700px; width: 100%; height: 2000px; background: #fff; z-index: -99999999999999999999999;}

input[type="checkbox"] {
  -ms-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -o-transform: scale(1.4);
}

input[type="radio"] {
  -ms-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -o-transform: scale(1.4);
}

.titie-section h1.psm_h1_01 {
    text-align: center;
    color: #000;
    font-weight: 100;
    font-size: 70px;
}

.titie-section h1.psm_h1_02 {
    padding-top: 90px;
    text-align: center;
    color: #fff;
    font-weight: 100;
    font-size: 90px;
}


h3.psm_h3_01 {
    text-align: center;
    color: #fff;
    font-weight: 100;
}

h3.psm_h3_02 {
    text-align: center;
    color: #000;
    font-weight: 100;
}

label {cursor: pointer;}

h1, h2, h3, h4, h5, p {word-break: keep-all;}

.psm_bt_mar {margin-top: 50px; margin-bottom: 50px;}

.psm_h1_padding {padding-left: 30px; padding-right: 30px; padding-top: 50px; }
.psm_h3_padding {padding-left: 30px; padding-right: 30px;}

.psm_imov {border: 1px solid #fff;}
.psm_imov:hover {border: 1px solid #d69b54;}

.psm_tc {text-align: center;}

.psm_height_01 {height: 30px;}
.psm_height_02 {height: 60px;}

.select_box_02 {width: 100%;}

.psm_con_topbg {width: 100%; margin-top: -20px; margin-bottom: -40px;}
.psm_con_topbg img {width: 100%; height: 80px;}

.psm_color_01 {color:  #d69b54;}

.psm_section {position: relative; z-index: -1}
.psm_section .container {background: #fff;}
.psm_section .feedback{
    display: block;
    margin-top: 40px;
    text-align: center;
}


.psm_kiuo {text-align: center; margin: 0 auto; width: 780px;}

.psm_tabstyle {margin-bottom: 50px; border-bottom: 1px solid #ddd;}
.psm_iconstyle {padding-top: 50px;}

.psm_wsn {word-break: keep-all;}

@media (max-width: 991px) {
    .psm_brbn {display: none;}
	.psm_iconstyle {display: none;}
	.psm_fooleft {text-align: left;}
}

.psm_text_01 h1 {text-align: center;font-size: 1.8em; margin-bottom: 30px;}
.psm_text_01 h1 span {color:  #d69b54;}

.psm_text_02 h1 {text-align: center;font-size: 3em; margin-bottom: 50px; font-weight: bold;}
.psm_text_02 h1 span {color:  #d69b54;}

.psm_vs {vertical-align: sub;}
.psm_vm {vertical-align: middle;}

.psm_cb {clear: both;}

.psm_imk_01 {font-size: 1.2em; width: 150px; padding-top: 13px; color: #d69b54;}
.psm_imk_02 {float: left; margin-right: 5px;}
.psm_imk_03 {float: left;}

.psm_imk_05 {float: left; margin-right: 5px;}
.psm_imk_06 {float: left; width: 30px;}
.psm_imk_06 span {font-size: 1.3em; display: inline-block; padding-top: 13px;}
.psm_imk_07 {float: left; width: 70px; margin-right: 5px}
.psm_imk_08 {float: left; width: 100px;}
.psm_imk_08 span {font-size: 1.3em; display: inline-block; padding-top: 13px;}

.psm_imk_11 {float: left; font-size: 1.2em; width: 150px; padding-top: 13px;}
.psm_imk_12 {float: left; margin-right: 5px;}

.psm_imk_13 {float: left; width: 330px; vertical-align: middle; margin-bottom: 20px; background: #f4f4f4; padding: 8px;}
.psm_imk_14 {float: left; width: 150px; font-size: 1.2em; padding-top: 13px;}

ul.navbar-left li a {font-weight: 600;  text-align: center;}
ul.navbar-right li a {font-size: 12px; padding-right: 0; text-align: center;}

.psm_width_ipryeok {padding-top: 50px; padding-bottom: 60px;}

.psm_img_pc2 {display: block;}
.psm_img_mo2 {display: none;}

@media (max-width: 992px) {
	.psm_img_pc2 {display: none;}
	.psm_img_mo2 {display: block;}
}

@media (min-width: 769px) {
    .psm_img_pc {display: block;}
	.psm_img_mo {display: none;}
}

@media (max-width: 768px) {
   .psm_img_pc {display: none;}
	.psm_img_mo {display: block;}

	.fadeInUp{-webkit-animation-name:ppp;animation-name:ppp}
	.fadeInDown{-webkit-animation-name:ppp;animation-name:ppp}
	.fadeInLeft{-webkit-animation-name:ppp;animation-name:ppp}
	.fadeInRight{-webkit-animation-name:ppp;animation-name:ppp}

	.psm_kiuo {width: 100%;}
}

@media (min-width: 992px) {
    .psm_btm_02 {position: absolute; top:50px; right:0;}
}
@media(min-width: 769px) and (max-width: 991px) {
    .psm_btm_02 {position: absolute; top:20px; right:0;}
}
@media (max-width: 768px) {
    .psm_btm_02 {position: absolute; top:0px; right:0;}
}

@media (min-width: 1500px) {
    .psm_width_gesipan {
        padding-left: 300px;
        padding-right: 300px;
    }
	 .psm_width_ipryeok {
        padding-left: 200px;
        padding-right: 60px;
    }

	.psm_tabstyle {margin-left:0}
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .psm_width_gesipan {
        padding-left: 150px;
        padding-right: 150px;
    }
	 .psm_width_ipryeok {
        padding-left: 100px;
        padding-right: 40px;
    }

	.psm_tabstyle {margin-left:0}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .psm_width_gesipan {
        padding-left: 70px;
        padding-right: 70px;
    }
	 .psm_width_ipryeok {
        padding-left: 50px;
        padding-right: 20px;
    }

	.psm_tabstyle {margin-left:0}
}

@media (min-width: 768px) and (max-width: 991px) {
    .psm_width_gesipan {
        padding-left: 35px;
        padding-right: 35px;
    }
	 .psm_width_ipryeok {
        padding-left: 15px;
        padding-right: 15px;
    }

	.psm_tabstyle {margin-left:15px;}
}

@media (max-width: 768px) {
    .psm_width_gesipan {
        padding-left: 20px;
        padding-right: 20px;
    }
	 .psm_width_ipryeok {
        padding-left: 5px;
        padding-right: 5px;
    }

	.psm_tabstyle {margin-left:15px;}
}

@media (min-width: 561px) {
    .psm_imk_01 {float: left;}
    .psm_imk_02 {width: 50%;}
	.psm_imk_04 {clear: both; height: 15px;}
    .psm_imk_05 {width: 12.2%;}
	.toggle-title {padding: 15px;}
	.psm_line_02 {margin-bottom:35px; }
}

@media (max-width: 560px) {
    .psm_imk_01 {float: none;}
    .psm_imk_02 {width: 70%;}
	.psm_imk_04 {clear: both; height: 1px;}
    .psm_imk_05 {width: 30%;}
	.toggle-title {padding: 10px;}
	.psm_tm10_mo {margin-top: -10px;}
	.psm_tm20_mo {margin-top: -20px;}
	.contact-form .input-group input.form-control, .contact-form .input-group textarea.form-control { height: 40px;}
	.psm_bt_height {height: 40px; line-height: 9px;}
	.psm_line_02 {margin-bottom:5px; margin-top:10px; }
}

@media (min-width: 768px) {
    .psm_view_pc {display: block;}
    .psm_view_mo {display: none;}

    .psm_top_height {height: 110px;}
    .select_box_01 {width: 40%;}
    .psm_btm_01 {position: absolute; top:45px; right:0;}

    .psm_tgco_01 {width:50%; margin: 0 auto;}
    .psm_section {padding-top: 90px;}

	.psm_card_inp {width: 60%;}
}

@media (max-width: 767px) {
    .psm_view_pc {display: none;}
    .psm_view_mo {display: block;}
    .select_box_01 {width: 100%;}
    .psm_btm_01 {position: absolute; top:45px; right:15px;}

    .psm_tgco_01 {width:100%;  margin: 0 auto;}
    .psm_section {padding-top: 0px;}

	.psm_card_inp {width: 100%;}
}

@media (min-width: 1476px) {
    .psm_footer_height {position: relative; height: 111px;}
}

@media (min-width: 763px) and (max-width: 1475px) {
    .psm_footer_height {position: relative;height: 148px;}
}

@media (min-width: 454px) and (max-width: 762px) {
    .psm_footer_height {position: relative;height: 171px;}
}

@media (min-width: 410px) and (max-width: 453px) {
    .psm_footer_height {position: relative;height: 191px;}
}

@media (min-width: 344px) and (max-width: 409px) {
    .psm_footer_height {position: relative;height: 211px;}
}

@media (min-width: 331px) and (max-width: 343px) {
    .psm_footer_height {position: relative;height: 231px;}
}

@media (min-width: 293px) and (max-width: 330px) {
    .psm_footer_height {position: relative;height: 251px;}
}

@media (min-width: 0px) and (max-width: 292px) {
    .psm_footer_height {position: relative;height: 291px;}
}

@media (max-width: 992px){
    .psm_con_topbg img {height: 90px;}
	.blog-item {margin-bottom: 30px;}
}

.psm_line_01    {padding-bottom:12px; margin-bottom:40px; background:url('../images/doted-divider.png') repeat-x bottom left;}
.psm_line_02    {padding-bottom:12px; background:url('../images/doted-divider.png') repeat-x bottom left;}
.psm_line_03   {padding-bottom:12px; margin-top: 30px; background:url('../images/doted-divider.png') repeat-x bottom left;}
.psm_line_04   {padding-bottom:12px; background:url('../images/doted-divider.png') repeat-x bottom left;}

.psm_bottom_01 {padding-bottom: 30px;}

.file_psm			{height:30px;}
.psm_file_01		{padding-top:20px;}
.psm_file_02		{padding-top:10px;}
.psm_file_03		{padding-top:5px;}
.psm_file_04		{padding-top:15px; padding-left:20px; font-size:12px;}

.psm_inp_01 {height: 38px; padding-left: 8px; padding-right: 2px}

.psm_boatop01			{width: 100%; height:50px; text-align:left;}
.psm_boatop02			{height:50px; text-align:left; float: left;}
.psm_boatop03			{text-align:right; padding:5px 0px 10px 0px; float: right;}

.ui-icon { padding-top: 10px;}

.w100				{width:100%;}
.w200px				{width:200px;}
.h7px					{height:7px;}
.flol					{float:left;}

select {height: 38px;}

.thebogi				{width:100%; text-align:center; margin-top:55px;  font-weight:bold;}


/* Button
*****************************************************************************************************************/
.btn,  button  {
    text-transform:uppercase;
    display:inline-block;
     --webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
     text-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
     text-align:center;
     vertical-align:middle;
     cursor:pointer;
     -webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 -2px 0 rgba(0, 0, 0, 0.1) inset; box-shadow:0 -2px 0 rgba(0, 0, 0, 0.1) inset;
     color:#fff;
     background-color:#ff9701;
    -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;
}
.btn i   {font-size:14px; margin-right:3px;}
.btn:hover   {color:#fff; background-color:#676767;}

.btn.small   {padding:3px 12px; font-size:11px;}
.btn.small2  {padding:5px 12px; font-size:12px; margin-top:-1px;}
.btn.small3  {padding:9px 20px; font-size:13px;}
.btn.small4  {padding:5px 12px; font-size:12px; margin-top:-1px; border: 0; font-size: 1em;}
.btn.large   {padding:13px 33px; font-size:14px;}

.btn_brown   {background-color:#ff9701;}
.btn_green   {background-color:#80b500;}
.btn_red   {background-color:#C62020;}
.btn_pink   {background-color:#C71C77;}
.btn_orange   {background-color:#FA5B0F;}
.btn_yellow   {background-color:#FFB400;}
.btn_cyan   {background-color:#37B6BD;}
.btn_purple   {background-color:#6957AF;}
.btn_gray   {background-color:#808080;}
.btn_celadon   {background-color:#74AEA1;}


/* 게시판 관련
*****************************************************************************************************************/
.board_psm				{width:100%; margin:0px; padding:0px; border:0px; padding-top:15px; background:#999999; clear:both;  --webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.board_psm .psm_11	{width:9%; text-align:center; padding-bottom:15px; color:#fff; font-weight:bold; float:left;}
.board_psm .psm_12	{width:3%;  text-align:center; padding-bottom:15px; color:#fff; font-weight:bold; float:left;}
.board_psm .psm_13	{width:44%; text-align:center; padding-bottom:15px; color:#fff; font-weight:bold; float:left;}
.board_psm .psm_14	{width:13%; text-align:center; padding-bottom:15px; color:#fff; font-weight:bold; float:left;}
.board_psm .psm_15	{width:13%; text-align:center; padding-bottom:15px; color:#fff; font-weight:bold; float:left;}
.board_psm .psm_16	{width:9%; text-align:center; padding-bottom:15px; color:#fff; font-weight:bold; float:left;}

.board_psm_list					{width:100%; clear:both;}
.board_psm_list a div			{color:#4d4d4d;}
.board_psm_list a:hover div	{color:#d7642e;}
.board_psm_list .psm_11		{width:9%; text-align:center; padding-bottom:15px; float:left;}
.board_psm_list .psm_12		{width:3%;  text-align:center; padding-bottom:15px; float:left;}
.board_psm_list .psm_13		{width:44%; text-align:left; padding-bottom:15px; float:left;}
.board_psm_list .psm_13 img		{padding-left:5px; vertical-align: sub;}
.board_psm_list .psm_14		{width:13%; text-align:center; padding-bottom:15px; color:#5f9751;float:left;}
.board_psm_list .psm_15		{width:13%; text-align:center; padding-bottom:15px; float:left;}
.board_psm_list .psm_16		{width:9%; text-align:center; padding-bottom:15px; float:left;}

.table_psm01						{width:100%;  background:#F8F8F8; border:1px solid #e0e0e0;}
.table_psm01 tr td				{font-size: 1.1em;}
.table_psm01  .psm_41			{width:20%; text-align:center; background:#f1f1f1; border-right:1px solid #e0e0e0;}
.table_psm01  .psm_42			{width:60%; padding-left:30px;}
.table_psm01  .psm_43			{width:20%; text-align:center;}
.table_psm01  .psm_44			{width:80%; padding-left:30px;}
.table_psm01  .psm_45			{height:8px; font-size:0px;padding:0px;}

.psm_dabgul						{background:#f4f4f4; padding:25px 30px 10px 30px; border:1px solid #e0e0e0;}
.psm_dabgul .psm_51			{float:left; color:#5f9751;font-weight:bold; font-size:14px;}
.psm_dabgul .psm_52			{float:right;}
.psm_dabgul .psm_52 a		{color:#d7642e}
.psm_dabgul .psm_52 a:hover		{color:#4d4d4d}
.psm_dabgul .psm_52 font	{color:#dddddd}
.psm_dabgul .psm_53          {padding-top:5px; clear:both;}

.psm_dabgul02					{width:100%; background:#f4f4f4;}
.psm_dabgul02 .psm_61		{width:100%; padding-top:20px; text-align:center;}

.text_psmin							{width:100%; text-align:center; background:#f4f4f4;}

.psm_josu_01						{position:relative; width:100%; top:-38px; left:0px;}
.psm_josu_02						{position:absolute; top:0px; right:20px; text-align:right; padding-top:0px;}

.psm_jemuk			{float:left; padding-bottom:8px; margin-top:-1px; font-weight: bold;}
.psm_jemuk_bt		{float:right; padding:6px 0px;}

.psm_gesi_in			{padding:30px 15px 25px 15px; font-size: 1.1em;}

.psm_gesi_dab		{padding:0px 15px 20px 15px; font-size:14px;}

.psm_dutgul_01		{width:150px; padding:20px 25px 15px 25px; font-weight:bold;font-size:13px; text-align:center; color:#4d4d4d; background:#e6e6e6;}

.psm_dutgul_area	{background:#ffffff;width:100%; height:30px;}
.psm_dutgul_area_02	{background:#ffffff;width:100%; height:300px;}
.psm_dutgul_area_03	{background:#ffffff;width:100%; height:250px; margin-bottom:20px;}
.psm_dutgul_area_04	{background:#ffffff;width:100%; height:250px; margin-bottom:20px;}

.psm_input_01	{background:#ffffff;width:100%;}
.psm_input_02	{background:#ffffff;width:100%;}

.psm_input_03	{background:#ffffff;width:50%;}
.psm_input_04	{background:#ffffff;width:41.8%;}
.psm_input_05	{background:#ffffff;width:13%;}

.psm_dutgul_bt		{width:99.7%; text-align:right; vertical-align:bottom; margin:15px 0px;}

.psm_gesi_gum01		{width:230px; display:inline-block; padding:0px 15px 10px 0px;}
.psm_gesi_gum02		{width:235px; display:inline-block; padding-bottom:10px;}

.psm_title   {font-size:15px; padding:5px 15px 5px 15px; background:#999999; color:white; margin-bottom:0px; --webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.psm_gesi_bt				{text-align:right;}
.psm_gesi_bt a			{margin-top: 3px;}

.psm_gesi_bt2				{text-align:center;}
.psm_gesi_bt2 a			{}

.psm_mar_b50				{margin-bottom:50px;}

.btn2 {text-transform:uppercase; font-size:13px; padding:6px 22px; display:inline-block; --webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.1); text-align:center; vertical-align:middle; -webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 -2px 0 rgba(0, 0, 0, 0.1) inset; box-shadow:0 -2px 0 rgba(0, 0, 0, 0.1) inset; color:#fff; background-color:#ff9701;}

/* 페이징
*****************************************************************************************************************/
.sir_pg_wrp				{clear:both;margin:10px 0 20px;text-align:center; position:relative;}
.sir_pg a					{display:inline-block;color:#656d70;vertical-align:top;}
.sir_pg span.pg_num, .sir_pg strong.pg_curpage	{display:inline-block;padding:0 10px; margin-top:10px; height:30px;background:#e4eaec;font-size:13px;line-height:2.2em !important;line-height:2.2em; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.sir_pg a:hover span.pg_num, .sir_pg a:hover span.pg_curpage	{background:#ffc288; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.sir_pg strong.pg_curpage    {background:#fc8d24;color:#fff;}
.sir_pg .pg_img			{display:inline-block;position:relative;padding:0 5px;width:20px;height:30px;background:url('../images/is_common.png');background-color:#c5cfd3;overflow:hidden; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.sir_pg .pg_img:hover	{background-color:#ffc288; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.sir_pg .pg_start			{background-position:-40px -4px; margin-top:10px; width: 30px;}
.sir_pg .pg_prev			{background-position:-59px -4px; margin-top:10px; margin-right:10px; width: 30px;}
.sir_pg .pg_next			{background-position:-77px -4px; margin-top:10px; margin-left:10px; width: 30px;}
.sir_pg .pg_end			{background-position:-99px -4px; margin-top:10px; width: 30px;}


/* Table
*****************************************************************************************************************/
table   {}
table thead, table tfoot   {}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td   {font-size:12px; line-height:18px;}
table thead tr th,
table tfoot tr td   {padding:8px 10px 9px; font-size:14px; font-weight:bold; color:#222;}
table thead tr th:first-child, table tfoot tr td:first-child   {border-left:none;}
table thead tr th:last-child, table tfoot tr td:last-child   {border-right:none;}
table tbody tr.even,
table tbody tr.alt   { }
table tbody tr:nth-child(even){ }
table tbody tr td   {padding:9px 10px; border:none;}


/* Blockquote
*****************************************************************************************************************/
blockquote, blockquote p   {line-height:20px; color:#777;}
blockquote   {margin:0 0 18px; padding:9px 20px 0 19px; border-left:1px solid #ddd;}
blockquote cite   {display:block; font-size:12px; font-size:1.2rem; color:#555;}
blockquote cite:before   {content:"\2014 \0020";}
blockquote cite a, blockquote cite a:visited   {color:#555;}
hr   {border:solid #ddd; border-width:1px 0 0; clear:both; margin:12px 0 18px; height:0;}
.hr2   {border:solid #ddd; border-width:1px 0 0; clear:both; margin:0px; height:0;}
.hr3   {border:solid #bfbfbf; border-width:1px 0 0; clear:both; margin:0px 0 18px; height:0;}
abbr, acronym   {text-transform:uppercase; font-size:90%; color:#222; border-bottom:1px solid #ddd; cursor:help;}
abbr   {text-transform:none;}

/* Accordion */
ul.st-accordion   {margin-left:0px;}
ul.st-accordion li   {margin-bottom:10px; list-style:none;}
.acc-title   {cursor:pointer; font-size:14px; padding:0px 13px; background:#4c4c4c; color:white; margin-bottom:0px; position:relative; --webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.acc-title .icon-chevron-down   {position:absolute; right:13px; top:10px; font-size:12px; top:14px;}

.acc-title.acc-title-active .icon-chevron-down   {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;}

.acc-content   {display:none; padding:10px 10px 10px 10px; color:#999999; background:#2e2e2e; -o-transition:.0s; -ms-transition:.0s; -moz-transition:.0s; -webkit-transition:.0s; --webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

/* Toggle */
ul.st-toggle   {margin:0px; padding:0px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
ul.st-toggle li   {margin-bottom:20px; list-style:none;}
.toggle-content   {display:none;  padding:40px 20px 50px 20px; background:#ffffff; color:#999999; -o-transition:.0s; -ms-transition:.0s; -moz-transition:.0s; -webkit-transition:.0s;}
.toggle-title   {cursor:pointer; font-size:15px; background:#999999; color:white; margin-bottom:0px; position:relative; --webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.toggle-title2   {font-size:12px; padding:0px 15px 0px 15px; background:#f4f4f4; color:#4d4d4d;}
.toggle-content_02   {display:none; -o-transition:.0s; -ms-transition:.0s; -moz-transition:.0s; -webkit-transition:.0s;}
.st-toggle .icon-plus,.st-toggle .icon-minus   {position:absolute; font-size:13px; top:5px; right:20px; opacity:0;}
.st-toggle .icon-plus   {opacity:1;}
.st-toggle .toggle_current .icon-plus   {opacity:0;}
.st-toggle .toggle_current .icon-minus   {opacity:1;}

.st-toggle .font_psm01   {display:inline-block; width:100%;height:40px; overflow:hidden;}
.st-toggle .font_psm02   {position:absolute; font-size:12px; top:27px; right:190px; text-align:right;}
.st-toggle .font_psm03   {position:absolute; font-size:12px; top:27px; right:100px;  text-align:right;}
.st-toggle .font_psm04   {position:absolute; font-size:12px; top:27px; right:15px;  text-align:right;}

.psm_dabgul						{background:#f4f4f4; padding:25px 30px 10px 30px; border:1px solid #e0e0e0;}
.psm_dabgul .psm_51			{float:left; color:#5f9751;font-weight:bold; font-size: 1.1em;}
.psm_dabgul .psm_52			{float:right;}
.psm_dabgul .psm_52 a		{color:#d7642e}
.psm_dabgul .psm_52 a:hover		{color:#4d4d4d}
.psm_dabgul .psm_52 font	{color:#dddddd}
.psm_dabgul .psm_53          {padding-top:5px; font-size: 1.1em; clear:both;}

.psm_dabgul02					{width:100%; background:#f4f4f4;}
.psm_dabgul02 .psm_61		{width:100%; padding-top:20px; text-align:center;}

/* psm 테이블 */
.psm_table_ban {width: 100%;}
.psm_table_ban table {width: 100%; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc;}
.psm_table_ban table th, .psm_table_ban table td {border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 1.1em;}
.psm_table_ban table th {background: #a6a6a6; color: #fff; text-align: center; padding: 10px; }
.psm_table_ban table td {text-align: center; padding: 10px; white-space: normal;  word-break: break-all;}


/* 카드신청 */
.psm_card_01 {background: #ddd;}
.psm_card_02 {background: #ddd}
.psm_card_03 {text-align: center;}
.psm_card_03 img.psm_01  {max-width: 100%;}
.psm_card_03 img.psm_03  {max-width: 100%; margin-top: 50px;}
.psm_card_04 {display: inline-block; padding:20px;}
.psm_card_04 input.psm_01 {display: inline-block; margin-right: 10px;}
.psm_card_04 img.psm_02 {width: 210px;}
.psm_card_05 {padding-top: 40px; padding-bottom: 20px;}
.psm_card_bt {display: block; border:0; padding: 3px 6px; background: #444; color: #f4f4f4; font-size: 0.9em; margin: 0 auto; margin-top: 20px;}





.psm_card_mb {margin-bottom: 80px;}
.psm_card_all_01 {padding: 20px;}
.psm_card_all_02 {padding:0;}
.psm_card_all_03 {color: #d0591e;}
.psm_card_all_04 {margin:0 auto !important;}
.psm_card_all_04 img {width: 100%;}

.psm_card_all_05 {padding-left: 20px; padding-right: 20px;}
.psm_card_all_05_in {background: url('../images/bg_card2.jpg') center center; border: 1px solid #b5b5b5; padding-top: 20px; padding-bottom: 10px;}


.psm_card_inp {padding: 20px; margin: 0 auto; }

.psm_card_tl {text-align: left; font-weight: bold;}
.psm_card_text {text-align: left;}
.psm_card_w100 {width:100%;}
.psm_card_m0 {margin:0}
.psm_card_p0 {padding:0}
.psm_card_h200 {height: 200px;}
.psm_card_st {display: block; border:0; padding: 3px 6px; margin-top: 20px; margin-bottom:0; color: #444; font-size: 1.1em; text-align: center;}


.psm_table_ca {width: 100%; text-align: center;}

.psm_table_ca td {text-align: center;}
.psm_table_ca td {height: 40px;}

.psm_table_ca td.td01 {width: 100px; font-size: 1.1em; vertical-align: middle; text-align: left; padding-left: 20px !important; color: #fff;}

.psm_table_ca td.td02 {vertical-align: middle; text-align: left;}

.psm_table_ca td.td02 input.psm_01, .psm_table_ca td.td02 select.psm_01 {width: 100%;; height: 35px; font-size: 1.1em; vertical-align: middle; text-align: left; border: 1px solid #ccc; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #fff;}


.psm_table_ca td.td03 {vertical-align: middle; text-align: left; padding-top: 20px !important;  font-size: 1em; color: #fff;}

.psm_card_kf {text-align: center; font-weight: bold; color: #933030; font-size: 1.3em;}

.psm_table_ca td.td03 input.psm_ch {vertical-align: top; }
.psm_table_ca td.td03 span.span_01 {padding-left: 10px; display: inline-block;}


/* 팝업 */
.psm_pop_bg {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;  background: #000000; filter:alpha(opacity=60); opacity:.6; z-index: 9999999999999;}
.psm_pop_incon {position:fixed; background: #ffffff; z-index: 9999999999999; box-shadow: 0px 5px 5px #444444; border: 1px solid #8a8a8a;}
.psm_pop_title {text-align: center; background: #ff9701; color: #ffffff; padding: 15px;}


.psm_pop_body {text-align: center;}
.psm_pop_body h3 font {font-weight: bold; color: #ff9701;}


@media (min-width: 768px) {
	.psm_pop_incon {top: 50%; left: 50%; width: 500px; height: 300px; margin: -150px 0 0 -250px;}
}

@media (max-width: 767px) {
	.psm_pop_incon {top: 5%; left: 5%; width: 90%; height: 200px; margin: 0;}
}