@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;500;700&display=swap');*/
@import url('font-notosanskr.css');

:root {
    --main-point-color:  #776E64;
    --main-point-color2 : #DB5E4E;
    --main-point-color3 : rgb(243, 243, 240);
    --main-point-color4 : #b28226;
    --main-point-color-warning : #ffc107;
}
body {
    background:  #ffffff;
    font-family: 'Noto Sans KR', 'Malgun Gothic', 'Nanum Gothic', sans-serif !important;
    font-weight:  300;
    font-size: 14px;
    letter-spacing: -0.02em;
    /*color: #4c4c4c;*/
    color: #282523;
    padding:  0px !important;
    margin:  0px !important;
    box-sizing:  border-box;
}



/* common ********************/

#wrap {
    /*min-width:  1200px !important;*/
}
.bg-main-point-color { background-color: var(--main-point-color); }
.bg-main-point-color2 { background-color: var(--main-point-color2); }
.bg-main-point-color3 { background-color: var(--main-point-color3); }
.bg-main-point-color4 { background-color: var(--main-point-color4); }
.bg-main-point-color-warning { background-color: var(--main-point-color-warning); }

.margin-clear       { margin: 0px !important; }
.margin-clear-left  { margin-left: 0px !important; }
.margin-clear-right { margin-right: 0px !important; }
.margin-clear-top   { margin-top: 0px !important; }
.margin-clear-bottom  { margin-bottom: 0px !important; }

.padding-clear       { padding: 0px !important; }
.padding-clear-left  { padding-left: 0px !important; }
.padding-clear-right { padding-right: 0px !important; }
.padding-clear-top   { padding-top: 0px !important; }
.padding-clear-bottom  { padding-bottom: 0px !important; }

.no-data    { color: #f06eaa; font-size: 16px;}
.help       { cursor: pointer; }
.strong     { font-weight:  700; }
.unico_brown { color: var(--main-point-color); }

.width-s { width:  50px !important; }
.width-m { width:  100px !important; }
.width-l { width:  200px !important; }
.width-full { width : 100% !important; box-sizing: border-box !important;  }

.tooltip-inner {
    max-width: 500px;
    padding:  10px 20px;
    text-align: left;
}

.form-control {
    font-weight:  300 !important;
}
.form-select {
    font-size:  14px !important;
    font-weight:  300 !important;
    min-width: 150px !important;
}
.form-check{
    display: inline-block !important;
    padding:  0px !important;
}
.form-check label {
    color:  #4c4c4c !important;
    font-weight:  300 !important;
}
.form-check label.form-check-label {
    /*min-width:  100px !important;*/
    width:  auto !important;
}
.form-check-input[type=radio], .form-check-input[type=checkbox] {
    margin-top:  18px !important;
    margin-right:  5px !important;
}

.form-switch .form-check-input {
    width:  50px;
    height:  22px;
    margin-top: 13px !important;
}
.form-switch .form-check-input:checked {
    background-color:  #3699ff;
    border-color:  #3699ff;
}
.form-switch .form-check-input + label {
    margin-top: -3px;
}
.form-switch .form-check-input + label:after {
    content: "Off";
    font-size:  12px;
    line-height:  12px;
    color:  #aaa;
    margin-left:  -30px;
}
.form-switch .form-check-input:checked + label:after {
    content: "On";
    font-size:  12px;
    line-height:  12px;
    color:  #fff;
    margin-left:  -45px;
}


.btn > i {
    padding-right:  5px;
}
.btn.btn-mainbanner {
    background:  rgba(255, 255, 255, 0.75);
    border:  none;
    color:  var(--main-point-color);
    font-family:  'Noto Sans KR';
    font-weight:  400;
}
.btn.btn-mainbanner:hover {
    background:  rgba(255, 255, 255, 0.9);
    color:  var(--main-point-color);
}
.btn.btn-card-more {
    background:  var(--main-point-color4) !important;
    border:  none;
    font-size:  14px;
}
button.btn.default {
    background: #e1f0ff;
    color: #3699ff;
    height: 30px !important;
    border-radius: 5px !important;
    line-height: 15px;
    font-size:  15px;
}
button.btn.default:hover {
    background: #3699ff;
    color: #fff;
    height: 30px !important;
    border-radius: 5px !important;
    line-height: 15px;
}
button.btn.default.close {
    background:  #aaa !important;
    color:  #fff;
}
button.btn.default.close:hover {
    background:  #666 !important;
}
.panel .panel-body button.btn.default {
    background: #fff;
    color: #3699ff;
    height: 31px !important;
    border: #3699ff 1px solid;
    border-radius: 5px !important;
    font-size:  14px;
    line-height:  21px;
    padding:  4px 12px !important;
    margin-top:  -3px !important;
}
.panel .panel-body button.btn.default:hover {
    background: #e1f0ff;
    color: #3699ff;
    height: 31px !important;
    border: #fff 1px solid;
    border-radius: 5px !important;
    font-size:  14px;
    line-height:  21px;
    padding:  4px 12px !important;
    margin-top:  -3px !important;
}

table {
    line-height:  30px;
}
table .form-check-input[type=checkbox] {
    margin-top:  10px !important;
}

.hash-tag {
    color:  var(--main-point-color2);
    font-size:  14px;
    line-height:  18px;
}


.breadcrumb {
    /*justify-content:  flex;*/
    height:  20px;
    margin-bottom:  20px;
    text-align:  center;
}
.breadcrumb ul {
    padding:  0px !important;
}
.breadcrumb ul li {
    display:  inline-block;
    color:  var(--main-point-color) !important;
}
.breadcrumb ul li:last-child {
    font-weight:  500;
    color:  #262626;
}
.breadcrumb ul li:not(:last-child)::after {
    font-family:  "FontAwesome";
    font-weight:  300;
    color:  #999;
    content:  "\f105";
    padding:  0px 15px;

}

.has_link {
    cursor:  pointer;
}
/* /common ********************/


/* header ********************/
header {
    height: 80px;
}
header.change-color {
    /*background:  rgba(0, 0, 0, 0.8);*/
}
header .container-fluid {
}
header .navbar {
    padding:  0px;
}
header .navbar-brand {
    width:  120px;
    height:  80px;
    background:  none;
    margin-right:  40px;
    box-shadow:  none;
    padding:  10px 0px 0px 0px !important;
    /*background:  url("../../assets/images/common/logo_unico_awning_white.png") no-repeat center center;*/
    background:  url("../../assets/images/common/logo_titan_white.png") no-repeat center center;
    background-size:  contain;
}
header .navbar-light .navbar-brand {
    /*background:  url("../../assets/images/common/logo_unico_awning_black.png") no-repeat center center;*/
    background:  url("../../assets/images/common/logo_titan_black.png") no-repeat center center;
    background-size:  contain;
    -webkit-transition: all 0.3s ease-in-out;
}
header ul.navbar-nav {
    height:  40px;
    margin-top:  20px;
}
header ul.navbar-nav li {
    display: inline-block;
    margin-right: 30px;
    color: #fff;
    font-size:  16px;
    font-weight:  500;
    line-height:  40px;
}
header ul.navbar-nav li .nav-link {
    padding:  0px !important;
}
header ul.navbar-nav li .nav-link.active {
    color:  var(--main-point-color) !important;
}
header .navbar_2nd ul li a {
    font-size:  14px;
    font-weight:  300;
}
.navbar-dark .navbar-toggler {
    margin-top:  30px;
    color:  #fff;
    border:  none !important;
}
.navbar-dark .navbar-toggler:focus {
    border:  none !important;
    box-shadow:  none !important;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}
.navbar-dark .nav-link {
    color:  rgba(255, 255, 255, 0.8) !important;
}
.navbar-dark .nav-link:hover {
    color:  rgba(255, 255, 255, 1) !important;
}
.navbar-dark .navbar-nav .opt .nav-link {
    font-size:  14px;
    color:  rgba(255, 255, 255, 0.5) !importnt;
}
.navbar-nav li.btn_contact {
    background:  var(--main-point-color4);
    padding-left:  10px;
    padding-right:  10px;
    border-radius:  3px;
    cursor:  pointer;
    margin-right:  10px;
}
.navbar-nav li.btn_estimate {
    background:  var(--main-point-color2);
    padding-left:  10px;
    padding-right:  10px;
    border-radius:  3px;
    cursor:  pointer;
}
.navbar-light .navbar-nav li.btn_contact a {
    color:  #fff !important;
}
.navbar-light .navbar-nav li.btn_estimate a {
    color:  #fff !important;
}


.navbar-light .navbar-toggler {
    margin-top:  30px;
    color:  #fff;
    border:  none !important;
}
.navbar-light .navbar-toggler:focus {
    border:  none !important;
    box-shadow:  none !important;
}
.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}
.navbar-light .nav-link {
    color:  rgba(0, 0, 0, 0.8) !important;
}
.navbar-light .nav-link:hover {
    color:  rgba(0, 0, 0, 1) !important;
}
.navbar-light .navbar-nav .opt .nav-link {
    font-size:  14px;
    color:  rgba(0, 0, 0, 0.5) !importnt;
}
/* /header ********************/


/* carousel ********************/
.carousel {
    margin-top:  -80px;
    margin-bottom:  60px;
    height:  700px;
}
.carousel-item {
    height:  700px;
}
.carousel-item:first-child {
    background-repeat:  no-repeat;
    background-size:  cover;
    background-position:  center center;
}
.carousel-item.dark-overlay {
    position:  relativve;
}
.carousel-item.dark-overlay:after {
    content:  "";
    display: block;
    position:  absolute;
    top: 0;
    bottom:  0;
    left:  0;
    right:  0;
    background:  rgba(0, 0, 0, 0.25);
}
.carousel-item.dark-gradient-overlay {
    position:  relativve;
}
.carousel-item.dark-gradient-overlay:after {
    content:  "";
    display: block;
    position:  absolute;
    top: 0;
    bottom:  0;
    left:  0;
    right:  0;
    background:  linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 75%);
}
.carousel-item.dark-gradient-overlay.toLeft:after {
    content:  "";
    display: block;
    position:  absolute;
    top: 0;
    bottom:  0;
    left:  0;
    right:  0;
    background:  linear-gradient(270deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 75%);
}
.carousel-item video {
    width:  100%;
    object-fit:  fill;
    position:  absolute;
}
.carousel-item img {
    width:  100%;
    height:  auto !important;
}

.carousel-item h1 {
    font-weight:  800;
    /*font-family:  'Nanum Myeongjo', serif;*/
    font-family:  'Poppins', sans-serif;;
    font-size:  50px;
}
.carousel-item p {
    font-weight:  300;
}
.carousel-caption {
    bottom:  200px;
}
.carousel-caption.text-start {
}
/* /carousel ********************/


/* main ********************/
main {
    height:  auto !important;
    max-height:  auto !important;
}
section {
    margin-bottom:  60px;
}
section h1 {
    margin-bottom:  20px;
    font-size:  30px;
    letter-spacing:  -0.05em;

}
section h1:after {
    border:  #333 2px solid;
}

section.flagship {
    border-bottom:  #eee solid 1px;
    padding-bottom:  20px;
}
section.showroom {
    position:  relative;
    background:  url("../../assets/images/banner/banner_main_showroom_01.jpg") center center;
    background-size:  cover !important;
    height:  300px;
    cursor:  pointer;
}
section.showroom .container:before {
    content:  "";
    display: block;
    position:  absolute;
    top: 0;
    bottom:  0;
    left:  0;
    right:  0;
    background:  rgba(0, 0, 0, 0.5);
}
section.showroom .container {
    height:  100%;
}
section.showroom .container > .row {
    height:  100%;
    color:  rgba(255, 255, 255, 0.75);
    font-family:  'Poppins', sans-serif;;
    font-weight:  600;
    font-size:  60px;
}
section.event {
    display:  none;
}
section.event .container {
    height:  100%;
    /*background:  url("../../assets/images/banner/banner_event_01.jpg") center center;*/
    background-size:  cover !important;
}
section.contact {    
    background:  var(--main-point-color);
    color:  #fff;
    padding:  40px 0px;
}
section.contact .txt {
    min-height:  300px;
    background:  url("../../assets/images/common/bg_contact.png") no-repeat 0% 100%;
    background-size:  80%;
}
section.contact h1 {
    font-size:  50px;
    font-family:  'Poppins', sans-serif;;
    font-weight:  600;
}
section.contact p {
    font-size:  16px;
}
section.contact input, section.contact select, section.contact textarea {
    background:  rgba(255, 255, 255, 0);
    border:  none;
    border-bottom: #fff 1px solid;
    color:  #fff;
}
section.contact input:focus, section.contact select:focus, section.contact textarea:focus {
    background:  rgba(255, 255, 255, 0);
    color:  #fff;
}
section.contact select option {
    /*background-color:  var(--main-point-color) !important;*/
    background-color:  rgba(0, 0, 0, 0.7) !important;
    -webkit-appearance: none;
}
section.contact input:disabled, section.contact select:disabled, section.contact textarea:disabled {
    background:  rgba(255, 255, 255, 0);
    color:  #fff;
}
section.contact input::placeholder, section.contact textarea::placeholder {
    color:  rgba(255, 255, 255, 0.5);
}
section.contact .privacy strong {
    font-size:  18px;
}
section.portfolio .notice {
    color:  var(--main-point-color);
    font-size:  16px;
    border:  #eee 1px solid;
    border-radius:  5px;
    padding:  10px;
}
.container-contents {
    width:  100%;
    padding:  0px !important;

}
.main_contents {
    padding:  0px !important;
    margin:  0px !important;
}
.panel .panel-footer {
    padding:  15px;
    border-top: rgba(221, 221, 211, 1) 1px solid;;
}
.panel.panel-default {
    border-radius: 10px !important;
    border: 0px !important;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 5px ;
    margin-bottom:  20px;
}



.new {

}

.card {
    border:  none;
    cursor:  pointer;
    padding:  0px 10px;
}
.card .card-img-wrap {
    width:  100%;
    height:  200px;
    background:  rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.card .card-img {
    width:  100%;
    height:  100%;
}
.card .card-img:hover {
    -webkit-transform: scale(1.1,1.1);
    -webkit-transition: all 0.3s ease-in-out;
}
.card .card-img.kedry_skylife {
    background:  url("../../assets/images/thumb/img_600x600_kedry_skilife_01.jpg") center -10px !important;
    background-size:  cover !important;
}
.card .card-img.kedry_prime {
    background:  url("../../assets/images/thumb/img_600x600_kedry_prime_01.jpg") center -80px !important;
    background-size:  cover !important;
}
.card .card-img.qubica_plumb {
    background:  url("../../assets/images/thumb/img_600x600_qubica_plumb_01.jpg") center -80px !important;
    background-size:  cover !important;
}
.card .card-img.unico_bs21 {
    background:  url("../../assets/images/thumb/img_600x600_unico_bs21_01.jpg") center -80px !important;
    background-size:  cover !important;
}
.card .card-img.unico_s21 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_01.jpg") center 0px !important;
    background-size:  cover !important;
}
.card .card-img.awning {
    background:  url("../../assets/images/thumb/img_600x600_awning_01.jpg") center -80px !important;
    background-size:  cover !important;
}
.card .card-img.pergolas {
    background:  url("../../assets/images/thumb/img_600x600_pergolas_01.jpg") center -80px !important;
    background-size:  cover !important;
}
.card .card-img.screen {
    background:  url("../../assets/images/thumb/img_600x600_screen_01.jpg") center -80px !important;
    background-size:  cover !important;
}
.card .card-img.canopy {
    background:  url("../../assets/images/thumb/img_600x600_canopy_01.jpg") center -80px !important;
    background-size:  cover !important;
}
.card .card-img.glass_roof {
    background:  url("../../assets/images/thumb/img_600x600_glass_roof_01.jpg") center -80px !important;
    background-size:  cover !important;
}
.card .card-img.fabric {
    background:  url("../../assets/images/thumb/img_600x600_fabric_01.jpg") center -80px !important;
    background-size:  cover !important;
}

.card .card-img.portfolio_01 {
    background:  url("../../assets/images/thumb/img_600x350_portfolio_folding_01.jpg") 0px 0px !important;
    background-size:  cover !important;
}
.card .card-img.portfolio_02 {
    background:  url("../../assets/images/thumb/img_600x350_portfolio_folding_02.jpg") 0px 0px !important;
    background-size:  cover !important;
}
.card .card-img.portfolio_03 {
    background:  url("../../assets/images/thumb/img_600x350_portfolio_folding_03.jpg") 0px 0px !important;
    background-size:  cover !important;
}
.card .card-img.portfolio_04 {
    background:  url("../../assets/images/thumb/img_600x350_portfolio_folding_04.jpg") 0px 0px !important;
    background-size:  cover !important;
}
.card .card-body {
    padding:  20px 0px;
}
.card .card-body .card-title {
    font-family:  'Poppins', sans-serif;;
    font-weight:  600;
}
.card .card-body .card-title.kr {
    font-family:  'Noto Sans KR', sans-serif;;
    font-weight:  500;
    color:  var(--main-point-color);
}
.card .card-body .card-text {
    font-size:  16px;
    color:  rgba(0, 0, 0, 0.7);
    margin-bottom:  10px;
}
.card .card-img.showroom_01 {
    background:  url("../../assets/images/thumb/img_600x350_showroom_01.jpg") center 0px !important;
    background-size:  cover !important;
}
.card .card-img.showroom_02 {
    background:  url("../../assets/images/thumb/img_600x350_showroom_02.jpg") center 0px !important;
    background-size:  cover !important;
}
.card .card-img.showroom_03 {
    background:  url("../../assets/images/thumb/img_600x350_showroom_03.jpg") center 0px !important;
    background-size:  cover !important;
}
.card .card-img.ci_en {
    background:  url("../../assets/images/common/logo_unico_awning_color_en.png") center 0px !important;
    background-size:  cover !important;
}
.card .card-img.ci_kr {
    background:  url("../../assets/images/common/logo_unico_awning_color_kr.png") center 0px !important;
    background-size:  cover !important;
}

.block {
    padding:  0px 10px;
    margin-bottom:  30px;
}
.block .block-img-wrap {
    display:  inline-block;
    margin:  0px;
    height:  200px;
    background:  rgba(0, 0, 0, 0.1);
    overflow:  hidden;
}
.block .block-img {
    width:  100%;
    height:  100%;
}
.block .block-img:hover {
    -webkit-transform: scale(1.1,1.1);
    -webkit-transition: all 0.3s ease-in-out;
}
.block .block-img.awning {
    background:  url("../../assets/images/thumb/img_600x600_awning_01.jpg") center -80px !important;
    background-size:  100% !important;
}
.block .block-body {
    display:  inline-block;
    margin:  -50px 0px 0px 20px;
    padding:  30px 20px;
    background:  #f3f2f0;
    height:  200px;
}

.block .block-body .block-title {
    font-weight:  600;
}
.block .block-body .block-text {
    font-size: 16px;
}

.event .notice {
    height:  200px;
    padding:  20px 20px;
    border:  #eee 1px solid;
    border-radius:  5px;    
}

.event .notice h1 {
    font-size:  20px;
    color:  var(--main-point-color2);;
}
.event .notice p {
    font-size:  16px;
} 
.event .banner {
    width:  100%;
    height:  200px;
    background:  rgba(0, 0, 0, 0.05);    
    background-size:  cover !important;
    cursor:  pointer;
}

.wrap_agreement {
    display:  block;
    margin:  10px 0px 0px 0px;
    cursor:  pointer;
}
.wrap_agreement input[type=checkbox] {
    margin-right:  5px;
}

.wrap_agreement.focus {
    color:  var(--main-point-color-warning);
}

.btn_more_info {
    cursor:  pointer;
}
.btn_more_info:hover {
    color:  var(--main-point-color2) !important;
    font-weight:  bold;
}
/* /main ********************/




/* quick ********************/
#side_quick_wrap {
    position:  fixed;
    float:  right;
    /*margin-right:  -250px;*/
    margin-right:  -10px;
    right:  0px;
    top:  30px;
    width:  300px;
    min-height:  50px;
    cursor:  pointer;
    z-index:  9999;
    -webkit-transition: all 0.5s ease-in-out;
}
#side_quick_wrap.close {
    margin-right:  -220px;
    -webkit-transition: all 0.5s ease-in-out;
}
#side_quick_btn {
    float:  left;
    margin-top:  10px;
    width:  30px;
    height:  30px;
    background:  rgba(0, 0, 0, 0.6);
    cursor:  pointer !important;
    color:  #fff;
    text-align:  center;
    line-height:  30px;
}
#side_quick_wrap:hover #side_quick_btn {
    background:  rgba(0, 0, 0, 1);
}
#side_quick_wrap #side_quick_btn i {
    transform:  rotate(0deg);
    -webkit-transition: all 0.7s ease-in-out;
}
#side_quick_wrap.close #side_quick_btn i {
    transform:  rotate(180deg);
    -webkit-transition: all 0.7s ease-in-out;
}
#side_quick {
    float:  left;
    width:  270px;
    padding:  20px 10px 0px 10px;
    background:  rgba(255, 255, 255, 0.9);
    cursor:  pointer;
    border:  rgba(0, 0, 0, 0.1) 1px solid;
    box-shadow: rgba(0, 0, 0, 0.5) -5px 5px 10px ;
}
#side_quick:hover {
    margin-right:  0px;
    background:  rgba(255, 255, 255, 0.9);
    -webkit-transition: all 0.3s ease-in-out;
}
#side_quick i {
    display:  inline-block;
    float:  left;
    margin-right:  10px;
    width:  30px;
    height:  30px;
    background:  var(--main-point-color2);
    color:  #fff;
    border-radius:  50%;
    text-align:  center;
    line-height:  30px;
}
#side_quick i.fa-mobile {
    font-size:  24px;
}
#side_quick i.fa-phone {
    font-size:  20px;
}
#side_quick .txt {
    display:  inline-block;
    border-bottom:  #eee 1px solid;
    margin-bottom:  10px;
    width:  calc(100% - 40px);
}
#side_quick h1 {
    font-size:  14px;
    font-weight:  300;
    margin-bottom:  0px;
    color:  #999;
}
#side_quick p {
    font-size:  16px;
    font-weight:  700;
    margin-bottom:  10px;
    color:  var(--main-point-color);
}
#side_quick p a {
    color:  var(--main-point-color);
    text-decoration:  none;
}
/* /quick ********************/


/* main > sub ********************/

section.heading {
    margin-top:  -80px;
    padding-top:  120px;
    background-color:  #fff;
    height:  250px;
}
section.heading.heading-lg {
    height:  450px;
    margin-bottom:  120px;
    background-color:  var(--main-point-color3);
    /*background-color:  #fff;*/
}
section.heading.heading-lg .heading-bg {
    filter:  blur(5px);
    -webkit-filter:  blur(5px);
    width:  100%;
    height:  100%;
    background-position:  center;
    background-repeat:  no-repeat;
    background-size:  cover;
}
section.heading.heading-lg > .container {
}

section.heading.dark-overlay {
    position:  relative;
    color:  #fff;
}
section.heading.dark-overlay:after {
    content:  "";
    display: block;
    position:  absolute;
    top: 0;
    left:  0;
    right:  0;
    height:  100%;
    background:  rgba(0, 0, 0, 0.725);
}
section.heading h1 {
    font-weight: 700;
    font-size:  36px;
}
section.heading p {
    font-size:  16px;
    color: var(--main-point-color);
}
section.heading.heading-lg h1 {
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
}
section.heading.folding {
    /*background:  url("../../assets/images/common/bg_heading_folding01.jpg") center 0px;*/
}
section.heading.about {
    height:  auto !important;
    margin-bottom:  60px !important;
    
}
section.heading.about .intro_box {
    height:  500px;
}
section.heading.about h1 {
    margin-bottom:  40px;
}


section.category_list {
    margin-bottom:  40px;
}
section.category_list:last-child {
    margin-bottom:  60px;
}
section.category_list h1 {
    font-size:  26px;
    color:  var(--main-point-color);
    padding-left: 10px;
    margin-bottom:  10px;
}
section.category_list .thumb {
    position:  relative;
    margin-bottom:  20px;
    padding:  0px 5px;
    border-radius:  5px;
    overflow:  hidden;
}
section.category_list .thumb .thumb-img {
    width:  100%;
    height:  200px;
    background-color:  rgba(240, 240, 245, 1);
    background-size:  cover;
    background-repeat:  none;
    overflow:  hidden;
}
section.category_list .thumb .thumb-img a {
    position:  relative;
    display:  flex;
    top:  0px;
    left:  0px;
    width:  100%;
    height:  100%;
    vertical-align:  text-bottom !important;
    color:  #fff;
    font-weight:  500;
    text-decoration:  none;
    font-size:  18px;
    padding:  20px;    
    background:  linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.4) 100%);
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    font-weight:  600;
}
section.category_list .thumb .thumb-img a span {
    position:  absolute;
    bottom:  20px;
}
section.category_list .thumb .thumb-img a:hover span {
    bottom:  25px;
    -webkit-transition: all 0.3s ease-in-out;
}
section.category_list .thumb .thumb-img.folding {
    background:  url("../../assets/images/thumb/img_600x350_folding_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.unico_bs21 {
    background:  url("../../assets/images/thumb/img_600x350_unico_bs21_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.qubica_flat {
    background:  url("../../assets/images/thumb/img_600x350_qubica_flat_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.qubica_plumb {
    background:  url("../../assets/images/thumb/img_600x350_qubica_plumb_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.unico_s21 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.gennius_a100 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_a100_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.gennius_vega {
    background:  url("../../assets/images/thumb/img_600x350_gennius_vega_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.kedry_skylife {
    background:  url("../../assets/images/thumb/img_600x350_kedry_skylife_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.kedry_prime {
    background:  url("../../assets/images/thumb/img_600x350_kedry_prime_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.hydra {
    background:  url("../../assets/images/thumb/img_600x350_hydra_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.zip_screen {
    background:  url("../../assets/images/thumb/img_600x350_zip_screen_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.screeny {
    background:  url("../../assets/images/thumb/img_600x350_screeny_01.jpg") 0px 0px;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.screeny_box {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_01.jpg") 0px 0px;
    background-size:  cover;
}

section.category_list .thumb .thumb-img.shade_mate {
    background:  url("../../assets/images/thumb/img_600x350_shade_mate.jpg") center center;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.fabric_solid {
    background:  url("../../assets/images/thumb/img_600x350_fabric_solid.jpg") center center;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.fabric_stripe {
    background:  url("../../assets/images/thumb/img_600x350_fabric_stripe.jpg") center center;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.fabric_waterproof {
    background:  url("../../assets/images/thumb/img_600x350_fabric_waterproof.jpg") center center;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.fabric_screen {
    background:  url("../../assets/images/thumb/img_600x350_fabric_screen.jpg") center center;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.fabric_deco {
    background:  url("../../assets/images/thumb/img_600x350_fabric_deco.jpg") center center;
    background-size:  cover;
}
section.category_list .thumb .thumb-img.fabric_zip_screen {
    background:  url("../../assets/images/thumb/img_600x350_fabric_zip_screen.jpg") center center;
    background-size:  cover;
}
section.partners {

}
section.partners p {
    font-size:  16px;
    line-height:  24px;
}
section.partners .img_partners {
    background:  url("../../assets/images/common/img_partners.jpg") no-repeat center -20px;
    background-size:  contain;

}
section.about_showroom {
    /*background:  var(--main-point-color3);*/
    padding:  50px 0px;  
    text-align:  center;
}
section.about_showroom p {
    font-size:  16px;
}
section.about_showroom .card {
    margin-bottom:  10px;
}

.intro_box {
    margin-bottom:  50px;
    padding:  50px;
    height:  400px;
    /*background:  rgba(243, 243, 240, 1);*/
    background:  #fff;
    border:  #fff 0px solid;
    /*box-shadow:  rgba(0, 0, 0, 0.5) 0px 5px 10px;*/
}
.intro_box p.gennius_vega_awards {
    width:  100%;
    height: 100px;
    background:  #ffffff url("../../assets/images/common/img_awards_winner.jpg") 0px 0px no-repeat;
    background-size:  contain;
}
.intro_box p.hydra_awards {
    width:  100%;
    height: 100px;
    background:  #ffffff url("../../assets/images/common/img_awards_winner.jpg") -130px 0px no-repeat;
    background-size:  contain;
}
.intro_box h1 {
    /*color:  var(--main-point-color);*/
}
.prod_main_img {
    hehight:  300px;
    background-color:  var(--main-point-color);
    margin-bottom:  50px;
}

.prod_main_img.folding {    
    background:  url("../../assets/images/thumb/img_prod_main_folding.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.unico_bs21 {    
    background:  url("../../assets/images/thumb/img_prod_main_folding_unico_bs21.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.qubica_flat {    
    background:  url("../../assets/images/thumb/img_prod_main_qubica_flat.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.qubica_plumb {    
    background:  url("../../assets/images/thumb/img_prod_main_qubica_plumb.jpg") center 0px;
    background-size:  cover;
}

.prod_main_img.unico_s21 {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_unico_s21.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.gennius_a100 {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_gennius_a100.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.gennius_vega {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_gennius_vega.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.kedry_skylife {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_kedry_skylife.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.kedry_prime {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_kedry_prime.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.hydra {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_hydra.jpg") center 0px;
    background-size:  cover;
}

.prod_main_img.zip_screen {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_zip_screen.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.screeny {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_screeny.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.screeny_box {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_screeny_box.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.canopy {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_canopy.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.glass_roof {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_glass_roof.jpg") center 0px;
    background-size:  cover;
}
.prod_main_img.fabric {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_fabric.jpg") center 0px;
    background-size:  cover;
}

.prod_main_img.shade_mate {
    background:  url("../../assets/images/thumb/img_600x350_shade_mate.jpg") center center;
    background-size:  cover;
}
.prod_main_img.fabric_solid {
    background:  url("../../assets/images/thumb/img_600x350_fabric_solid.jpg") center center;
    background-size:  cover;
}
.prod_main_img.fabric_stripe {
    background:  url("../../assets/images/thumb/img_600x350_fabric_stripe.jpg") center center;
    background-size:  cover;
}
.prod_main_img.fabric_waterproof {
    background:  url("../../assets/images/thumb/img_600x350_fabric_waterproof.jpg") center center;
    background-size:  cover;
}
.prod_main_img.fabric_screen {
    background:  url("../../assets/images/thumb/img_600x350_fabric_screen.jpg") center center;
    background-size:  cover;
}
.prod_main_img.fabric_deco {
    background:  url("../../assets/images/thumb/img_600x350_fabric_deco.jpg") center center;
    background-size:  cover;
}
.prod_main_img.fabric_zip_screen {
    background:  url("../../assets/images/thumb/img_600x350_fabric_zip_screen.jpg") center center;
    background-size:  cover;
}
.prod_main_img.pvc_curtain {    
    background: var(--main-point-color) url("../../assets/images/thumb/img_prod_main_pvc_curtain.jpg") center 0px;
    background-size:  cover;
}



section.spec > .container {
    padding: 0px 50px;
}
section.spec h1 {
    font-size:  24px;
    font-family:  'Poppins', sans-serif;
    font-weight:  600;
    letter-spacing:  -0.005em;
}
section.spec .details {
    margin-bottom:  20px;
}
section.spec .details a {
    text-decoration: none;
    /*text-decoration-style:  dotted;*/
    color:  var(--main-point-color);
    cursor:  pointer;
}
section.spec .details a:hover {
    text-decoration: none;
    color:  var(--main-point-color2);
}
section.spec .details .spec_option {
    display:  flex;
    height:  30px;
    overflow:  hidden;
    line-height:  30px;
    margin-bottom:  5px;
}
section.spec .details .spec_option .icon {
    display:  inline-block;
    width:  30px;
    height:  30px;
    margin-right:  10px;
}
section.spec .details .spec_option .label {
    display:  inline-block;
}
section.spec .details .spec_option .icon.light {
    background:  url("../../assets/images/common/optional_light.png") center center;
    background-size:  cover;
}
section.spec .details .spec_option .icon.music {
    background:  url("../../assets/images/common/optional_music.png") center center;
    background-size:  cover;
}
section.spec .details .spec_option .icon.gable {
    background:  url("../../assets/images/common/optional_gable.png") center center;
    background-size:  cover;
}
section.spec .details .spec_option .icon.vertika {
    background:  url("../../assets/images/common/optional_vertika.png") center center;
    background-size:  cover;
}
section.spec .details .spec_option .icon.glass {
    background:  url("../../assets/images/common/optional_glass.png") center center;
    background-size:  cover;
}
section.spec ul, section.spec dl {
    font-size:  16px;
}
section.spec ul {
    list-style-type:  none;
    padding-left:  0px;
    line-height:  30px;
}
section.spec dl {    
}
section.spec dl dt {
    float:  left;
    width:  100px;
    color:  var(--main-point-color);
}
section.spec dl dd {
    float:  left;
    width:  calc(100% - 100px);
}
section.spec i {
    color:  var(--main-point-color);
    margin-right:  10px;
}


section.gallery > .container {
    padding: 0px 50px;
}
section.gallery h1 {
    font-size:  24px;
    font-family:  'Poppins', sans-serif;
    font-weight:  600;
    letter-spacing:  -0.005em;
    color:  #282523;
}
section.gallery .thumb {
    position:  relative;
    margin-bottom:  30px;
    padding:  0px 5px;
    border-radius:  5px;
    overflow:  hidden;
}
section.gallery .thumb .thumb-img {
    width:  100%;
    height:  250px;
    background-color:  rgba(240, 240, 245, 1);
    background-size:  cover;
    background-repeat:  none;
    overflow:  hidden;
}
section.gallery .thumb .thumb-img a {
    position:  relative;
    display:  flex;
    top:  0px;
    left:  0px;
    width:  100%;
    height:  100%;
    vertical-align:  text-bottom !important;
    color:  #fff;
    font-weight:  500;
    text-decoration:  none;
    font-size:  18px;
    padding:  20px;    
    background:  linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.4) 100%);
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    font-weight:  600;
}
section.gallery .thumb .thumb-img a span {
    position:  absolute;
    bottom:  20px;
}
section.gallery .thumb .thumb-img.fabrics {
    height:  200px;
}
section.gallery .thumb .thumb-img.fabrics.functional {
    height: 150px;

}
section.gallery .thumb .thumb-img.folding_01 {
    background:  url("../../assets/images/thumb/img_600x350_folding_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.folding_02 {
    background:  url("../../assets/images/thumb/img_600x350_folding_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.folding_03 {
    background:  url("../../assets/images/thumb/img_600x350_folding_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.folding_04 {
    background:  url("../../assets/images/thumb/img_600x350_folding_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.folding_05 {
    background:  url("../../assets/images/thumb/img_600x350_folding_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.folding_06 {
    background:  url("../../assets/images/thumb/img_600x350_folding_06.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.unico_bs21_01 {
    background:  url("../../assets/images/thumb/img_600x350_unico_bs21_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_bs21_02 {
    background:  url("../../assets/images/thumb/img_600x350_unico_bs21_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_bs21_03 {
    background:  url("../../assets/images/thumb/img_600x350_unico_bs21_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_bs21_04 {
    background:  url("../../assets/images/thumb/img_600x350_unico_bs21_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_bs21_05 {
    background:  url("../../assets/images/thumb/img_600x350_unico_bs21_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_bs21_06 {
    background:  url("../../assets/images/thumb/img_600x350_unico_bs21_06.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.qubica_flat_close {
    background:  url("../../assets/images/thumb/img_600x350_qubica_flat_close.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_flat_open {
    background:  url("../../assets/images/thumb/img_600x350_qubica_flat_open.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_flat_01 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_flat_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_flat_02 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_flat_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_flat_03 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_flat_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_flat_04 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_flat_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_flat_05 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_flat_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_flat_06 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_flat_06.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.qubica_plumb_close {
    background:  url("../../assets/images/thumb/img_600x350_qubica_plumb_close.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_plumb_open {
    background:  url("../../assets/images/thumb/img_600x350_qubica_plumb_open.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_plumb_01 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_plumb_0201.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_plumb_02 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_plumb_0202.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_plumb_03 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_plumb_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_plumb_04 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_plumb_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_plumb_05 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_plumb_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.qubica_plumb_06 {
    background:  url("../../assets/images/thumb/img_600x350_qubica_plumb_06.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.unico_s21_01 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_02 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_03 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_04 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_05 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_06 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_06.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_type_01 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_type_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_type_02 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_type_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_type_03 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_type_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_type_04 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_type_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_type_05 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_type_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_type_06 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_type_06.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_type_07 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_type_07.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_type_08 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_type_08.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_type_09 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_type_09.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.unico_s21_type_10 {
    background:  url("../../assets/images/thumb/img_600x350_unico_s21_type_10.jpg") center center;
    background-size:  cover;
}


section.gallery .thumb .thumb-img.gennius_a100_01 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_a100_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.gennius_a100_02 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_a100_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.gennius_a100_03 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_a100_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.gennius_a100_04 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_a100_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.gennius_a100_05 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_a100_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.gennius_a100_06 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_a100_06.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.gennius_vega_01 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_vega_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.gennius_vega_02 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_vega_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.gennius_vega_03 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_vega_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.gennius_vega_04 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_vega_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.gennius_vega_05 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_vega_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.gennius_vega_06 {
    background:  url("../../assets/images/thumb/img_600x350_gennius_vega_06.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.kedry_skylife_01 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_skylife_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.kedry_skylife_02 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_skylife_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.kedry_skylife_03 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_skylife_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.kedry_skylife_04 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_skylife_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.kedry_skylife_05 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_skylife_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.kedry_skylife_06 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_skylife_06.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.kedry_prime_01 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_prime_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.kedry_prime_02 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_prime_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.kedry_prime_03 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_prime_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.kedry_prime_04 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_prime_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.kedry_prime_05 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_prime_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.kedry_prime_06 {
    background:  url("../../assets/images/thumb/img_600x350_kedry_prime_06.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.hydra_01 {
    background:  url("../../assets/images/thumb/img_600x350_hydra_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.hydra_02 {
    background:  url("../../assets/images/thumb/img_600x350_hydra_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.hydra_03 {
    background:  url("../../assets/images/thumb/img_600x350_hydra_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.hydra_04 {
    background:  url("../../assets/images/thumb/img_600x350_hydra_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.hydra_05 {
    background:  url("../../assets/images/thumb/img_600x350_hydra_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.hydra_06 {
    background:  url("../../assets/images/thumb/img_600x350_hydra_06.jpg") center center;
    background-size:  cover;
}


section.gallery .thumb .thumb-img.zip_screen_01 {
    background:  url("../../assets/images/thumb/img_600x350_zip_screen_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.zip_screen_02 {
    background:  url("../../assets/images/thumb/img_600x350_zip_screen_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.zip_screen_03 {
    background:  url("../../assets/images/thumb/img_600x350_zip_screen_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.zip_screen_04 {
    background:  url("../../assets/images/thumb/img_600x350_zip_screen_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.zip_screen_05 {
    background:  url("../../assets/images/thumb/img_600x350_zip_screen_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.zip_screen_06 {
    background:  url("../../assets/images/thumb/img_600x350_zip_screen_06.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.screeny_01 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_02 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_03 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_04 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_05 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_06 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_06.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_type_01 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_type_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_type_02 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_type_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_type_03 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_type_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_type_04 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_type_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_type_05 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_type_05.jpg") center center;
    background-size:  cover;
}


section.gallery .thumb .thumb-img.screeny_box_01 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_box_02 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_box_03 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_box_04 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_box_05 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_box_06 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_06.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_box_type_01 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_detail_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_box_type_02 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_detail_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_box_type_03 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_detail_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.screeny_box_type_04 {
    background:  url("../../assets/images/thumb/img_600x350_screeny_box_detail_04.jpg") center center;
    background-size:  cover;
}


section.gallery .thumb .thumb-img.canopy_01 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_02 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_03 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_04 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_05 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_06 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_06.jpg") center center;
    background-size:  cover;
}


section.gallery .thumb .thumb-img.canopy_type_01 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_02 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_03 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_04 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_05 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_06 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_06.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_07 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_07.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_08 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_08.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_09 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_09.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_10 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_10.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_11 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_11.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_12 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_12.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_13 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_13.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_14 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_14.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.canopy_type_15 {
    background:  url("../../assets/images/thumb/img_600x350_canopy_type_15.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.glass_roof_01 {
    background:  url("../../assets/images/thumb/img_600x350_glass_roof_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.glass_roof_02 {
    background:  url("../../assets/images/thumb/img_600x350_glass_roof_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.glass_roof_03 {
    background:  url("../../assets/images/thumb/img_600x350_glass_roof_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.glass_roof_04 {
    background:  url("../../assets/images/thumb/img_600x350_glass_roof_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.glass_roof_05 {
    background:  url("../../assets/images/thumb/img_600x350_glass_roof_05.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.glass_roof_06 {
    background:  url("../../assets/images/thumb/img_600x350_glass_roof_06.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.pvc_curtain_01 {
    background:  url("../../assets/images/thumb/img_600x350_pvc_curtain_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.pvc_curtain_02 {
    background:  url("../../assets/images/thumb/img_600x350_pvc_curtain_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.pvc_curtain_03 {
    background:  url("../../assets/images/thumb/img_600x350_pvc_curtain_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.pvc_curtain_04 {
    background:  url("../../assets/images/thumb/img_600x350_pvc_curtain_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.pvc_curtain_05 {
    background:  url("../../assets/images/thumb/img_600x350_pvc_curtain_05.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb .thumb-img.pvc_curtain_type_01 {
    background:  url("../../assets/images/thumb/img_600x350_pvc_curtain_type_01.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.pvc_curtain_type_02 {
    background:  url("../../assets/images/thumb/img_600x350_pvc_curtain_type_02.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.pvc_curtain_type_03 {
    background:  url("../../assets/images/thumb/img_600x350_pvc_curtain_type_03.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.pvc_curtain_type_04 {
    background:  url("../../assets/images/thumb/img_600x350_pvc_curtain_type_04.jpg") center center;
    background-size:  cover;
}
section.gallery .thumb .thumb-img.pvc_curtain_type_05 {
    background:  url("../../assets/images/thumb/img_600x350_pvc_curtain_type_05.jpg") center center;
    background-size:  cover;
}

section.gallery .thumb.pointer {
    cursor: pointer;
    padding: 10px;
    margin-bottom: 20px;
}
section.gallery .thumb.pointer:hover {
    background: rgba(255, 193, 7, 0.5);
    transition: 0.5s;
}
section.gallery .thumb.pointer .thumb-img {
    border: #eee 1px solid;
}
}
section.gallery .thumb .info-txt {
    font-size: 16px;
    padding: 10px 5px;
}
section.gallery .thumb .info-txt .model-name {
    font-weight: 700;
    float: left;
    color: var(--main-point-color);
}
section.gallery .thumb .info-txt .txt-light-through-ratio {
    float: right;
    font-size: 14px;
}
section.gallery dl {
    font-size: 14px;
}
section.gallery dl dt {
    float:  left;
    width:  60px;
    color:  var(--main-point-color);
}
section.gallery dl dd {
    float:  left;
    width:  calc(100% - 60px);
    font-size: 12px;
}

.video_container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.video_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  border: 0;

}

.unico_color_wrap {
    text-align:  center;
    margin:  40px 0px;
}
.unico_color {
    display:  inline-block;
    margin:  10px;
    width:  200px;
    height:  100px;
    text-align:  center;
    color:  #fff;
    font-weight:  500;
    vertical-align:  middle;
    line-height:  100px;
}
.unico_color.unico_color_gray {
    background:  rgb(62, 62, 62);
}
.unico_color.unico_color_orange {
    background:  rgb(219, 95, 78);
}
/* /main > sub ********************/


/* footer ********************/

footer {
    font-size:  16px;
}
footer .logo {
    width:  120px;
    height:  80px;
    background:  none;
    margin-right:  40px;
    box-shadow:  none;
    padding:  10px 0px 0px 0px !important;
    background:  url("../../assets/images/common/logo_unico_awning_color.png") no-repeat center center;
    background-size:  contain;
}
footer dl dt {
    float:  left;
    width:  100px;
    font-weight:  500;
}
footer dl dd {
    float:  left;
    width:  calc(100% - 100px);
}
footer .tel {
    color:  var(--main-point-color4) !important;
}
footer .tel.main_tel {
    font-weight:  700 !important;
    font-size:  18px;
}
footer a {
    text-decoration: none;
    color:  var(--main-point-color4) !important;
}
footer a:hover {
    color:  var(--main-point-color2) !important;
}
footer i {
    font-size:  18px;
}
footer .footer_contact {
    position:  absolute;
    display:  inline-block !important;    
    float:  right;
    width:  auto !important;
    right:  0px;
    bottom:  0px;
}
footer .contact_txt {
    display:  inline-block;
    text-align:  right;
    margin-right:  10px;
    padding-top:  -20px;
    line-height:  18px !important;
    vertical-align:  top;
    margin-top:  10px;
}
footer .sns {
    display:  inline-block;
    width:  60px;
    height:  60px;
    cursor:  pointer;
}
footer .sns.instagram {
    background:  url("../../assets/images/common/icon_sns_instagram.png") no-repeat center center;
    background-size:  cover;
}
footer .sns.blog {
    background:  url("../../assets/images/common/icon_sns_blog.png") no-repeat center center;
    background-size:  cover;
}
/* /footer ********************/


/* modal ********************/
.modal-content {
    border:  0px;
    border-radius:  10px;
    box-shadow: rgba(0, 0, 0, 0.25) 5px 5px 10px ;
}
.modal-header {
    background: var(--main-point-color4);
    color:  #fff;
}
.modal-body {
    padding:  0px;
}
.modal-footer strong {
    padding:  0px;
}
.modal-footer p {
    font-size:  12.5px;
    padding:  0px;
    margin-bottom:  0px;
}
.modal_step {
    border-bottom:  #eee 5px solid;
    padding:  20px 15px;
    font-size:  16px;
}
.step_no {
    color:  var(--main-point-color2);
    font-weight:  bold;
}
.step_contents {
    padding:  10px 5px;
}

.form-check{
    display: inline-block !important;
    padding:  0px !important;
    margin-bottom:  10px;
    margin-right:  5px;
    position:  relative;
}
.form-check label {
    color:  #4c4c4c !important;
    font-weight:  300 !important;
    padding:  5px 10px;
    cursor:  pointer;
    border:  #ddd 1px solid;
    border-radius:  3px;
    background:  #eee;
}
.form-check label.form-check-label {
    /*min-width:  100px !important;*/
    width:  auto !important;
    margin-right:  0px;
}
.form-check-input[type=radio], .form-check-input[type=checkbox] {
    margin-top:  5px !important;
    margin-left:  0px !important;
    margin-right:  5px !important;
    position:  absolute;
    display:  none;
}
.form-check-input[type=radio]:checked + label {
    font-weight:  bold !important;
    background:  var(--main-point-color2);
    color:  #fff !important;
    border:  var(--main-point-color2) 1px solid;
}

.form-switch .form-check-input {
    width:  50px;
    height:  26px;
    margin-top: 11px !important;
}
.form-switch .form-check-input:checked {
    background-color:  #3699ff;
    border-color:  #3699ff;
}
.form-switch .form-check-input + label {
    margin-top: -3px;
}
.form-switch .form-check-input + label:after {
    content: "Off";
    font-size:  12px;
    line-height:  12px;
    color:  #aaa;
    margin-left:  -30px;
}
.form-switch .form-check-input:checked + label:after {
    content: "On";
    font-size:  12px;
    line-height:  12px;
    color:  #fff;
    margin-left:  -45px;
}
.form-check input.step1_etc_txt {
    width:  50px !important;
}

.form-txt {
    margin-bottom:  10px;
}
.form-txt label {
    font-weight:  400;
    width:  100px;
}
.form-txt input[type=text] {
    display:  inline-block;
    width:  50%;
}
.form-txt input[type=text]#step1_addr {
    width:  calc(100% - 120px) !important;
}

/* /modal ********************/


/* badge ********************/
.badge {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
    font-size: 14px;

}
.badge-md {
    margin-right: 5px !important;
    height: 30px;
    border-radius: 15px;
    line-height: 18px;


}
/* /badge ********************/


/* zoom ********************/
.zoom {
    z-index: 99999;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    /*opacity: 0;*/
    display: none;
    transition: opacity 0.5s;

}
.zoom .zoom-inner {
    width: 100%;
    height: 100vh;
}
.zoom .zoom-inner .btn-close {
    width: 100%;
    height: 70px;
    cursor: pointer;
    background: url("../../assets/images/common/btn_close_white_70x70.png") no-repeat right center;
}
.zoom .zoom-inner .zoom-detail {
    width: 100%;
    height: 600px;
    margin: 100px 0px;
}
.zoom .zoom-inner .zoom-detail .btn-prev {
    float: left;
    width: 100px;
    height: 100%;
    background: url("../../assets/images/common/btn_prev.png") no-repeat center center;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.5s;
}
.zoom .zoom-inner .zoom-detail .btn-prev:hover {
    opacity: 0.75;
    transition: 0.5s;
}
.zoom .zoom-inner .zoom-detail .btn-prev:active {
    opacity: 1;
}
.zoom .zoom-inner .zoom-detail .btn-next {
    float: right;
    width: 100px;
    height: 100%;
    background: url("../../assets/images/common/btn_next.png") no-repeat center center;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.5s;
}
.zoom .zoom-inner .zoom-detail .btn-next:hover {
    opacity: 0.75;
    transition: 0.5s;

}
.zoom .zoom-inner .zoom-detail .btn-next:active {
    opacity: 1;

}
.zoom .zoom-inner .zoom-detail .zoom-detail-contents {
    display: inline-block;
    width: calc(100% - 200px);
    padding: 50px 0px;
    overflow: hidden;
}
.zoom .zoom-inner .zoom-detail .zoom-detail-contents .zoom-img {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    height: 450px;
    background-color: rgba(0, 0, 0, 0.25);
    background-size: cover;
    background-position: center center;
    transition: 0.5s;
}
.zoom .zoom-inner .zoom-detail .zoom-detail-contents .info-txt {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    transition: all 0.5s;
}
.zoom .zoom-inner .zoom-detail .zoom-detail-contents .info-txt > div {
    display: inline-block;
    margin-right: 20px;
}
.zoom .zoom-inner .zoom-detail .zoom-detail-contents .info-txt .model-name {
    font-size: 18px;
    font-weight: 700;
}
/* /zoom ********************/