.sub_visual {position: relative; width: 100%; height: 50px; z-index: 1;}
.sub_visual img.subVisual {position: absolute; top: 0; left: 50%; margin-left: -960px;}

.sub_visual .sub_visual_inner {position: relative; height: 100%; padding-left: 250px; z-index: 2;}
.sub_visual .sub_visual_inner .page_location {width: 100%;}
.sub_visual .sub_visual_inner .page_location span {float: left; display: flex; align-items: center; justify-content: center; height: 50px; font-size: 15px; color: #000; font-weight: 400; letter-spacing: -0.025em; line-height: 50px;}
.sub_visual .sub_visual_inner .page_location span:nth-child(2n) {margin: 0 20px;}



.section {position: relative; width: 100%; z-index: 3;}
.section .section_inner {}


.sub_menu {float: left; width: 250px; margin-top: -50px;}
.sub_menu .sub_menu_inner {width: 200px;}
.sub_menu .sub_menu_inner h2 {display: flex; align-items: center; justify-content: center; height: 120px; background: url('../img/common/sub_menu_tit_bg.jpg') center no-repeat; background-size: cover; font-size: 30px; color: #fff; font-weight: 500; letter-spacing: -0.025em;}

.sub_menu .sub_menu_inner ul {width: 100%; border: 1px solid #ddd;}
.sub_menu .sub_menu_inner ul li {width: 100%;}
.sub_menu .sub_menu_inner ul li + li {border-top: 1px solid #ddd;}
.sub_menu .sub_menu_inner ul li div {position: relative; padding-left: 20px; background: #fff; font-size: 18px; color: #555; font-weight: 400; letter-spacing: -0.025em; line-height: 50px;}

.sub_menu .sub_menu_inner ul li:hover div {color: #497725; transition: 0.3s all;}

.sub_menu .sub_menu_inner ul li.on div {background: #fbf9f6; color: #497725;}
.sub_menu .sub_menu_inner ul li.on div:before {position: absolute; top: 50%; transform: translateY(-50%); right: 20px; content: ''; width: 10px; height: 10px; background: #497725; border-radius: 50%;}


.sub_cntent {float: left; width: 930px; padding: 60px 0 100px;}
.sub_cntent .sub_cntent_inner {position: relative; width: 100%;}


.sub_tit {width: 100%; padding-bottom: 20px; background: url('../img/common/sub_tit_bg.png') bottom center no-repeat;}
.sub_tit h2 {position: relative; padding-left: 12px; font-size: 30px; color: #222; font-weight: 500; letter-spacing: -0.025em;}
.sub_tit h2:before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ''; width: 3px; height: 30px; background: #497725;}


.s_container {position: relative; width: 100%; padding: 35px 0 0;}

/**** company ****/
.company {width: 100%;}

.company .c_box01 {position: relative; width: 100%;}
.company .c_box01 .txtBox {position: absolute; top: 50px; left: 35px;}
.company .c_box01 .txtBox span {font-size: 20px; color: #535454; font-weight: 400; letter-spacing: -0.025em;}
.company .c_box01 .txtBox p {font-size: 24px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; margin-top: 5px;}

.company .c_box02 {width: 100%;}
.company .c_box02 ul {width: 100%;}
.company .c_box02 ul li {float: left; width: calc(100% / 3); padding: 20px 0 30px;}
.company .c_box02 ul li .iconBox {width: 100%; text-align: center;}
.company .c_box02 ul li .iconBox img {}
.company .c_box02 ul li .txtBox {width: 100%; margin-top: 5px;}
.company .c_box02 ul li .txtBox h2 {font-size: 24px; color: #535454; font-weight: 500; letter-spacing: -0.025em; text-align: center;}
.company .c_box02 ul li .txtBox p {font-size: 16px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.055em; text-align: center; margin-top: 10px;}


.company .c_box03 {position: relative; width: 100%;}
.company .c_box03 .txtBox {position: absolute; top: 0; left: 25px;}
.company .c_box03 .txtBox p {font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 40px;}


.company .c_box04 {width: 100%; margin-top: 40px;}
.company .c_box04 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1;}
.company .c_box04 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.company .c_box04 ul {width: 100%; font-size: 0; margin-top: 20px;}
.company .c_box04 ul li {float: left; width: calc(100% / 5 - 12px);}
.company .c_box04 ul li + li {margin-left: 15px;}
.company .c_box04 ul li:nth-child(5n+1) {margin-left: 0;}
.company .c_box04 ul li:nth-child(n+6) {margin-top: 15px;}
.company .c_box04 ul li div {display: flex; align-items: center; justify-content: center; height: 80px; background: #fbfbfb; border: 1px solid #ddd; font-size: 16px; color: #535454; font-weight: 400; letter-spacing: -0.025em; line-height: 1.3; text-align: center;}


.company2 {width: 100%; padding-bottom: 140px;}

.company2 .c_box01 {width: 100%;}
.company2 .c_box01 ul {width: 100%; font-size: 0;}
.company2 .c_box01 ul li {float: left; width: calc(100% / 4 - 60px / 4);}
.company2 .c_box01 ul li + li {margin-left: 20px;}
.company2 .c_box01 ul li .imgBox {width: 100%; text-align: center;}
.company2 .c_box01 ul li .imgBox img {}
.company2 .c_box01 ul li .txtBox {width: 100%; margin-top: 5px;}
.company2 .c_box01 ul li .txtBox p {font-size: 16px; color: #535454; font-weight: 400; letter-spacing: -0.025em; text-align: center; margin-top: 20px;}

.company2 .bg03 {position: absolute; bottom: -90px; right: 0;}
/**** //company ****/



/**** product ****/
.product {width: 100%;}

.product .p_box01 {width: 100%;}

.product .p_box02 {width: 100%; margin: 30px 0 40px;}
.product .p_box02 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1;}
.product .p_box02 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.product .p_box02 ul {width: 100%; margin-top: 20px;}
.product .p_box02 ul li {float: left; width: calc(100% / 4 - 15px);}
.product .p_box02 ul li + li {margin-left: 20px;}


.product .p_box02 ul li div {position: relative; display: flex; align-items: center; justify-content: center; height: 120px; background: #fff; border: 1px solid #ddd; z-index: 1;}
.product .p_box02 ul li div:before {position: absolute; top: -6px; left: -15px; content: ''; width: 42px; height: 25px; background: #fff; border-bottom: 2px solid #497725; border-radius: 1px; transform: rotate(-45deg);}
.product .p_box02 ul li span {position: absolute; top: -2px; left: 0; content: ''; width: 25px; height: 25px;font-size: 20px; color: #497725; font-weight: 500; letter-spacing: -0.025em; line-height: 1; z-index: 2;}
.product .p_box02 ul li div p {font-size: 16px; color: #535454; font-weight: 400; letter-spacing: -0.055em; line-height: 1.4; text-align: center;}


.product .p_box03 {width: 100%; margin: 30px 0 40px;}
.product .p_box03 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product .p_box03 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.product .p_box03 ul {width: 100%; border: 1px solid #ccc;}
.product .p_box03 ul li {position: relative; float: left; width: calc(100% / 3); font-size: 16px; color: #535454; font-weight: 400; letter-spacing: -0.025em; line-height: 48px; text-align: center;}
.product .p_box03 ul li + li:before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; margin-left: -2px; content: ''; width: 4px; height: 4px; background: #bf965e; border-radius: 50%;}


.product .p_box04 {width: 100%; margin: 30px 0 0;}
.product .p_box04 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product .p_box04 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}

.product .p_box04 .left {float: left; width: 570px;}
.product .p_box04 .left table {border-collapse: collapse; table-layout: fixed; border: 1px solid #ccc; border-top: 2px solid #bf965e;}
.product .p_box04 .left table tr th {padding: 8px 0; background: #fbf9f6; font-size: 14px; color: #535454; font-weight: 500; letter-spacing: -0.025em; text-align: center;}
.product .p_box04 .left table tr th + th {border-left: 1px solid #ddd;}
.product .p_box04 .left table tr th span {font-size: 12px; color: #888; font-weight: 400; letter-spacing: -0.025em;}
.product .p_box04 .left table tr td {padding: 13px 0; font-size: 14px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.025em; text-align: center;}
.product .p_box04 .left table tr td + td {border-left: 1px solid #ddd;}
.product .p_box04 .left table td.bb {border-bottom: 1px solid #ddd;}
.product .p_box04 .left table td.bl {border-left: 1px solid #ddd;}

.product .p_box04 .right {float: right;}



.product2 {width: 100%;}

.product2 .p2_box01 {width: 100%;}
.product2 .p2_box01 .left {float: left; width: 628px; height: 217px;}
.product2 .p2_box01 .left div:first-child {padding-bottom: 25px; border-bottom: 1px solid #ccc;}
.product2 .p2_box01 .left div:first-child p {font-size: 18px; color: #535454; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4;}
.product2 .p2_box01 .left div:first-child p font {color: #497725;}
.product2 .p2_box01 .left div:last-child {padding-top: 25px;}
.product2 .p2_box01 .left div:last-child h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.055em; line-height: 1; margin-bottom: 10px;}
.product2 .p2_box01 .left div:last-child h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.product2 .p2_box01 .left div:last-child p {font-size: 16px; color: #535454; font-weight: 400; letter-spacing: -0.055em; line-height: 1.4;}
.product2 .p2_box01 .left div:last-child p font {color: #497725;}

.product2 .p2_box01 .right {float: right;}


.product2 .p2_box02 {width: 100%; margin-top: 50px;}
.product2 .p2_box02 ul {width: 100%; margin-top: 20px;}
.product2 .p2_box02 ul li {float: left;}
.product2 .p2_box02 ul li + li {float: right;}
.product2 .p2_box02 ul li h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product2 .p2_box02 ul li h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}



.product3 {position: relative; width: 100%;}
.product3 .p3_img01 {position: absolute; top: 35px; right: 0;}

.product3 .p3_box01 {width: 640px;}
.product3 .p3_box01 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 10px;}
.product3 .p3_box01 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.product3 .p3_box01 p {font-size: 16px; color: #535454; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4;}
.product3 .p3_box01 p font {color: #497725;}


.product3 .p3_box02 {width: 640px; margin-top: 40px;}
.product3 .p3_box02 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 10px;}
.product3 .p3_box02 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.product3 .p3_box02 ul {width: 100%; font-size: 0;}
.product3 .p3_box02 ul li {float: left; width: calc(100% / 3 - 40px / 3);}
.product3 .p3_box02 ul li + li {margin-left: 20px;}
.product3 .p3_box02 ul li div {display: flex; align-items: center; justify-content: center; height: 110px; background: #fbfbfb; border: 1px solid #ddd; font-size: 16px; color: #535454; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4; text-align: center;}


.product3 .p3_box03 {width: 640px; margin-top: 40px;}
.product3 .p3_box03 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product3 .p3_box03 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.product3 .p3_box03 p {font-size: 16px; color: #535454; font-weight: 400; letter-spacing: -0.025em;}
.product3 .p3_box03 p + p {margin-top: 5px;}
.product3 .p3_box03 p font {color: #497725; font-weight: 500;}


.product3 .p3_box04 {width: 100%; margin-top: 40px;}
.product3 .p3_box04 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product3 .p3_box04 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.product3 .p3_box04 p {font-size: 16px; color: #535454; font-weight: 400; letter-spacing: -0.025em;}


.product3 .p3_box05 {width: 100%; margin-top: 40px;}
.product3 .p3_box05 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product3 .p3_box05 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}



.product4 {width: 100%;}
.product4 .p4_box01 {width: 100%;}


.product4 .p4_box02 {width: 100%; margin-top: 30px;}
.product4 .p4_box02 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product4 .p4_box02 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}

.product4 .p4_box02 table {border-collapse: collapse; table-layout: fixed; border: 1px solid #ccc; border-top: 2px solid #bf965e;}
.product4 .p4_box02 table tr {border-bottom: 1px solid #ddd;}
.product4 .p4_box02 table tr:last-child {border-bottom: 0;}
.product4 .p4_box02 table tr th {padding: 12px 0; padding-left: 20px; background: #fbf9f6; font-size: 16px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.025em; text-align: left;}
.product4 .p4_box02 table tr th:nth-of-type(2) {border-left: 1px solid #ddd;}
.product4 .p4_box02 table tr td {padding: 12px 0; padding-left: 20px; border-left: 1px solid #ddd; font-size: 16px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.025em; text-align: left;}



.product5 {width: 100%;}
.product5 .p5_box01 {width: 100%;}
.product5 .p5_box01 ul {width: 100%;}
.product5 .p5_box01 ul li {position: relative; float: left; width: calc(100% / 3 - 14px);}
.product5 .p5_box01 ul li + li {margin-left: 21px;}
.product5 .p5_box01 ul li:nth-child(3n+1) {margin-left: 0;}
.product5 .p5_box01 ul li:nth-child(n+4) {margin-top: 15px;}
.product5 .p5_box01 ul li .imgBox {display: flex; align-items: center; justify-content: center; width: 100%; height: 290px; border: 1px solid #ccc;}
.product5 .p5_box01 ul li .imgBox img {}
.product5 .p5_box01 ul li .txtBox {margin-top: 15px;}
.product5 .p5_box01 ul li .txtBox p {font-size: 16px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.025em; text-align: center;}


.product5 .p5_box02 {width: 100%; margin-top: 40px;}
.product5 .p5_box02 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product5 .p5_box02 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.product5 .p5_box02 .mvBox {position: relative; width:100%; height: 520px; padding: 20px 0; background: #000;}
.product5 .p5_box02 .mvBox video {width: 100%; height: 100%; border: 0; outline: none;}


.product5 .p5_box03 {width: 100%; margin-top: 40px;}
.product5 .p5_box03 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product5 .p5_box03 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.product5 .p5_box03 .mvBox {position: relative; width:100%; height: 520px; padding: 20px 0; background: #000;}
.product5 .p5_box03 .mvBox video {width: 100%; height: 100%; border: 0; outline: none;}



.product6 {width: 100%;}
.product6 .p6_box01 {width: 100%;}
.product6 .p6_box01 ul.tab {width: 100%; border: 1px solid #ccc;}
.product6 .p6_box01 ul.tab li {float: left; width: 50%; background: #fff; font-size: 18px; color: #535454; font-weight: 400; letter-spacing: -0.025em; line-height: 50px; text-align: center; cursor: pointer;}
.product6 .p6_box01 ul.tab li + li {border-left: 1px solid #ddd;}

.product6 .p6_box01 ul.tab li.on {background: #bf965e; color: #fff;}

.product6 .p6_box01 .tab_con {width: 100%; margin-top: 30px;}
.product6 .p6_box01 .tab_con ul {width: 100%;}
.product6 .p6_box01 .tab_con ul li {float: left; width: calc(100% / 4 - 15px);}
.product6 .p6_box01 .tab_con ul li + li {margin-left: 20px;}
.product6 .p6_box01 .tab_con ul li:nth-child(4n+1) {margin-left: 0;}
.product6 .p6_box01 .tab_con ul li:nth-child(n+5) {margin-top: 25px;}



.product7 {width: 100%;}

.product7 > div  {width: 100%; margin-top: 40px;}
.product7 > div > h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product7 > div > h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}

.product7 table {border-collapse: collapse; table-layout: fixed; border: 1px solid #ccc; border-top: 2px solid #bf965e;}
.product7 table tr {border-bottom: 1px solid #ddd;}
.product7 table tr:last-child {border-bottom: 0;}
.product7 table tr th {padding: 12px 0; padding-left: 20px; background: #fbf9f6; font-size: 16px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.025em; text-align: left;}
.product7 table tr td + th {border-left: 1px solid #ddd;}
.product7 table tr td {padding: 12px 0; padding-left: 20px; border-left: 1px solid #ddd; font-size: 16px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.05em; text-align: left;}

.product7 .p_box01 {margin-top: 0;}

.product7 .p_box02 {width: 100%; margin-top: 40px;}
.product7 .p_box02 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #497725; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product7 .p_box02 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #497725;}
.product7 .p_box02 h2 .btn_more {position: absolute; bottom: 0; right: 0; content: ''; padding: 6px 10px; background: #497725; font-size: 14px; color: #fff; font-weight: 300; letter-spacing: -0.025em; cursor: pointer;}
.product7 .p_box02 h2 .btn_more:hover {background: #70b03e; transition: 0.3s all;}

.product7 .p_box07 {width: 100%; margin-top: 40px;}
.product7 .p_box07 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #497725; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.product7 .p_box07 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #497725;}
.product7 .p_box07 h2 .btn_more {position: absolute; bottom: 0; right: 0; content: ''; padding: 6px 10px; background: #497725; font-size: 14px; color: #fff; font-weight: 300; letter-spacing: -0.025em; cursor: pointer;}
.product7 .p_box07 h2 .btn_more:hover {background: #70b03e; transition: 0.3s all;}


.modal-open {overflow: auto!important;}
.modal.fade {padding-right: 0!important;}
.modal .modal_inner {height: 100%; display: flex; align-items: center; justify-content: center;}
.modal .modal_inner .modal-content {width: 700px; height: 600px; padding: 25px; overflow: auto;}
.modal .modal_inner .modal-content .modal_title {position: relative; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #497725; margin-bottom: 25px; overflow: hidden;}
.modal .modal_inner .modal-content .modal_title h3 {float: left; font-size: 22px; color: #545353; font-weight: 500; letter-spacing: -0.025em;}
.modal .modal_inner .modal-content .modal_title .btn_close {float: right; display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; cursor: pointer;}
.modal .modal_inner .modal-content .modal_title .btn_close img {width: 20px;}
.modal .modal_inner .modal-content .modal_body {}
.modal_body ul {width: 100%;}
.modal_body ul li {position: relative; float: left; width: calc(100% / 4 - 9px);}
.modal_body ul li + li {margin-left: 12px;}
.modal_body ul li:nth-child(4n+1) {margin-left: 0;}
.modal_body ul li:nth-child(n+5) {margin-top: 15px;}
.modal_body ul li .imgBox {display: flex; align-items: center; justify-content: center; width: 100%; padding: 15px 0; border: 1px solid #ccc;}
.modal_body ul li .imgBox img {}
.modal_body ul li .txtBox {margin-top: 5px;}
.modal_body ul li .txtBox p {font-size: 14px; color: #545353; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4; text-align: center;}
.modal_body ul li .txtBox p small {font-size: 12px; color: #888; font-weight: 300; letter-spacing: 0;}
.modal_body .btn_close {width: 150px; height: 40px; font-size: 16px; color: #fff; background: #497725; font-weight: 400; line-height: 40px; text-align: center; margin: 60px auto 0; cursor: pointer;}
.modal_body .btn_close:hover {background: #70b03e; transition: 0.3s all;}




.product8 {width: 100%;}

.product8 .p_box01 {width: 100%;}
.product8 .p_box01 ul {width: 100%;}
.product8 .p_box01 ul li {position: relative; float: left; width: calc(100% / 3 - 14px);}
.product8 .p_box01 ul li + li {margin-left: 21px;}
.product8 .p_box01 ul li:nth-child(3n+1) {margin-left: 0;}
.product8 .p_box01 ul li:nth-child(n+4) {margin-top: 15px;}
.product8 .p_box01 ul li .imgBox {display: flex; align-items: center; justify-content: center; width: 100%; height: 290px; border: 1px solid #ccc;}
.product8 .p_box01 ul li .imgBox img {}
.product8 .p_box01 ul li .txtBox {margin-top: 15px;}
.product8 .p_box01 ul li .txtBox p {font-size: 16px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.025em; text-align: center;}


.product8 table {border-collapse: collapse; table-layout: fixed; border: 1px solid #ccc; border-top: 2px solid #bf965e;}
.product8 table tr {border-bottom: 1px solid #ddd;}
.product8 table tr:last-child {border-bottom: 0;}
.product8 table tr th {padding: 12px 0; padding-left: 20px; background: #fbf9f6; font-size: 16px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.025em; text-align: left;}
.product8 table tr td + th {border-left: 1px solid #ddd;}
.product8 table tr td {padding: 12px 0; padding-left: 20px; border-left: 1px solid #ddd; font-size: 16px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.05em; text-align: left;}

.product8 .p_box02 {width: 100%; margin-top: 60px;}
/**** //product ****/



/**** deliver ****/
.deliver {width: 100%;}

.deliver .d_box01 {width: 100%; padding-bottom: 200px;}
.deliver .d_box01 {display: flex; align-items: center; justify-content: center;}
.deliver .d_box01 .logBox {width: 400px; padding: 20px; border: 1px solid #ccc;}
.deliver .d_box01 .logBox h2 {font-size: 18px; color: #497725; font-weight: 400; letter-spacing: -0.025em; text-align: center;}
.deliver .d_box01 .logBox p {text-align: center; margin-top: 25px;}
.deliver .d_box01 .logBox p label {font-size: 16px; color: #535454; font-weight: 400; letter-spacing: -0.025em; margin-right: 10px;}
.deliver .d_box01 .logBox p input[type="password"] {width: 200px; height: 30px; padding: 0 10px; border: 1px solid #ddd; outline: none; font-size: 14px; color: #222; font-weight: 400;}
.deliver .d_box01 .logBox p input[type="password"]:focus {border: 1px solid #497725;}
.deliver .d_box01 .logBox p input[type="submit"] {width: 120px; padding: 5px 0; background: #497725; border: none; border-radius: 100px; outline: none; font-size: 14px; color: #fff; font-weight: 400;}


.deliver table {border-collapse: collapse; table-layout: fixed; border: 1px solid #ccc; border-top: 2px solid #bf965e;}
.deliver table + table {margin-top: 40px;}
.deliver table tr {border-bottom: 1px solid #ddd;}
.deliver table tbody tr:last-child {border-bottom: 0;}
.deliver table tbody tr:nth-child(2n) {background: rgba(251, 249, 246, 0.3);}
.deliver table tr th {padding: 5px 0; background: #fbf9f6; font-size: 14px; color: #535454; font-weight: 500; letter-spacing: -0.025em; text-align: center;}
.deliver table tr th + th {border-left: 1px solid #ddd;}
.deliver table thead tr:nth-child(2) th:first-child {border-left: 1px solid #ddd;}
.deliver table tr td {padding: 5px 0; font-size: 14px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.025em; text-align: center;}
.deliver table tr td + td {border-left: 1px solid #ddd;}
.deliver table tr td span.dot {position: relative; display: inline-block; width: 7px; height: 7px; background: #497725; border-radius: 50%;}
/*.deliver table tr td span.dot:before {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); content: ''; width: 3px; height: 3px; background: #fff; border-radius: 50%;}*/
/**** //deliver ****/



/**** movie ****/
.movie .m_box01 {width: 100%;}
.movie .m_box01 ul {width: 100%;}
.movie .m_box01 ul li {position: relative; float: left; width: calc(100% / 2 - 10px);}
.movie .m_box01 ul li + li {margin-left: 20px;}
.movie .m_box01 ul li:nth-child(2n+1) {margin-left: 0;}
.movie .m_box01 ul li:nth-child(n+3) {margin-top: 20px;}
.movie .m_box01 ul li .imgBox {display: flex; align-items: center; justify-content: center; width: 100%; height: 256px; background: #000;}
.movie .m_box01 ul li .imgBox img {}
.movie .m_box01 ul li .txtBox {margin-top: 15px;}
.movie .m_box01 ul li .txtBox p {font-size: 16px; color: #4b4b4b; font-weight: 400; letter-spacing: -0.025em; text-align: center;}

.movie .m_box01 ul li:hover .txtBox p {color: #497725; transition: 0.3s all;}

/*.movie .m_box01 ul li:hover .imgBox {border-color: #497725; transition: 0.3s all;}*/


.movie_view .mv_box01 {width: 100%;}
.movie_view .mv_box01 h2 {position: relative; padding-top: 12px; font-size: 25px; color: #535454; font-weight: 500; letter-spacing: -0.025em; line-height: 1; margin-bottom: 20px;}
.movie_view .mv_box01 h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #bf965e;}
.movie_view .mv_box01 .ytBox {position: relative; width:100%; height: 0; padding-bottom:56.25%;}
.movie_view .mv_box01 .ytBox iframe {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%;}

.viewBtn {width:180px; margin: auto; padding:50px 0px;}
.viewBtn div {width:100%; padding:12px 0px; border:1px solid #497725; font-size:16px; color:#535454; font-weight:400; letter-spacing:-0.025em; text-align: center; transition:all 0.3s;}
.viewBtn div:hover {background-color:#497725; color:#fff;}
/**** //movie ****/