@charset "UTF-8";


.header .gnb_header {position: fixed; top: 0; z-index: 1; width: 100%; background-color: #fff;}
.header .gnb_header .head_box .gnb > li > a {color: #222222;}
.header .gnb_header .head_box .gnb > li.on > a {color: #fff;}
.header .gnb_header .head_box .logo a {background-image: url("/kor/images/common/logo.png");}
.header .util_menu .sitemap_btn_box .sitemap_btn {background-image: url("/kor/images/common/sitemap_btn_on.png");}
.header .util_menu .sitemap_btn_box .m_box .m_gnb_btn {background-image: url("/kor/images/common/sitemap_btn_on.png");}
.header.scrolled {background-color: #fff;}
.header.scrolled .gnb_header {border-bottom: 1px solid #ddd;}

.sub_top_area {}
.sub_top_area .sub_top_inner {width: 100%; max-width: 1760px; height: 500px; margin: 100px auto 0; padding: 50px 0; border-radius: 30px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sub_top_area.bg01 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg01.jpg");}
.sub_top_area.bg02 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg02.jpg");}
.sub_top_area.bg03 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg03.jpg");}
.sub_top_area.bg04 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg04.jpg");}
.sub_top_area.bg05 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg05.jpg");}
.sub_top_area.bg06 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg06.jpg");}
.sub_top_area.bg08 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg08.jpg");}
.sub_top_area.bg09 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg09.jpg");}
.sub_top_area.bg10 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg10.jpg");}
.sub_top_area.bg11 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg11.jpg");}
.sub_top_area.bg12 .sub_top_inner {background-image: url("/kor/images/sub/sub_bg12.jpg");}
.sub_top_area.bg07 .sub_top_inner {height: 760px; background-image: url("/kor/images/sub/sub_bg07.jpg"); border-radius: 0; max-width: 100%;}
.sub_top_area .sub_top_inner .sub_top_box {height: 100%;}
.sub_top_area .sub_top_inner .sub_top_box .container {height: 100%;}
.sub_top_area .sub_top_inner .sub_top_box .breadcrumb {position: absolute; right: 0; top: 0;}
.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list {display: flex; justify-content: end;}
.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li {position: relative; display: inline-block; margin: 0 10px 0 0; padding: 0 19px 0 0; vertical-align: middle;}
.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li:before {display: block; content: "/"; position: absolute; right: 0; top: 0; font-weight: 300; font-size: 16px; line-height: 17px; color: #c7c7c7}
.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li:last-child {margin: 0; padding: 0;}
.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li:last-child:before {display: none;}
.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li .txt {display: block; font-weight: 500; font-size: 16px; line-height: 17px; color: #c7c7c7;}
.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li:last-child .txt {display: block; font-weight: 700; color: #ffffff;}
.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li.home .txt {width: 17px; height: 17px; background: url("/kor/images/sub/home_icon.png") no-repeat center;}
.sub_top_area .sub_top_inner .sub_top_box .title_box {height: 100%; align-content: center;}
.sub_top_area .sub_top_inner .sub_top_box .title_box .sub_title {font-family: "Play"; font-weight: 400; font-size: 22px; line-height: 30px; color: #dddddd;}
.sub_top_area .sub_top_inner .sub_top_box .title_box .title {margin: 15px 0 0; font-weight: 700; font-size: 68px; line-height: 1; color: #ffffff;}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box {height: 100%; align-content: center;}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box {text-align: center;}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .sub_title {font-weight: 500; font-size: 18px; line-height: 30px; color: #ffffff;}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .title {font-weight: 700; font-size: 65px; line-height: 70px; color: #ffffff;}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .title .ft_en {display: inline-block; font-size: 70px; vertical-align: bottom;}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .text {margin: 45px 0 0; font-weight: 300; font-size: 22px; line-height: 30px; color: #ffffff;}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list {width: 100%; max-width: 1030px; margin: 70px auto 0;}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list {display: flex; justify-content: center; column-gap: 20px;}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list li {width: 100%;}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list li .box {display: flex; min-height: 100px; padding: 0 25px; border: 1px solid #fff; border-radius: 15px; background-color: rgba(0, 0, 0, 0.4);}
.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list li .box .text {display: inline-block; align-content: center; width: 100%; background: url("/kor/images/sub/arrow_icon.png") no-repeat right center; font-weight: 500; font-size: 17px; line-height: 24px; color: #ffffff;}

.contents {padding: 120px 0;}

.com_title_area {margin: 0 0 40px; text-align: center;}
.com_title_area .title {font-weight: 700; font-size: 54px; line-height: 60px; color: #111111;}
.com_title_area .text {margin: 10px 0 0; font-weight: 300; font-size: 17px; line-height: 28px; color: #111111;}

.com_tab_menu {margin: 0 0 80px;}
.com_tab_menu .list {display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;}
.com_tab_menu .list li {}
.com_tab_menu .list li .btn {display: flex; align-items: center; justify-content: center; width: 180px; height: 45px; border: 1px solid #e5e5e5; border-radius: 22px; text-align: center;}
.com_tab_menu .list li .btn .text {font-weight: 500; font-size: 17px; line-height: 20px; color: #111111; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.com_tab_menu .list li.on .btn {background-color: #36704b; border: 1px solid #36704b}
.com_tab_menu .list li.on .btn .text {font-weight: 700; color: #fff;}
.com_tab_menu .list li .btn:hover, .com_tab_menu .list li .btn:focus {background-color: #36704b;}
.com_tab_menu .list li .btn:hover .text, .com_tab_menu .list li .btn:focus .text {font-weight: 700; color: #fff;}
.com_tab_menu.product .list li .btn {width: 240px; background-color: #fff;}
.com_tab_menu.product .list li.on .btn {background-color: #36704b;}
.com_tab_menu.product .list li .btn:hover, .com_tab_menu .list li .btn:focus {background-color: #36704b;}

.com_tab_cont {display: none;}
.com_tab_cont.on {display: block;}

.award_area {}
.award_area .list {display: flex; flex-wrap: wrap; gap: 40px 26px;}
.award_area .list li {width: calc(25% - 19.5px);}
.award_area .list li .box {display: block;}
.award_area .list li .box .img_box {padding: 20px 30px; border: 1px solid #e5e5e5; border-radius: 20px; box-shadow: 0px 0px 14px 5px rgba(0, 0, 0, 0.05);}
.award_area .list li .box .img_box .img_inner {position: relative; padding: 0 0 140.785%; overflow: hidden;}
.award_area .list li .box .img_box .img_inner img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.award_area .list li .box .text_box {margin: 12px 0 0; text-align: center;}
.award_area .list li .box .text_box .text {font-weight: 500; font-size: 17px; line-height: 26px; color: #111111;}

.catalog_area {}
.catalog_area .list {display: flex; flex-wrap: wrap; gap: 40px 26px;}
.catalog_area .list li {width: calc(25% - 19.5px);}
.catalog_area .list li .box {}
.catalog_area .list li .box .box_inner {position: relative; padding: 60px 59px; border-radius: 20px; border: 1px solid #e5e5e5; background-color: #fff; box-shadow: 0px 0px 14px 5px rgba(0, 0, 0, 0.05);}
.catalog_area .list li .box .box_inner .img_box {}
.catalog_area .list li .box .box_inner .img_box .img_inner {position: relative; padding: 0 0 142.52%; overflow: hidden; border: 1px solid #e5e5e5; box-shadow: 5px 9px 20px 0px rgba(0, 0, 0, 0.2);}
.catalog_area .list li .box .box_inner .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; /* object-fit: contain; */}
.catalog_area .list li .box .box_inner .hover_box {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 20px; background-color: rgba(0, 0, 0, 0.4);}
.catalog_area .list li .box .box_inner .hover_box .hover_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; margin: 0 auto; border-radius: 50%; background-color: #36704b;}
.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn img {}
.catalog_area .list li .box .box_inner .hover_box .hover_inner .text {margin: 20px 0 0; font-family: "Play"; font-weight: 700; font-size: 18px; line-height: 24px; color: #ffffff;}
.catalog_area .list li .box .text_box {margin: 10px 0 0; text-align: center;}
.catalog_area .list li .box .text_box .text {font-weight: 500; font-size: 17px; line-height: 26px; color: #111111;}
.catalog_area .list li .box:hover .box_inner .hover_box, .catalog_area .list li .box:focus .box_inner .hover_box {display: block;}

.sch_area {width: 100%; max-width: 400px; margin: 0 0 60px auto;}
.sch_area .sch_inner {display: flex; width: 100%; border-bottom: 2px solid #222222;}
.sch_area .sch_inner .select_box {width: 90px;}
.sch_area .sch_inner .select_box select {width: 100%; border: none; background-color: #f9f9f9; background-image: url("/kor/images/sub/slt_arr_icon.png"); background-position: right center; background-size: 10px 5px; background-repeat: no-repeat; font-weight: 500; font-size: 17px; line-height: 50px; color: #111111;}
.sch_area .sch_inner .select_box select option {}
.sch_area .sch_inner .input_box {width: calc(100% - 110px);}
.sch_area .sch_inner .input_box input {width: 100%; padding: 0 30px; border: none; background-color: initial; font-weight: 300; font-size: 17px; line-height: 50px; color: #777777;}
.sch_area .sch_inner .sch_btn {display: block; width: 20px;}
.sch_area .sch_inner .sch_btn img {}
.sch_area.sty2 .sch_inner .input_box {width: 100%;}
.sch_area.sty2 .sch_inner .input_box input {padding: 0 10px;}


.news_area {}
.news_area .list {display: flex; flex-wrap: wrap; gap: 50px 26px;}
.news_area .list li {width: calc(25% - 19.5px);}
.news_area .list li .box {display: block; height: 100%; background-color: #fff; border-radius: 10px; box-shadow: 5px 9px 20px 0px rgba(0, 0, 0, 0.2); overflow: hidden; transition: all 0.5s;}
.news_area .list li .box .img_box {position: relative; padding-bottom: 78.669%; cursor: pointer; overflow: hidden;}
.news_area .list li .box .img_box .img_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.news_area .list li .box .img_box .img_inner img {display: inline-block; vertical-align: middle; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.news_area .list li .box .text_box {padding: 30px 35px; transition: all 0.5s;}
.news_area .list li.only_text .box .text_box {display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 30px 40px;}
.news_area .list li.only_text .box .text_box .date {margin: 0;}
.news_area .list li .box .text_box .menu {font-family: "Play"; font-weight: 700; font-size: 18px; line-height: 24px; color: #111111; transition: all 0.5s;}
.news_area .list li .box .text_box .title {height: 60px; margin: 10px 0 0; font-weight: 700; font-size: 24px; line-height: 30px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; transition: all 0.5s;}
.news_area .list li .box .text_box .text {margin: 15px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #777777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-wrap: break-word; transition: all 0.5s;}
.news_area .list li .box .text_box .date {margin: 25px 0 0; font-family: "Play"; font-weight: 400; font-size: 16px; line-height: 20px; color: #888888; transition: all 0.5s;}
.news_area .list li .box:hover, .news_area .list li .box:focus {background-color: #36704b;}
.news_area .list li .box:hover .text_box .menu, .news_area .list li .box:focus .text_box .menu {color: #ffffff;}
.news_area .list li .box:hover .text_box .title, .news_area .list li .box:focus .text_box .title {color: #ffffff;}
.news_area .list li .box:hover .text_box .text, .news_area .list li .box:focus .text_box .text {color: #fff;}
.news_area .list li .box:hover .text_box .date, .news_area .list li .box:focus .text_box .date {color: #fff;}
.news_area .list li .box:hover .img_box .img_inner img, .news_area .list li .box:focus .img_box .img_inner img {transform: scale(1.2)}


.board_view {border-top: 2px solid #36704b;}
.board_view .board_top {padding: 15px;}
.board_view .board_top > .title {font-weight: 500; font-size: 30px; line-height: 40px; color: #222222;}
.board_view .board_top .info_list {margin: 20px 0 0;}
.board_view .board_top .info_list .list {display: flex; column-gap: 25px; row-gap: 5px; flex-wrap: wrap;}
.board_view .board_top .info_list .list li {}
.board_view .board_top .info_list .list li .box {display: flex; column-gap: 5px;}
.board_view .board_top .info_list .list li .box .title {font-weight: 500; font-size: 14px; line-height: 21px; color: #222222;}
.board_view .board_top .info_list .list li .box .text {font-weight: 500; font-size: 14px; line-height: 21px; color: #777777;}
.board_view .board_cont {padding: 50px 40px; border-top: 1px solid #111111; border-bottom: 1px solid #111111;}
.board_view .board_cont .text {font-size: 16px; line-height: 1.5;}
.board_view .post_nav {margin: 80px 0 0; border-top: 1px solid #111111;}
.board_view .post_nav .list {}
.board_view .post_nav .list li {padding: 16px 0; border-bottom: 1px solid #111111;}
.board_view .post_nav .list li .item_wrapper {display: table; table-layout: fixed; width: 100%; position: relative;}
.board_view .post_nav .list li .item_wrapper .tit {display: table-cell; position: relative; width: 145px; padding: 0 20px 0 30px; vertical-align: middle;}
.board_view .post_nav .list li .item_wrapper .tit .icon {position: relative; background-repeat: no-repeat; background-position: right center; font-family: "Play"; font-weight: 400; font-size: 16px; line-height: 27px; color: #222222;}
.board_view .post_nav .list li.prev .item_wrapper .tit .icon {background-image: url("/kor/images/sub/prev_icon.png");}
.board_view .post_nav .list li.next .item_wrapper .tit .icon {background-image: url("/kor/images/sub/next_icon.png");}
.board_view .post_nav .list li .item_wrapper .tit:before {display: block;content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #888888;}
.board_view .post_nav .list li .item_wrapper .post {display: table-cell; width: 100%; padding: 0 20px; vertical-align: middle; font-weight: 400; font-size: 16px; line-height: 27px; color: #777777;}
.board_view .post_nav .list li .item_wrapper .post a {height: 27px; display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; color: #888;}


.inq_area {}
.inq_area .inq_top {}
.inq_area .inq_top > .list {display:flex; column-gap: 26px;}
.inq_area .inq_top > .list > li {width: 100%;}
.inq_area .inq_top > .list > li .box {height: 100%; padding: 30px 20px 30px 30px; border: 1px solid  #dedede; border-radius: 25px; background-color: #fff;}
.inq_area .inq_top > .list > li .box .title_area {}
.inq_area .inq_top > .list > li .box .title_area .title {font-weight: 700; font-size: 28px; line-height: 30px; color: #111111;}
.inq_area .inq_top > .list > li .box .info_box {margin: 15px 0 0;}
.inq_area .inq_top > .list > li .box .info_box > .list {}
.inq_area .inq_top > .list > li .box .info_box > .list > li {margin: 6px 0 0;}
.inq_area .inq_top > .list > li .box .info_box > .list > li:first-child {margin: 0;}
.inq_area .inq_top > .list > li .box .info_box > .list > li .text {display: block; padding: 0 0 0 25px; background-position: left top; background-repeat: no-repeat; font-family: "Play"; font-weight: 400; font-size: 18px; line-height: 24px; color: #111111;}
.inq_area .inq_top > .list > li .box .info_box > .list > li.icon01 .text {background-image: url("/kor/images/sub/inq_icon01.png");}
.inq_area .inq_top > .list > li .box .info_box > .list > li.icon02 .text {background-image: url("/kor/images/sub/inq_icon02.png");}
.inq_area .inq_top > .list > li .box .info_box > .list > li.icon03 .text {background-image: url("/kor/images/sub/inq_icon03.png"); word-break: break-all}
.inq_area .inq_top > .list > li .box .info_box > .list > li.icon04 .text {background-image: url("/kor/images/sub/inq_icon04.png"); font-family: "HD"; font-weight: 300; letter-spacing: -0.04em;}
.inq_area .inq_btm {margin: 20px 0 0;}
.inq_area .inq_btm .list {display: flex; flex-wrap: wrap; gap: 10px;}
.inq_area .inq_btm .list li {width: calc(50% - 5px);}
.inq_area .inq_btm .list li.w100 {width: 100%}
.inq_area .inq_btm .list li .box {}
.inq_area .inq_btm .list li .box select {width: 100%; padding: 17px 20px; background: #fff url("/kor/images/sub/slt_icon.png") no-repeat right 20px center; border: 1px solid #e2e2e2; border-radius: 10px; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222;}
.inq_area .inq_btm .list li .box select option {}
.inq_area .inq_btm .list li .box input {width: 100%; padding: 17px 20px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 10px; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222;}
.inq_area .inq_btm .list li .box textarea {display: block; width: 100%; height: 290px; resize: none; padding: 20px 18px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 10px; font-family: "HD"; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222;}
.inq_area .inq_btm .check_area {display: flex; align-items: center; justify-content: end; column-gap: 10px; margin: 20px 0 0;}
.inq_area .inq_btm .check_area .chk_inner {}
.inq_area .inq_btm .check_area .chk_inner input {}
.inq_area .inq_btm .check_area .chk_inner label {color: #222;}
.inq_area .inq_btm .check_area .policy_btn {display: block; width: 100px; border-radius: 16px; background: #000000; font-weight: 500; font-size: 14px; line-height: 33px; color: #fff; text-align: center;}


.recurit_area {border-radius: 33px; border: 1px solid #36704b; background-color: #fff;}
.recurit_area .recurit_top {height: 300px; padding: 0 50px 0 60px; border-radius: 30px; background: #36704b url("/kor/images/sub/recurit_icon01.png") no-repeat left bottom;}
.recurit_area .recurit_top .text_box {align-content: center; height: 100%; background: url("/kor/images/sub/recurit_icon02.png") no-repeat right bottom;}
.recurit_area .recurit_top .text_box .title {font-weight: 700; font-size: 60px; line-height: 68px; color: #ffffff;}
.recurit_area .recurit_top .text_box .text {margin: 15px 0 0; font-weight: 300; font-size: 20px; line-height: 28px; color: #ffffff;}
.recurit_area .recurit_mid {padding: 70px 60px 60px;}
.recurit_area .recurit_mid > .list {}
.recurit_area .recurit_mid > .list > li {margin: 50px 0 0}
.recurit_area .recurit_mid > .list > li:first-child {margin: 0;}
.recurit_area .recurit_mid > .list > li > .box {}
.recurit_area .recurit_mid > .list > li > .box .title_area {margin: 0 0 20px; padding: 0 0 5px; border-bottom: 2px solid #111111;}
.recurit_area .recurit_mid > .list > li > .box .title_area .title {font-weight: 500; font-size: 26px; line-height: 30px; color: #36704b;}
.recurit_area .recurit_mid > .list > li > .box .step_box {padding: 0 40px;}
.recurit_area .recurit_mid > .list > li > .box .step_box .list {display: flex; gap: 0 40px; align-items: center;}
.recurit_area .recurit_mid > .list > li > .box .step_box .list li {width: 100%;}
.recurit_area .recurit_mid > .list > li > .box .step_box .list li:nth-child(even) {width: 50px; flex-shrink: 0;}
.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box {display: flex; flex-direction: column; justify-content: center; height: 200px;}
.recurit_area .recurit_mid > .list > li > .box .step_box .list li:nth-child(odd) .box {border: 1px solid #e4e4e4; border-radius: 50%; background-color: #f8f8f8; padding: 10px; text-align: center;}
.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .icon {}
.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .icon img {}
.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .text {margin: 10px 0 0; font-weight: 500; font-size: 20px; line-height: 30px; color: #111111;}
.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .arrow {}
.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .arrow img {}
.recurit_area .recurit_mid > .list > li > .box .text_area {}
.recurit_area .recurit_mid > .list > li > .box .text_area > .list {}
.recurit_area .recurit_mid > .list > li > .box .text_area > .list > li {margin: 10px 0 0;}
.recurit_area .recurit_mid > .list > li > .box .text_area > .list > li:first-child {margin: 0;}
.recurit_area .recurit_mid > .list > li > .box .text_area > .list > li > .text {display: inline-block; position: relative; padding: 0 0 0 15px; font-weight: 300; font-size: 18px; line-height: 24px; color: #888888;}
.recurit_area .recurit_mid > .list > li > .box .text_area > .list > li > .text:before {display: block; content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background-color: #36704b;}
.recurit_area .recurit_mid > .list > li > .box .text_area .info_box {margin: 10px 0 0; padding: 0 0 0 15px;}
.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list {display: flex; gap: 0 30px;}
.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list li {}
.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list li .text {padding: 0 0 0 30px; background-position: left center; background-repeat: no-repeat; font-family: "Play"; font-weight: 400; font-size: 18px; line-height: 24px; color: #111111;}
.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list li.icon01 .text {background-image: url("/kor/images/sub/inq_icon03.png");}
.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list li.icon02 .text {background-image: url("/kor/images/sub/inq_icon01.png");}
.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list li.icon03 .text {background-image: url("/kor/images/sub/inq_icon02.png");}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area { margin: 20px 0 0;}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list {display: flex; flex-wrap: wrap; gap: 10px 25px;}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li {width: calc(33.3333% - 16.6666px);}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li:last-child {width: calc(82.8% - 8.3333px);}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .input_box {}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .input_box input {width: 100%; padding: 0 20px; border: 1px solid #e2e2e2; border-radius: 10px; font-weight: 300; font-size: 17px; line-height: 58px; color: #222222;}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area {display: flex; align-items: end; gap: 0 15px;}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box {position: relative; width: 100%; padding: 0 135px 0 0; border-radius: 10px 0 0 10px; overflow: hidden;}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: none;}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box label {position: absolute; right: 0; top: 0; width: 135px; border-radius: 0 10px 10px 0; background-color: #888888; font-weight: 400; font-size: 17px; line-height: 60px; color: #ffffff; text-align: center; cursor: pointer;}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box .inp_file {display: inline-block; width: 100%; padding: 0 20px; border-radius: 10px 0 0 10px; vertical-align: middle; border: 1px solid #e2e2e2; font-weight: 300; font-size: 17px; line-height: 58px; color: #222222}
.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .text {flex-shrink: 0;font-weight: 300; font-size: 17px; line-height: 24px; color: #888888;}
.recurit_area .recurit_btm {padding: 0 60px 60px;}
.recurit_area .recurit_btm .com_text {font-weight: 300; font-size: 20px; line-height: 30px; color: #111111; text-align: center;}
.recurit_area .recurit_btm .com_text .btn_area {}
.recurit_area .check_area {display: flex; align-items: center; justify-content: end; column-gap: 10px; margin: 20px 0 0;}
.recurit_area .check_area .chk_inner {}
.recurit_area .check_area .chk_inner input {}
.recurit_area .check_area .chk_inner label {color: #222;}
.recurit_area .check_area .policy_btn {display: block; width: 100px; border-radius: 16px; background: #36704b; font-weight: 500; font-size: 14px; line-height: 33px; color: #fff; text-align: center;}

.map_wrap {}
.map_wrap .map_area {}
.map_wrap .map_area .map_top {position: relative; padding: 0 0 45.572%; border-radius: 25px; border: 1px solid #e5e5e5; overflow: hidden;}
.map_wrap .map_area .map_top .map {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.map_wrap .map_area .map_top .name {padding: 10px 40px; background-color: #36704b; font-weight: 700; font-size: 18px; color: #fff;}
.map_wrap .map_area .map_top .gm-style .gm-style-iw-d {overflow: inherit !important; background-color: #36704b;}
.map_wrap .map_area .map_top .gm-style .gm-style-iw-c {padding: 0 !important; background-color: #36704b;}
.map_wrap .map_area .map_top .gm-style .gm-style-iw-tc {display: none;}
.map_wrap .map_area .map_top .gm-style-iw-ch {display: none;}
.map_wrap .map_area .map_top .gm-ui-hover-effect>span {background-color: #36704b;}
.map_wrap .map_area .map_top button {display: none !important;}
.map_wrap .map_area .map_top .gmnoprint {display: none !important;}
.map_wrap .map_area .map_btm {display: flex; justify-content: space-between; align-items: start; margin: 40px 0 0;}
.map_wrap .map_area .map_btm .info_box {display: flex; gap: 0 35px;}
.map_wrap .map_area .map_btm .info_box .img_box {}
.map_wrap .map_area .map_btm .info_box .img_box img {}
.map_wrap .map_area .map_btm .info_box .text_box {}
.map_wrap .map_area .map_btm .info_box .text_box .title {font-weight: 500; font-size: 40px; line-height: 44px; color: #111111;}
.map_wrap .map_area .map_btm .info_box .text_box .info_list {margin: 30px 0 0;}
.map_wrap .map_area .map_btm .info_box .text_box .info_list li {margin: 15px 0 0;}
.map_wrap .map_area .map_btm .info_box .text_box .info_list li:first-child {margin: 0;}
.map_wrap .map_area .map_btm .info_box .text_box .info_list li .text {display: inline-block; padding: 0 0 0 35px; background-position: left center; background-repeat: no-repeat; font-weight: 300; font-size: 17px; line-height: 24px; color: #111111;}
.map_wrap .map_area .map_btm .info_box .text_box .info_list li.icon01 .text {background-image: url("/kor/images/sub/map_icon01.png");}
.map_wrap .map_area .map_btm .info_box .text_box .info_list li.icon02 .text {background-image: url("/kor/images/sub/map_icon02.png");}
.map_wrap .map_area .map_btm .info_box .text_box .info_list li.icon03 .text {background-image: url("/kor/images/sub/map_icon03.png");}
.map_wrap .map_area .map_btm .map_btn {display: block; width: 260px; background-color: #36704b; border-radius: 30px; border: 2px solid #36704b; font-weight: 500; font-size: 20px; line-height: 52px; color: #fff; text-align: center;}
.map_wrap .map_area .map_btm .map_btn:hover, .map_wrap .map_area .map_btm .map_btn:focus {background-color: #fff; color: #36704b;}
.map_wrap .process_area {}
.map_wrap .process_area .title_box {margin: 0 0 30px; font-weight: 500; font-size: 40px; line-height: 44px; color: #111111;}
.map_wrap .process_area .list {display: flex; flex-wrap: wrap; gap: 30px 26px;}
.map_wrap .process_area .list li {width: calc(25% - 19.5px);}
.map_wrap .process_area .list li .box {}
.map_wrap .process_area .list li .box .img_box {}
.map_wrap .process_area .list li .box .img_box img {}
.map_wrap .process_area .list li .box .text {margin: 10px 0 0; font-weight: 300; font-size: 17px; line-height: 24px; color: #111111; text-align: center;}
.map_wrap .text_list {}
.map_wrap .text_list .title_box {font-weight: 500; font-size: 24px; line-height: 30px; color: #111111;}
.map_wrap .text_list .list {column-count: 2;}
.map_wrap .text_list .list li {margin: 10px 0 0;}
.map_wrap .text_list .list li .text {display: inline-block; position: relative; padding: 0 0 0 18px; font-weight: 300; font-size: 17px; line-height: 24px; color: #888888;}
.map_wrap .text_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background-color: #36704b;}

.prd_area {}
.prd_area .list {display: flex; gap: 45px 40px; flex-wrap: wrap;}
.prd_area .list li {width: calc(33.3333% - 26.6666px);}
.prd_area .list li .box {display: block;}
.prd_area .list li .box .box_inner {position: relative; border-radius: 25px; overflow: hidden; border: 1px solid #dfdfdf; background-color: #fff; box-shadow: 5px 3px 10px 0px rgba(0, 0, 0, 0.2);}
.prd_area .list li .box .box_inner .img_box {}
.prd_area .list li .box .box_inner .img_box .img_inner {position: relative; padding: 0 0 68.185%; border-radius: 25px; overflow: hidden; }
.prd_area .list li .box .box_inner .img_box .img_inner img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.prd_area .list li .box .box_inner .hover_box {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.05);}
.prd_area .list li .box .box_inner .hover_box .plus_btn {display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; border-radius: 50%; background-color: #36704b;}
.prd_area .list li .box .box_inner .hover_box .plus_btn img {transition: all 0.5s;}
.prd_area .list li .box:hover .box_inner .hover_box {display: block;}
.prd_area .list li .box:hover .box_inner {border-color: #36704b}
.prd_area .list li .box .box_inner .hover_box .plus_btn:hover img {transform: rotate(360deg)}
.prd_area .list li .box .text {margin: 15px 0 0; font-weight: 500; font-size: 20px; line-height: 26px; color: #222222; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

.prd_view_area {}
.prd_view_area .prd_top {display: flex; justify-content: space-between;}
.prd_view_area .prd_top .img_wrap {width: 52.86%;}
.prd_view_area .prd_top .img_wrap .prd_big_slide {overflow: hidden;}
.prd_view_area .prd_top .img_wrap .prd_big_slide .list {}
.prd_view_area .prd_top .img_wrap .prd_big_slide .list li {}
.prd_view_area .prd_top .img_wrap .prd_big_slide .list li .img_box {background-color: #fcfcfc; border: 1px solid #dcdcdc;}
.prd_view_area .prd_top .img_wrap .prd_big_slide .list li .img_box .img_inner {position: relative; padding-bottom: 56.912%;}
.prd_view_area .prd_top .img_wrap .prd_big_slide .list li .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain;}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area {position: relative; margin: 10px 0 0;}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_small_slide {overflow: hidden;}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_small_slide .list {}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_small_slide .list li {}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_small_slide .list li .img_box {background-color: #fcfcfc; border: 1px solid #dcdcdc; cursor: pointer;}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_small_slide .list li.swiper-slide-thumb-active .img_box {border: 1px solid #333333;}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_small_slide .list li .img_box .img_inner {position: relative; padding-bottom: 57.04%;}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_small_slide .list li .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_btn {position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); height: 21px; z-index: 1;}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_btn .btn {display: block; position: absolute; top: 0; width: 21px; height: 21px; background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_btn .btn.prev {left: 0; background-image: url("/kor/images/sub/gallery_prev_btn.png");}
.prd_view_area .prd_top .img_wrap .prd_small_slide_area .prd_btn .btn.next {right: 0; background-image: url("/kor/images/sub/gallery_next_btn.png");}
.prd_view_area .prd_top .info_wrap {width: 47.1429%; padding: 0 0 0 50px;}
.prd_view_area .prd_top .info_wrap .info_box {}
.prd_view_area .prd_top .info_wrap .info_box > .list {}
.prd_view_area .prd_top .info_wrap .info_box > .list > li {margin: 45px 0 0;}
.prd_view_area .prd_top .info_wrap .info_box > .list > li:first-child {margin: 0;}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box {}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .title_box {margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #111111;}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .title_box .title {font-weight: 700; font-size: 30px; line-height: 32px; color: #36704b;}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list {}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list {}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list li {margin: 10px 0 0;}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list li:first-child {margin: 0;}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list li .text {display: inline-block; position: relative; padding: 0 0 0 15px; font-weight: 500; font-size: 17px; line-height: 24px; color: #888888;}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top:  7px; width: 6px; height: 6px; border-radius: 50%; background-color: #36704b;}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list li .text.noop {padding: 0;}
.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list li .text.noop:before {display: none;}
.prd_view_area .prd_btm {}
.prd_view_area .prd_btm .com_table_area {}
.prd_view_area .prd_btm .com_text_list {}
.prd_view_area .prd_btm .sub_title_area {}

.com_table_area {}
.com_table_area .table_box {}
.com_table_area .table_box table {width: 100%; text-align: center;}
.com_table_area .table_box table thead {}
.com_table_area .table_box table thead tr {}
.com_table_area .table_box table thead tr th {border: 1px solid #d4d4d4; background-color: #444444; padding: 13px 5px; font-weight: 500; font-size: 17px; line-height: 24px; color: #ffffff;}
.com_table_area.black .table_box table thead tr th {background-color: #333333;}
.com_table_area .table_box table tbody {}
.com_table_area .table_box table tbody tr {}
.com_table_area .table_box table tbody tr td.bd_b {border-bottom: 1px solid #333333}
.com_table_area .table_box table tbody tr td.bg_gray {background-color: #f6f6f6; color: #333333; font-weight: 500;}
.com_table_area .table_box table tbody tr td {border: 1px solid #d4d4d4; padding: 13px 5px; background-color: #fff; font-weight: 300; font-size: 17px; line-height: 24px; color: #888888;}
.com_table_area .table_box table tbody tr td sup {font-size: 12px;}
.com_text_list {}
.com_text_list .list {}
.com_text_list .list li {}
.com_text_list .list li {margin: 10px 0 0;}
.com_text_list .list li:first-child {margin: 0;}
.com_text_list .list li .text  {display: inline-block; position: relative; padding: 0 0 0 15px; font-weight: 500; font-size: 17px; line-height: 24px; color: #888888;}
.com_text_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top:  7px; width: 6px; height: 6px; border-radius: 50%; background-color: #36704b;}

.sub_title_area {margin: 0 0 20px;}
.sub_title_area .title {font-weight: 700; font-size: 34px; line-height: 40px; color: #222222;}
.sub_title_area .title2 {font-weight: 500; font-size: 30px; line-height: 34px; color: #111;}

.greeting_area {display: flex; position: relative;}
.greeting_area .text_box {width: 50%; ; padding: 0 30px 0 0 }
.greeting_area .text_box .text {font-weight: 300; font-size: 18px; line-height: 30px; color: #111111;}
.greeting_area .text_box .text .title {font-weight: 700; font-size: 30px; line-height: 30px; color: #36704b;}
.greeting_area .img_box {position: relative; margin: 0 -260px 0 0;}
.greeting_area .img_box img {}
.greeting_area .img_box img.pc  {}
.greeting_area .img_box img.mob {display: none;}
.vision_area {}
.vision_area .vision_box {position: relative; padding: 60px 0 0;}
.vision_area .vision_box .title_box {display: flex; align-items: center; justify-content: center;position: absolute; left: 0; top: 0; width: 100%; height: 157px;}
.vision_area .vision_box .title_box:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/kor/images/sub/company_line.png") no-repeat center;}
.vision_area .vision_box .title_box .title {font-weight: 700; font-size: 40px; line-height: 1; color: #111111; text-align: center;}
.vision_area .vision_box .list {display: flex; gap: 40px;}
.vision_area .vision_box .list li {width: 100%;}
.vision_area .vision_box .list li:nth-child(2), .vision_area .vision_box .list li:nth-child(3) {padding: 100px 0 0;}
.vision_area .vision_box .list li .box {position: relative; border-radius: 160px; overflow: hidden;	text-align: center;}
.vision_area .vision_box .list li .box .bg_box {position: relative;}
.vision_area .vision_box .list li .box .bg_box:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s; opacity: 0.4;}
.vision_area .vision_box .list li .box:hover .bg_box:before {opacity: 1;}
.vision_area .vision_box .list li .box .bg_box img {}
.vision_area .vision_box .list li .box .box_inner {display: flex; flex-direction: column; justify-content: space-between; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 50px 0 70px; }
.vision_area .vision_box .list li .box .box_inner .en {font-family: "Play"; font-weight: 700; font-size: 20px; line-height: 30px; color: #fff;}
.vision_area .vision_box .list li .box .box_inner .text_box {}
.vision_area .vision_box .list li .box .box_inner .text_box .title {font-weight: 700; font-size: 40px; line-height: 1; color: #ffffff;}
.vision_area .vision_box .list li .box .box_inner .text_box .text {margin: 10px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #ffffff;}

.history_area {position: relative;}
.history_area .history_inner {}
.history_area .history_inner .history_bg {height: 500px; background-image: url("/kor/images/sub/company_img06.png"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.history_area .history_inner .text_box {position: relative; width: 100%; max-width: 1400px; margin: -380px auto 0; z-index: 11;}
.history_area .history_inner .text_box .inner {display: flex; justify-content: space-between; flex-direction: column; width: 420px; height: 550px; padding: 60px 30px; background: #36704b url("/kor/images/sub/company_logo.png") right bottom no-repeat; border-radius: 25px; z-index: 11}
.history_area .history_inner .text_box .inner .text_top {}
.history_area .history_inner .text_box .inner .text_top .company {}
.history_area .history_inner .text_box .inner .text_top .company img {}
.history_area .history_inner .text_box .inner .text_top .title {margin: 30px 0 0; font-weight: 300; font-size: 52px; line-height: 62px; color: #ffffff;}
.history_area .history_inner .text_box .inner .info_list {}
.history_area .history_inner .text_box .inner .info_list .year_item_list {display: flex; column-gap: 20px;}
.history_area .history_inner .text_box .inner .info_list .year_item_list li {}
.history_area .history_inner .text_box .inner .info_list .year_item_list li .year_item {font-family: "Play"; font-weight: 700; font-size: 20px; line-height: 30px; color: #92cca2;}
.history_area .history_inner .text_box .inner .info_list .year_item_list li.on .year_item {text-decoration: underline; text-underline-position: under; color: #fff;}
.history_area .history_box {position: relative;}
.history_area .history_box .group {}
.history_area .history_box .group .group_box {display: flex; position: relative; padding-bottom: 60px;}
.history_area .history_box .group .group_box:last-child {padding-bottom: 0;}
.history_area .history_box .group .group_box::before {content: ""; position: absolute; top: 3px; left: 50%; transform: translateX(-50%); width: 2px; height: 80%; background-color: rgba(0, 0, 0, 0.1);}
.history_area .history_box .group .group_box.left .year_list_box .month_box {float: left; text-align: right; padding-right: 75px;}
.history_area .history_box .group .group_box.left .year_list_box .month_box::before, .history_area .history_box .group .group_box.left .month_box::after {left: 100%; transform: translateX(-50%);}
.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item {padding-right: 85px;}
.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .year {right: 0;}
.history_area .history_box .group .group_box.left .year_list_box .month_box .year_box {left: 100%; padding-left: 75px;}
.history_area .history_box .group .group_box.left .year_list_box .month_box .year_box::before {left: 0;}
.history_area .history_box .group .group_box.right .year_list_box .month_box {float: right; padding-left: 75px;}
.history_area .history_box .group .group_box.right .year_list_box .month_box::before, .history_area .history_box .group .group_box.right .month_box::after {right: 100%; transform: translateX(50%);}
.history_area .history_box .group .group_box.right .year_list_box .month_box .month_list .item {padding-left: 85px;}
.history_area .history_box .group .group_box.right .year_list_box .month_box .month_list .year {left: 0;}
.history_area .history_box .group .group_box.right .year_list_box .month_box .year_box {right: 100%; padding-right: 75px; text-align: right; width: 100%;}
.history_area .history_box .group .group_box.right .year_list_box .month_box .year_box::before {right: 0;}
.history_area .history_box .group .group_box .year_list_box {width: 100%;}
.history_area .history_box .group .group_box .year_list_box .year_item {font-size: 20px; font-weight: 700; cursor: pointer;}
.history_area .history_box .group .group_box .year_list_box .month_box .year_box {position: absolute; top: -5px; font-family: "Play"; font-weight: 700; font-size: 52px; line-height: 1; color: #000; transition: color 0.4s;}
.history_area .history_box .group .group_box.on .year_list_box .month_box .year_box {color: #36704b;}
.history_area .history_box .group .group_box .year_list_box .month_box::before {content: ""; position: absolute; top: 0; width: 10px; height: 10px; background-color: #000; border: 12px solid #fff; border-radius: 50%; transition: background 0.4s;}
.history_area .history_box .group .group_box.on .year_list_box .month_box::before {background-color: #36704b;}
.history_area .history_box .group .group_box .year_list_box .month_box {position: relative; width: 50%;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list {list-style: none; margin: 0; padding: 0;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item {position: relative; margin-bottom: 30px; word-break: keep-all;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box {}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .year {position: absolute; top: 0; font-family: "Play"; font-weight: 700; font-size: 20px; line-height: 24px; color: #111111;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box {display: flex; gap: 15px;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box + .info_box {margin: 15px 0 0;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box .month {position: relative; padding: 0 0 0 12px; font-family: "Play"; font-weight: 700; font-size: 20px; line-height: 24px; color: #111111;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box .text_box {position: relative;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box .text_box .text {display: block; position: relative; font-weight: 500; font-size: 17px; line-height: 24px; color: #888888;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box .text_box .text + .text {margin: 5px 0 0;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box .month::before {content: "-"; position: absolute; left: 0; top: 0; font-family: "Play"; color: #111111;}
.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item .box .info_box .month {padding: 0 12px 0 0;}
.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item .box .info_box .month::before {left: inherit; right: 0;}
.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .year + .info_box .text_box {margin-top: 0;}
.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item .box .info_box .month {order: 2;}
.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item .box .info_box {justify-content: end;}

.incendi_area {}
.incendi_area > .list  {}
.incendi_area > .list > li {margin: 140px 0 0;}
.incendi_area > .list > li:first-child {margin: 0;}
.incendi_area > .list > li .box {}
.incendi_area > .list > li .box .info_area {display: flex; align-items: center;}
.incendi_area > .list > li .box .info_area .img_box {width: 52.1428%;}
.incendi_area > .list > li .box .info_area .img_box img {}
.incendi_area > .list > li .box .info_area .info_box {width: 47.8572%; padding: 0 0 0 65px;}
.incendi_area > .list > li .box .info_area .info_box .title {font-weight: 300; font-size: 40px; line-height: 50px; color: #111111;}
.incendi_area > .list > li .box .info_area .info_box .img_list {margin: 40px 0 0;}
.incendi_area > .list > li .box .info_area .info_box .img_list .list {display: flex; flex-wrap: wrap; gap: 5px 20px;}
.incendi_area > .list > li .box .info_area .info_box .img_list .list li {width: calc(33.3333% - 13.3333px);}
.incendi_area > .list > li .box .info_area .info_box .img_list.w25 .list {gap: 10px;}
.incendi_area > .list > li .box .info_area .info_box .img_list.w25 .list li {width: calc(25% - 7.5px);}
.incendi_area > .list > li .box .info_area .info_box .img_list .list li .box {}
.incendi_area > .list > li .box .info_area .info_box .img_list .list li .box .img {}
.incendi_area > .list > li .box .info_area .info_box .img_list .list li .box .img img {}
.incendi_area > .list > li .box .info_area .info_box .img_list .list li .box .text {margin: 5px 0 0; font-family: "Play"; font-weight: 400; font-size: 16px; line-height: 24px; color: #111111; text-align: center;}
.incendi_area > .list > li .box .icon_area {}
.incendi_area > .list > li .box .icon_area .sub_title_area {}
.incendi_area > .list > li .box .icon_area .list {display: flex; gap: 0 28px;}
.incendi_area > .list > li .box .icon_area .list li {width: 100%;}
.incendi_area > .list > li .box .icon_area .list li .icon_box {display: flex; align-items: center; justify-content: center; width: 175px; height: 175px; margin: 0 auto; border-radius: 50%; border: 1px solid #e4e4e4; background-color: #f8f8f8;}
.incendi_area > .list > li .box .icon_area .list li .icon_box img {}
.incendi_area > .list > li .box .icon_area .list li .text {margin: 20px 0 0; font-weight: 300; font-size: 17px; line-height: 24px; color: #111111; text-align: center;}
.incendi_area > .list > li .box .product_area {display: flex;}
.incendi_area > .list > li .box .product_area .left_box {width: 50%; padding: 0 40px 0 0;}
.incendi_area > .list > li .box .product_area .left_box .gray_box {display: flex; align-items: center; justify-content: center; height: calc(100% - 54px); padding: 10px; background-color: #fafafa; border: 1px solid #d4d4d4; text-align: center;}
.incendi_area > .list > li .box .product_area .left_box .gray_box img {}
.incendi_area > .list > li .box .product_area .right_box {width: 50%; }
.incendi_area > .list > li .box .product_area .right_box .row_table_area {}
.incendi_area > .list > li .box .product_area .right_box .row_table_area .table_box {}
.incendi_area > .list > li .box .product_area .right_box .row_table_area .table_box table {width: 100%;}
.incendi_area > .list > li .box .product_area .right_box .row_table_area .table_box table tbody {}
.incendi_area > .list > li .box .product_area .right_box .row_table_area .table_box table tbody tr {}
.incendi_area > .list > li .box .product_area .right_box .row_table_area .table_box table tbody tr th {padding: 13px 5px; border: 1px solid #d4d4d4; background-color: #444444; font-weight: 500; font-size: 17px; line-height: 24px; color: #ffffff; text-align: center;}
.incendi_area > .list > li .box .product_area .right_box .row_table_area .table_box table tbody tr td {padding: 13px 25px; border: 1px solid #d4d4d4; font-weight: 300; font-size: 17px; line-height: 24px; color: #111111}
.incendi_area > .list > li .box .table_area {}
.incendi_area > .list > li .box .table_area .sub_title_area {}
.incendi_area > .list > li .box .table_area .com_table_area {}
.incendi_area > .list > li .box .table_area .com_table_area .table_box table tbody tr td {color: #111111;}
.incendi_area > .list > li .box .text_area {}
.incendi_area > .list > li .box .text_area .text_list {}
.incendi_area > .list > li .box .text_area .text_list .list {}
.incendi_area > .list > li .box .text_area .text_list .list li {margin: 10px 0 0;}
.incendi_area > .list > li .box .text_area .text_list .list li:first-child {margin: 0;}
.incendi_area > .list > li .box .text_area .text_list .list li .text {position: relative; display: inline-block; padding: 0 0 0 16px; font-weight: 300; font-size: 17px; line-height: 24px; color: #111111;}
.incendi_area > .list > li .box .text_area .text_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #36704b;}


.prd_detail_area {}
.prd_detail_area .title_area {margin: 0 0 30px;}
.prd_detail_area .title_area .title {font-family: "Play"; font-weight: 400; font-size: 50px; line-height: 55px; color: #111111;} 
.prd_detail_area .prd_detail_box {}
.prd_detail_area .prd_detail_box > .list {display: flex; flex-wrap: wrap; gap: 0 20px;}
.prd_detail_area .prd_detail_box > .list > li {width: 100%; margin: 80px 0 0;}
.prd_detail_area .prd_detail_box > .list > li:first-child {margin: 0;}
.prd_detail_area .prd_detail_box > .list > li.w50 {width: calc(50% - 10px);}
.prd_detail_area .prd_detail_box > .list > li .box {}
.prd_detail_area .prd_detail_box > .list > li .box .img_list {display: flex; flex-wrap: wrap; gap: 30px 20px;}
.prd_detail_area .prd_detail_box > .list > li .box .img_list li {width: calc(50% - 10px);}
.prd_detail_area .prd_detail_box > .list > li .box .img_list li .img_box {}
.prd_detail_area .prd_detail_box > .list > li .box .img_list li .img_box img {}
.prd_detail_area .prd_detail_box > .list > li .box .img_list li .img_box .text {margin: 10px 0 0; font-family: "Play"; font-weight: 400; font-size:  20px; line-height: 24px; color: #222222; text-align: center;}
.prd_detail_area .prd_detail_box > .list > li .box .prd_title {margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #111111;}
.prd_detail_area .prd_detail_box > .list > li .box .prd_title .title {font-weight: 700; font-size: 30px; line-height: 34px; color: #36704b;}
.prd_detail_area .prd_detail_box > .list > li .box .text_box {margin: 10px 0 0;}
.prd_detail_area .prd_detail_box > .list > li .box .text_box .text {font-weight: 500; font-size: 17px; line-height: 24px; color: #888888;}
.prd_detail_area .prd_detail_box > .list > li .box .gray_box {}
.prd_detail_area .prd_detail_box > .list > li .box .gray_box img {}
.prd_detail_area .prd_detail_box > .list > li .box .text_box .text_list {}
.prd_detail_area .prd_detail_box > .list > li .box .text_box .text_list li {margin: 8px 0 0;}
.prd_detail_area .prd_detail_box > .list > li .box .text_box .text_list li:first-child {margin: 0;}
.prd_detail_area .prd_detail_box > .list > li .box .text_box .text_list li .txt {position: relative; padding: 0 0 0 15px; font-weight: 500; font-size: 17px; line-height: 24px; color: #888888;}
.prd_detail_area .prd_detail_box > .list > li .box .text_box .text_list li .txt:before {display: block; content: ""; position: absolute; left: 0; top: 4px; width: 6px; height: 6px; border-radius: 50%; background-color: #36704b;}
.prd_detail_area .prd_detail_box > .list > li .box .com_table_area {font-family: "Play";}


.com_table_area .table_title {margin: 0 0 10px; font-family: "Play"; font-weight: 700; font-size: 25px; line-height: 30px; color: #222222;}
.com_table_area .table_title.sty2 {font-family: "HD"; font-weight: 500; font-size: 20px; line-height: 24px;}







@media screen and (max-width: 1760px) {
	.sub_top_area {padding: 0 10px;}
	.sub_top_area.bg07 {padding: 0;}

}

@media screen and (max-width: 1600px) {
	.sub_top_area .sub_top_inner {padding: 30px 10px;}
}
@media screen and (max-width: 1410px) {
	.history_area .history_inner .text_box {padding: 0 10px;}
	.sub_top_area .sub_top_inner .sub_top_box .container {padding: 0;}
}

@media screen and (max-width: 1400px) {
	.sub_top_area .sub_top_inner {height: 350px; margin: 80px auto 0; padding: 30px 10px;}
	.sub_top_area.bg07 .sub_top_inner {height: 500px;}
	.sub_top_area .sub_top_inner .sub_top_box .title_box .sub_title {font-size: 18px; line-height: 26px;}
	.sub_top_area .sub_top_inner .sub_top_box .title_box .title {margin: 10px 0 0; font-size: 40px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .sub_title {font-size: 16px; line-height: 24px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .title {font-size: 50px; line-height: 1;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .title .ft_en {font-size: 55px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .text {margin: 20px 0 0; font-size: 18px; line-height: 24px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list {margin: 40px auto 0;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list li .box {padding: 0 20px; min-height: 80px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list li .box .text {font-size: 16px; line-height: 22px;}

	.contents {padding: 80px 0;}

	
	.com_title_area {margin: 0 0 30px;}
	.com_title_area .title {font-size: 40px; line-height: 50px;}
	.com_title_area .text {font-size: 16px; line-height: 24px;}

	.com_tab_menu {margin: 0 0 60px;}
	.com_tab_menu .list li .btn {width: 160px; height: 40px;}
	.com_tab_menu .list li .btn .text {font-size: 16px; line-height: 18px;}
	.com_tab_menu.product .list li .btn {width: 220px;}

	.award_area .list {gap: 30px 15px;}
	.award_area .list li {width: calc(25% - 11.25px);}
	.award_area .list li .box .img_box {padding: 10px 20px;}
	.award_area .list li .box .text_box {margin: 10px 0 0;}
	.award_area .list li .box .text_box .text {font-size: 16px; line-height: 24px;}

	.sch_area {max-width: 350px; margin: 0 0 40px auto;}
	.sch_area .sch_inner .select_box select {line-height: 40px;}
	.sch_area .sch_inner .input_box input {padding: 0 10px; line-height: 40px;}

	.catalog_area .list {gap: 30px 15px;}
	.catalog_area .list li {width: calc(25% - 11.25px);}
	.catalog_area .list li .box .box_inner {padding: 30px;}
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {width: 50px; height: 50px;}
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .text {margin: 10px 0 0; font-size: 16px; line-height: 20px;}
	.catalog_area .list li .box .text_box {margin: 6px 0 0;}
	.catalog_area .list li .box .text_box .text {font-size: 16px; line-height: 24px;}

	.news_area .list {gap: 30px 15px;}
	.news_area .list li {width: calc(25% - 11.25px);}
	.news_area .list li .box .text_box {padding: 20px;}
	.news_area .list li.only_text .box .text_box {padding: 20px;}
	.news_area .list li .box .text_box .menu {font-size: 14px; line-height: 20px;}
	.news_area .list li .box .text_box .title {height: 48px; margin: 5px 0 0; font-size: 18px; line-height: 24px;}
	.news_area .list li .box .text_box .text {margin: 10px 0 0; font-size: 14px; line-height: 20px;}
	.news_area .list li .box .text_box .date {margin: 10px 0 0; font-size: 12px; line-height: 18px;}

	.board_view .board_top > .title {font-size: 24px; line-height: 30px;}
	.board_view .board_top .info_list .list {column-gap: 15px;}
	.board_view .board_cont {padding: 40px;}
	.board_view .post_nav .list li {padding: 12px 0;}
	.board_view .post_nav .list li .item_wrapper .tit {width: 110px; padding: 0 10px;}
	.board_view .post_nav .list li .item_wrapper .tit .icon {font-size: 14px; line-height: 20px;}
	.board_view .post_nav .list li .item_wrapper .post {padding: 0 10px; font-size: 14px; line-height: 20px;}
	.board_view .post_nav .list li .item_wrapper .post a {height: 20px;}
	
	.inq_area .inq_top > .list {column-gap: 15px;}
	.inq_area .inq_top > .list > li .box {padding: 20px;}
	.inq_area .inq_top > .list > li .box .title_area .title {font-size: 24px; line-height: 28px;}
	.inq_area .inq_top > .list > li .box .info_box {margin: 10px 0 0;}
	.inq_area .inq_top > .list > li .box .info_box > .list > li .text {font-size: 16px; line-height: 20px;}
	.inq_area .inq_btm .list {gap: 10px;}
	.inq_area .inq_btm .list li .box select {padding: 15px; background-position: right 10px center; font-size: 14px; line-height: 20px;}
	.inq_area .inq_btm .list li .box input {padding: 15px; font-size: 14px; line-height: 20px;}
	.inq_area .inq_btm .list li .box textarea {height: 190px; padding: 15px; font-size: 14px; line-height: 20px;}
	.inq_area .inq_btm .check_area {margin: 10px 0 0;}


	.recurit_area .recurit_top {height: 240px; padding: 0 30px; background-size: 250px auto;}
	.recurit_area .recurit_top .text_box {background-size: 530px auto;}
	.recurit_area .recurit_top .text_box .title {font-size: 45px; line-height: 50px;}
	.recurit_area .recurit_top .text_box .text {margin: 10px 0 0; font-size: 18px; line-height: 24px;}
	.recurit_area .recurit_mid {padding: 40px;}
	.recurit_area .recurit_mid > .list > li > .box .title_area {margin: 0 0 15px;}
	.recurit_area .recurit_mid > .list > li > .box .title_area .title {font-size: 24px; line-height: 30px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box {padding: 0;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list {gap: 0 20px; justify-content: center;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li {width: 185px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li:nth-child(even) {width: 40px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box {height: 185px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .icon img {width: 60px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .text {margin: 6px 0 0; font-size: 18px; line-height: 24px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area > .list > li > .text {padding: 0 0 0 12px; font-size: 16px; line-height: 20px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area > .list > li > .text:before {top: 5px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .info_box {padding: 0 0 0 12px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list {gap: 0 20px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list li .text {padding: 0 0 0 24px; font-size: 16px; line-height: 20px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area {margin: 10px 0 0;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list {gap: 10px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li {width: calc(33.3333% - 6.6666px);}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li:last-child {width: calc(86.4% - 8.3333px);}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .input_box input {padding: 0 10px; font-size: 16px; line-height: 48px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area {gap: 0 10px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box {padding: 0 100px 0 0;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box label {width: 100px; font-size: 16px; line-height: 50px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box .inp_file {padding: 0 10px; font-size: 16px; line-height: 48px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .text {font-size: 16px; line-height: 20px;}
	.recurit_area .recurit_btm {padding: 0 40px 40px;}
	.recurit_area .recurit_btm .com_text {font-size: 18px; line-height: 26px;}

	.map_wrap .map_area .map_btm {margin: 30px 0 0;}
	.map_wrap .map_area .map_btm .info_box {gap: 0 20px;}
	.map_wrap .map_area .map_btm .info_box .text_box .title {font-size: 30px; line-height: 34px;}
	.map_wrap .map_area .map_btm .info_box .text_box .info_list {margin: 20px 0 0;}
	.map_wrap .map_area .map_btm .info_box .text_box .info_list li {margin: 10px 0 0;}
	.map_wrap .map_area .map_btm .info_box .text_box .info_list li .text {padding: 0 0 0 25px; font-size: 16px; line-height: 22px;}
	.map_wrap .map_area .map_btm .map_btn {width: 200px; font-size: 18px; line-height: 42px;}
	.map_wrap .process_area .title_box {margin: 0 0 20px; font-size: 30px; line-height: 34px;}
	.map_wrap .process_area .list {gap: 20px;}
	.map_wrap .process_area .list li {width: calc(25% - 15px);}
	.map_wrap .process_area .list li .box .text {margin: 6px 0 0; font-size: 16px; line-height: 20px;}
	.map_wrap .text_list .title_box {font-size: 20px; line-height: 24px;}
	.map_wrap .text_list .list li {margin: 6px 0 0;}
	.map_wrap .text_list .list li .text {padding: 0 0 0 12px; font-size: 16px; line-height: 22px;}

	.prd_area .list {gap: 30px;}
	.prd_area .list li {width: calc(33.3333% - 20px);}
	.prd_area .list li .box .box_inner .hover_box .plus_btn {width: 50px; height: 50px;}
	.prd_area .list li .box .text {margin: 10px 0 0; font-size: 18px; line-height: 24px;}


	.prd_view_area .prd_top .info_wrap {padding: 0 0 0 20px;}
	.prd_view_area .prd_top .info_wrap .info_box > .list > li {margin: 30px 0 0;}
	.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .title_box {margin: 0 0 10px;}
	.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .title_box .title {font-size: 24px; line-height: 30px;}
	.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list li {margin: 6px 0 0;}
	.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list li .text {padding: 0 0 0 10px; font-size: 16px; line-height: 22px;}

	.com_table_area .table_box table thead tr th {padding: 8px 5px; font-size: 16px; line-height: 22px;}
	.com_table_area .table_box table tbody tr td {padding: 8px 5px; font-size: 16px; line-height: 22px;}

	.com_text_list .list li {margin: 6px 0 0;}
	.com_text_list .list li .text {padding: 0 0 0 10px; font-size: 16px; line-height: 22px;}

	.sub_title_area {margin: 0 0 15px;}
	.sub_title_area .title {font-size: 28px; line-height: 30px;}
	.sub_title_area .title2 {font-size: 24px; line-height: 26px;}

	.greeting_area .text_box {padding: 0 10px 0 0;}
	.greeting_area .text_box .text .title {font-size: 26px; line-height: 26px;}
	.greeting_area .text_box .text {font-size: 16px; line-height: 26px;}
	.greeting_area .img_box img.pc {width: 700px;}


	.vision_area .vision_box .list {gap: 0 20px;}
	.vision_area .vision_box .list li:nth-child(2), .vision_area .vision_box .list li:nth-child(3) {padding: 80px 0 0;}
	.vision_area .vision_box .list li .box .box_inner {padding: 30px 0 50px;}
	.vision_area .vision_box .list li .box .box_inner .en {font-size: 18px; line-height: 24px;}
	.vision_area .vision_box .list li .box .box_inner .text_box .title {font-size: 34px;}
	.vision_area .vision_box .title_box {height: 150px;}
	.vision_area .vision_box .title_box .title {font-size: 30px;}
	.vision_area .vision_box .title_box:before {background-size: contain;}

	.history_area .history_inner .history_bg {height: 400px;}
	.history_area .history_inner .text_box {margin: -300px auto 0;}
	.history_area .history_inner .text_box .inner {width: 350px; height: 400px; padding: 40px 20px; background-size: 240px auto;}
	.history_area .history_inner .text_box .inner .text_top .company img {width: 110px;}
	.history_area .history_inner .text_box .inner .text_top .title {margin: 20px 0 0; font-size: 40px; line-height: 44px;}
	.history_area .history_inner .text_box .inner .info_list .year_item_list {column-gap: 10px;}
	.history_area .history_inner .text_box .inner .info_list .year_item_list li .year_item {font-size: 18px; line-height: 24px;}
	.history_area .history_box .group .group_box::before {height: 100%;}
	.history_area .history_box .group .group_box .year_list_box .month_box .year_box {font-size: 40px;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box {padding-left: 40px;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box .year_box {padding-right: 40px;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .year_box {padding-left: 40px;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box {padding-right: 40px;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box .month_list .item {padding-left: 60px;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item {padding-right: 60px;}
	.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box {gap: 10px;}
	.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box .text_box .text {font-size: 16px;}

	.incendi_area > .list > li {margin: 100px 0 0;}
	.incendi_area > .list > li .box .info_area .info_box .title {font-size: 30px; line-height: 40px;}
	.incendi_area > .list > li .box .info_area .info_box {padding: 0 0 0 30px;}
	.incendi_area > .list > li .box .info_area .info_box .img_list {margin: 20px 0 0;}
	.incendi_area > .list > li .box .info_area .info_box .img_list .list li .box .text {font-size: 14px; line-height: 20px;}
	
	.incendi_area > .list > li .box .icon_area .list {gap: 0 15px;}
	.incendi_area > .list > li .box .icon_area .list li .icon_box {width: 135px; height: 135px;}
	.incendi_area > .list > li .box .icon_area .list li .icon_box img {width: 80px;}
	.incendi_area > .list > li .box .icon_area .list li .text {margin: 10px 0 0; font-size: 16px; line-height: 20px;}

	.incendi_area > .list > li .box .product_area .left_box {padding: 0 20px 0 0;}
	.incendi_area > .list > li .box .product_area .left_box .gray_box {height: calc(100% - 41px);}
	.incendi_area > .list > li .box .product_area .right_box .row_table_area .table_box table tbody tr th {padding: 12px 5px; font-size: 16px; line-height: 20px;}
	.incendi_area > .list > li .box .product_area .right_box .row_table_area .table_box table tbody tr td {padding: 12px 15px; font-size: 16px; line-height: 20px;}
	
	.incendi_area > .list > li .box .text_area .text_list .list li .text {padding: 0 0 0 12px; font-size: 16px; line-height: 22px;}
	.incendi_area > .list > li .box .text_area .text_list .list li .text:before {top: 7px;}

	.prd_detail_area .title_area {margin: 0 0 20px;}
	.prd_detail_area .title_area .title {font-size: 36px; line-height: 40px;} 
	.prd_detail_area .prd_detail_box > .list {gap: 0 10px;}
	.prd_detail_area .prd_detail_box > .list > li {width: 100%; margin: 60px 0 0;}
	.prd_detail_area .prd_detail_box > .list > li.w50 {width: calc(50% - 5px);}
	.prd_detail_area .prd_detail_box > .list > li .box .img_list {gap: 20px 10px;}
	.prd_detail_area .prd_detail_box > .list > li .box .img_list li {width: calc(50% - 5px);}
	.prd_detail_area .prd_detail_box > .list > li .box .img_list li .img_box .text {font-size: 18px; line-height: 22px;}
	.prd_detail_area .prd_detail_box > .list > li .box .prd_title {margin: 0 0 10px;}
	.prd_detail_area .prd_detail_box > .list > li .box .prd_title .title {font-size: 24px; line-height: 30px;}
	.prd_detail_area .prd_detail_box > .list > li .box .text_box {margin: 6px 0 0;}
	.prd_detail_area .prd_detail_box > .list > li .box .text_box .text {font-weight: 500; font-size: 16px; line-height: 22px;}
	.prd_detail_area .prd_detail_box > .list > li .box .text_box .text_list li {margin: 6px 0 0;}
	.prd_detail_area .prd_detail_box > .list > li .box .text_box .text_list li .txt {font-size: 16px; line-height: 22px;}


	.com_table_area .table_title {font-size: 20px; line-height: 24px;}
	.com_table_area .table_title.sty2 {font-size: 18px; line-height: 20px;}









}

@media screen and (max-width: 1080px) {
	.sub_top_area .sub_top_inner {height: 250px; margin: 44px auto 0; padding: 20px 10px; border-radius: 20px;}
	.sub_top_area.bg07 .sub_top_inner {height: 360px;}
	.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li {margin: 0 5px 0 0; padding: 0 12px 0 0;}
	.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li.home .txt {width: 15px; height: 15px; background-size: cover;}
	.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li:before {font-size: 14px; line-height: 16px;}
	.sub_top_area .sub_top_inner .sub_top_box .breadcrumb .list li .txt {font-size: 14px; line-height: 16px;}
	.sub_top_area .sub_top_inner .sub_top_box .title_box .sub_title {font-size: 16px; line-height: 20px;}
	.sub_top_area .sub_top_inner .sub_top_box .title_box .title {margin: 6px 0 0; font-size: 30px;}
	
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .sub_title {font-size: 14px; line-height: 20px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .title {font-size: 34px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .title .ft_en {font-size: 40px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .text {margin: 10px 0 0; font-size: 16px; line-height: 20px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list {margin: 20px auto 0;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list {column-gap: 10px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list li .box {padding: 0 10px; min-height: 60px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list li .box .text {background-size: 26px auto; font-size: 14px; line-height: 20px;}

	.contents {padding: 60px 0;}

	.com_title_area {margin: 0 0 20px;}
	.com_title_area .title {font-size: 30px; line-height: 40px;}
	.com_title_area .text {margin: 6px 0 0; font-size: 14px; line-height: 20px;}

	.com_tab_menu {margin: 0 0 40px;}
	.com_tab_menu .list {gap: 5px;}
	.com_tab_menu .list li .btn {width: 140px; height: 34px;}
	.com_tab_menu .list li .btn .text {font-size: 14px; line-height: 16px;}
	.com_tab_menu.product .list li .btn {width: 180px; padding: 0 5px;}

	.award_area .list {gap: 20px 10px;}
	.award_area .list li {width: calc(33.3333% - 6.6666px);}
	.award_area .list li .box .img_box {padding: 10px;}
	.award_area .list li .box .text_box {margin: 6px 0 0;}
	.award_area .list li .box .text_box .text {font-size: 14px; line-height: 20px;}
	
	.sch_area {max-width: 300px; margin: 0 0 20px auto;}
	.sch_area .sch_inner .select_box select {font-size: 14px; line-height: 34px;}
	.sch_area .sch_inner .input_box input {font-size: 14px; line-height: 34px;}

	.catalog_area .list {gap: 20px 10px;}
	.catalog_area .list li {width: calc(33.3333% - 6.6666px);}
	.catalog_area .list li .box .box_inner {padding: 20px;}
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {width: 40px; height: 40px;}
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .text {margin: 6px 0 0; font-size: 14px; line-height: 18px;}
	.catalog_area .list li .box .text_box .text {font-size: 14px; line-height: 20px;}
	
	.news_area .list {gap: 20px 10px;}
	.news_area .list li {width: calc(33.3333% - 6.6666px);}
	.news_area .list li .box .text_box {padding: 10px;}
	.news_area .list li.only_text .box .text_box {padding: 15px;}
	.news_area .list li .box .text_box .menu {font-size: 12px; line-height: 18px;}
	.news_area .list li .box .text_box .title {height: 40px; font-size: 16px; line-height: 20px;}


	.board_view .board_top > .title {font-size: 20px; line-height: 24px;}
	.board_view .board_top .info_list {margin: 10px 0 0;}
	.board_view .board_cont {padding: 20px;}
	.board_view .post_nav {margin: 20px 0 0;}
	.board_view .post_nav .list li {padding: 8px 0;}
	.board_view .post_nav .list li .item_wrapper .tit {width: 90px;}


	.inq_area .inq_top > .list {gap: 10px;}
	.inq_area .inq_top > .list > li {width: calc(50% - 5px);}
	.inq_area .inq_top > .list > li .box {padding: 15px;}
	.inq_area .inq_top > .list > li .box .title_area .title {font-size: 18px; line-height: 24px;}
	.inq_area .inq_top > .list > li .box .info_box {margin: 6px 0 0;}
	.inq_area .inq_top > .list > li .box .info_box > .list > li {margin: 3px 0 0;}
	.inq_area .inq_top > .list > li .box .info_box > .list > li .text {padding: 0 0 0 20px; background-size: auto 16px; font-size: 14px; line-height: 18px;}
	.inq_area .inq_btm {margin: 10px 0 0;}
	.inq_area .inq_btm .list {gap: 5px;}
	.inq_area .inq_btm .list li {width: calc(50% - 2.5px);}
	.inq_area .inq_btm .list li .box select {padding: 10px; background-size: 12px auto;}
	.inq_area .inq_btm .list li .box input {padding: 10px;}
	.inq_area .inq_btm .list li .box textarea {height: 120px; padding: 10px;}
	.inq_area .inq_btm .check_area .chk_inner {padding: 0 0 0 22px;}
	.inq_area .inq_btm .check_area .policy_btn {width: 60px; font-size: 12px; line-height: 22px;}
	.inq_area .inq_btm .check_area .chk_inner label {font-size: 14px;}

	.recurit_area .recurit_top {height: 180px; padding: 0 20px; background-size: 120px auto;}
	.recurit_area .recurit_top .text_box {background-size: 400px auto;}
	.recurit_area .recurit_top .text_box .title {font-size: 34px; line-height: 40px;}
	.recurit_area .recurit_top .text_box .text {margin: 6px 0 0; font-size: 16px; line-height: 20px;}
	.recurit_area .recurit_mid {padding: 20px;}
	.recurit_area .recurit_mid > .list > li {margin: 30px 0 0;}
	.recurit_area .recurit_mid > .list > li > .box .title_area {margin: 0 0 10px;}
	.recurit_area .recurit_mid > .list > li > .box .title_area .title {font-size: 20px; line-height: 24px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list {gap: 0 10px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li {width: 140px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li:nth-child(even) {width: 30px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box {height: 140px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .icon img {width: 46px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .text {font-size: 16px; line-height: 20px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area > .list > li {margin: 5px 0 0;}
	.recurit_area .recurit_mid > .list > li > .box .text_area > .list > li > .text {padding: 0 0 0 7px; font-size: 14px; line-height: 18px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area > .list > li > .text:before {width: 4px; height: 4px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .info_box {margin: 6px 0 0; padding: 0 0 0 7px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list {gap: 0 10px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list li .text {padding: 0 0 0 18px; background-size: auto 16px; font-size: 14px; line-height: 18px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area {margin: 6px 0 0;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .input_box input {font-size: 14px; line-height: 38px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box {padding: 0 80px 0 0;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box label {width: 80px; font-size: 14px; line-height: 40px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box .inp_file {font-size: 14px; line-height: 38px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .text {font-size: 14px; line-height: 18px;}
	.recurit_area .recurit_btm {padding: 0 20px 20px;}
	.recurit_area .recurit_btm .com_text {font-size: 16px; line-height: 24px;}

	.map_wrap .map_area .map_top .name {padding: 10px 15px; font-size: 16px;}
	.map_wrap .map_area .map_btm {margin: 20px 0 0;}
	.map_wrap .map_area .map_btm .info_box {gap: 0 10px;}
	.map_wrap .map_area .map_btm .info_box .img_box img {width: 300px;}
	.map_wrap .map_area .map_btm .info_box .text_box .title {font-size: 24px; line-height: 30px;}
	.map_wrap .map_area .map_btm .info_box .text_box .info_list {margin: 10px 0 0;}
	.map_wrap .map_area .map_btm .info_box .text_box .info_list li {margin: 6px 0 0;}
	.map_wrap .map_area .map_btm .info_box .text_box .info_list li .text {padding: 0 0 0 20px; background-size: 16px auto; font-size: 14px; line-height: 20px;}
	.map_wrap .map_area .map_btm .map_btn {width: 160px; font-size: 16px; line-height: 32px;}
	.map_wrap .process_area .title_box {margin: 0 0 10px; font-size: 24px; line-height: 30px;}
	.map_wrap .process_area .list {gap: 10px;}
	.map_wrap .process_area .list li {width: calc(33.3333% - 6.6666px);}
	.map_wrap .process_area .list li .box .text {font-size: 14px; line-height: 18px;}
	.map_wrap .text_list .title_box {font-size: 18px; line-height: 20px;}
	.map_wrap .text_list .list li .text {padding: 0 0 0 8px; font-size: 14px; line-height: 20px;}
	.map_wrap .text_list .list li .text:before {width: 4px; height: 4px;}

	.prd_area .list {gap: 10px;}
	.prd_area .list li {width: calc(33.3333% - 6.6666px);}
	.prd_area .list li .box .box_inner {border-radius: 20px;}
	.prd_area .list li .box .box_inner .img_box .img_inner {border-radius: 20px;}
	.prd_area .list li .box .box_inner .hover_box .plus_btn {width: 40px; height: 40px;}
	.prd_area .list li .box .box_inner .hover_box .plus_btn img {width: 22px;}
	.prd_area .list li .box .text {font-size: 16px; line-height: 22px;}

	.prd_view_area .prd_top .img_wrap {width: 50%;}
	.prd_view_area .prd_top .info_wrap {width: 50%; padding: 0 0 0 10px;}
	.prd_view_area .prd_top .info_wrap .info_box > .list > li {margin: 20px 0 0;}
	.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .title_box {margin: 0 0 6px; padding: 0 0 6px;}
	.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .title_box .title {font-size: 20px; line-height: 24px;}
	.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list li .text {padding: 0 0 0 8px; font-size: 14px; line-height: 20px;}
	.prd_view_area .prd_top .info_wrap .info_box > .list > li .box .text_list .list li .text:before {width: 4px; height: 4px;}

	.com_table_area .table_box table thead tr th {padding: 5px; font-size: 14px; line-height: 20px;}
	.com_table_area .table_box table tbody tr td {padding: 5px; font-size: 14px; line-height: 20px;}

	.com_text_list .list li .text {padding: 0 0 0 8px; font-size: 14px; line-height: 20px;}
	.com_text_list .list li .text:before {width: 4px; height: 4px;}

	.sub_title_area {margin: 0 0 10px;}
	.sub_title_area .title {font-size: 24px; line-height: 26px;}
	.sub_title_area .title2 {font-size: 20px; line-height: 22px;}

	.greeting_area {flex-direction: column; gap: 10px;}
	.greeting_area .text_box {width: 100%; order: 2;}
	.greeting_area .text_box .text {font-size: 14px; line-height: 24px;}
	.greeting_area .text_box .text .title {font-size: 24px; line-height: 24px;}
	.greeting_area .img_box {order: 1; margin: 0;}
	.greeting_area .img_box img.pc {display: none;}
	.greeting_area .img_box img.mob {display: block;}



	.vision_area .vision_box .list {gap: 0 10px;}
	.vision_area .vision_box .list li:nth-child(2), .vision_area .vision_box .list li:nth-child(3) {padding: 50px 0 0;}
	.vision_area .vision_box .list li .box {border-radius: 0;}
	.vision_area .vision_box .list li .box .box_inner {padding: 20px 5px;}
	.vision_area .vision_box .list li .box .box_inner .en {font-size: 16px; line-height: 20px;}
	.vision_area .vision_box .list li .box .box_inner .text_box .title {font-size: 24px;}
	.vision_area .vision_box .list li .box .box_inner .text_box .text {margin: 6px 0 0; font-size: 14px; line-height: 20px;}
	.vision_area .vision_box .title_box {height: 137px;}
	.vision_area .vision_box .title_box .title {font-size: 24px;}


	.history_area .history_inner .history_bg {height: 300px;}
	.history_area .history_inner .text_box {margin: -260px auto 0;}
	.history_area .history_inner .text_box .inner {width: 240px; height: 300px; padding: 20px 10px; background-size: 180px auto;}
	.history_area .history_inner .text_box .inner .text_top .company img {width: 90px;}
	.history_area .history_inner .text_box .inner .text_top .title {margin: 10px 0 0; font-size: 30px; line-height: 34px;}
	.history_area .history_inner .text_box .inner .info_list .year_item_list {gap: 5px; flex-direction: column;}
	.history_area .history_inner .text_box .inner .info_list .year_item_list li .year_item {font-size: 16px; line-height: 20px;}
	.history_area .history_box .group .group_box {padding-bottom: 30px;}
	.history_area .history_box .group .group_box .year_list_box .month_box .year_box {font-size: 30px;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box {padding-left: 20px;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box .year_box {padding-right: 20px;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .year_box {padding-left: 20px;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box {padding-right: 20px;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box .month_list .month_list .item {padding-left: 50px;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .month_list .item {padding-right: 50px;}
	.history_area .history_box .group .group_box .year_list_box .month_box::before {border: 6px solid #fff;}
	.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .year {font-size: 18px; line-height: 20px;}
	.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box .month {padding: 0 0 0 10px; font-size: 18px; line-height: 20px;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item .box .info_box .month {padding: 0 10px 0 0;}
	.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item {margin-bottom: 10px;}
	.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box .text_box .text {font-size: 14px; line-height: 20px;}
	.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .info_box + .info_box {margin: 10px 0 0;}

	.incendi_area > .list > li {margin: 60px 0 0;}
	.incendi_area > .list > li .box .info_area .info_box .title {font-size: 24px; line-height: 30px;}
	.incendi_area > .list > li .box .info_area .info_box {padding: 0 0 0 20px;}
	.incendi_area > .list > li .box .info_area .info_box .img_list {margin: 10px 0 0;}
	.incendi_area > .list > li .box .info_area .info_box .img_list .list {gap: 5px 10px;}
	.incendi_area > .list > li .box .info_area .info_box .img_list .list li {width: calc(33.3333% - 6.6666px);}


	.incendi_area > .list > li .box .info_area .info_box .img_list .list li .box .text {font-size: 12px; line-height: 14px;}
	.incendi_area > .list > li .box .icon_area .list {gap: 10px; flex-wrap: wrap;}
	.incendi_area > .list > li .box .icon_area .list li {width: calc(25% - 7.5px);}
	.incendi_area > .list > li .box .icon_area .list li .text {margin: 6px 0 0; font-size: 14px; line-height: 18px;}

	.incendi_area > .list > li .box .product_area .left_box {padding: 0 10px 0 0;}
	.incendi_area > .list > li .box .product_area .left_box .gray_box {height: calc(100% - 33px);}
	.incendi_area > .list > li .box .product_area .right_box .row_table_area .table_box table tbody tr th {padding: 8px 5px; font-size: 14px; line-height: 18px;}
	.incendi_area > .list > li .box .product_area .right_box .row_table_area .table_box table tbody tr td {padding: 8px 15px; font-size: 14px; line-height: 18px;}
	
	.incendi_area > .list > li .box .text_area .text_list .list li {margin: 6px 0 0;}
	.incendi_area > .list > li .box .text_area .text_list .list li .text {padding: 0 0 0 8px; font-size: 14px; line-height: 20px;}
	.incendi_area > .list > li .box .text_area .text_list .list li .text:before {top: 7px; width: 4px; height: 4px;}



	.prd_detail_area .title_area {margin: 0 0 10px;}
	.prd_detail_area .title_area .title {font-size: 30px; line-height: 34px;} 
	.prd_detail_area .prd_detail_box > .list > li {margin: 40px 0 0;}
	.prd_detail_area .prd_detail_box > .list > li .box .img_list {gap: 10px;}
	.prd_detail_area .prd_detail_box > .list > li .box .img_list li .img_box .text {margin: 6px 0 0; font-size: 16px; line-height: 20px;}
	.prd_detail_area .prd_detail_box > .list > li .box .prd_title {margin: 0 0 10px; padding: 0 0 6px;}
	.prd_detail_area .prd_detail_box > .list > li .box .prd_title .title {font-size: 20px; line-height: 24px;}
	.prd_detail_area .prd_detail_box > .list > li .box .text_box .text {font-size: 14px;}
	.prd_detail_area .prd_detail_box > .list > li .box .text_box .text_list li .txt {padding: 0 0 0 10px; font-size: 14px;}
	.prd_detail_area .prd_detail_box > .list > li .box .text_box .text_list li .txt:before {width: 4px; height: 4px;}


	.com_table_area .table_title {font-size: 18px}
	.com_table_area .table_title.sty2 {font-size: 16px;}


}


@media screen and (max-width: 767px) {

	.sub_top_area .sub_top_inner {height: 180px; padding: 10px; border-radius: 15px;}
	.sub_top_area.bg07 .sub_top_inner {height: auto; padding: 20px 10px;}
	.sub_top_area .sub_top_inner .sub_top_box .title_box .title {font-size: 24px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box {padding: 40px 0 0;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .title {font-size: 24px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .title .ft_en {font-size: 30px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .text_box .text {margin: 6px 0 0; font-size: 14px; line-height: 18px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list {margin: 10px auto 0; max-width: 240px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list {flex-direction: column; gap: 10px;}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list li .box {}
	.sub_top_area .sub_top_inner .sub_top_box .incendi_box .link_list .list li .box .text {background-size: 20px auto;}

	.contents {padding: 40px 0;}

	.com_title_area .title {font-size: 24px; line-height: 30px;}
	
	.com_tab_menu {margin: 0 0 20px;}
	.com_tab_menu .list {gap: 1px;}
	.com_tab_menu .list li {width: calc(25% - 0.75px);}
	.com_tab_menu .list li .btn {width: 100%; padding: 0 10px; border-radius: 0;}
	.com_tab_menu.product .list li {width: calc(50% - 0.5px);}
	.com_tab_menu.product .list li .btn {width: 100%;}
	
	.award_area .list {gap: 10px;}
	.award_area .list li {width: calc(50% - 5px);}
	
	.catalog_area .list {gap: 10px;}
	.catalog_area .list li {width: calc(50% - 5px);}
	.catalog_area .list li .box .box_inner {padding: 15px;}
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {width: 35px; height: 35px;}
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn img {width: 15px;}

	.news_area .list {gap: 20px 10px;}
	.news_area .list li {width: calc(50% - 5px);}
	.news_area .list li .box .text_box .text {margin: 6px 0 0;}

	.board_view .board_top {padding: 10px;}
	.board_view .board_top > .title {font-size: 18px;}
	.board_view .board_top .info_list .list {column-gap: 10px;}
	.board_view .board_cont {padding: 10px;}

	.inq_area .inq_top > .list {gap: 5px; flex-wrap: wrap;}
	.inq_area .inq_top > .list > li {width: calc(50% - 2.5px);}

	.recurit_area {border-radius: 23px;}
	.recurit_area .recurit_top {height: 160px; padding: 0 10px; border-radius: 20px; background-size: 60px auto; background-position: right top;}
	.recurit_area .recurit_top .text_box {align-content: start; padding: 10px 0; background-size: 260px auto; background-position: center bottom; text-align: center;}
	.recurit_area .recurit_top .text_box .title {font-size: 24px; line-height: 30px;}
	.recurit_area .recurit_top .text_box .text {font-size: 14px; line-height: 18px;}
	.recurit_area .recurit_mid {padding: 20px 10px;}
	.recurit_area .recurit_mid > .list > li {margin: 20px 0 0;}
	.recurit_area .recurit_mid > .list > li > .box .title_area .title {font-size: 18px; line-height: 20px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list {gap: 10px; flex-direction: column; align-items: center;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li {width: 100px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li:nth-child(even) {width: 24px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box {height: 100px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li:nth-child(even) .box {height: auto;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li:nth-child(even) {transform: rotate(90deg)}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .icon img {width: 40px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .text {font-size: 14px; line-height: 18px;}
	.recurit_area .recurit_mid > .list > li > .box .step_box .list li .box .arrow img {vertical-align: middle;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list {gap: 0 10px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list li .text {padding: 0 0 0 18px; background-size: auto 16px; font-size: 14px; line-height: 18px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list {gap: 5px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li {width: calc(50% - 2.5px);}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li:last-child {width: calc(50% - 2.5px);}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .input_box input {line-height: 32px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area {flex-direction: column; gap: 5px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box {padding: 0 60px 0 0;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box label {width: 60px; line-height: 34px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li .file_area .file_box .inp_file {line-height: 32px;}
	.recurit_area .recurit_btm {padding: 0 10px 20px;}
	.recurit_area .recurit_btm .com_text {font-size: 14px; line-height: 20px;}

	.map_wrap .map_area .map_top .name {padding: 6px 10px; font-size: 14px;}
	.map_wrap .map_area .map_btm {margin: 10px 0 0; flex-direction: column; gap: 10px;}
	.map_wrap .map_area .map_btm .info_box {flex-direction: column; width: 100%; gap: 10px;}
	.map_wrap .map_area .map_btm .info_box .img_box img {width: 100%;}
	.map_wrap .map_area .map_btm .info_box .text_box .title {font-size: 20px; line-height: 24px;}
	.map_wrap .map_area .map_btm .info_box .text_box .info_list {margin: 6px 0 0;}
	.map_wrap .map_area .map_btm .map_btn {width: 100%; font-size: 14px; line-height: 28px;}
	.map_wrap .process_area .title_box {font-size: 20px; line-height: 24px;}
	.map_wrap .process_area .list li {width: calc(50% - 5px);}
	.map_wrap .text_list .title_box {font-size: 16px; line-height: 18px;}

	.prd_area .list li {width: calc(50% - 5px);}
	.prd_area .list li .box .box_inner {border-radius: 10px;}
	.prd_area .list li .box .box_inner .img_box .img_inner {border-radius: 10px;}
	.prd_area .list li .box .box_inner .hover_box .plus_btn {width: 30px; height: 30px;}
	.prd_area .list li .box .box_inner .hover_box .plus_btn img {width: 16px;}
	.prd_area .list li .box .text {font-size: 14px; line-height: 20px;}

	.prd_view_area .prd_top {flex-direction: column; gap: 20px;}
	.prd_view_area .prd_top .img_wrap {width: 100%;}
	.prd_view_area .prd_top .info_wrap {width: 100%; padding: 0;}

	.com_table_area .table_box {overflow-x: scroll; padding: 20px 0 10px; background: url("/kor/images/sub/lr_arr_ico.png") 48% 0 no-repeat; animation: tblScrollAni 2s infinite; background-size: 30px}
	.com_table_area .table_box table {width: 767px;}

	@keyframes tblScrollAni {
		0% {
			background-position: 48% 0;
		}
		50% {
			background-position: 52% 0;
		}
		100% {
			background-position: 48% 0;
		}
	}

	.vision_area .vision_box {padding: 0;}
	.vision_area .vision_box .title_box {height: auto; position: inherit; left: inherit; top: inherit;}
	.vision_area .vision_box .title_box:before {display: none;}
	.vision_area .vision_box .title_box .title {font-size: 20px;}
	.vision_area .vision_box .list {flex-wrap: wrap; gap: 10px; margin: 10px 0 0;}
	.vision_area .vision_box .list li {width: calc(50% - 5px);}
	.vision_area .vision_box .list li:nth-child(2), .vision_area .vision_box .list li:nth-child(3) {padding: 0;}
	.vision_area .vision_box .list li .box .bg_box img {width: 100%;}
	.vision_area .vision_box .list li .box {border-radius: 40px;}
	.vision_area .vision_box .list li .box .box_inner .text_box .title {font-size: 20px;}


	.history_area .history_inner .history_bg {height: 200px;}
	.history_area .history_inner .text_box {margin: -140px auto 0;}
	.history_area .history_inner .text_box .inner {width: 200px; height: 240px; padding: 15px; background-size: 120px auto;}
	.history_area .history_inner .text_box .inner .text_top .company img {width: 70px;}
	.history_area .history_inner .text_box .inner .text_top .title {margin: 6px 0 0; font-size: 24px; line-height: 24px;}
	.history_area .history_inner .text_box .inner .info_list .year_item_list li .year_item {font-size: 14px; line-height: 18px;}
	
	
	.history_area .history_box .group .group_box::before {left: 0;}
	.history_area .history_box .group .group_box .year_list_box .month_box {width: 100%;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box {float: inherit; text-align: left;}
	.history_area .history_box .group .group_box .year_list_box .month_box .year_box {position: inherit; top: inherit; right: inherit; font-size: 24px; color: #36704b;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box .year_box {right: inherit; padding-right: 0; text-align: left;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .year_box {left: inherit; padding-left: 0;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box {float: inherit;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box {padding-right: 0; padding-left: 20px;}
	.history_area .history_box .group .group_box .year_list_box .month_box .month_list {margin: 10px 0 0;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .year {left: 0; right: inherit;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box .month_list .item {padding-left: 50px;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item {padding-right: 0; padding-left: 50px;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item .box .info_box {justify-content: start;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item .box .info_box .month {order: 1;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item .box .info_box .text_box {order: 2;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item .box .info_box .month {padding: 0 0 0 10px;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item .box .info_box .month::before {left: 0; right: inherit;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box::before, .history_area .history_box .group .group_box.left .month_box::after {left: 0}

	.incendi_area > .list > li {margin: 40px 0 0;}
	.incendi_area > .list > li .box .info_area {flex-direction: column; gap: 10px;}
	.incendi_area > .list > li .box .info_area .img_box {width: 100%;}
	.incendi_area > .list > li .box .info_area .info_box {width: 100%; padding: 0;}
	.incendi_area > .list > li .box .info_area .info_box .title {font-size: 20px; line-height: 24px;}
	.incendi_area > .list > li .box .info_area .info_box .img_list .list li .box .img img {width: 100%;}
	.incendi_area > .list > li .box .icon_area .list li .icon_box {width: 100px; height: 100px;}
	.incendi_area > .list > li .box .icon_area .list li .icon_box img {width: 60px;}
	.incendi_area > .list > li .box .product_area {flex-direction: column; gap: 10px;}
	.incendi_area > .list > li .box .product_area .left_box {width: 100%; padding: 0;}
	.incendi_area > .list > li .box .product_area .left_box .gray_box {height: auto;}
	.incendi_area > .list > li .box .product_area .right_box {width: 100%;}


	.prd_detail_area .title_area .title {font-size: 24px; line-height: 30px;}
	.prd_detail_area .prd_detail_box > .list > li {margin: 30px 0 0;}
	.prd_detail_area .prd_detail_box > .list > li.w50 {width: 100%;}



}


@media screen and (max-width: 480px) {
	.contents {padding: 20px 0 40px;}

	
	.com_tab_menu .list li {width: calc(50% - 0.5px);}

	.sch_area {max-width: 100%;}
	
	.news_area .list {gap: 10px;}
	.news_area .list li .box .text_box .text {-webkit-line-clamp: 4;}

	.inq_area .inq_btm .list li {width: 100%;}
	.inq_area .inq_btm .list li .box input {padding: 8px 10px;}
	.inq_area .inq_btm .list li .box select {padding: 8px 10px;}
	.inq_area .inq_btm .list li .box textarea {height: 100px; padding: 8px 10px;}

	.recurit_area .recurit_mid > .list > li > .box .text_area .info_box .list {flex-direction: column; gap: 5px;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li {width: 100%;}
	.recurit_area .recurit_mid > .list > li > .box .text_area .input_area .list li:last-child {width: 100%;}


	.map_wrap .map_area .map_top {padding: 0; height: 210px; border-radius: 15px;}
	.map_wrap .map_area .map_top .map {position: inherit; top: inherit; left: inherit;}
	.map_wrap .text_list .list {column-count: 1;}

	.vision_area .vision_box .list li {width: 100%;}
	.vision_area .vision_box .list li .box {height: 200px; border-radius: 20px;}
	.vision_area .vision_box .list li .box .box_inner {padding: 10px 5px;}

	.history_area .history_box .group .group_box .year_list_box .month_box .month_list .item .box .year {display: block; position: inherit; top: inherit; margin: 0 0 5px;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box .month_list .year {left: inherit;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .year {right: inherit;}
	.history_area .history_box .group .group_box.right .year_list_box .month_box .month_list .item {padding-left: 0;}
	.history_area .history_box .group .group_box.left .year_list_box .month_box .month_list .item {padding-left: 0;}
	
	
	.incendi_area > .list > li .box .info_area .info_box .img_list .list {gap: 5px;}
	.incendi_area > .list > li .box .info_area .info_box .img_list .list li {width: calc(33.3333% - 3.3333px);}
	.incendi_area > .list > li .box .info_area .info_box .img_list.w25 .list  {gap: 5px;}
	.incendi_area > .list > li .box .info_area .info_box .img_list.w25 .list li {width: calc(33.3333% - 3.3333px);}


	.incendi_area > .list > li .box .icon_area .list li {width: calc(33.333% -  6.6666px);}
	.incendi_area > .list > li .box .icon_area .list li .icon_box {width: 90px; height: 90px;}
	.incendi_area > .list > li .box .icon_area .list li .icon_box img {width: 50px;}

	.prd_detail_area .prd_detail_box > .list > li .box .img_list li {width: 100%;}

}