@charset "utf-8";
/* COMMON */
.contenthide{display: none;}
section.sub {}
section.contents_wrap {}
section.contents_wrap .contents {}
section.contents_wrap .contents h4 {color: #87b940; font-size: 3.222em; font-weight: 700; padding: 1.276em 0 0.931em;}
section.contents_wrap .contents.sub_product_list {margin: 0 auto; max-width: 1280px;}
section.contents_wrap .contents.sub_product_view {}
section.contents_wrap .contents.sub_inquiries {margin: 0 auto; max-width: 1280px;}
.description {color: #222; font-size: 1em; font-weight: 400; line-height: 1.444em; word-break: keep-all;}
.required_txt{float:right;}
.required_txt::before{content:'* '; color:#87b940; font-weight:500;}
.sub_description {color: #444; font-size: 0.889em; font-weight: 400; line-height: 1.625em; word-break: keep-all;}
.sub_title {color: #87b940; font-size: 1.111em; font-weight: 700; margin-top: 2.700em; padding: 0.650em 0;}
.table_wrap {}
.table_wrap table {border-collapse: collapse; width: 100%;}
.table_wrap th, .table_wrap td {border-bottom: 1px solid #ababab; border-top: 1px solid #ababab;box-sizing: border-box; height: 3.556em; padding: 0 0.278em; vertical-align: middle;}
.table_wrap th {background-color: #fff; color: #666; font-weight: 300;}
.table_wrap td {background-color: #fff; color: #666; font-weight: 300; height: 4.167em; text-align: center;}
.button_wrap {padding: 1.111em 0; text-align: center;}
.button_wrap > input[type=submit] {border-radius: 2.000em; box-sizing: border-box; display: inline-block; font-size: 0.833em; padding: 1.133em 0; width: 12.667em;}
.button_wrap > a {border-radius: 2.000em; box-sizing: border-box; display: inline-block; font-size: 0.833em; padding: 1.200em 0 1.133em; width: 12.667em;}
.button_wrap .btn_red {background-color: #87b940; border: 1px solid #87b940; color: #fff;}
.button_wrap .btn_white {background-color: #fff; border: 1px solid #676767; color: #565656;}
.radio_wrap {}
.radio_wrap label {cursor: pointer; display: inline-block;}
.radio_wrap input[type="radio"] {display: none;}
.radio_wrap input[type="radio"] + span {border: 1px solid #ababab; border-radius: 3px; box-sizing: border-box; color: #222; display: inline-block; font-size: 0.778em; line-height: 1em; padding: 0.571em 0; text-align: center; vertical-align: middle; width: 5.143em;}
.radio_wrap input[type="radio"] + span:before {border: 1px solid #ababab; border-radius: 100%; box-sizing: border-box; content: ""; display: inline-block; height: 1em; margin-right: 0.571em; vertical-align: top; width: 1em;}
.radio_wrap input[type="radio"]:checked + span {background-color: #87b940; border: 1px solid #87b940; color: #fff;}
.radio_wrap input[type="radio"]:checked + span:before {border: 1px solid #fff;}
/* PRODUCT LIST*/
.product_type1 {margin-bottom: 5.556em;}
.product_type1 .product_box {}
.product_type1 .product_box:after {clear: both; content: ""; display: block;}
.product_type1 .product_box .product_snb {float: left; width: 20%;}
.product_type1 .product_box .product_snb .product_tit {color: #87b940; font-size: 1.111em; font-weight: 700; margin-bottom: 1.500em;}
.product_type1 .product_box .product_snb ul.tabs {}
.product_type1 .product_box .product_snb ul.tabs li {margin-top: 0.556em;}
.product_type1 .product_box .product_snb ul.tabs li:first-child {margin-top: 0;}
.product_type1 .product_box .product_snb ul.tabs li a {color: #444; font-size: 0.778em;}
.product_type1 .product_box .product_snb ul.tabs li.active {}
.product_type1 .product_box .product_snb ul.tabs li.active a {border-bottom: 1px solid #87b940; color: #87b940;}
.product_type1 .product_box .product_snb ul.tabs li a:hover {border-bottom: 1px solid #87b940; color: #87b940;}
.product_type1 .product_box .product_snb .search_box {display: none;}
.product_type1 .product_box .product_list {margin-top: 1.667em; }
.product_type1 .product_box .product_list .cate { border-bottom: 1px solid #b6b6b6; box-sizing: border-box; padding: 1.389em 0;}
.product_type1 .product_box .product_list .cate > span.prd_name {color: #87b940; font-size: 1.111em; font-weight: 700; margin-right: 2.000em; padding-right: 2.000em; position: relative; vertical-align: middle;}
.product_type1 .product_box .product_list .cate > span.prd_name:before {background-color: #c5c5c5; content: ""; display: block; height: 0.700em; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px;}
.product_type1 .product_box .product_list .cate > a {border-radius: 1.250em;color: #333; display: inline-block; font-size: 0.889em; padding: 0.500em 1.250em;}
.product_type1 .product_box .product_list .cate > a.on {background-color: #474747; color: #fff; font-weight: 600;}

.product_type1 .product_box .product_list .paramt > .current {background-color: #474747; color: #fff; font-weight: 600;}


.product_type1 .product_box .product_list > ul {overflow: hidden; position: relative;}
.product_type1 .product_box .product_list > ul:before {background-color: #fff; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 1px;}
.product_type1 .product_box .product_list > ul:after {background-color: #fff; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%;}
/* .product_type1 .product_box .product_list > ul:after{content: ""; display: block; clear: both;} */
.product_type1 .product_box .product_list > ul > li {border-bottom: 1px solid #ddd; box-sizing: border-box; float: left; padding: 1.667em 0; width: 25%;}
.product_type1 .product_box .product_list > ul > li > div {}
.product_type1 .product_box .product_list > ul > li > div > a {border-left: 1px solid #ddd;box-sizing: border-box;display: block; padding: 0 1.389em;}
.product_type1 .product_box .product_list > ul > li > div > a:hover .tit.btn_effect {border-color: #79a837 !important;}
.product_type1 .product_box .product_list > ul > li > div > a:hover .tit.btn_effect:before {width: 100%;}
.product_type1 .product_box .product_list > ul > li > div > a:hover .tit.btn_effect > span {color: #fff;}
.product_type1 .product_box .product_list > ul > li .img {display: table; height: 16em; overflow: hidden; position: relative; width: 100%;}
.product_type1 .product_box .product_list > ul > li .img > div {display: table-cell; text-align: center; vertical-align: middle;}
.product_type1 .product_box .product_list > ul > li .img img {max-height: 100%; max-width: 100%;}
.product_type1 .product_box .product_list > ul > li .img .blade {background-color: #fff; border: 1px solid #87b940; border-radius: 0.556em; box-sizing: border-box; left: 0; min-height: 2.889em; padding: 0.167em 0; position: absolute; text-align: center; top: 0.556em; width: 2.889em;}
.product_type1 .product_box .product_list > ul > li .img .blade.t_only {display: table;}
.product_type1 .product_box .product_list > ul > li .img .blade .num {color: #87b940; display: block; font-size: 1.778em; font-weight: 200; line-height: 1em;}
.product_type1 .product_box .product_list > ul > li .img .blade .desc {color: #87b940; display: block; font-size: 0.556em; font-weight: 500; word-break: keep-all;}
.product_type1 .product_box .product_list > ul > li .img .blade.t_only .desc {display: table-cell; vertical-align: middle;}
.product_type1 .product_box .product_list > ul > li .txt {padding-bottom: 1.500em; padding-top: 1em;}
.product_type1 .product_box .product_list > ul > li .txt .tit {border: 1px solid #676767; border-radius: 3em; box-sizing: border-box; color: #333; font-size: 1em; font-weight: 400; margin: 0 auto; margin-bottom: 1.111em; max-width: 11.111em; overflow: hidden; padding: 0.556em 0; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.product_type1 .product_box .product_list > ul > li .txt > a {border: 1px solid #676767; border-radius: 2.143em; box-sizing: border-box; color: #565656; display: block; font-size: 0.778em; font-weight: 300; margin: 0 auto; max-width: 14.286em; padding: 0.857em 0; text-align: center;}
.product_tab {border-radius: 0.556em; box-sizing: border-box; margin: -2.778em auto 0; max-width: 45.000em; overflow: hidden; width: 100%;}
.product_tab ul {}
.product_tab ul:after {clear: both; content: ""; display: block;}
.product_tab li {display: table; float: left; width: 33.3%;}
.product_tab li a {background-color: #f1f1f1; color: #333; display: table-cell; font-size: 0.889em; font-weight: 400; height: 3.563em; text-align: center; vertical-align: middle;}
.product_tab li.active a {background-color: #87b940; color: #fff; font-weight: 500;}
/* PRODUCT VIEW*/
.sub_product_view .product_type1 {margin-bottom: 0;}
.product_type1 .product_view {}
.product_type1 .product_view .detail {display: none;}
.product_type1 .product_view .detail_product {}
.info_bar {border-bottom: 1px solid #dfdfdf; left: 0; padding: 0.667em 0;position: fixed; top: 5.000em; -moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 100%; z-index: 1;}
.info_bar.fixed {background-color: rgba(255, 255, 255, 0.8); top: 3.333em;}
.info_bar .prd_name {color: #222; display: inline-block; font-size: 1.444em; font-weight: 300; line-height: 1.154em;}
.info_bar a.btn_effect {background-color: #87b940; border-radius: 1em; box-sizing: border-box; color: #fff; display: inline-block; float: right; font-size: 1em; font-weight: 300; padding: 0.222em 0; text-align: center; width: 3.889em;}
.info_bar a.btn_effect img {max-width: 0.444em; position: relative;}
.info_bar a.btn_effect span {line-height: 1em; margin-left: 0.333em; vertical-align: middle;}
/* - VIEW_MAIN */
.contents_inner article { height: 48.889em; overflow: hidden;}
.contents_inner article.low { height: 36.667em;}
.contents_inner article.high { height: 53.333em;}
.contents_inner .bgnone:before {display: none;}
.motion_v00 {height: 100%; position: relative;}
.motion_v00:before {content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 1s; width: 0;}
.motion_v00.on:before {width: 100%;}
.motion_v00 .inner {height: 100%; position: relative;}
.motion_v00 .img {bottom: 0; opacity: 0;position: absolute; text-align: center; transition: all 1s .5s; width: 100%;}
.motion_v00 .img img {max-width: 100%;}
.motion_v00.on .img {bottom: 50%; opacity: 1; transform: translateY(50%);}
.motion_v00 .txt {bottom: 0; opacity: 0; position: absolute; transition: all 1s .3s; width: 100%;}
.motion_v00.on .txt {bottom: 50%; opacity: 1; top: auto; transform: translateY(50%);}
.motion_v00 .left {left: 0; right: auto; width: 50%;}
.motion_v00 .right {left: auto; right: 0; width: 50%;}
.motion_v00 .bottom {bottom: -20% !important; top: auto; transform: none;}
.motion_v00.on .bottom {bottom: 0 !important; top: auto; transform: none;}
.motion_v00 .txt .tit_sub:first-child {margin-top: 0;}
.motion_v01 {height: 100%; position: relative;}
.motion_v01:before {content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 1s; width: 0;}
.motion_v01.on:before {width: 100%;}
.motion_v01 .inner {height: 100%; position: relative;}
.motion_v01 .img {left: 0; opacity: 0; position: absolute; top: 20%; transition: all 1s .5s;}
.motion_v01.on .img {opacity: 1; top: 0;}
.motion_v01 .img2 {bottom: 0; left: 70%; opacity: 0; position: absolute; transition: all 1s 1s;}
.motion_v01.on .img2 {left: 50%; opacity: 1;}
.motion_v01 .img img {max-width: 100%;}
.motion_v01 .txt {opacity: 0; position: absolute; right: 0; top: 20%; transition: all 1s .3s;}
.motion_v01.on .txt {opacity: 1; top: 0;}
.motion_v01 .txt .tit_main {}
.motion_v01 .txt ul {}
.motion_v01 .txt ul:after {clear: both; content: ""; display: block;}
.motion_v01 .txt ul li {color: #444; font-size: 1em; font-weight: 400; padding: 0.500em 0;}
.motion_v01 .txt ul li img {margin-right: 1em; width: 1.889em;}
.motion_v02 {height: 100%; overflow: hidden; position: relative;}
.motion_v02:before {content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 1s; width: 0;}
.motion_v02.on:before {width: 100%;}
.motion_v02 .left, .motion_v02 .right {float: left; height: 100%; overflow: hidden; position: relative; width: 50%;}
.artc_v06 .motion_v02 .left{width: 40%;}
.artc_v06 .motion_v02 .right{width: 60%;}
.artc_v06 .motion_v02 .full:before {
    background-color: #fff;
}

.motion_v02 .left {float: left;}
.motion_v02 .right {float: right;}
.motion_v02 .left .inner, .motion_v02 .right .inner {box-sizing: border-box; margin: 0; max-width: 640px; padding: 0 10%;}
.motion_v02 .left .inner {float: right; padding-left: 0;}
.motion_v02 .right .inner {float: left; padding-right: 0;}
.motion_v02 .full, .motion_v02 .mix {}
.motion_v02 .full {position: relative;}
.motion_v02 .full:before {background-color: #ebe6dc; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 1s; width: 0;}
.sva3000 .motion_v02 .full:before {background-color: #e3e3e5;}
.sva1000 .motion_v02 .full:before {background-color: #dce1eb;}
.fva1000 .motion_v02 .full:before {background-color: #ebeadc;}
.sxa3000 .motion_v02 .full:before {background-color: #e7e8f8;}
.lsxa1000 .motion_v02 .full:before {background-color: #e7e8f8;}
.ltra1000 .motion_v02 .full:before {background-color: #e3f1f1;}
.ltra2000 .motion_v02 .full:before {background-color: #e6e8e3;}
.motion_v02.on .full:before {width: 100%;}
.motion_v02 .mix {position: relative;}
.motion_v02 .img_full {left: 0; opacity: 0;position: absolute; top: 0; transition: all 1s 1s;}
.motion_v02 .img_full img {}
.motion_v02.on .img_full { /*top: -10%;*/ opacity: 1;}
.artc_v02 .motion_v02 .img_full {top: 10%;}
.artc_v03 .motion_v02 .img_full {top: -10%;}
/* .sub_product_view .motion_v02 .img_full{left: 50%; transform: translateX(-50%);} */
/* .sub_product_view .motion_v02.on .img_full{} */
.motion_v02 .img {bottom: -20%; opacity: 0; position: absolute; right: 0; transition: all 1s 1s;}
.motion_v02.on .img {opacity: 1;}
.motion_v02 .img img {}
.motion_v02 .txt {left: 0; opacity: 0; overflow: hidden; position: absolute; top: 20%; transition: all 1s .3s; width: 100%;}
.motion_v02.on .txt {opacity: 1; top: 0;}
.motion_v02 .img_sub {bottom: 10%;opacity: 0; position: absolute; right: 70%; transition: all 1s .6s;}
.motion_v02.on .img_sub {opacity: 1;right: 10%; }
.etc {bottom: -10%; left: 10%; opacity: 0; position: absolute; transition: all 1s .5s;}
.motion_v01.on .etc, .motion_v02.on .etc {bottom: 10%; opacity: 1;}
.etc .blade {border: 1px solid #87b940; border-radius: 0.833em; box-sizing: border-box; padding: 1em 0 1.056em; text-align: center; width: 6.667em;}
.etc .blade .num {color: #87b940; display: block; font-size: 3.333em; font-weight: 100; line-height: 1em;}
.etc .blade .desc {color: #87b940; display: block; font-size: 1em; font-weight: 300; }
.tit_main {color: #222; font-size: 3.333em; font-weight: 200; line-height: 1em; margin-bottom: 0.750em; word-break: keep-all;}
.tit_sub {color: #222; font-size: 2.667em; font-weight: 200; line-height: 1.042em; margin-bottom: 0.729em;margin-top: 2.417em; word-break: keep-all;}
.dsc_view {font-size: 1em; line-height: 1.444em; }
.product_info {}
.artc_v01 {}
.artc_v01 .motion_v01 {box-sizing: border-box; padding-top: 7.222em;}
.artc_v01 .motion_v01:before {background-color: #f6f4f3;}
.artc_v01 .motion_v01 .img {text-align: center;}
/* .artc_v01 .motion_v01 .img.vertc{width: 69%; text-align: center;} */
.artc_v01 .motion_v01 .txt { /*width: 100%; max-width: 22.222em;*/}
.artc_v01 .motion_v01 .txt .blade {border: 1px solid #87b940; border-radius: 0.833em; box-sizing: border-box; display: table; height: 6.667em; margin-top: 1em; text-align: center; width: 6.667em;}
.artc_v01 .motion_v01 .txt .blade .desc {color: #87b940; display: table-cell; font-size: 1em; font-weight: 300; vertical-align: middle;}
.artc_v02 {}
.artc_v02 .motion_v02 {}
.artc_v02 .motion_v02 ul {}
.artc_v02 .motion_v02 ul:after {clear: both; content: ""; display: block;}
.artc_v02 .motion_v02 li {float: left; width: 50%;}
.artc_v03 {}
.artc_v03 .motion_v02 .img_full {text-align: center; width: 100%;}
.fva1000 .artc_v02 .motion_v02 .img_full {text-align: center; width: 100%;}
.fva1000 .artc_v03 .motion_v02 .img_full {top: 10%;}
.lsxa1000 .artc_v02 .motion_v02 .img_full {text-align: center; width: 100%;}
.sxa3000 .artc_v02 .motion_v02 .img_full {text-align: center; width: 100%;}
.sxa3000 .artc_v03 .motion_v02 .img_full {bottom: 0; top: auto;}
.sxa5000 .artc_v02 .motion_v02 .img_full {top: 0;}
.sva3000 .artc_v02 .motion_v02 .img_full {top: 0;}
.ltra1000 .artc_v02 .motion_v02 .img_full {text-align: center; width: 100%;}
.ltra2000 .artc_v02 .motion_v02 .img_full {text-align: center; width: 100%;}
.fra1000 .artc_v02 .motion_v02 .img_full {top: 0;}
.artc_v04, .artc_v05 {}
.artc_v04 .motion_v01 {text-align: center;}
.artc_v04 .motion_v01:before {background-color: #f4f4f4;}
.artc_v04 .motion_v02:before {background-color: #f4f4f4;}
.sgb100 .artc_v04 .motion_v01:before {background-color: transparent;}
.artc_v04.artc_v04_1 .motion_v02:before {background-color: transparent;}
.artc_v04 .motion_v01 .txt {width: 100%;}
.artc_v04 .motion_v01 .description {margin: 0 auto; max-width: 44.444em;}
.artc_v04 .motion_v01 .img {bottom: -20%; text-align: center; top: auto; width: 100%;}
.artc_v04 .motion_v02 .img {bottom: 20%; left: 70%; right: auto; top: auto;}
.artc_v04 .motion_v02.on .img {left: 0;}
.artc_v04 .motion_v01.on .img {bottom: 0; top: auto;}
.artc_v05 .motion_v01 .img {overflow: hidden; text-align: right; top: 35%; width: 50%;}
.artc_v05 .motion_v01.on .img {top: 15%;}
.artc_v05 .motion_v01 .img img {max-width: none;}
.artc_v05 .motion_v01 .txt {box-sizing: border-box; margin-top: 3.333em; padding-left: 3.889em; width: 50%;}
.artc_v05 .motion_v01 .txt ol { /*max-width: 22.222em;*/}
.artc_v05 .motion_v01 .txt ol li {border-top: 1px solid #dcdcdc; padding: 3.389em 0;}
.artc_v05 .motion_v01 .txt ol li:first-child {border-top: 0;}
.artc_v05 .motion_v01 .txt ol li .tit_sub {margin-top: 0; position: relative;}
.artc_v05 .motion_v01 .txt ol li .tit_sub img {left: -2.188em; position: absolute; top: -0.208em; width: 1.417em;}
.artc_v06, .artc_v07 {}
.artc_v06 .motion_v00:before, .artc_v07 .motion_v00:before {background-color: #f1f1f1;}
.product_info .artc_v07 .inner {border-top: 1px solid #cbcbcb;}
.txt.ol {}
.txt.ol ol {}
.txt.ol li {float: none; position: relative; width: 100%;}
.txt.ol li:before {background-color: #dcdcdc; content: ""; display: block; height: 1px; left: 0; position: absolute; top: -3.000em; width: 100%;}
.txt.ol li:first-child:before {display: none;}
.txt.ol li .tit_sub {}
.txt.ol li .description {}
/* - VIEW_SUB */
/* .view_sub .artc_v02{}

.view_sub .artc_v02 .motion_v01 .img{top:40%;text-align: right; width: 50%; overflow: hidden;}

.view_sub .artc_v02 .motion_v01.on .img{top:15%;}

.view_sub .artc_v02 .motion_v01 .txt{width: 50%; box-sizing: border-box; padding-left: 3.889em; margin-top: 3.333em;}

.view_sub .artc_v02 .motion_v01 .txt ol li{border-top: 1px solid #dcdcdc; padding:3.389em 0;}

.view_sub .artc_v02 .motion_v01 .txt ol li:first-child{border-top: 0;}

.view_sub .artc_v02 .motion_v01 .txt ol li .tit_sub{position: relative; margin-top: 0;}

.view_sub .artc_v02 .motion_v01 .txt ol li .tit_sub img{position: absolute; left: -2.188em; top: -0.208em; width: 1.417em;}

.view_sub .artc_v02 .motion_v01 .etc{left: auto; right: 0;}

.view_sub .artc_v02 .motion_v01.on .etc{bottom: 5%;} */
.view_sub .artc_v02 .motion_v02 .img_full {text-align: center; width: 100%;}
.view_sub .artc_v03 .motion_v01:before {background-color: #ececec;}
.view_sub .artc_v03 .motion_v02:before {background-color: #ececec;}
.view_sub.tra1000 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.sxa100 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.fra100 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.sgc100 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.tnc100 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.tp900 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.tg711 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.tg710 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.tg708n .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.tg702n .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.td702n .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.td708 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.td706 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.sxa300 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.fra200 .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.tra400w .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.td708w .artc_v03 .motion_v02:before {background-color: transparent;}
.view_sub.lt0002 .artc_v03 .motion_v02:before {background-color: transparent;}
/* .view_sub .artc_v03 .motion_v01 .txt{right: auto; left: 0; width: 100%;}

.view_sub .artc_v03 .motion_v01 .img{top:auto; left: 70%; bottom: 20%; transition: all 1s 1s;}

.view_sub .artc_v03 .motion_v01.on .img{left: 0;}

.view_sub .artc_v03 .motion_v01 .img img{max-width: none;}

.view_sub .artc_v03 .left, .view_sub .artc_v03 .right{width: 50%;  height: 100%; position: relative;}

.view_sub .artc_v03 .left{float: left;}

.view_sub .artc_v03 .left .inner{float: right; max-width: 640px; box-sizing: border-box; margin:0; padding-right: 10%;}

.view_sub .artc_v03 .right{float: right;}

.view_sub .artc_v03 .motion_v02{}

*/
.view_sub .motion_v02 .full:before {background-color: transparent;}
.view_sub .artc_v03 .motion_v02 .img_full {top: 10%;}
.view_sub.tra1000 .motion_v02 .full:before {background-color: #e0e9f3;}
.view_sub.tra1000 .artc_v03 .motion_v02 .img_full {top: 0;}
.view_sub.sxa100 .motion_v02 .full:before {background-color: #e3f0e9;}
.view_sub.sxa100 .artc_v03 .motion_v02 .img_full {top: 0;}
.view_sub.fra100 .motion_v02 .full:before {background-color: #eeeeee;}
.view_sub.fra100 .artc_v03 .motion_v02 .img_full {top: 0;}
.view_sub.fra2000 .artc_v03 .motion_v02 .img_full {top: 0;}
.view_sub.sxa300 .artc_v03 .motion_v02 .img_full {top: 0;}
.view_sub.fra200 .artc_v03 .motion_v02 .img_full {top: 0;}
.view_sub.tra400w .artc_v03 .motion_v02 .img_full {top: 0;}
.view_sub .artc_v04.artc_v04_1 .motion_v02 .img_full {text-align: center; width: 100%;}
.view_sub.tra400 .artc_v04.artc_v04_1 .motion_v02 .img_full {top: 10%;}
.view_sub.sgc100 .motion_v02 .full:before {background-color: #e6ecf6;}
.view_sub.tnc100 .motion_v02 .full:before {background-color: #e6ecf6;}
.view_sub.tp900 .motion_v02 .full:before {background-color: #dcecea;}
.view_sub.tg711 .motion_v02 .full:before {background-color: #e7e7e7;}
.view_sub.tg710 .motion_v02 .full:before {background-color: #dce5eb;}
.view_sub.tg708n .motion_v02 .full:before {background-color: #e0f0f5;}
.view_sub.tg702n .motion_v02 .full:before {background-color: #e7e7e7;}
.view_sub.td702n .motion_v02 .full:before {background-color: #e8e8e8;}
.view_sub.td708 .motion_v02 .full:before {background-color: #dceaf4;}
.view_sub.td706 .motion_v02 .full:before {background-color: #dceaf4;}
.view_sub.sxa300 .motion_v02 .full:before {background-color: #e6f0e3;}
.view_sub.fra200 .motion_v02 .full:before {background-color: #e6e3f0;}
.view_sub.tra400w .motion_v02 .full:before {background-color: #e6e3f0;}
.view_sub.td708w .motion_v02 .full:before {background-color: #e6e2f0;}
.view_sub.lt0002 .motion_v02 .full:before {background-color: #e6e2f0;}
.view_sub.td708 .artc_v03 .motion_v02 .full.left:before {background-color: transparent;}
.view_sub.td706 .artc_v03 .motion_v02 .full.left:before {background-color: transparent;}
.view_sub.td708w .artc_v03 .motion_v02 .full.left:before {background-color: transparent;}
.view_sub.lt0002 .artc_v03 .motion_v02 .full.left:before {background-color: transparent;}
.view_sub .artc_v05 .motion_v01 {text-align: center;}
.view_sub .artc_v05 .motion_v01 .img {bottom: -20%; text-align: left; top: auto; width: 100%;}
.view_sub .artc_v05 .motion_v01.on .img {bottom: 0; top: auto;margin-left:10%}
.view_sub .artc_v05 .motion_v01 .txt {margin: 0; padding: 0; width: 60%;}
.view_sub .artc_v05 .motion_v01 .img img {max-width: 100%;}
.view_sub .artc_v05 .motion_v01 {overflow: hidden; width: 100%;}
.view_sub .artc_v05 .motion_v01:before {background-color: #dbdbdb;}
.view_sub .artc_v05 .motion_v01.side_motion .img {bottom: 20%; left: 30%; padding: 0;}
.view_sub .artc_v05 .motion_v01.side_motion.on .img {bottom: 20%; left: 0;}
.view_sub .artc_v05 .motion_v01.side_motion .img img {width: 100%;}
.view_sub .artc_v05 .motion_v01 .description {margin: 0 auto; max-width: 38.889em;}
.view_sub .notuse {height: 0 !important;}
.ltra1000 .artc_v04, .ltra1000 .artc_v05 {height: 0 !important;}
.ltra2000 .artc_v04, .ltra2000 .artc_v05 {height: 0 !important;}
.artc_v01 .motion_v01 .img.slide {width: 69%;}
.img_slide {}
.img_slide ul {}
.img_slide li {outline: none;}
.img_slide li img {margin: 0 auto;}
.artc_v01 .motion_v01 .txt.slide {width: 32%;}
.simg_slide {}
.simg_slide ul {margin-left: -0.556em;}
.simg_slide li {max-width: 11.667em; padding: 0 !important; text-align: center; width: 50% !important;}
.simg_slide li > div {margin-bottom: 0.556em; margin-left: 0.556em; }
.simg_slide li a {background-color: #fff;border: 1px solid #d6d6d6; display: block; padding-bottom: 72%; position: relative; }
.simg_slide li.slick-current a:before {border: 2px solid #636363; content: ""; height: calc(100% - 2px); left: -1px; position: absolute; top: -1px; width: calc(100% - 2px);}
.simg_slide li img {left: 50%; margin-right: 0 !important; max-height: 90%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: auto !important;}
.simg_slide .slick-track {margin-left: 0; width: 100% !important;}
.simg_arrow {margin-bottom: 2.222em;}
.simg_arrow a {display: inline-block !important; position: relative;}
.simg_arrow a img {}
.simg_arrow .btn_prev {}
.simg_arrow .btn_next {margin-left: 0.944em; padding-left: 1.333em;}
.simg_arrow .btn_next:before {background-color: #c3c3c5; content: ""; display: inline-block; height: 0.722em; left: 0; position: absolute; top: 0.333em; width: 1px;}
/* INQUIRIES */
.formmail_wrap {}
.formmail_wrap > ul {margin-left: -2.222em;}
.formmail_wrap ul:after {clear: both; content: ""; display: block;}
.formmail_wrap > ul > li {float: left; width: 50%;}
.formmail_wrap > ul > li.full {width: 100%;}
.formmail_wrap > ul > li > div {margin-left: 2.222em;}
.formmail_wrap > ul > li .tit {color: #222; font-size: 1em; font-weight: 300; padding: 0.722em 0 0.278em;}
.formmail_wrap > ul > li .tit.required {}
.formmail_wrap > ul > li .tit.required:before {color: #87b940; content: "* "; font-weight: 500;}
.formmail_wrap input[type="text"], .formmail_wrap input[type="tel"], .formmail_wrap input[type="email"], .formmail_wrap input[type="file"], .formmail_wrap select {border: 1px solid #ababab; border-radius: 3px; box-sizing: border-box; color: #666; height: 2.778em; margin: 0.278em 0; padding: 0 1.111em; width: 100%;}
.formmail_wrap input[type="file"] {padding: 0.444em 1.111em;}
.formmail_wrap textarea {border: 1px solid #ababab; border-radius: 3px; box-sizing: border-box; box-sizing: border-box; color: #666; height: 5.556em; margin: 0.278em 0; padding: 1.111em; width: 100%;}
.formmail_wrap .info {color: #87b940; font-size: 0.778em; margin: 0.357em 0;}
.formmail_wrap2 {}
.formmail_wrap2 .box {margin-bottom: 1.111em;}
.formmail_wrap2 .box .tit {background-color: #ececec; box-sizing: border-box; color: #222; font-size: 1em; font-weight: 300; padding: 0.778em 10.000em 0.778em 1.667em; position: relative;}
.formmail_wrap2 .box .tit.required {}
.formmail_wrap2 .box .tit.required:before {color: #87b940; content: "* "; font-weight: 500;}
.formmail_wrap2 .box .tit.privacy a::after{content:url('../img/sub/btn_policy.gif'); margin:0 0 0 10px;}

.formmail_wrap2 .box .cont {box-sizing: border-box; padding: 0.833em 1.667em;}
.formmail_wrap2 .box .cont .list {}
.formmail_wrap2 .box .cont .list ul {margin-left: -1.111em;}
.formmail_wrap2 .box .cont .list ul:after {clear: both; content: ""; display: block;}
.formmail_wrap2 .box .cont .list li {float: left; width: 50%;}
.formmail_wrap2 .box .cont .list li > div {margin-left: 1.111em;}
.formmail_wrap2 .box #captcha {width: 100%;}
.formmail_wrap2 .box #captcha #captcha_info {display: none;}
.formmail_wrap2 input[type="text"], .formmail_wrap2 input[type="tel"], .formmail_wrap2 input[type="email"], .formmail_wrap2 input[type="file"], .formmail_wrap2 select {border: 1px solid #ababab; border-radius: 3px; box-sizing: border-box; box-sizing: border-box; color: #666; height: 2.778em; margin: 0.278em 0; padding: 0 1.111em; width: 100%;}
.formmail_wrap2 input[type="file"] {padding: 0.444em 1.111em;}
.formmail_wrap2 textarea {border: 1px solid #ababab; border-radius: 3px; box-sizing: border-box; box-sizing: border-box; color: #666; height: 5.556em; margin: 0.278em 0; padding: 1.111em; width: 100%;}
.formmail_wrap2 .radio_wrap {position: absolute; right: 1.667em; top: 0.500em;}
.rdosel_wrap {}
.rdosel_wrap ul {margin-left: -2.222em;}
.rdosel_wrap ul:after {clear: both; content: ""; display: block;}
.rdosel_wrap li {float: left; width: 50%;}
.rdosel_wrap li > div {box-sizing: border-box; color: #666; margin: 0.278em 0 0.278em 2.222em; }
.rdosel_wrap li label {border: 1px solid #ababab; border-radius: 3px; box-sizing: border-box; cursor: pointer; display: block; margin: 0.278em 0; padding: 0.722em 1.111em; position: relative;}
.rdosel_wrap li input[type="radio"] {display: none;}
.rdosel_wrap li input[type="radio"] + span {display: inline-block; padding-left: 2.222em; position: relative;}
.rdosel_wrap li input[type="radio"] + span:before {border: 1px solid #ababab; border-radius: 1px; content: ""; display: block; height: 1.111em; left: 0; position: absolute; top: 0; width: 1.111em;}
.rdosel_wrap li input[type="radio"]:checked + span:before {border-color: #87b940;}
.rdosel_wrap li input[type="radio"]:checked + span:after {background-color: #87b940; content: ""; display: block; height: 0.667em; left: 0.278em; position: absolute; top: 0.278em; width: 0.667em;}
.rdosel_wrap li select {border-color: transparent; display: none; height: 2.111em; position: absolute;right: 0.278em; top: 0; width: 35%;}
.rdosel_wrap li input[type="radio"]:checked ~ select {display: block;}
/* .rdosel_wrap li > div{border:1px solid #ababab; border-radius: 3px; height: 2.778em; box-sizing: border-box; margin:0.278em 0 0.278em 2.222em; color: #666; padding-left:1.111em;}

.rdosel_wrap li label{margin:0.278em 0; float: left; padding:0.444em; width: 60%; box-sizing: border-box; cursor: pointer;}

.rdosel_wrap li input[type="radio"]{display: none;}

.rdosel_wrap li input[type="radio"] + span{display: inline-block; position: relative; padding-left: 2.222em;}

.rdosel_wrap li input[type="radio"] + span:before{content: ""; position: absolute; width: 1.111em; height: 1.111em; display: block; top: 0; left: 0; border:1px solid #87b940; border-radius:1px;}

.rdosel_wrap li input[type="radio"]:checked + span:after{content: ""; position: absolute; width: 0.667em; height: 0.667em; background-color: #87b940; display: block; top: 0.278em; left: 0.278em;}

.rdosel_wrap li select{float: right; width: 40%; height: 2.111em; border:1px solid transparent;} */
.rdosel_wrap li select option:checked, .rdosel_wrap li select option:hover {background-color: #87b940; box-shadow: 0 0 10px 100px #87b940 inset; color: #fff;}
.sub_inquiries input:focus, .sub_inquiries select:focus, .sub_inquiries textarea:focus {border: 1px solid #87b940 !important;}
.sub_inquiries .rdosel_wrap select:focus {border: 1px solid #ababab !important;}
/* WHO WE ARE */
section.contents_wrap .contents.sub_intro {}
section.contents_wrap .contents.sub_intro > h4 {display: none;}
.contents.sub_intro .contents_inner {}
.contents.sub_intro {}
.contents.sub_intro .artc01, .contents.sub_history .artc01 {height: 47.222em; overflow: hidden;}
.contents.sub_intro .contents_inner .artc01{height: auto; overflow: hidden;}
.contents.sub_intro .artc01 {}
.contents.sub_intro .artc01 .motion_multi {}
.contents.sub_intro .artc01 .motion_multi:before {background-color: #f4f4f4;bottom: 0; height: 45%; left: 0; top: auto;}
.contents.sub_intro .artc01 .motion_multi .img {}
.contents.sub_intro .artc01 .motion_multi .img img {}
.contents.sub_intro .artc01 .motion_multi .txt {max-width: 13.333em; }
.contents.sub_intro .artc01 .motion_multi.on .txt {}
.contents.sub_intro .artc01 .motion_multi .year, .contents.sub_history .artc01 .motion_multi .txt_list2 {left: 0;opacity: 0; position: absolute; top: 70%; transition: all 1s .5s;}
.contents.sub_intro .artc01 .motion_multi.on .year, .contents.sub_history .artc01 .motion_multi.on .txt_list2 {opacity: 1;top: 43.2%;}
.contents.sub_intro .artc01 .motion_multi .year img {max-width: 100%; width: 31.556em;}
.contents.sub_intro .artc01 .motion_multi .desc {color: #444; font-size: 1em; font-weight: 400; line-height: 1.444em; max-width: 44.444em;}
.sub .motion_multi {height: 100%; position: relative;}
.sub .motion_multi:before {content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 1s; width: 0;}
.sub .motion_multi.on:before {width: 100%;}
.sub .motion_multi .inner {height: 100%; position: relative;}
.sub .motion_multi .img {opacity: 0; position: absolute; right: 0; top: 50%; transition: all 1s 1s;}
.sub .motion_multi.on .img {opacity: 1; top: 10.7%;}
.sub .motion_multi .img img {}
.sub .motion_multi .txt {color: #222; font-size: 3.333em; font-weight: 200; left: 0; line-height: 1em; opacity: 0; position: absolute; top: 40%; transition: all 1s .3s; width: 100%;}
.sub .motion_multi.on .txt {opacity: 1; top: 15.3%;}
.sub .motion_multi .btn {bottom: 0; left: 0; opacity: 0; position: absolute; transition: all 1s .5s; width: 100%;}
.sub .motion_multi.on .btn {bottom: 20%; opacity: 1;}
.sub .motion_multi .btn a {border: 1px solid #676767; border-radius: 1.667em; box-sizing: border-box; color: #565656; display: inline-block; font-size: 1em; font-weight: 300; padding: 0.833em 1.444em 0.889em;}
.sub .motion_multi .desc {bottom: -10%; left: 0; opacity: 0; position: absolute; transition: all 1s .8s; width: 100%;}
.sub .motion_multi.on .desc {bottom: 12%; opacity: 1;}
.contents.sub_intro .artc02 {}
.contents.sub_intro .artc02 .motion_step {padding: 3.611em 0 5.556em 0;}
.motion_step {height: 100%; position: relative;}
.motion_step:before {background-color: #f4f4f4; content: ""; display: block; height: 100%;left: 0; position: absolute; top: 0; transition: all 1s; width: 0;}
.motion_step.on:before {width: 100%;}
.motion_step.bgon:before {width: 100%;}
.motion_step .list {position: relative;}
.motion_step .list ul {}
.motion_step .list ul:after {clear: both; content: ""; display: block;}
.motion_step .list li {float: left; opacity: 0; transition: all 1s; width: 20%;}
.motion_step.on .list li {opacity: 1;}
.motion_step.on .list li:nth-child(1) {transition: all 1s;}
.motion_step.on .list li:nth-child(2) {transition: all 1s .3s;}
.motion_step.on .list li:nth-child(3) {transition: all 1s .6s;}
.motion_step.on .list li:nth-child(4) {transition: all 1s .9s;}
.motion_step.on .list li:nth-child(5) {transition: all 1s 1.2s;}
.motion_step .list li > div {}
.motion_step .list li .txt {color: #666; font-size: 1em; font-weight: 300; margin-bottom: 0.556em; text-align: center;}
.motion_step .list li .img {text-align: center;}
.motion_step .list li .img img {max-width: 100%;}
.intro_slide {padding: 3.611em 0 5.556em 0; position: relative; }
.intro_slide:before {background-color: #f4f4f4; content: ""; display: block; height: 55%; left: 0; position: absolute; top: 0; transition: all 1s; width: 0;}
.intro_slide.bgon:before {width: 100%;}
.intro_slide ul {opacity: 0; transition: all 1s .5s;}
.intro_slide.on ul {opacity: 1;}
.intro_slide ul .slick-list.draggable {padding: 0 !important;}
.intro_slide li {cursor: pointer; outline: none;}
.intro_slide li .txt {color: #528b01; font-size: 1em; font-weight: 300; margin-bottom: 0.833em; text-align: center;}
.intro_slide li .img {background-image: url(../img/sub/bg_ruler.png); background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top: 4.444em; text-align: center;}
.intro_slide li .img img {display: inline-block; max-width: 100%;}
.intro_slide .slick-arrow {background-color: rgba(0, 0, 0, 0.4); background-position: center; background-repeat: no-repeat; border-radius: 100%; box-sizing: border-box; display: block; height: 3.556em; overflow: hidden; position: absolute; text-indent: -999999999px; top: 40%; transition: all .2s; width: 3.444em; z-index: 1;}
.intro_slide .slick-arrow:hover {background-color: #87b940;}
.intro_slide .slick-prev {background-image: url(../img/sub/ico_intro_prev_on.png);; border-bottom-left-radius: 0; border-top-left-radius: 0; left: 0;}
/* .intro_slide .slick-prev:hover{background-image: url(../img/sub/ico_intro_prev_on.png);} */
.intro_slide .slick-next {background-image: url(../img/sub/ico_intro_next_on.png); border-bottom-right-radius: 0; border-top-right-radius: 0; right: 0;}
/* .intro_slide .slick-next:hover{background-image: url(../img/sub/ico_intro_next_on.png);} */
/* HISTORY */
section.contents_wrap .contents.sub_history {}
section.contents_wrap .contents.sub_history > h4 {display: none;}
.contents.sub_history .contents_inner {}
.contents.sub_history {}
.contents.sub_history .artc01 {}
.contents.sub_history .artc01 .motion_multi {}
.contents.sub_history .artc01 .motion_multi:before {display: none;}
.contents.sub_history .artc01 .motion_multi .img {bottom: auto; right: -50%; top: -5.000em; width: 50%;}
/* .contents.sub_history .artc01 .motion_multi .img{bottom: auto; top: -5.000em; right: -46.111em;} */
.contents.sub_history .artc01 .motion_multi.on .img {right: 0%;}
/* .contents.sub_history .artc01 .motion_multi.on .img{right: -20.000em;} */
.contents.sub_history .artc01 .motion_multi .txt {max-width: 10.667em;}
.contents.sub_history .artc01 .motion_multi.on .txt {}
.contents.sub_history .artc01 .motion_multi .txt_list {display: none;}
.contents.sub_history .artc01 .motion_multi.on .txt_list {}
.contents.sub_history .artc01 .motion_multi .txt_list ul {}
.contents.sub_history .artc01 .motion_multi .txt_list ul:after {clear: both; content: ""; display: block;}
.contents.sub_history .artc01 .motion_multi .txt_list li {float: left;}
.contents.sub_history .artc01 .motion_multi .txt_list li.do {text-align: left; width: 41.35%;}
.contents.sub_history .artc01 .motion_multi .txt_list li.r {text-align: center; width: 19.49%;}
.contents.sub_history .artc01 .motion_multi .txt_list li.co {text-align: right; width: 39.16%;}
.contents.sub_history .artc01 .motion_multi .txt_list li > div {display: inline-block;}
.contents.sub_history .artc01 .motion_multi .txt_list li .img_li {height: 11.167em;}
.contents.sub_history .artc01 .motion_multi .txt_list li .img_li img {max-width: 100%;}
.contents.sub_history .artc01 .motion_multi .txt_list li .txt_li {color: #444; font-size: 1em; font-weight: 400; line-height: 1.444em; margin-top: 1.667em;text-align: left;}
.contents.sub_history .artc01 .motion_multi .txt_list li .txt_li span {color: #87b940; font-weight: 700;}
.contents.sub_history .artc02 {background-image: url(../img/sub/bg_history01.jpg); background-position: top center; height: 57.778em; overflow: hidden;}
.contents.sub_history .artc01 .motion_multi .txt_list2 {}
.contents.sub_history .artc01 .motion_multi .txt_list2 .img_li2 {}
.contents.sub_history .artc01 .motion_multi .txt_list2 .img_li2 img {max-width: 100%;}
.contents.sub_history .artc01 .motion_multi .txt_list2 .txt_li2 {}
.contents.sub_history .artc01 .motion_multi .txt_list2 .txt_li2 ul {}
.contents.sub_history .artc01 .motion_multi .txt_list2 .txt_li2 ul:after {clear: both;content: ""; display: block;}
.contents.sub_history .artc01 .motion_multi .txt_list2 .txt_li2 li {color: #444; float: left; font-size: 1em; font-weight: 400; line-height: 1.444em; margin-top: 1.667em;}
.contents.sub_history .artc01 .motion_multi .txt_list2 .txt_li2 li:nth-child(1) {width: 35.2%;}
.contents.sub_history .artc01 .motion_multi .txt_list2 .txt_li2 li:nth-child(2) {margin: 1.667em 7.4% 0 6.7%; width: 16.6%;}
.contents.sub_history .artc01 .motion_multi .txt_list2 .txt_li2 li:nth-child(3) {width: 33.4%;}
.contents.sub_history .artc01 .motion_multi .txt_list2 .txt_li2 li span {color: #87b940; font-weight: 700;}
.contents.sub_history .artc02 .motion_multi {}
.contents.sub_history .artc02 .motion_multi .header_img {left: 45%; opacity: 0; position: absolute; top: -46%; transition: all 1s 1s;}
.contents.sub_history .artc02 .motion_multi .header_img img {}
.contents.sub_history .artc02 .motion_multi.on .header_img {left: 60%; opacity: 1; top: -20%;}
.contents.sub_history .artc02 .motion_multi .txt {color: #fff; max-width: 12.500em;}
.history_slide {bottom: -20%; left: 0; opacity: 0; position: absolute; transition: all 1s .5s; width: 100%;}
.motion_multi.on .history_slide {bottom: 6%; opacity: 1;}
.history_slide .subtit {color: #87b940; font-size: 1em; font-weight: 500; line-height: 1.444em; text-align: center;}
.history_slide .slick-arrow {background-size: contain;display: block; font-size: 1em; height: 2.167em; left: 50%; overflow: hidden; position: absolute; text-indent: -9999999px; top: 1.667em; transform: translateX(-50%); width: 1.111em; z-index: 1;}
.history_slide .slick-prev {background-image: url(../img/sub/ico_history_prev.png); margin-left: -12.778em;}
.history_slide .slick-next {background-image: url(../img/sub/ico_history_next.png); margin-left: 12.778em;}
.history_slide .his_inner {box-sizing: border-box; padding: 0 1.944em;}
.history_slide ul {}
.history_slide li {cursor: pointer; max-width: 30.333em; width: 100%;}
.history_slide li:focus {outline: none;}
.history_slide li.slick-center {}
.history_slide li > div {}
.history_slide li .uline_red {background-color: #87b940; height: 1px; margin-bottom: 60px; margin-top: 20px; width: 100%;}
.history_slide li.slick-center > div {}
.history_slide li .years {height: 5.556em; text-align: center;}
.history_slide li .years .his_inner {display: table; height: 100%; width: 100%;}
.history_slide li .years span {color: rgba(255, 255, 255, 0.5); display: table-cell; font-size: 2.778em; font-weight: 100;transition: all .5s; vertical-align: middle;}
.history_slide li.slick-center .years {}
.history_slide li.slick-center .years span {color: #87b940; font-size: 4.444em; font-weight: 600;}
.history_slide li .images {overflow: hidden;}
.history_slide li.slick-center .images {}
.history_slide li .images img {max-width: 100%; opacity: 0.5; transition: all .5s;}
.history_slide li.slick-center .images img {opacity: 1;}
.history_slide li .texts {color: rgba(255, 255, 255, 0.5); font-size: 1em; font-weight: 300; line-height: 1.444em; padding: 1.667em 0; transition: all .5s;}
.history_slide li.slick-center .texts {color: #fff;}
/* TECHNOLOGY */
section.contents_wrap .contents.sub_technology > h4 {display: none}
.motion_v03 {height: 100%; position: relative;}
.motion_v03:before {background-image: url(../img/sub/bg_tech01.png); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 1s; width: 0;}
.motion_v03.on:before {width: 100%;}
.motion_v03 .inner {height: 100%;position: relative;}
.motion_v03 .img {left: 40%; opacity: 0; position: absolute; top: 0; transition: all 1s .5s;}
.motion_v03.on .img {left: 0; opacity: 1;}
.motion_v03 .txt {bottom: 0; left: 50%; max-width: 620px; opacity: 0; position: absolute;text-align: center; transform: translateX(-50%); transition: all 1s .3s; width: 100%;}
.motion_v03.on .txt {bottom: 20%; opacity: 1;}
.sub_technology .artc_v03 .motion_v00:before {background-color: #f1f1f1;}
.motion_v99 {height: 100%; position: relative;}
.motion_v99:before {content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 1s; width: 0;}
.motion_v99.on:before {width: 100%;}
.motion_v99 .inner {height: 100%; position: relative;}
.motion_v99 .img {bottom: -20%; opacity: 0;position: absolute; text-align: center; transition: all 1s .5s; width: 100%;}
.motion_v99 .img img {max-width: 100%;}
.motion_v99.on .img {bottom: 0; opacity: 1;}
.motion_v99 .img.horizon {bottom: 3%; left: 50%;}
.motion_v99 .img.horizon img {max-width: none;}
.motion_v99.on .img.horizon {left: 30%;}
.motion_v99 .txt {opacity: 0; position: absolute; top: 20%; transition: all 1s .3s; width: 100%;}
.motion_v99.on .txt {opacity: 1; top: 0;}
.sub_technology .artc_v05 .motion_v99:before {background-color: #f1f1f1;}
.ta_center {text-align: center !important;}
.li_wrap {}
.li_wrap ul {display: flex; padding-top: 2.222em;}
/* .li_wrap ul:first-child{margin-top: 0;} */
.li_wrap ul:after {clear: both; content: ""; display: block;}
.li_wrap li {flex: auto; overflow: hidden; width: 50%;}
.li_wrap li .li_img {float: left; width: 4.444em;}
.li_wrap li .li_img img {width: 3.333em;}
.li_wrap li .li_txt {float: left; width: calc(100% - 4.444em);}
.half {float: left; width: 50%;}
.sub_technology .artc_v07 {text-align: center;}
.sub_technology .artc_v07 .motion_v99:before {background-color: #f1f1f1;}
.sub_technology .artc_v07 .motion_v99:first-child:before {background-color: #e6e6e6;}
.sub_technology .artc_v07 .motion_v99.half .inner {float: left; max-width: 640px; width: 100%;}
.sub_technology .artc_v07 .motion_v99.half:first-child .inner {float: right;}
.sub_technology .artc_v07 .motion_v99 .txt {box-sizing: border-box; padding: 0 5%;}
/* GLOBAL NETWORK */
section.sub.network {background-image: url(../img/sub/bg_network01.jpg);}
section.contents_wrap .contents.sub_network {margin: 0 auto; max-width: 1280px;}
section.contents_wrap .contents.sub_network > h4 {display: none;}
.sub_network .tit_main {margin-bottom: 0.333em;}
.title_wrap {padding-top: 7.222em; text-align: center;}
.title_wrap .img {padding: 0.556em 0;}
.map_wrap {position: relative;}
.map_wrap img {max-width: 100%;}
.flag {opacity: 1;position: absolute; transition: all .3s;}
.flag.on {opacity: 0.6;}
.flag img {max-width: 100%;}
.flag a {display: block; height: 1.556em; left: 0; position: absolute; top: 0; width: 100%;}
.flag.hochiminh a {bottom: 0; top: auto;}
.flag.seoul {bottom: 57.5%; left: 38.8%;}
.flag.korea {bottom: 58.5%; left: 38.3%;}
.flag.tokyo {bottom: 57%; left: 42.3%;}
.flag.china {bottom: 54%; right: 64.8%;}
.flag.shanghai {bottom: 53%; right: 63.3%;}
.flag.vietnam {bottom: 43.5%; right: 66.2%;}
.flag.hochiminh {right: 65.8%; top: 57.7%;}
.flag.dubai {bottom: 48.5%; right: 79.8%;}
.flag.london {bottom: 68.5%; left: 4.4%;}
.flag.sandiego {bottom: 57%; left: 67.8%;}
.flag.mexico {bottom: 53.5%; left: 57.4%;}
.flag.moscow {bottom: 77%; left: 15.703%;}
.flag.mexico-city {bottom: 45%;left: 70.2%;}
.network_wrap {}
.network_wrap .sub_title {margin-bottom: 0.600em;}
.network_wrap .detail_list {}
.network_wrap .detail_list.v3 li {width: 33.3333%;}
.network_wrap .detail_list.v4 li {width: 25%;}
.network_wrap .detail_list ul {margin-left: -4.297%;}
.network_wrap .detail_list.v4 ul {margin-left: -5.469%;}
.network_wrap .detail_list ul:after {clear: both; content: ""; display: block;}
.network_wrap .detail_list li { /*min-height: 15.556em;*/ float: left; min-height: 13.889em;}
.network_wrap .detail_list li > div {border-top: 1px solid #2b2b2b; margin-left: 12.36%; padding: 1.222em 0;}
.network_wrap .detail_list.v4 li > div {margin-left: 20.743%;}
.network_wrap .detail_list li.on > div {border-color: #87b940;}
.network_wrap .detail_list li .tit {color: #222; font-size: 1.222em; font-weight: 600; word-break: keep-all;}
.network_wrap .detail_list li .desc {color: #222; font-size: 0.889em; font-weight: 400; padding: 0.313em 0;}
.network_wrap .detail_list li .li {color: #444; font-size: 0.889em; font-weight: 300; line-height: 1.625em; margin-top: 1em; padding-left: 2.188em; position: relative; word-break: keep-all;}
.network_wrap .detail_list li .li.tel {display: none;}
.network_wrap .detail_list li .li.fax {display: none;}
.network_wrap .detail_list li .li:before {color: #87b940; content: ""; font-size: 0.875em; font-weight: 700; left: 0; position: absolute; top: 0;}
.network_wrap .detail_list li .li.add:before {content: "A :";}
.network_wrap .detail_list li .li.tel:before {content: "T :";}
.network_wrap .detail_list li .li.fax:before {content: "F :";}
/* mouse scroll */
.mouse_scroll {padding: 0.556em 0;}
.arrow_down {display: inline-block;}
.m_scroll_arrows {
    -moz-animation: mouse-scroll 0.5s infinite;
    -webkit-animation: mouse-scroll 0.5s infinite;
    animation: mouse-scroll 0.5s infinite;
    border-bottom: 2px solid #bbbbbb;
    border-right: 2px solid #bbbbbb;
    box-sizing: border-box;
    display: block;
    /* margin: 0 0 5px 4px; */
    height: 0.667em;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0.667em;
}
.arrow01 {
    -moz-animation-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -moz-animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.arrow02 {
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -moz-animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    margin-top: -1em;
}
.mouse {
    border: 2px solid white;
    border-radius: 14px;
    box-sizing: border-box;
    height: 33px;
    transform: none;
    width: 20px;
}
.wheel {
    background: white;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    height: 5px;
    margin: 5px auto;
    position: relative;
    width: 2px;
}
.wheel {
    -moz-animation: mouse-wheel 1.2s linear infinite;
    -webkit-animation: mouse-wheel 1.2s linear infinite;
    animation: mouse-wheel 1.2s linear infinite;
}
@keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}
@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
/* BROCHURE */
section.contents_wrap .contents.sub_brochure {margin: 0 auto; max-width: 1280px;}
.brochure_wrap {margin-bottom: 5.556em; margin-top: 3.000em;}
.brochure_wrap ul {}
.brochure_wrap li {position: relative;}
.brochure_wrap li:first-child {border-top: 1px solid #d5d5d5;}
.brochure_wrap li a {border-bottom: 1px solid #d5d5d5; box-sizing: border-box; display: block; padding: 3.278em 1.111em; position: relative; transition: all .3s;}
.brochure_wrap li a:hover {background-color: #f6f6f6;}
.brochure_wrap li a > span {display: inline-block; vertical-align: middle;}
.brochure_wrap li a .ico_type {}
.brochure_wrap li a .ico_type img {margin-right: 1.111em;}
.brochure_wrap li a .name {color: #222; font-size: 1.444em; font-weight: 300; width: calc(100% - 4.038em);}
.brochure_wrap li a .name > span {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.brochure_wrap li a .ico_down {}
.brochure_wrap li a .ico_down img {margin-left: 1.111em;}
.brochure_wrap li a.btn_modify {background-color: #4b545e; border: none; box-sizing: border-box; color: #fff; display: inline-block; padding: 7px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); }
/* VIDEO */
section.contents_wrap .contents.sub_video {margin: 0 auto; max-width: 1280px;}
.video_wrap {margin-bottom: 5.556em; margin-top: 3.000em;}
.video_wrap ul {margin-left: -3.125%;}
.video_wrap ul:after {clear: both; content: ""; display: block;}
.video_wrap li {float: left; width: 33.3333%;}
.video_wrap li > div {margin-bottom: 9.377%; margin-left: 9.377%;}
.video_wrap li .vod {padding-bottom: 65.21%;position: relative;}
.video_wrap li .vod:before {background-color: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 100%; left: 0.389em; position: absolute;top: 0.389em; transition: all .3s; width: 100%;}
.video_wrap li > div:hover .vod:before {background-color: rgba(0, 0, 0, 0.2);}
.video_wrap li .vod iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.video_wrap li .txt {-webkit-box-orient: vertical; color: #444; display: -webkit-box; font-size: 1em; font-weight: 400; height: 2.778em; -webkit-line-clamp: 2; line-height: 1.444em; margin-top: 1.333em;overflow: hidden;}
/* FAQ */
section.contents_wrap .contents.sub_faq {margin: 0 auto; max-width: 1280px;}
.contents.sub_faq #faq_wrap {margin: 3em 0 5.556em 0;}
.contents.sub_faq #faq_wrap #faq_con {border: none;}
.contents.sub_faq #faq_wrap ol {}
.contents.sub_faq #faq_wrap li {border-bottom: 1px solid #d5d5d5;}
.contents.sub_faq #faq_wrap li h3 {font-size: 1em;}
.contents.sub_faq #faq_wrap li h3 a {background-color: #fff; border: none; box-sizing: border-box; color: #222; font-size: 1.444em;font-weight: 300; padding: 2.269em 0; padding-left: 1.692em; padding-right: 1.846em; position: relative; transition: padding-left .3s;}
.contents.sub_faq #faq_wrap li h3 a:before {content: "Q."; display: block; left: 0; position: absolute; top: 2.269em; transition: left .3s;}
.contents.sub_faq #faq_wrap li h3 a.on {font-weight: 500;}
.contents.sub_faq #faq_wrap li h3 a.on:before {font-weight: 500;}
.contents.sub_faq #faq_wrap li h3 a:hover {padding-left: 2.692em;}
.contents.sub_faq #faq_wrap li h3 a:hover:before {left: 0.962em;}
.contents.sub_faq #faq_wrap li h3 a .ico_faq {background-color: #87b940; border-radius: 100%; display: block; height: 0.846em; position: absolute; right: 0; top: 2.462em; transition: all .3s; width: 0.846em;}
.contents.sub_faq #faq_wrap li h3 a.on .ico_faq {transform: rotate(-225deg);}
.contents.sub_faq #faq_wrap li h3 a:hover .ico_faq {right: 0.962em;}
.contents.sub_faq #faq_wrap li h3 a .ico_faq:before {background-color: #fff; content: ""; display: block; height: 0.462em; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 0.077em;}
.contents.sub_faq #faq_wrap li h3 a .ico_faq:after {background-color: #fff; content: ""; display: block; height: 0.077em; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 0.462em;}
.contents.sub_faq #faq_wrap li .con_inner {box-sizing: border-box; color: #444; font-size: 1em; font-weight: 400; line-height: 1.444em; padding: 0 0 3.056em 3.889em; position: relative;}
.contents.sub_faq #faq_wrap li .con_inner:before {color: #87b940; content: "A."; display: block; font-size: 1.444em font-weight: 700; left: 0.962em; position: absolute; top: 0;}
.contents.sub_faq #faq_wrap li .con_inner a.link {color: #87b940;text-decoration: underline;}
/* CERTIFICATES */
section.contents_wrap .contents.sub_certificates {margin: 0 auto; max-width: 1280px;}
.certify_wrap {margin-bottom: 5.556em; margin-top: 3.000em;}
.certify_wrap ul {overflow: hidden; position: relative;}
.certify_wrap ul:after {background-color: #fff; bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%;}
.certify_wrap ul:before {background-color: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 1px;}
.certify_wrap li {border-bottom: 1px solid #ddd; box-sizing: border-box; float: left; padding: 1.667em 0; width: 25%;}
.certify_wrap li > div {border-left: 1px solid #ddd; box-sizing: border-box; padding: 0 12.5%;}
.certify_wrap li .img {position: relative;}
.certify_wrap li .img:before {background-color: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 100%; left: 0.389em; position: absolute;top: 0.389em; transition: all .3s; width: 100%;}
.certify_wrap li > div:hover .img:before {background-color: rgba(0, 0, 0, 0.2);}
.certify_wrap li .img img {max-width: 100%; position: relative; width: 100%;}
.certify_wrap li .txt {-webkit-box-orient: vertical; color: #444; display: -webkit-box; font-size: 1em; font-weight: 400; height: 2.778em; -webkit-line-clamp: 2; line-height: 1.444em; margin-top: 1.333em; overflow: hidden;}

.coope_wrap {margin-bottom: 5.556em; margin-top: 3.000em;}
.coope_wrap ul {overflow: hidden; position: relative; width: 101%;}
.coope_wrap li {box-sizing: border-box; float: left; padding: 1.667em 0; width: 24%; margin-right: 1%; }
.coope_wrap li > div {border: 1px solid #ddd;}
.coope_wrap li .img {position: relative;}
.coope_wrap li .img img {max-width: 100%; position: relative; width: 100%;}





/* SHAVING GUIDE */
section.contents_wrap .contents.sub_guide1 {}
section.contents_wrap .contents.sub_guide1 > h4 {display: none;}
.full_wrap { /*background-color: #e7e8e8;*/ background-position: center top; background-repeat: no-repeat; background-size: cover; padding-bottom: 3.333em;}
.sub_guide1 .full_wrap {background-image: url(../img/sub/bg_guide01.jpg);}
.full_wrap .inner {}
.full_wrap h4 {}
.guide_tab {border-radius: 0.556em; box-sizing: border-box; margin-top: 3.222em; max-width: 29.000em; overflow: hidden; width: 100%;}
.guide_tab ul {}
.guide_tab ul:after {clear: both; content: ""; display: block;}
.guide_tab li {display: table; float: left; width: 50%;}
.guide_tab li a {background-color: #fff; color: #333; display: table-cell; font-size: 0.889em; font-weight: 400; height: 3.563em; text-align: center; vertical-align: middle;}
.guide_tab li.active a {background-color: #87b940; color: #fff; font-weight: 500;}
.guide_wrap {margin-bottom: 5.556em; position: relative;}
.guide_wrap:before {background-color: #fff; bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%;}
.guide_wrap .inner {overflow: hidden;}
.guide_wrap ul {margin-left: -2.222em;}
.guide_wrap ul:after {clear: both; content: ""; display: block;}
.guide_wrap li {border-bottom: 1px dashed #dadada;float: left;margin-top: 3.333em; min-height: 15.556em; width: 50%;}
.guide_wrap li > div {margin-left: 2.222em; }
.guide_wrap li .tit {box-sizing: border-box; color: #87b940; font-size: 0.778em; font-weight: 600; padding: 1.786em 0;padding-left: calc(11.776% + 0.714em); position: relative;}
.guide_wrap li .tit:before {background-color: #b6b6b6; content: ""; display: block; height: 1px;left: 0; position: absolute; top: 50%; width: 11.776%;}
.guide_wrap li .desc {color: #444; font-size: 1em; font-weight: 400; line-height: 1.444em;}
section.contents_wrap .contents.sub_guide2 {}
section.contents_wrap .contents.sub_guide2 > h4 {display: none;}
.sub_guide2 .full_wrap {background-image: url(../img/sub/bg_guide02.jpg);}
/* .rdo_wrap{display: block;}

.rdo_wrap.i_b{display: inline-block; margin-left: 5%; padding:0.471em 0;}

.label_radio{margin-left: 25px; cursor:pointer;}

.label_radio:first-child{margin-left:0;}

.label_radio input[type="radio"]{display: none;}

.label_radio input[type="radio"] + span{position: relative; display: inline-block; padding-left: 1.765em;}

.label_radio input[type="radio"] + span:before{content: ""; position: absolute; width: 1.118em; height: 1.118em; top: 0; left: 0; border: 1px solid #ccc; border-radius: 100%;}

.label_radio input[type="radio"]:checked + span:after{content: ""; position: absolute; width: 0.647em; height: 0.647em; top: 0.294em; left: 0.294em; background-color: #00adbb; border-radius: 100%;}

.label_check{cursor: pointer; margin-left: 25px;}

.label_check:first-child{margin-left: 0;}

.label_check input[type="checkbox"]{display: none;}

.label_check input[type="checkbox"] + span{position: relative; display: inline-block; padding-left: 1.875em;}

.label_check input[type="checkbox"] + span:before{content: ""; position: absolute; width: 1.188em; height: 1.188em; top:0; left: 0; border:1px solid #bababa;}

.label_check input[type="checkbox"]:checked + span:after{content: ""; position: absolute; width: 0.563em; height: 0.563em; top:0.375em; left: 0.375em; background-color: #00adbb;} */
/* 게시판 LIST */
/* .bo_fx #bo_list_total{padding-top: 15px; font-size: 0.938em;}

.bo_fx #bo_list_total p{color: #010101; font-weight: 300;}

.bo_fx #bo_list_total span{color: #00adbb; font-weight: 700;}

fieldset#bo_sch > form{position: relative;}

fieldset#bo_sch .btn_submit{height: 2.929em; width: 3.286em; text-indent: -1000%; overflow: hidden; background-image: url(../img/sub/btn_bbs_search.png); background-repeat: no-repeat; background-position: center center; background-color:#f9f9f9; position: absolute; right: 0.143em; top: 0.143em; display: block;}

fieldset#bo_sch #sfl{font-size: 0.938em; border: 1px solid #c8c8c8; width: 11.333em; height: 3.000em;padding-left: 1.200em; color: #222; background-color: #f9f9f9; vertical-align: top;}

fieldset#bo_sch #stx{font-size: 0.938em; border: 1px solid #c8c8c8; width: 20.667em; height: 3.000em;padding-left: 1.200em; color: #222; background-color: #f9f9f9 !important; background-image: none !important; padding-right:3.333em; border-radius: 0; vertical-align: top;}

#bo_list .td_type{text-align: center;}

#bo_list .td_hopedate{text-align: center;}

#bo_list .td_stat{text-align: center;}

#bo_list .td_stat span{width: 60px; padding:3px 0; display: inline-block;}

#bo_list .td_stat span.ico_standby{color: #fff; background-color: #00adbb;}

#bo_list .td_stat span.ico_complete{color: #fff; background-color: #45637d;}

#bo_list .td_num{width: 3.333em;}

#bo_list .td_subject{}

#bo_list .td_name{width: 6.667em; text-align: center;}

#bo_list .td_date{width: 7.000em;}

#bo_list .td_num{width: 3.333em;} */
/*페이지네이션*/
.pg_wrap {margin: 0; padding: 1.875em 0;}
.pg_wrap a{display: inline-block; background-color: #fff; font-size: 1em; font-weight: 300; height: 2.625em; line-height: 2.750em; padding: 0 1.2em; border: 1px solid #d9d9d9; color: #333;}
.pg_wrap .page-num-current{border:1px solid #45637d; background-color: #45637d; color: #fff;}
/*
.pg_wrap .pg {display: block;}
.pg_page, .pg_current {background-color: #fff; font-size: 1em; font-weight: 300; height: 2.625em; line-height: 2.750em; padding: 0; width: 2.938em;}


.pg_page {border: 1px solid #d9d9d9; color: #333; }
.pg_page:hover {background-color: #45637d; border: 1px solid #45637d; color: #fff;}
.pg_current {background-color: #45637d; border: 1px solid #45637d; color: #fff; margin: 0;}
.pg_prev, .pg_next, .pg_start, .pg_end {background-position: center;background-repeat: no-repeat; overflow: hidden; text-indent: -9999999px;}
.pg_prev {background-image: url(../img/common/ico_page_prev.png);}
.pg_next {background-image: url(../img/common/ico_page_next.png);}
.pg_start {background-image: url(../img/common/ico_page_start.png);}
.pg_end {background-image: url(../img/common/ico_page_end.png);}
*/
/* 게시판 VIEW */
/* #bo_v_title{display: block; float: none; font-size: 1.875em; font-weight: 500; padding:0; box-sizing: border-box; color: #222;}

#bo_v_info{font-size: 0.938em; font-weight: 300; padding:0;border-bottom: 0;box-sizing: border-box; color: #333; margin-top: 0.667em;}

#bo_v_info span{}

#bo_v_info .info_date{margin-right:1.333em; padding-right: 1.333em; position: relative;}

#bo_v_info .info_date:before{position: absolute; top: 0.267em; right:0; content: ""; width: 1px; height: 0.533em; background-color: #d7d7d7;}

#bo_v_info .sv_member{font-weight: 300;}

#bo_v .infobox.mg_none{border-bottom: 1px solid #e2e2e2;}

#bo_v_con{padding:0; box-sizing: border-box; font-weight: 300; font-size: 1.063em; line-height: 1.647em; color: #333; margin-bottom: 0;}

#bo_v_atc{min-height: auto;}

#bo_v_act{display: none;} */
.img_wrap {text-align: center;}
.img_wrap img {max-width: 100%;}
.irCont {position: absolute; top: -999999999px; z-index: -1;}

/* 20190730 */
/*section.contents_wrap .contents,*/
section.contents_wrap .contents.sub_inquiries {
    max-width: 1280px;
    margin: 0 auto;
}
.sub_inquiries h4 p { font-size: 16px; color: #333; padding-top: 20px; font-weight: normal; }
.sub_inquiries article { border-top: 2px solid #87b940; }
.sub_inquiries header h1#bo_v_title {
    padding: 30px 20px;
    color: #87b940;
}
.inquiries-view { width: 100%; border-collapse: collapse; padding: 0; }
.inquiries-view th { border-bottom: 1px solid #c6c6c6; background: #ececec; font-weight: normal; text-align: left; padding: 15px 20px 15px 40px; width: 35%; }
.inquiries-view td { border-bottom: 1px solid #c6c6c6; padding: 15px 20px;}
.inquiries-view tr:first-child th,
.inquiries-view tr:first-child td { border-top: 1px solid #c6c6c6; }

.inquire-list { width: 100%; overflow: hidden; margin-top: 40px; }
.inquire-list dt { display: block; background: #ececec; padding: 20px 20px; border-top: 1px solid #c6c6c6;}
.inquire-list dd { padding: 20px 20px  30px; }

.inquire-cont { width: 100%; overflow: hidden; margin-top: 40px; border: 1px solid #c6c6c6; padding: 20px; box-sizing: border-box; }
.button_wrap .btn_red.round { border-radius: 2.000em; padding-right: 20px; padding-left: 20px; }
.button_wrap .btn_white.round {border-radius: 2.000em;  padding-right: 20px; padding-left: 20px;}

.sub_inquiries .tbl_head01 thead th {
    padding: 12px 0;
    border-top: 1px solid #d1dee2;
    border-bottom: 1px solid #d1dee2;
    background: #87b940;
    color: #fff;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em;
}
.sub_inquiries .tbl_head01 thead a { color: #fff; }
.brochure_wrap li a.btn_modify.bot { top: auto; transform: none; bottom: 0; }
.button_wrap .btn_cancel {
    border-radius: 2.000em;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.833em;
    padding: 1.200em 0 1.133em;
    width: 12.667em;
}
.sub.inquiries .contents_inner article {
    height: auto;
    overflow: hidden;
}

/* popup 2020-11-03 */
.popup-wrap{background:url('../img/sub/bg_policy.gif') no-repeat 0 0 / 100% auto; width:672px; height:640px; padding:0 0 60px;}
.popup-wrap__title{font-size:20px; color:#fff; line-height:42px; padding:0 0 0 20px;}
.popup-wrap__cont{padding:20px; height:587px; overflow:auto; box-sizing:border-box;}
.popup-wrap__cont .date{margin:0 0 20px;}
.popup-wrap__cont .date span{color:red;}
.popup-wrap__cont .title{font-size:16px; color:#222; font-weight:500; margin:0 0 10px;}
.popup-wrap__cont .txt{font-size:16px; color:#666; margin:0 0 20px; line-height:1.6;}
.popup-wrap .btn a{display:block; width:150px; height:40px; line-height:40px; margin:20px auto 0; text-align:center; background:#999; border-radius:5px; color:#fff; font-weight:500;}


/* product upload 2021-04-06 */
.SXD2000 .artc_v02 .motion_v02 .img_full{top:0;}
.SXD2000 .artc_v03 .motion_v02 .img_full{top:0;}
.SXD2000 .artc_v04{background:#f4f4f4; height:60em;}
.SXD2000 .artc_v04 .motion_v02 .full:before{display:none;}
.SXD2000 .artc_v04 .motion_v02 .img_full{left:auto; right:0; top:auto; bottom:0;}

.SXD2000 .artc_v05 .motion_v01 .txt{width:100%; text-align:center; margin-top:5em;}
.SXD2000 .artc_v05 .motion_v01 .txt .tit_sub{margin-top:0;}
.SXD2000 .artc_v05 .motion_v01 .img{width:100%;}
.SXD2000 .artc_v05 .motion_v01.on .img{top:32%;}

.SXD2000 .motion_v02.on .txt{top:20%;}

.FRB1000 .artc_v02 .motion_v02 .img_full{top:0;}
.FRB1000 .artc_v03 .motion_v02 .img_full{top:0;}
.FRB1000 .motion_v01.on:before{background:#f4f4f4;}
.FRB1000 .artc_v04 .motion_v01:before{display:none;}
.FRB1000 .artc_v05 .motion_v01 .txt ol li{padding:2.4em 0;}

.TRC1000 .artc_v02 .motion_v02 .img_full{top:0;}
.TRC1000 .artc_v03 .motion_v02 .img_full{top:0;}
.TRC1000 .motion_v01.on:before{background:#f4f4f4;}
.TRC1000 .artc_v04 .motion_v01:before{display:none;}
.TRC1000 .artc_v05 .motion_v01 .txt ol li{padding:2.4em 0;}

.FRC100 .artc_v02 .motion_v02 .img_full{top:0;}
.FRC100 .artc_v03 .motion_v02 .img_full{top:0;}
.FRC100 .motion_v01.on:before{background:#f4f4f4;}
.FRC100 .artc_v04 .motion_v01:before{display:none;}

.TNB200 .artc_v02 .motion_v02 .img_full{top:0;}
.TNB200 .artc_v03 .motion_v02 .img_full{top:0;}
.TNB200 .motion_v01.on:before{background:#f4f4f4;}
.TNB200 .artc_v04 .motion_v01:before{display:none;}

.SXD2000.TRC200 .artc_v04:not(.nor){background:#fff;}
.TRC200 .artc_v04:not(.nor) .motion_v01:before{display:none;}

.view_sub .artc_v05{height: 35.889em;}