/* header */
header.header { background: #f7f7f7; border-bottom: 1px solid #e7e7e7; }
header .header-top-menu .fa, header .header-top-menu li a { color: #000; }


.nav > li > a:hover, .nav > li > a:focus { background: none; color: inherit; text-decoration: underline }

.navbar-default .navbar-nav > li > a { font-weight: 600; padding: 34px 20px; font-size: 18px; }
.navbar-default .navbar-nav > li > a:hover { background: none; color: inherit }

.main-body .navbar-default .navbar-nav > li > a { color: #fff; }


/* banner */
.banner { margin: 0; }
.banner .item { color: #fff; position: relative; }
.banner .item .text-wrap { position: relative; z-index: 11; height: 900px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 90px 0 0; text-align: center; }
.banner .item .text-wrap h1 { font-size: 54px; font-weight: 700; line-height: 1.4; }
.banner .item .text-wrap p { font-size: 32px; font-weight: 500; margin: 24px 0 0; color: #eee; }
.banner .item.item01 .bg { background: url("/img/main-banner01.png") center no-repeat; background-size: cover; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.banner .item.item02 .bg { background: url("/img/main-banner02.png") center no-repeat; background-size: cover; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }

.sub-banner { height: 340px; background: url("/img/creative-bg.png") center no-repeat; }
.sub-banner .inner { height: 340px; display: flex; justify-content: center; align-items: center; }
.sub-banner .inner h1 { font-size: 50px; font-weight: 600; text-align: center; }

/* shopping */
.cde_detail_option { font-size: 14px; }
.cde_detail_option p.cde_title { font-size: 16px; margin: 0 0 12px; line-height: 1.2; }
.cde_detail_option span.cde_price_obj { font-size: 16px; vertical-align: bottom; margin: 0 8px 0 0; }
.cde_detail_option span.cde_price_obj span { font-size: 20px; font-weight: 500; vertical-align: bottom; }

.shop_list h5 { text-align: center; margin-bottom:10px; font-size: 34px; font-weight: 600; }
.shop_list h5 span { color: #f5821f; }
.shop_list p.shop_list_sub_title { text-align: center; color: #5e5e5e; font-weight: 500; margin: 0 0 50px; font-size: 19px; }
.cmall-list { margin-bottom:105px;  }
.cmall-list .cmall-tit { font-size: 14px; margin: 10px 0 0; text-align: center; font-weight: 500; }
.cmall-list .cmall-txt { font-size: 13px; color: #777; margin-bottom: 7px; word-break: keep-all; word-wrap: break-word; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; text-align: center;   white-space: nowrap;  }
.cmall-list .cmall-price { font-size: 14px; font-weight: 500; text-align: center; }


.empty-list { padding: 55px 0; text-align: center; font-size: 15px; }
.navbar-default .navbar-brand { padding: 23px 0; }
/*.navbar-brand > img { display: inline-block; width: auto;}*/
.main-body .navbar-brand .b-logo { display: none; }
.navbar-brand .w-logo { display: none; }
.main-body .navbar-brand .w-logo { display: block;}

.ci-box { margin-bottom: 20px;}

.webseller { font-size: 12px; color: #aaa;  }
.webseller a { font-size: 12px; color: #aaa;  }


.sns { padding: 0 0 10px ; text-align: left; }
.sns a { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #ddd; border-radius: 50%; margin-right: 8px; }
.sns a .fa { color: #fff; font-size: 19px; }

#side_menu .m_search { padding: 10px 0 0; }
.m_close .fa { color: #ccc; }
.header_line { background: #ddd; height: 2px; }

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#selectedOption { display: none; margin: 25px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0; }
#selectedOption .form-group { }
#selectedOption .form-group:last-child { margin-bottom: 0; }

.product-no-box { }
.product-no-box .product-no { }
.product-no-box .product-no td { padding-left: 0; padding-right: 0; }
.item_detail_table {}
.item_detail_table.table td { padding-left: 0; padding-right: 0; }

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin: 0; }
.main-body .navbar { background: none; position: absolute; top: 0; left: 0; right: 0; z-index: 111; }
.navbar-brand img { max-width: 106px; }

section.default { padding: 65px 0; }
section.default.recom { background: #f9f9f9; border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; }



/* footer */
footer { background: #333333; border-top: 0; padding: 50px 0; color: #fff; }
footer .footer-title { color: #fff; margin: 0 0 28px; display: flex; gap: 16px; align-items: end; }
footer .footer-title a { font-size: 20px; font-weight: 500; color: #fff; }
footer .footer-title .desc { display: flex; font-size: 14px; font-weight: 400; gap: 8px; }

footer .copyright { font-size: 14px; display: flex; gap: 28px; }
footer .copyright + .copyright { margin: 12px 0 0; }
footer .copyright.r1 { margin-top: 20px; }
footer .copyright dl { display: flex; gap: 12px; margin: 0; }
footer .copyright dl dt { opacity: .4; }


.option_window { border-top: 1px solid #eaeaea; padding-top: 20px; }

.fixed-phone { position: fixed; bottom: 40px; right: 40px; z-index: 12; }
.fixed-phone img { display: block; max-width: 335px; }

.service-section { padding: 160px 0; }
.service-section .sst { margin: 0 0 60px; text-align: center; }
.service-section .sst p { font-size: 20px; font-weight: 500; color: #3EC7E0; }
.service-section .sst h2 { font-size: 32px; font-weight: 600; line-height: 1.4; margin: 14px 0 0; }
.service-section .ssc { text-align: center; display: flex; gap: 30px; }
.service-section .ssc .article {}
.service-section .ssc .article .img-box { }
.service-section .ssc .article .img-box img { max-width: 100%; }
.service-section .ssc .article h4 { font-size: 24px; font-weight: 600; margin: 32px 0 16px; color: #3EC7E0; }
.service-section .ssc .article p { font-size: 16px; font-weight: 500; line-height: 1.5; }

.creative-section { text-align: center; padding: 80px 0; background: url("/img/creative-bg.png") center no-repeat; background-size: cover; }
.creative-section h2 { font-size: 36px; font-weight: 600; }
.creative-section p { font-size: 20px; font-weight: 500; margin: 24px 0 36px; }
.creative-section .button-wrap { display: flex; justify-content: center; }
.creative-section .button-wrap a.btn { border-radius: 40px !important; padding: 15px 38px; font-size: 16px; font-weight: 600; }


.btn-custom {
    color: #fff;
    background-color: #3EC7E0;
    border-color: #3EC7E0;
    background-image: none;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
    color: #fff;
    background-color: #28BBD6;
    border-color: #28BBD6;
}

.quick-section { margin: 160px 0 0; }
.quick-section .qs-inner { max-width: 400px; margin: 0 auto; }
.quick-section .qs-inner h2 { font-size: 32px; font-weight: 600; text-align: center; }
.quick-section .qs-inner .qs-form-wrap { margin: 48px 0 0; }
.quick-section .qs-inner .qs-form-wrap .qs-form-group {  }
.quick-section .qs-inner .qs-form-wrap .qs-form-group + .qs-form-group { margin: 16px 0 0; }
.quick-section .qs-inner .qs-form-wrap .qs-form-group input[type="text"] { display: block; width: 100%; height: 50px; border-radius: 4px; border: 1px solid #ddd; padding: 8px 16px; }
.quick-section .qs-inner .qs-form-wrap .qs-form-group textarea { display: block; width: 100%; height: 150px; border-radius: 4px; border: 1px solid #ddd; padding: 8px 16px; }
.quick-section .qs-inner .qs-form-wrap .qs-form-group input[type="text"]::placeholder,
.quick-section .qs-inner .qs-form-wrap .qs-form-group textarea::placeholder { color: #999; }

.quick-section .qs-inner .qs-form-wrap .qs-form-group span.btn { height: 50px; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; }

.page-title { text-align: center; margin: 86px 0 0; }
.page-title p { font-size: 16px; font-weight: 500; }
.page-title h2 { font-size: 34px; font-weight: 600; margin: 20px 0 0; }

.history-section {  }
.history-section .inner { position: relative; margin: 80px 0 0; padding: 60px 0; display: flex; flex-direction: column; gap: 88px; }
.history-section .inner:after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #ddd; z-index: 0; }
.history-section .inner .article { position: relative; }
.history-section .inner .article:after { position: absolute; content: ''; background: #fff; width: 20px; height: 20px; border-radius: 100%; border: 2px solid #3EC7E0; top: 2px; z-index: 1; }
.history-section .inner .article:nth-child(2n+1) { margin-left: 50%; padding-left: 38px; }
.history-section .inner .article:nth-child(2n+1):after { left: 0; transform: translateX(-50%); }
.history-section .inner .article:nth-child(2n) { margin-right: 50%; text-align: right; padding-right: 38px; }
.history-section .inner .article:nth-child(2n):after { right: 0; transform: translateX(50%); }
.history-section .inner .article h5 { font-size: 24px; font-weight: 600; }

.history-section .inner .article ul { margin: 20px 0 0;  }
.history-section .inner .article ul li {  }
.history-section .inner .article ul li + li { margin: 4px 0 0 ; }

.history-section .inner .article:nth-child(2n+1) ul { }
.history-section .inner .article:nth-child(2n+1) ul li:before { content: '·'; display: inline-block; padding-right: 12px; }
.history-section .inner .article:nth-child(2n) ul li:after { content: '·'; display: inline-block; padding-left: 12px; }


.prs-section { margin: 106px 0 0; }
.prs-section .prs-inner { display: grid; gap: 104px 30px; grid-template-columns: 1fr 1fr 1fr; text-align: center; }
.prs-section .prs-inner .article {  }
.prs-section .prs-inner .article .img-box { }
.prs-section .prs-inner .article .img-box img { display: block; margin: 0 auto; max-width: 46px; width: 100%;  }
.prs-section .prs-inner .article h4 { font-size: 24px; font-weight: 600; color: #3EC7E0; margin: 36px 0 24px; }
.prs-section .prs-inner .article p { }

nav {}
.pagination { display: flex; justify-content: center; gap: 12px; }
.pagination > li > a, .pagination > li > span { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; padding: 0; border-radius: 100% !important; background: #ddd; border-color: #ddd; color: #fff; font-weight: 600; }
.pagination > li > a:hover,
.pagination > .active > a { background: #3EC7E0; border-color: #3EC7E0; color: #fff; }


.inquiry-section { margin: 86px 0 0; }
.inquiry-section .inquiry-inner { max-width: 400px; margin: 0 auto; }
.inquiry-section .inquiry-inner .inquiry-alert { padding: 38px; background: #F4F5F6; border-top: 4px solid #3EC7E0; text-align: center; font-size: 16px; font-weight: 500; }

.inquiry-form-wrap { display: flex; flex-direction: column; gap: 48px; margin: 55px 0 0; }
.inquiry-form-wrap .article {  }
.inquiry-form-wrap .article h5 { font-size: 20px; font-weight: 600; margin: 0 0 20px; color: #3EC7E0; }
.inquiry-form-wrap .article .form-box { display: flex; flex-direction: column; gap: 16px; }
.inquiry-form-wrap .article .form-box input[type="text"] { display: block; width: 100%; border-radius: 4px; border: 1px solid #ddd; padding: 8px; height: 50px; }
.inquiry-form-wrap .article .form-box textarea { display: block; width: 100%; border-radius: 4px; border: 1px solid #ddd; padding: 8px; height: 200px; }
.inquiry-form-wrap .article .form-box input[type="text"]::placeholder,
.inquiry-form-wrap .article .form-box textarea::placeholder { color: #aaa; }
.inquiry-form-wrap .article .form-box .radio-wrap { display: flex; flex-direction: column; gap: 6px; }
.inquiry-form-wrap .article .form-box .radio-wrap label { margin: 0; font-weight: 500; cursor: pointer; }
.inquiry-form-wrap .article .form-box .btn { height: 50px; display: flex; align-items: center; justify-content: center; }

.navbar-toggle { margin: 4px 0 0; border: 0; }
.navbar-default .navbar-toggle .icon-bar { background: #fff; }
.navbar-toggle .icon-bar { width: 24px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }





.gallery-box { margin-bottom: 40px; }