@charset "utf-8";
@import "css/swiper.min.css";

/* === fonts === */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/* === Common === */
html {scroll-behavior: smooth;}
body {background:#fff;}
body, body.page {font-size:13px;font-family:'Open Sans','Apple SD Gothic Neo', helvetica, arial, sans-serif;line-height:1.8em;color:#333;}
.textwidget, h1, h2, h3, h4, h5, h6, p {font-family:'Open Sans','Apple SD Gothic Neo', helvetica, arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {line-height:1.1em;clear:none;}

legend, caption, .blind {position:absolute;top:0;left:0;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0;}
.overlay {overflow:hidden;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/empty.png) repeat 0 0;font-size:0;line-height:0;}
.fw_900 {font-weight:900;}
.pc_hide {display:none!important;}

/* layout */
.wf-wrap {padding:0 40px;}
#main {padding:0;}
#page.boxed {box-shadow:none;}
#phantom.full-width .ph-wrap.boxed, #page.boxed, .boxed .footer, .boxed #bottom-bar, #main > .wf-wrap, #bottom-bar > .wf-wrap, #footer > .wf-wrap {max-width:1280px;}
.masthead:not(.mixed-header) {position:absolute;top:0;left:40px;width:1200px;}
.masthead:not(.side-header):not(.mixed-header) .header-bar, .header-space {min-height:85px;}

/* header */
/* #phantom.boxed {max-width:1200px;} */
.masthead.inline-header {left:0;padding:0 40px!important;width:100%;}
.masthead.inline-header header {max-width:1100px!important;}
.main-nav > li > a {margin:0 27px;}
.main-nav > li > a .menu-text {font-size:14px;font-weight:700;font-family:'Open Sans', sans-serif;color:#181818;text-transform:uppercase;}
/* .main-nav > li:not(.wpml-ls-item) > a .menu-text {color:#181818;}
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .subtitle-text, .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text, .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .subtitle-text, .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text, .main-nav > li.act > a .menu-text {color:#000000!important;} */
.l-to-r-line > li > a i.underline {height:3px;background:#050505;}
.top-header .l-to-r-line>li.act>a i.underline, .top-header .l-to-r-line>li.dt-hovered>a i.underline, .top-header .l-to-r-line>li>a:hover i.underline {width:20px;}

.main-nav > li.btn_full > a {margin-left:40px;padding-left:0;padding-right:0;}
.main-nav .sub-nav {margin-left:15px;width:208px!important;box-shadow:none;background:#ededed;}
.main-nav .sub-nav > li {padding:0;border-top:1px solid #fff;}
.main-nav .sub-nav > li:first-child {border-top:0;}
.main-nav .sub-nav > li > a {padding:11px 20px;background:#ededed!important;}
.main-nav .sub-nav > li > a .menu-text {color:#045685!important;}
.main-nav .sub-nav > li:hover > a, .main-nav .sub-nav > li.act > a {color:#fff!important;background:#045685!important;}
.main-nav .sub-nav > li:hover > a .menu-text, .main-nav .sub-nav > li.act > a .menu-text {color:#fff!important;background:transparent!important;-webkit-text-fill-color:#fff!important;}
.main-nav#primary-menu .sub-nav .sub-nav {left:208px!important;margin-left:-1px;top:0;border-left:1px solid #fff;}
.btn_full > a > .menu-item-text .menu-text {position:relative;width:16px;height:2px;font-size:0;background:#045685;}
.btn_full > a > .menu-item-text .menu-text:before, .btn_full > a > .menu-item-text .menu-text:after {content:"";position:absolute;left:0;display:block;margin:0;width:100%;height:2px;background:#045685;}
.btn_full > a > .menu-item-text .menu-text:before {top:-5px;}
.btn_full > a > .menu-item-text .menu-text:after {top:5px;}
.btn_full > a i.underline {display:none!important;}

/* slider */
.swiper-pagination {display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;}
.swiper-pagination-bullet {margin:0!important;width:14px;height:14px;border:2px solid #fff;background-color:#000;box-sizing:border-box;opacity:1;}
.swiper-pagination-bullet-active {background-color:#fff;}

/* main */
body.home #footer.solid-bg {border-top:0;}
body.home #main {min-height:500px;}
body.home #main > .wf-wrap {padding:0;width:1280px;}
body.home #main .content {padding:0;width:100%;}
.main_visual {position:relative;height:650px;background-color:#f1f1f1;}
.main_visual .txtbox_wrap {position:absolute;top:245px;left:0;z-index:10;padding:0 40px;width:100%;box-sizing:border-box;}
.main_visual .txtbox_wrap .txtbox {margin:0 auto;max-width:1100px;}
.main_visual .txtbox_wrap .txt1 {margin-bottom:12px;font-size:44px;font-weight:900;color:#fff;line-height:0.9em;letter-spacing:-0.5px;text-transform:uppercase;}
.main_visual .txtbox_wrap .txt2 {font-size:14px;color:#fff;line-height:1.64em;}
.visualSlider {height:100%;}
.visualSlider .swiper-slide.bg {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.visualSlider .swiper-slide.bg1 {background-image:url(img/main/main_slider01.jpg);}
.visualSlider .swiper-slide.bg2 {background-image:url(img/main/main_slider02.jpg);}
.visualSlider .swiper-slide.bg3 {background-image:url(img/main/main_slider03.jpg);}
.visualSlider .swiper-slide.bg4 {background-image:url(img/main/main_slider04.jpg);}
.visualSlider .swiper-slide.bg5 {background-image:url(img/main/main_slider05.jpg);}
.visualSlider .swiper-pagination {left:50%;bottom:130px;justify-content:left;padding:0 40px;max-width:1180px;width:100%;box-sizing:border-box;transform:translateX(-50%);}
.main_btm {display:grid;grid-template-columns:repeat(4, 1fr);gap:4px;margin-top:5px;}
.main_btm > div {height:324px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:#f1f1f1;}
.main_btm > div a {position:relative;display:flex;justify-content:left;align-content:space-between;flex-wrap:wrap;padding:25px 40px 20px;height:100%;text-decoration:none;box-sizing:border-box;}
.main_btm > div .tit {display:block;font-size:24px;font-weight:900;color:#fff;line-height:1.16em;letter-spacing:-0.5px;}
.main_btm > div .txt {display:block;font-size:12px;color:#fff;line-height:1.66em;}
.main_btm .item1 {background-image:url(img/main/main_btm01.jpg);}
.main_btm .item2 {background-image:url(img/main/main_btm02.jpg);}
.main_btm .item3 {background-image:url(img/main/main_btm03.jpg);}
.main_btm .item4 {background-image:url(img/main/main_btm04.jpg);}

/* sub main */
body.page-id-29 #footer.solid-bg {border-top:0;}
body.page-id-29 #main > .wf-wrap {padding:0;}
body.page-id-29 #main .content {padding:0;width:100%;}
.product_main ul {list-style:none;margin:5px 0 0;display:grid;grid-template-columns:repeat(3, 1fr);gap:4px 5px;}
.product_main ul li {height:360px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:#ddd;}
.product_main ul li:nth-child(4), .product_main ul li:nth-child(5) {grid-row: 2 / span 3;}
.product_main ul li:nth-child(6), .product_main ul li:nth-child(7) {height:178px;}
.product_main ul li:last-child {margin-bottom:-5px;}
.product_main ul li a {display:flex;align-content:end;flex-wrap:wrap;padding:25px 40px;width:100%;height:100%;box-sizing:border-box;text-decoration:none;}
.product_main ul li .txt {display:block;line-height:1.5em;font-size:12px;color:#fff;}
.product_main ul li .tit {display:block;margin:0;width:100%;line-height:1.27em;font-size:22px;font-weight:900;color:#fff;}
.product_main ul li a.comingsoon {background-color:rgba(0 0 0 / 78%);}
.product_main ul li.item1 {background-image:url(img/product_main01.jpg);}
.product_main ul li.item2 {background-image:url(img/product_main02.jpg);}
.product_main ul li.item3 {background-image:url(img/product_main03.jpg);}
.product_main ul li.item4 {background-image:url(img/product_main04.jpg);}
.product_main ul li.item5 {background-image:url(img/product_main05.jpg);}
.product_main ul li.item6 {background-image:url(img/product_main06.jpg);}
.product_main ul li.item7 {background-image:url(img/product_main07.jpg);}

/* page */
.w_1100 {margin:0 auto;width:1100px;}
.w_1115 {margin:0 auto;width:1115px;}
#fancy-header > div.wf-wrap {margin:0 auto;padding:0;width:100%;max-width:1100px!important;}
header.fancy-header {padding:0 40px;}
header.fancy-header h1, header.fancy-header .fancy-subtitle {font-family:'Open Sans','Apple SD Gothic Neo', helvetica, arial, sans-serif;}
header.fancy-header .fancy-title {margin-top:60px;font-weight:900;font-size:44px!important;line-height:1em!important;text-transform:uppercase!important;}
header.fancy-header .fancy-subtitle {font-size:14px!important;line-height:1.64em!important;font-weight:400;}
.content {margin:0 auto;padding:60px 0 65px;}
.content p {margin-bottom:0;font-size:14px;line-height:1.85em;letter-spacing:-0.25px;}
.tit {margin-bottom:20px;text-transform:uppercase;}
h3.tit {font-size:22px;font-weight:900;color:#000;}
h4.tit {font-size:14px;font-weight:700;color:#000;}

/* about */
body.page-id-23 header.fancy-header .fancy-subtitle {max-width:350px;}
.about {margin-top:5px;}
.about h3 {margin:0 0 15px;}
.about h3.btm {margin:30px 0 35px;}
.about p {letter-spacing:-0.5px;}
.about .alignleft {margin-top:5px;max-width:33.2%;}
.about .alignright {margin-top:5px;max-width:39%;}

/* products */
.sub_visual {position:relative;margin:-60px -40px 0;height:620px;background-color:#f1f1f1;}
.sub_visual .txtbox_wrap {position:absolute;top:195px;left:0;z-index:10;padding:0 40px;width:100%;box-sizing:border-box;}
.sub_visual .txtbox_wrap .txtbox {margin:0 auto;max-width:1100px;}
.sub_visual .txtbox_wrap .txt1 {margin-bottom:10px;font-size:44px;font-weight:900;color:#fff;line-height:0.9em;letter-spacing:-0.5px;text-transform:uppercase;}
.sub_visual .txtbox_wrap .txt2 {font-size:14px;color:#fff;line-height:1.64em;}
.subSlider {height:100%;}
.subSlider .swiper-pagination {left:50%;bottom:100px;z-index:1000;justify-content:left;gap:5px 16px;padding:0 40px;max-width:1180px;width:100%;box-sizing:border-box;transform:translateX(-50%);}
.subSlider .swiper-slide.bg {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.subSlider.eb .swiper-slide.bg1 {background-image:url(img/sub_slider_eb01.jpg);}
.subSlider.eb .swiper-slide.bg2 {background-image:url(img/sub_slider_eb02.jpg);}
.subSlider.eb .swiper-slide.bg3 {background-image:url(img/sub_slider_eb03.jpg);}
.subSlider.es .swiper-slide.bg1 {background-image:url(img/sub_slider_es01.jpg);}
.subSlider.es .swiper-slide.bg2 {background-image:url(img/sub_slider_es02.jpg);}
.subSlider.em .swiper-slide.bg1 {background-image:url(img/sub_slider_em01.jpg);}
.subSlider.em .swiper-slide.bg2 {background-image:url(img/sub_slider_em02.jpg);}
.subSlider.sb .swiper-slide.bg1 {background-image:url(img/sub_slider_sb01.jpg);}
.subSlider.sb .swiper-slide.bg2 {background-image:url(img/sub_slider_sb02.jpg);}

.product_list {list-style:none!important;margin:50px auto 0!important;max-width:1100px;display:grid;grid-template-columns:repeat(3, 1fr);gap:23px;}
.product_list.col_1 {grid-template-columns:repeat(1, 1fr)!important;}
.product_list.col_1 > li .imgbox {display:flex;justify-content:space-between;align-items:center;}
.product_list.col_1 > li .imgbox .item {display:block!important;}
.product_list.col_1 > li .txtbox {justify-content:center;}
.product_list.col_2 {grid-template-columns:repeat(2, 1fr);}
.product_list > li {padding:0 20px;/*height:302px;*/background:#f8f8f8;}
/* .product_list > li .imgbox {height:237px;} */
.product_list > li .imgbox img {display:block;margin:0;max-width:100%;height:auto;}
.product_list > li .imgbox .item {display:none;height:100%;justify-content:center;align-items:center;}
.product_list > li .imgbox .item.active {display:flex;}
.product_list > li .txtbox {display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;min-height:65px;font-size:16px;font-weight:700;color:#313030;line-height:1.25em;text-decoration:none;border-top:1px solid #e0e0e0;box-sizing:border-box;}
.pd_btns {display:flex;justify-content:right;align-items:center;gap:4px;margin-top:3px;}
.pd_btns a {overflow:hidden;display:block;width:11px;height:11px;border:1px solid #929292;background-color:#fff;border-radius:50%;box-sizing:border-box;text-indent:-9999em;}
.pd_btns a.on {background-color:#929292;}

.paging {margin-top:25px;text-align:center;}
.paging span, .paging a {display:inline-block;margin:0 5px;width:36px;height:36px;font-size:12px;font-weight:700;color:#7e7b7b;line-height:36px;text-decoration:none;vertical-align:middle;border:1px solid #e5e5e5;border-radius:36px;background-color:#fff;box-sizing:border-box;}
.paging .active {background-color:#3b3b3b;border:0;color:#fff;}
.paging .prev, .paging .next {font-size:0;line-height:0;background-repeat:no-repeat;background-position:50% 50%;}
.paging .prev {background-image:url(img/arrow_prev.png);}
.paging .next {background-image:url(img/arrow_next.png);}

/* dealer network */
body.page-id-31 header.fancy-header .fancy-subtitle {max-width:430px;}
.dn_list > div, .dn_list .inner .hover, .dn_list .inner h3, .dn_list .inner h3 a, .dn_list .inner h3 strong {transition:all 0.4s;}
.dn_list {overflow:hidden;margin:-10px -2.5px -15px;}
.dn_list > div {float:left;padding:0 2.5px;width:20%;box-sizing:border-box;cursor:pointer;}
.dn_list > div .inner {overflow:hidden;position:relative;min-height:500px;background-color:#839099;background-repeat:no-repeat;background-position:100% 54px;background-size:auto 100%;}
.dn_list .inner h3 {position:absolute;top:0;left:0;z-index:10;margin:0;width:100%;height:54px;text-transform:uppercase;background:#839099;text-align:center;}
.dn_list .inner h3 a, .dn_list .inner h3 strong {/*display:block;*/display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:14px;font-weight:700;color:#fff;line-height:1em;}
.dn_list .inner .hover {padding:0 20px 0 5px;position:absolute;bottom:0;left:-200%;padding-top:74px;max-width:360px;width:80%;height:100%;background:rgba(255,255,255,0.7);visibility:hidden;opacity:0;box-sizing:border-box;}
.dn_list .hover ul {margin:0;list-style:none;}
.dn_list .hover > ul {float:left;margin:0 0 0 25px;padding-top:35px;}
.dn_list .hover > ul:first-child {margin-left:20px;}
.dn_list .hover > ul > li {position:relative;margin-bottom:8px;padding-left:30px;min-height:14px;}
.dn_list .hover > ul > li > * {vertical-align:middle;}
.dn_list .hover > ul > li > img {position:absolute;top:0;left:0;}
.dn_list .hover > ul li, .dn_list .hover > ul li a {font-size:10px;color:#002033;line-height:1em;text-decoration:none;}
.dn_list .hover > ul > li > a {text-transform:uppercase;}
.dn_list .hover > ul > li a:hover {border-bottom:1px dotted #002033;}
.dn_list .hover > ul ul {margin:8px 0 10px;}
.dn_list .hover > ul ul li {margin-bottom:3px;}
.dn_list .eu .inner {background-image:url(img/dn_01.jpg);}
.dn_list .ru .inner {background-image:url(img/dn_02.jpg);}
.dn_list .am .inner {background-image:url(img/dn_03.jpg);}
.dn_list .as .inner {background-image:url(img/dn_04.jpg);}
.dn_list .mid .inner {background-image:url(img/dn_05.jpg);}
.dn_list.on > div {width:13.5%;}
.dn_list.on > div.active {width:46%;}
.dn_list.on .inner h3, .dn_list.on .inner h3 a {font-size:11px;}
.dn_list > div.active .inner h3, .dn_list > div:hover .inner h3 {height:74px;background-color:#002033;}
.dn_list > div.active .inner h3 a {font-size:24px;}
.dn_list > div.active .inner .hover {left:0;visibility:visible;opacity:1;}

/* contact-form */
body.page-id-33 header.fancy-header .fancy-subtitle {max-width:360px;}
.page_contact {padding-bottom:0;}
.form_list {overflow:hidden;}
.form_list .info {margin-bottom:20px;color:#000;}
.form_list ul {margin:0 -17px;list-style:none;}
.form_list ul li {float:left;padding:0 17px;width:33.33%;box-sizing:border-box;}
.form_list ul li > label {display:block;padding:14px 0 27px;border-top:2px solid #b0b0b0;border-bottom:1px solid #b0b0b0;}
.form_list ul li > label > strong {display:block;margin-bottom:17px;font-size:13px;font-weight:700;color:#000;text-transform:uppercase;}
.form_list ul li.full {width:100%;}
.form_list ul li.full > label {border:0;}
.form_list ul li.full textarea {height:174px;}
.form_list .btn {clear:both;margin:0;padding:3px 0 40px;/*border-bottom:1px solid #b0b0b0;*/text-align:center;}
.form_list .btn input[type="submit"] {margin-left:10px;width:150px;height:30px;line-height:30px;font-size:14px;font-weight:700;color:#fff;background:#023c5d;border-radius:30px;}
.form_list .btn input[type="submit"]:hover {background:#023c5d!important;}

input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, .wpcf7-number {height:33px;}
#page input[type="text"], #page input[type="search"], #page input[type="tel"], #page input[type="url"], #page input[type="email"], #page input[type="number"], #page input[type="date"], #page input[type="range"], #page input[type="password"], #page select, #page textarea, #page .wpcf7-number {margin:0;padding-left:10px;padding-right:10px;font-size:12px;font-weight:300;color:#000;border:1px solid #e5e4e4;background:#f7f7f7;}

/* footer */
#footer.solid-bg {background:#fff;border-top:1px solid #666;}
#bottom-bar {margin-top:20px;min-height:81px;}
#bottom-bar > .wf-wrap {padding:0;}
#bottom-bar .wf-float-left {font-size:10px;font-weight:700;color:#474747;text-transform:uppercase;}
#bottom-bar .bottom-text-block p {display:flex;justify-content:right;align-items:center;}

/* full menu */
.full_menu {display:flex;align-items:center;position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background:#1b1d1f;opacity:0;visibility:hidden;transition:all 0.3s;}
.full_menu.on {opacity:1;visibility:visible;}
.full_menu a {text-decoration:none;}
.full_menu ul {list-style:none;margin:0 auto;/*width:247px;*/}
.full_menu > ul {border-top:3px solid rgba(255 255 255 / 20%);}
.full_menu > ul > li {padding:32px 0 28px;border-bottom:3px solid rgba(255 255 255 / 20%);}
.full_menu > ul > li > a {font-size:30px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:-1.95px;}
.full_menu .sub_menu {margin-top:10px;}
.full_menu .sub_menu > li > a {font-size:14px;color:#dde4ea;}
.full_menu .btn_close {position:absolute;top:50px;right:15.5%;display:block;width:24px;height:24px;font-size:0;line-height:0;}
.full_menu .btn_close:before, .full_menu .btn_close:after {display:block;content:"";margin-left:-2px;width:28px;height:6px;font-size:0;line-height:0;background:#fff;}
.full_menu .btn_close:before {margin-top:9px;transform:rotate(45deg);}
.full_menu .btn_close:after {margin-top:-6px;transform:rotate(-45deg);}
.full_menu .sub_menu .sub_menu {margin:0 0 5px 10px;line-height:20px;}
.full_menu .sub_menu .sub_menu > li > a {font-size:13px;}

.mobile-main-nav li:not(.act) > a:hover, .dt-mobile-header .mobile-main-nav .sub-nav > li:not(.act) > a:hover, .mobile-main-nav li.act > a {color:#045685;}
.mobile-main-nav li:not(.act) > a:hover .subtitle-text, .mobile-main-nav li:not(.act) > a:hover .menu-text, .dt-mobile-header .mobile-main-nav .sub-nav > li:not(.act) > a:hover .menu-text, .mobile-main-nav li.act > a .menu-text, .mobile-main-nav li.act > a .subtitle-text, .dt-mobile-header .mobile-main-nav .sub-nav > li.act > a .subtitle-text, .dt-mobile-header .mobile-main-nav .sub-nav > li.act > a .menu-text {background:transparent;-webkit-text-fill-color:#045685;}
.mobile-main-nav .btn_full {display:none;}
.dt-close-mobile-menu-icon span {background-color:#045685;}

/* Form - 메시지창 */
.wpcf7-not-valid-tip {position:absolute;}
.popup-message-style #page div.wpcf7-mail-sent-ok, .popup-message-style #page div.wpcf7-validation-errors {position:absolute;top:auto;bottom:0;}

/* 모바일 */
.dt-mobile-header .next-level-button, .mobile-main-nav>li.has-children>a:after {top:12px;}


/* 반응형
--------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1280px){
  #phantom.full-width .ph-wrap.boxed, #page.boxed, .boxed .footer, .boxed #bottom-bar {width:auto;}
  #main > .wf-wrap, body.home #main > .wf-wrap, #footer > .wf-wrap, #bottom-bar > .wf-wrap {width:auto;}
  #bottom-bar > .wf-wrap {padding:0 20px;}
}

@media only screen and (max-width: 1200px){
  .w_1100, .w_1115 {width:auto;}
}

@media only screen and (max-width: 1050px){
  .masthead:not(.mixed-header) {left:0;width:100%;}
  header.fancy-header {margin-top:-60px;}
  .dn_list .hover > ul {max-width:120px;}

}

@media only screen and (max-width: 960px){
  .main_btm > div a {padding-left:20px;padding-right:20px;}
  .main_btm > div .tit {font-size:22px;}

  .dn_list .inner .hover {padding-right:5px;width:100%;}
  .dn_list .inner h3 {display:flex;align-items:center;}
  .dn_list .inner h3 a, .dn_list .inner h3 strong {width:100%;text-align:center;line-height:1em;}

  .form_list ul li {width:100%;}
}

@media only screen and (max-width: 778px){
  #page #fancy-header > .wf-wrap {display:flex;}
  .sub_visual {margin-left:-20px;margin-right:-20px;}
  .product_list {padding:0 20px;}
}

@media only screen and (max-width: 767px){
  .masthead.inline-header {padding:0 20px!important;}
  #fancy-header > div.wf-wrap {min-height:220px!important;padding:0!important;display:flex!important;}
  header.fancy-header {margin-top:0;padding:0 20px;}
  header.fancy-header .fancy-title {margin-top:0;font-size:28px!important;}
  header.fancy-header .fancy-subtitle {max-width:320px!important;font-size:11px!important;}
  #bottom-bar .wf-container-bottom {display:block;}
  #bottom-bar .wf-float-left {margin-bottom:20px;line-height:1.4em;}
  .bottom-text-block {text-align:center;}
  .bottom-text-block img {margin:0 auto;}

  .main_btm {grid-template-columns:repeat(2, 1fr);}
  .main_btm > div {height:260px;}

  .about h3 {font-size:21px;letter-spacing:-0.5px;}
  .about .alignleft {margin-right:20px;}
  .about .alignright {margin-left:20px;}

  body.page-id-29 #fancy-header > .wf-wrap {min-height:10px!important;padding:0;} /* Products Main*/
  .product_main ul {grid-template-columns:repeat(2, 1fr);}
  .product_main ul li:nth-child(4) {grid-row:auto;}
  .product_main ul li:nth-child(5) {grid-row:3 / span 4;}

  .sub_visual .txtbox_wrap, .subSlider .swiper-pagination {padding:0 20px;}
  .product_list {grid-template-columns:repeat(2, 1fr)!important;gap:10px;padding:0;}
  .product_list.col_1 > li .txtbox {justify-content:space-between;}
  .product_list.col_1 > li .imgbox {flex-wrap:wrap;justify-content:center;}
  .product_list.col_1 > li .imgbox .item {display:none!important;}
  .product_list.col_1 > li .imgbox .item.active {display:flex!important;}
  .pc_hide {display:flex!important;}
  .pd_btns {gap:8px;}
  .pd_btns a {width:15px;height:15px;}

  .dn_list {padding:0;}
  .dn_list > div {margin-bottom:10px;width:100%!important;}
  .dn_list > div .inner {background-size:cover;}

}

@media only screen and (max-width: 479px){
  .main_visual {height:78vh;max-height:650px;}
  .main_visual .txtbox_wrap {padding:0 20px;top:35%;transform:translateY(-50%);}
  .main_visual .txtbox_wrap .txt1 {font-size:34px;line-height:1em;}
  .main_visual .txtbox_wrap .txt2 {max-width:320px;font-size:13px;}
  .main_visual .txtbox_wrap .txt2 br {display:none;}
  .visualSlider .swiper-slide.bg1 {background-position:62% 50%;}
  .visualSlider .swiper-slide.bg2 {background-position:65% 50%;}
  .visualSlider .swiper-slide.bg3 {background-position:40% 50%;}
  .visualSlider .swiper-slide.bg4 {background-position:55% 50%;}
  .visualSlider .swiper-slide.bg5 {background-position:75% 50%;}
  .visualSlider .swiper-pagination {padding:0 20px;bottom:20px;justify-content:center;}
  .swiper-pagination-bullet {width:12px;height:12px;border-width:1px;}
  .main_btm {grid-template-columns:repeat(1, 1fr);}
  .main_btm > div {height:180px;}
  .main_btm > div .tit {font-size:18px;}
  .main_btm > div .txt {font-size:11px;}
  .main_btm .item2 a {background-color:rgba(0 0 0 / 15%);}

  .product_main ul {grid-template-columns:repeat(1, 1fr);}
  .product_main ul li {height:178px;}
  .product_main ul li a {padding-left:20px;padding-right:20px;}
  .product_main ul li:nth-child(5) {grid-row:auto;}

  .sub_visual {height:60vh;max-height:620px;}
  .sub_visual .txtbox_wrap {top:50%;transform:translateY(-50%);}
  .sub_visual .txtbox_wrap .txt1 {font-size:34px;line-height:1em;}
  .sub_visual .txtbox_wrap .txt2 {max-width:320px;font-size:13px;}
  .sub_visual .txtbox_wrap .txt2 br {display:none;}
  .sub_visual .swiper-pagination {padding:0 20px;bottom:20px;justify-content:center;}

  .product_list {grid-template-columns:repeat(1, 1fr)!important;}
  
  .dn_list .inner .hover {width:100%;}
}