/* GLOBAL STYLE
--------------- */

body {
    font-family: 'Nanum Gothic', 'Open Sans', sans-serif;
}


/* Container space */

.container {
    padding-right: 80px !important;
    padding-left: 80px !important;
    margin-right: auto;
    margin-left: auto;
}


/* Customize IMG Padding, Margin */

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

.img-responsive {
    width: 100%;
}


/*---------------------------------- 
            THE CAROUSEL
------------------------------------ */


/* Carousel base class */

#main-carousel-container {
	background-color: #eee;
}

#main-carousel-container2 {
	width: 100%;
	max-width: 1470px;
	margin: 0 auto;
	
}


/*------------------------------------ 
            NAVIGATION
-------------------------------------- */


/* Add a dark background color with a little bit see-through */

.navbar {
    margin-bottom: 0;
    /* background-color: #C23808; */
    border: 0;
    font-size: 15px !important;
    font-weight: 800;
    letter-spacing: 1px;
    /* opacity: 0.9; */
}

.navfirlast {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

#main-navbar .navbar-right li {
    word-spacing: 3px;
}

#main-navbar .navbar-right li a {
    margin: 0 -5px;
}


/* Add a gray color to all navbar links */

.navbar li a,
.navbar .navbar-brand {
	font-size: 17px;
    color: #045f04 !important;
}


/* The active link */

.navbar-nav li.active a {
    color: #ffffff !important;
    background-color: #29292c !important;
}


/* Remove border color from the collapsible button */

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-brand > img {
    height: 40px;
    margin-top: -10px !important;
}

.divider {
    margin: 1px !important;
}


/* On hover, the dropdown links will turn red */

.dropdown-menu li a:hover {
    background-color: #C23808 !important;
}


/*------------------------------------ 
            MAIN INFORMATION
-------------------------------------- */

.main_info {
    margin-top: 50px;
    padding-bottom: 30px;
}

.main_info .col-md-6 {
    padding: 0;
}

.main_visitor_info {
    font-size: 15px;
}

.main_info .input-group {
    float: right;
    margin-top: -6px;
}


/*------------------------------------ 
            TODAY'S CONTENT
-------------------------------------- */

#today_content {
    margin-top: 20px;
}

.price {
    font-size: 20px;
    color: #C23808;
    border-top: 1px solid #d6d6d6;
    padding-top: 5px;
}

.price strike {
    color: #000000;
}

.price i {
    font-size: 20px;
    font-weight: 900;
    color: dimgray;
}

.discount_rate {
    float: right;
    color: #fff;
    background-color: #C23808;
    padding: 0 10px;
    font-weight: 900;
}

.sub_info {
    clear: both;
    color: #C23808;
    margin-top: 10px 0;
    border-bottom: 1px solid #d6d6d6;
}

.sub_info .star {
    font-size: 25px;
}

.sub_info .visitor {
    font-size: 18px;
    float: right;
    font-weight: bold;
    margin-top: 5px;
}


/*------------------------------------ 
            SERVICE TABS
-------------------------------------- */

#service_tab {
    margin-top: 40px;
}

#service_tab img {
    padding-top: 20px;
}

#today_content p,
#service_tab p {
    text-align: justify;
}


/*------------------------------------ 
                MODAL
-------------------------------------- */

.modal1 h1,
.modal2 h1 {
    font-size: 40px;
    color: #C23808;
    padding-bottom: 20px;
}

.modal1 h3 {
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
    padding-bottom: 10px;
}

.modal1 p {
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    padding-bottom: 20px;
    color: 9f9f9f;
}

.modal1 span {
    color: #C23808;
}

.modal2 label {
    letter-spacing: 5px;
    font-size: 16px;
}

.modal2 .form-group button {
    background-color: #C23808;
    letter-spacing: 5px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}


/*------------------------------------ 
                FOOTER
-------------------------------------- */

#footer {
    border-top: 1px solid #d6d6d6;
    padding: 5px 0;
    margin-top: 100px;
}

.footer_logo {
    text-align: center;
}

.footer_info_content {
    margin: 5px;
    padding: 0;
    text-align: right;
}


/*------------------------------------- 
        PRODUCT DETAIL INFO HTML
        PRODUCT DETAIL HEADER
--------------------------------------- */


/* 왼쪽 */

.de_header {
    margin: 40px 0 45px 0;
}

.de_header_tag {
    margin-bottom: 5px;
}


/* 오른쪽 */

.de_header_content {}

.de_header_content h3 {
    font-size: 23px;
    font-weight: bolder;
    margin: 0;
}

.de_header_price_box {
    overflow: hidden;
    margin-top: 30px;
    position: relative;
    height: 130px;
}

.de_header_price_box_tag {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #cf8f78;
    padding: 36px 0 0 13px;
}

.de_header_price {
    margin: 10px 0 0 130px;
    font-size: 15px;
}

.de_header_price span {
    font-size: 15px;
    color: #D5C2C5;
    margin-bottom: 10px;
}

.de_header_price strong {
    font-size: 30px;
    color: #000000;
}

.de_header_purchased_box {
    overflow: hidden;
    background: #D5C2C5;
    padding: 20px 25px;
}

.de_header_purchased_box_tag {
    font-size: 15px;
    font-weight: bold;
}

.de_header_purchased_box_tag span {
    font-size: 20px;
    color: #C23808;
}


/*------------------------------------- 
        PRODUCT DETAIL INFO HTML
        PRODUCT DETAIL TAB
--------------------------------------- */

#de_tab #myTabContent {
    border: 1px solid #d7d7d7;
    border-top: none;
    padding: 30px 0;
}

.de_alert {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}


/* PRODUCT DETAIL TAB INFORMATION BOX  */

#product_detail,
#inquiry {
    padding: 0 20px 0 20px;
}

.de_tab_info {
    padding: 50px 0 25px 0;
}

.de_tab_info_box {
    overflow: hidden;
    background: #fafafa;
    border: 1px solid #d7d7d7;
    margin: 10px 0;
}

.de_tab_info_box dl {}

.de_tab_info_box dt {
    font-weight: bold;
    padding: 12px 0 10px 20px;
    border-bottom: 1px solid #d7d7d7;
    font-weight: bold;
}

.de_tab_info_box dd {
    padding: 20px 20px 5px 20px;
    line-height: 25px;
}

.de_tab_info_box p {
    font-size: 13px;
    text-align: justify;
    padding: 0;
    margin: 0;
}


/* PRODUCT DETAIL */

#product_detail .text-center {
    margin: 50px 0;
}

.de_alert span {
    color: #C23808;
}

#googleMap {
    margin-bottom: 40px;
}


/* INQUIRY CONTENT */

.de_inquiry_box {
    /* margin: 50px 0; */
    padding: 10px 0 40px 0;
}

.de_inquiry_content dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.de_inquiry_content dt span {
    color: #C23808;
}

.de_inquiry_content dd {
    padding-left: 30px;
    font-size: 15px;
    line-height: 25px;
}

.de_inquiry_content button {
    height: 60px;
    font-size: 17px;
    color: #fff;
    background: #282D32;
}

#review {
    padding: 0 20px;
}

.de_review_tag {
    font-size: 20px;
    font-weight: bolder;
    padding: 20px 0 10px 0;
}


/* COMMENT */

.de_comment_box textarea {
    resize: none;
    height: 100px;
    margin: 0 20px 0 20px;
}

.de_comment_box .rate_wrap {
    padding: 10px 30px;
}

.de_comment_box .rate_wrap button {
    font-size: 30px;
    letter-spacing: -15px;
}

.de_comment_box .de_comment_submit button {
    margin: 0 20px 0 0;
    height: 100px;
    background: #C23808;
    color: #fff;
}


/* Donghyun css*/

.coment_wrap {
    padding: 0 20px;
    margin-top: 40px;
}

.user_coment_zone:after {
    display: block;
    content: '';
    clear: both;
}

.coment_rate {
    color: #ea6262;
    font-size: 30px;
    letter-spacing: 1.5px;
}

.coment_contents {
    font-size: 15px;
    padding: 0 5px 0 5px;
    float: left;
}

.coment_date {
    float: right;
}

.hide_label {
    text-indent: -9999px;
}

#coment {
    box-sizing: border-box;
    border-radius: 10px;
    width: 90%;
    height: 70px;
}

.coment_form {
    height: 70px;
}

.form_textarea {
    float: left;
    height: 70px;
    width: 80%;
}

.form_submit {
    position: relative;
    float: left;
    height: 70px;
}

.coment_submit {
    position: absolute;
    top: 5px;
    background: #c62632;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 20px;
}

.coment_split {
    margin: 10px 0;
}

.coment_regist_zone {
    display: none;
}

.admin_coment_zone {
    position: relative;
    font-size: 12px;
    padding: 7px;
}

.coment_arrow {
    position: absolute;
    left: 10px;
    top: 10px;
}

.admin_coment_contents {
    padding: 2px 0 0 25px;
    font-size: 15px;
}

.rate {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: #ea6262;
}

.rate:focus {
    outline: none;
}


/*------------------------------------ 
            CATEGORIZED HTML
-------------------------------------- */

#categorized_wrapper h2 {
    margin-bottom: 10px !important;
}

.categorized_content_wrapper {
    padding: 10px 0;
}


/*------------------------------------ 
            RESPONSES
-------------------------------------- */

@media (max-width:1200px) {
    .container {
        padding-right: 20px !important;
        padding-left: 20px !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}


/* 중간 기기들 (데스크탑, 992px 이상) */

@media (max-width: 992px) {
    .main_info .input-group {
        margin: 7px 0 0 0;
    }
    /* 992px 보다 작을 때 각 상품 하단에 25px */
    #today_content .col-md-4 {
        margin-bottom: 25px;
    }
    .categorized_content_wrapper {
        padding: 0 !important;
    }
    /* 992px 보다 작을 때 각 상품 하단에 25px */
    .categorized_content_wrapper .col-md-4 {
        margin-bottom: 25px;
    }
    /* 992px 보다 작을 때 각 상품 상단에 25px */
    #service_tab .img-responsive {
        padding-top: 25px;
    }
}