@charset "utf-8";


#sub_content {padding-top:125px;}

#sub_content .sub_title {margin-top:110px;}
#sub_content .sub_title ul {display:flex; margin-bottom:20px;}
#sub_content .sub_title ul li {font-size:1em; color:#666;}
#sub_content .sub_title ul li:after {content:'\f105'; font-size:1em; color:#666; font-weight:400; font-family:'Font Awesome 6 Pro'; margin:0 15px;}
#sub_content .sub_title ul li:last-child:after {display:none;}
#sub_content .sub_title ul li.home {text-transform:uppercase;}
#sub_content .sub_title ul li.home:before {content:'\f015'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-right:10px;}
#sub_content .sub_title h2 {font-size:3.125em; line-height:1.2em; font-weight:700;}

.edit_btn {position:absolute; left:-30px; top:-10px; z-index:10;}
.edit_btn:before {content:'\f044'; display:block; width:40px; line-height:40px; background:#fff; border-radius:50%; text-align:center; font-size:20px; color:#191919; font-weight:400; font-family:'Font Awesome 6 Pro'; box-shadow:0 0 8px rgba(0,0,0,0.1)}
.edit_btn.case2 {left:5px; top:5px;}

@media screen and (max-width:1024px){
    #sub_content {padding-top:50px;}

    #sub_content .sub_title {margin-top:10%;}
    #sub_content .sub_title ul {margin-bottom:10px;}
    #sub_content .sub_title ul li:after {margin:0 10px;}
    #sub_content .sub_title h2 {font-size:2.7em;}
}

@media screen and (max-width:767px){
    #sub_content .sub_title ul li:after {margin:0 5px;}
    #sub_content .sub_title ul li.home:before {margin-right:5px;}
    #sub_content .sub_title h2 {font-size:2.2em;}
}


.sch_word {color:#191919; background:none; padding:0; line-height:1.4em; margin:0;}


/* modal */
.modal_popup {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.8); position:fixed; left:0; top:0; z-index:500;}
.modal_inner {width:88%; max-width:600px; background:#fff; border-radius:15px; overflow:hidden;}
.modal_popup .title_box {padding:15px; border-bottom:1px solid #ddd;}
.modal_popup .title_box p {font-size:1.25em; font-weight:600;}
.modal_popup .cont_box {max-height:70vh; padding:15px; overflow-y:auto;}
.modal_popup .btn_box {width:100%;}
.modal_popup .btn_box {display:flex;}
.modal_popup .btn_box button {display:block; width:50%; height:50px; font-size:1em; font-weight:500; border-top:1px solid #ddd;}
.modal_popup .btn_box button.close {}
.modal_popup .btn_box button.complete {background:#191919; color:#fff; border-top-color:#191919;}

.modal_popup .form_box > div {margin-bottom:10px;}
.modal_popup .form_box > div:last-child {margin-bottom:0;}
.modal_popup .form_box > div input {display:block; width:100%; height:50px; border:1px solid #ddd; border-radius:0; font-size:1em; padding:0 15px;}
.modal_popup .form_box > div textarea {display:block; width:100%; height:250px; border:1px solid #ddd; border-radius:0; font-size:1em; padding:15px; resize:none;}


/* board */
.board_wrap {margin-top:50px; margin-bottom:100px;}
.board_top_wrap {display:flex; justify-content:space-between; align-items:center;}

@media screen and (max-width:1024px){
    .board_wrap {margin-top:5%; margin-bottom:10%;}
    .board_top_wrap {display:block;}
    .board_top_wrap > div {margin:5px 0;}
}

/* board - cate */
.board_cate_box ul {display:flex; flex-wrap:wrap;}
.board_cate_box ul li {margin:2px 15px 2px 0;}
.board_cate_box ul li:last-child {margin-right:0;}
.board_cate_box ul li a {display:block; border-radius:5px; font-size:1em; color:#a4a4a4; line-height:39px; padding:0 15px;}
.board_cate_box ul li.on a {background:#191919; color:#fff; font-weight:600;}

@media screen and (max-width:1024px){
    .board_cate_box ul li {margin-right:10px;}
    .board_cate_box ul li a {line-height:32px; padding:0 10px;}
}

@media screen and (max-width:767px){
    .board_cate_box ul li {margin-right:7px;}
    .board_cate_box ul li a {line-height:28px;}
}

/* board - total */
.board_total_box {margin:30px 0 20px;}
.board_total_box p {font-size:1em;}
.board_total_box p strong {font-weight:600;}

@media screen and (max-width:1024px){
    .board_total_box {margin:3% 0 2%;}
}

/* board - search */
.board_search_box {display:flex; justify-content:end;}
.board_search_box form {display:flex; justify-content:space-between; width:100%; max-width:380px; position:relative;}
.board_search_box .select_box {width:124px; position:relative;}
.board_search_box .select_box:after {content:'\f107'; font-size:0.875em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%); pointer-events:none;}
.board_search_box .select_box select {display:block; width:100%; height:49px; background:#fff; border:1px solid #ccc; border-radius:0; font-size:1em; color:#666; padding:0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board_search_box input[type="text"] {display:block; width:calc(100% - 129px); height:49px; border:1px solid #ccc; border-radius:0; font-size:1em; padding:0 40px 0 24px;}
.board_search_box input[type="text"]::placeholder {color:#ddd;}
.board_search_box input[type="text"]::-webkit-input-placeholder {color:#ddd;}
.board_search_box input[type="text"]:-ms-input-placeholder {color:#ddd;}
.board_search_box button {display:block; width:49px; height:49px; background:none; border:none; border-radius:0; font-size:1.125em; position:absolute; right:0; top:0;}

@media screen and (max-width:1024px){
    .board_search_box form {max-width:330px;}
    .board_search_box .select_box {width:110px;}
    .board_search_box .select_box:after {right:10px;}
    .board_search_box .select_box select {height:40px; padding:0 10px;}
    .board_search_box input[type="text"] {width:calc(100% - 115px); height:40px; padding:0 40px 0 10px;}
    .board_search_box button {width:40px; height:40px;}
}

@media screen and (max-width:767px){
    .board_search_box form {max-width:250px;}
    .board_search_box .select_box {width:80px;}
    .board_search_box .select_box select {height:32px; padding:0 10px;}
    .board_search_box input[type="text"] {width:calc(100% - 83px); height:32px; padding-right:35px;}
    .board_search_box button {width:32px; height:32px; font-size:1em;}
}


/* board - paging */
.board_paging_box {display:flex; justify-content:center; align-items:center; width:100%; margin-top:50px;}
.board_paging_box > a {display:flex; justify-content:center; align-items:center; width:34px; height:34px; border:1px solid #ccc; border-radius:50%; font-size:0.875em; text-align:center; transition:all 0.4s; transition-property:background, border, color; margin:0 2.5px;}
.board_paging_box > a:before {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.board_paging_box > a:hover {background:#191919; border-color:#191919; color:#fff;}
.board_paging_box > a.start_btn:before {content:'\f100'}
.board_paging_box > a.prev_btn:before {content:'\f104'}
.board_paging_box > a.next_btn:before {content:'\f105'}
.board_paging_box > a.end_btn:before {content:'\f101'}
.board_paging_box ul {display:flex; margin:0 10px;}
.board_paging_box ul li {margin:0 10px;}
.board_paging_box ul li a {display:block; font-size:1em; color:#666;}
.board_paging_box ul li.on a {color:#191919; font-weight:600;}

@media screen and (max-width:1024px){
    .board_paging_box {margin-top:7%;}
}

@media screen and (max-width:767px){
    .board_paging_box > a {width:30px; height:30px;}
    .board_paging_box ul li {margin:0 7px;}
}


/* board - list */
.board_list_box1 {width:100%; border-top:2px solid #191919;}
.board_list_box1 .head_box {display:table; width:100%; border-bottom:1px solid #ccc;}
.board_list_box1 .head_box p {display:table-cell; font-size:1.125em; line-height:1.4em; font-weight:600; padding:20px 0; text-align:center;}
.board_list_box1 .body_box li {display:table; width:100%; border-bottom:1px solid #ccc; padding:20px 0;}
.board_list_box1 .body_box li > div {display:table-cell; font-size:1.125em; color:#666; text-align:center;}
.board_list_box1 .body_box li > div.subject {padding:0 30px; text-align:left;}
.board_list_box1 .body_box li > div.subject a {display:block; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.board_list_box1 .num {width:7.5%;}
.board_list_box1 .cate {width:10%;}
.board_list_box1 .writer {width:8.75%;}
.board_list_box1 .date {width:12.5%;}
.board_list_box1 .hit {width:12.5%;}

@media screen and (max-width:1024px){
    .board_list_box1 .head_box p {font-size:1em; padding:15px 0;}
    .board_list_box1 .body_box li {padding:15px 0;}
    .board_list_box1 .body_box li > div {font-size:1em;}
    .board_list_box1 .body_box li > div.subject {padding:0 15px;}
}

@media screen and (max-width:767px){
    .board_list_box1 .head_box {display:none;}
    .board_list_box1 .body_box li {display:flex; flex-wrap:wrap;}
    .board_list_box1 .body_box li > div {display:block; text-align:left;}
    .board_list_box1 .body_box li > div.num {display:none;}
    .board_list_box1 .body_box li > div.cate {color:#191919;}
    .board_list_box1 .body_box li > div.cate:before {content:'['}
    .board_list_box1 .body_box li > div.cate:after {content:']'}
    .board_list_box1 .body_box li > div.subject {font-size:1.125em; color:#191919; font-weight:500; padding:0; margin-bottom:8px;}
    .board_list_box1 .body_box li > div.subject a {color:#191919;}
    .board_list_box1 .body_box li > div.date:before {content:'\f017'; font-size:0.9375em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-right:3px;}
    .board_list_box1 .body_box li > div.hit:before {content:'\f06e'; font-size:0.9375em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-right:3px;}
    
    .board_list_box1 .cate {width:100%; margin-bottom:5px;}
    .board_list_box1 .subject {width:100%;}
    .board_list_box1 .writer {width:auto; margin-right:10px;}
    .board_list_box1 .date {width:auto; margin-right:10px;}
    .board_list_box1 .hit {width:auto;}
}


/* board - news */
.board_news_box1 {border-top:2px solid #191919;}
.board_news_box1 .body_box li {width:100%; border-bottom:1px solid #ccc; padding:30px 0 30px 110px; position:relative;}
.board_news_box1 .body_box li.empty_table {text-align:center; padding-left:0;}
.board_news_box1 .body_box li > div.chk_box {position:absolute; left:5px; top:5px; z-index:10;}
.board_news_box1 .body_box li > div.num {display:flex; justify-content:center; align-items:center; text-align:center; width:110px; height:100%; font-size:1.875em; font-weight:600; text-align:center; position:absolute; left:0; top:0;}
.board_news_box1 .body_box li > div.subject {font-size:1.875em; font-weight:600;}
.board_news_box1 .body_box li > div.subject a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_news_box1 .body_box li > div.date {font-size:1.125em; color:#666; margin-top:10px;}

@media screen and (max-width:1024px){
    .board_news_box1 .body_box li {padding:15px 0 15px 80px;}
    .board_news_box1 .body_box li > div.num {width:80px; font-size:1.5em;}
    .board_news_box1 .body_box li > div.subject {font-size:1.5em;}
    .board_news_box1 .body_box li > div.date {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .board_news_box1 .body_box li {padding:12px 0 12px 45px;}
    .board_news_box1 .body_box li > div.num {width:45px; font-size:1.125em;}
    .board_news_box1 .body_box li > div.subject {font-size:1.125em;}
    .board_news_box1 .body_box li > div.date {font-size:1em; margin-top:3px;}
}


/* board - gallery */
.board_gallery_box1 {display:flex; flex-wrap:wrap; width:100%; margin-top:30px;}
.board_gallery_box1 > div {width:calc(33.33% - 20px); margin-right:30px;}
.board_gallery_box1 > div:nth-child(3n) {margin-right:0;}
.board_gallery_box1 > div:nth-child(3) ~ div {margin-top:50px;}
.board_gallery_box1 > div .img img {width:100%;}
.board_gallery_box1 > div .txt_box {margin-top:20px;}
.board_gallery_box1 > div .subject {font-size:1.25em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_gallery_box1 > div .content {font-size:1.125em; color:#666; line-height:1.5em; margin-top:5px; max-height:3em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

@media screen and (max-width:1024px){
    .board_gallery_box1 {margin-top:15px;}
    .board_gallery_box1 > div {width:calc(33.33% - 10px); margin-right:15px;}
    .board_gallery_box1 > div:nth-child(3) ~ div {margin-top:30px;}
    .board_gallery_box1 > div .txt_box {margin-top:10px;}
    .board_gallery_box1 > div .subject {font-size:1.125em;}
    .board_gallery_box1 > div .content {font-size:1em; margin-top:3px;}
}

@media screen and (max-width:767px){
    .board_gallery_box1 > div {width:calc(50% - 5px); margin-right:10px;}
    .board_gallery_box1 > div:nth-child(3n) {margin-right:10px;}
    .board_gallery_box1 > div:nth-child(2n) {margin-right:0;}
    .board_gallery_box1 > div:nth-child(2) ~ div {margin-top:30px;}
    .board_gallery_box1 > div .txt_box {margin-top:10px;}
}


/* board - youtube */
.board_youtube_box1 {display:flex; flex-wrap:wrap; width:100%; margin-top:30px;}
.board_youtube_box1 > div {width:calc(50% - 15px); margin-right:30px;}
.board_youtube_box1 > div:nth-child(2n) {margin-right:0;}
.board_youtube_box1 > div:nth-child(2) ~ div {margin-top:50px;}
.board_youtube_box1 > div .img img {width:100%;}
.board_youtube_box1 > div .txt_box {margin-top:20px;}
.board_youtube_box1 > div .subject {font-size:1.25em; font-weight:600; line-height:1.4em; text-align:center;}

@media screen and (max-width:1024px){
    .board_youtube_box1 {margin-top:15px;}
    .board_youtube_box1 > div {width:calc(50% - 7.5px); margin-right:15px;}
    .board_youtube_box1 > div:nth-child(2) ~ div {margin-top:30px;}
    .board_youtube_box1 > div .txt_box {margin-top:10px;}
    .board_youtube_box1 > div .subject {font-size:1.125em;}
}

@media screen and (max-width:767px){
    .board_youtube_box1 > div {width:100%; margin-right:0;}
    .board_youtube_box1 > div:nth-child(1) ~ div {margin-top:30px;}
}


/* board - webzine */
.board_webzine_box1 {border-top:2px solid #191919; width:100%;}
.board_webzine_box1 > div {border-bottom:1px solid #ccc;}
.board_webzine_box1 > div a {display:flex; align-items:center; flex-wrap:wrap; width:100%; padding:30px;}
.board_webzine_box1 > div .img {width:450px;}
.board_webzine_box1 > div .img img {width:100%;}
.board_webzine_box1 > div .txt_box {width:calc(100% - 450px); padding-left:70px;}
.board_webzine_box1 > div .cate {font-size:1.125em; color:#666; font-weight:600; margin-bottom:20px;}
.board_webzine_box1 > div .subject {font-size:1.5em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_webzine_box1 > div .content {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px; max-height:4.5em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.board_webzine_box1 > div .date {font-size:1.125em; color:#666; margin-top:50px;}

@media screen and (max-width:1220px){
    .board_webzine_box1 > div .img {width:40%;}
    .board_webzine_box1 > div .txt_box {width:60%; padding-left:40px;}
}

@media screen and (max-width:1024px){
    .board_webzine_box1 > div a {padding:20px;}
    .board_webzine_box1 > div .txt_box {padding-left:20px;}
    .board_webzine_box1 > div .cate {font-size:1em; margin-bottom:10px;}
    .board_webzine_box1 > div .subject {font-size:1.3em;}
    .board_webzine_box1 > div .content {font-size:1.125em; margin-top:5px;}
    .board_webzine_box1 > div .date {font-size:1em; margin-top:25px;}
}

@media screen and (max-width:767px){
    .board_webzine_box1 > div a {padding:10px;}
    .board_webzine_box1 > div .img {width:100%; margin-bottom:15px;}
    .board_webzine_box1 > div .txt_box {width:100%; padding-left:0;}
    .board_webzine_box1 > div .cate {margin-bottom:5px;}
    .board_webzine_box1 > div .subject {font-size:1.2em;}
    .board_webzine_box1 > div .content {font-size:1em; max-height:3em; -webkit-line-clamp:2;}
    .board_webzine_box1 > div .date {font-size:0.9375em; margin-top:10px;}
}


/* board - blog */
.board_blog_box1 {border-top:2px solid #191919; width:100%; margin-top:30px;}
.board_blog_box1 > div {border-bottom:1px solid #ccc;}
.board_blog_box1 > div a {display:flex; align-items:center; flex-direction:row-reverse; flex-wrap:wrap; width:100%; padding:50px 30px;}
.board_blog_box1 > div .img {width:300px;}
.board_blog_box1 > div .img img {width:100%;}
.board_blog_box1 > div .txt_box {width:calc(100% - 300px); padding-right:50px;}
.board_blog_box1 > div .subject {font-size:1.5em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_blog_box1 > div .content {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px; max-height:4.5em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.board_blog_box1 > div .date {font-size:1.125em; color:#666; margin-top:30px;}

@media screen and (max-width:1024px){
    .board_blog_box1 > div a {padding:30px 20px;}
    .board_blog_box1 > div .img {width:240px;}
    .board_blog_box1 > div .txt_box {width:calc(100% - 240px); padding-right:20px;}
    .board_blog_box1 > div .subject {font-size:1.3em;}
    .board_blog_box1 > div .content {font-size:1.125em; margin-top:5px;}
    .board_blog_box1 > div .date {font-size:1em; margin-top:15px;}
}

@media screen and (max-width:767px){
    .board_blog_box1 > div a {padding:15px 10px;}
    .board_blog_box1 > div .img {width:100%; margin-bottom:15px;}
    .board_blog_box1 > div .txt_box {width:100%; padding-right:0;}
    .board_blog_box1 > div .subject {font-size:1.2em;}
    .board_blog_box1 > div .content {font-size:1em; max-height:3em; -webkit-line-clamp:2;}
    .board_blog_box1 > div .date {font-size:0.9375em; margin-top:10px;}
}


/* board -   event */
.board_event_box1 {display:flex; flex-wrap:wrap; width:100%; margin-top:30px;}
.board_event_box1 > div {width:calc(33.33% - 20px); margin-right:30px;}
.board_event_box1 > div:nth-child(3n) {margin-right:0;}
.board_event_box1 > div:nth-child(3) ~ div {margin-top:30px;}
.board_event_box1 > div a {display:block; width:100%; height:100%; border:1px solid #ccc; padding:30px;}
.board_event_box1 > div .cate {display:inline-block; background:#ebebeb; border-radius:5px; font-size:1em; font-weight:600; line-height:35px; padding:0 10px; margin-bottom:15px;}
.board_event_box1 > div .subject {font-size:1.75em; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_event_box1 > div ol {margin-top:15px;}
.board_event_box1 > div ol li {font-size:1.125em; color:#666; margin-bottom:10px;}
.board_event_box1 > div ol li:last-child {margin-bottom:0;}
.board_event_box1 > div ol li i {color:#191919; margin-right:15px;}
.board_event_box1 > div .content {border-top:1px solid #ccc; font-size:1.125em; color:#666; line-height:1.6em; margin-top:25px; padding-top:20px; max-height:calc(3.2em + 20px); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board_event_box1 > div .view {font-size:1.125em; font-weight:600; margin-top:10px;}

@media screen and (max-width:1024px){
    .board_event_box1 {margin-top:15px;}
    .board_event_box1 > div {width:calc(33.33% - 10px); margin-right:15px;}
    .board_event_box1 > div:nth-child(3) ~ div {margin-top:15px;}
    .board_event_box1 > div a {padding:20px;}
    .board_event_box1 > div .cate {font-size:0.9375em; line-height:30px; margin-bottom:10px;}
    .board_event_box1 > div .subject {font-size:1.4em;}
    .board_event_box1 > div ol {margin-top:10px;}
    .board_event_box1 > div ol li {font-size:1em; margin-bottom:5px;}
    .board_event_box1 > div ol li i {margin-right:5px;}
    .board_event_box1 > div .content {font-size:1em; margin-top:15px; padding-top:10px; max-height:calc(3.2em + 10px)}
    .board_event_box1 > div .view {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .board_event_box1 > div {width:100%; margin-right:0;}
    .board_event_box1 > div:nth-child(1) ~ div {margin-top:10px;}
    .board_event_box1 > div a {padding:15px;}
    .board_event_box1 > div .cate {line-height:25px; padding:0 7px;}
    .board_event_box1 > div .subject {font-size:1.3em;}
}


/* board - faq */
.board_faq_box1 {width:100%; border-top:2px solid #191919; margin-top:30px;}
.board_faq_box1 > div button {display:block; width:100%; border-bottom:1px solid #ccc; font-size:1.125em; color:#191919; font-weight:600; text-align:left; padding:30px 80px; position:relative;}
.board_faq_box1 > div button:before {content:'Q'; display:block; width:40px; line-height:40px; background:#191919; border-radius:50%; font-size:1em; color:#fff; font-weight:600; font-family:'Montserrat'; text-align:center; position:absolute; left:20px; top:50%; transform:translateY(-50%)}
.board_faq_box1 > div button:after {content:'\2b'; font-size:0.88em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:30px; top:50%; transform:translateY(-50%)}
.board_faq_box1 > div button.on {border-bottom:0;}
.board_faq_box1 > div button.on:after {content:'\f068'}
.board_faq_box1 > div .content {display:none; background:#f8f8f8; font-size:1.125em; color:#666; line-height:1.6em; padding:40px 80px;}
.board_faq_box1 > div button.on + .content {display:block;}

@media screen and (max-width:1024px){
    .board_faq_box1 {margin-top:15px;}
    .board_faq_box1 > div button {font-size:1em; padding:20px 50px;}
    .board_faq_box1 > div button:before {width:32px; line-height:32px; left:10px;}
    .board_faq_box1 > div button:after {right:10px;}
    .board_faq_box1 > div .content {font-size:1em; padding:20px 50px;}
}

@media screen and (max-width:767px){
    .board_faq_box1 > div button {padding:15px 40px;}
    .board_faq_box1 > div button:before {width:28px; line-height:28px; left:5px;}
    .board_faq_box1 > div button:after {right:5px;}
    .board_faq_box1 > div .content {padding:15px;}
}


/* login */
.login_wrap {display:flex; justify-content:center; align-items:center; width:100%; background:#f8f8f8; padding-top:100px;}
.login_wrap .login_inner {width:88%; max-width:440px; margin:250px 0;}
.login_wrap h2 {font-size:3.125em; font-weight:700; text-align:center;}
.login_wrap h3 {font-size:1.25em; color:#666; font-weight:600; text-align:center; margin-top:10px;}
.login_wrap form {display:block; width:100%; margin-top:50px;}
.login_wrap .form_txt {display:block; width:100%; height:60px; background:#fff; border:1px solid #ccc; font-size:1.125em; color:#666; padding:0 20px; margin-bottom:6px;}
.login_wrap .check_box {position:relative; margin-top:15px;}
.login_wrap .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.login_wrap .check_box label {display:flex; align-items:start;}
.login_wrap .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; background:#fff; border:2px solid #ccc; border-radius:5px; font-size:0.875em; color:#fff; font-family:'Font Awesome 6 Pro';}
.login_wrap .check_box label p {font-size:1em; line-height:24px; padding-left:10px;}
.login_wrap .check_box input:checked + label:before {content:'\f00c'; background:#191919; border-color:#191919;}
.login_wrap .submit_btn {display:block; width:100%; height:61px; background:#191919; font-size:1.125em; color:#fff; font-weight:600; margin-top:30px;}

@media screen and (max-width:1024px){
    .login_wrap {min-height:90vh; padding-top:50px;}
    .login_wrap .login_inner {max-width:350px; margin:100px 0;}
    .login_wrap h2 {font-size:2.7em;}
    .login_wrap h3 {font-size:1.125em; margin-top:5px;}
    .login_wrap form {margin-top:30px;}
    .login_wrap .form_txt {height:50px; font-size:1em; padding:0 10px; margin-bottom:5px;}
    .login_wrap .submit_btn {height:50px; font-size:1em;}
}


@media screen and (max-width:767px){
    .login_wrap .login_inner {max-width:350px; margin:50px 0;}
    .login_wrap h2 {font-size:2.2em;}
    .login_wrap form {margin-top:15px;}
    .login_wrap .form_txt {height:40px;}
    .login_wrap .check_box {margin-top:10px;}
    .login_wrap .check_box label:before {width:20px; height:20px;}
    .login_wrap .check_box label p {line-height:20px;}
    .login_wrap .submit_btn {height:40px;}
}


/* company 1 */
.sCompany1_sec1 {margin-top:70px; margin-bottom:100px; text-align:center;}
.sCompany1_sec1 h3 {font-size:2.5em; line-height:1.25em; font-weight:700;}
.sCompany1_sec1 .t1 {font-size:1.125em; color:#666; line-height:1.5em; margin-top:25px;}

@media screen and (max-width:1024px){
    .sCompany1_sec1 {margin-top:7%; margin-bottom:10%;}
    .sCompany1_sec1 h3 {font-size:2em;}
    .sCompany1_sec1 .t1 {font-size:1em; margin-top:2%;}
}

@media screen and (max-width:767px){
    .sCompany1_sec1 h3 {font-size:1.8em;}
	.sCompany1_sec1 .t1 br {display:none;}
}

.sCompany1_sec2 {width:100%; background:#333; padding:100px 0;}
.sCompany1_sec2 h3 {font-size:2.5em; color:#fff; line-height:1.25em; font-weight:700; text-align:center;}
.sCompany1_sec2 .box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:50px;}
.sCompany1_sec2 .box > div {width:calc(50% - 15px);}
.sCompany1_sec2 .box > div .img {width:100%; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.sCompany1_sec2 .box > div .img img {width:100%;}
.sCompany1_sec2 .box > div dl {width:100%; margin-top:30px; text-align:center; position:relative;}
.sCompany1_sec2 .box > div dl dt {font-size:1.5em; color:#fff; line-height:1.4em; font-weight:600;}
.sCompany1_sec2 .box > div dl dd {font-size:1.125em; color:#ccc; line-height:1.5em; margin-top:15px;}

@media screen and (max-width:1220px){
	.sCompany1_sec2 .box > div .img {height:27vw;}
}

@media screen and (max-width:1024px){
    .sCompany1_sec2 {padding:10% 0;}
    .sCompany1_sec2 h3 {font-size:2em;}
    .sCompany1_sec2 .box {margin-top:5%;}
    .sCompany1_sec2 .box > div {width:calc(50% - 5px)}
    .sCompany1_sec2 .box > div dl {margin-top:15px;}
    .sCompany1_sec2 .box > div dl dt {font-size:1.3em;}
    .sCompany1_sec2 .box > div dl dd {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sCompany1_sec2 h3 {font-size:1.8em;}
    .sCompany1_sec2 .box > div {width:100%; margin-bottom:7%;}
    .sCompany1_sec2 .box > div:last-child {margin-bottom:0;}
	.sCompany1_sec2 .box > div .img {height:50vw;}
    .sCompany1_sec2 .box > div dl {margin-top:2.5%;}
    .sCompany1_sec2 .box > div dl dd {margin-top:1%;}
}

.sCompany1_sec3 {display:flex; align-items:center; flex-direction:row-reverse; flex-wrap:wrap; padding:100px 0;}
.sCompany1_sec3 .img {width:500px; position:relative;}
.sCompany1_sec3 .img img {width:100%;}
.sCompany1_sec3 .txt {width:calc(100% - 500px); padding-right:140px;}
.sCompany1_sec3 .txt > div {position:relative;}
.sCompany1_sec3 .txt h3 {font-size:2.5em; line-height:1.25em; font-weight:700; position:relative;}
.sCompany1_sec3 .txt .t1 {font-size:1.875em; line-height:1.26em; font-weight:600; margin-top:30px;}
.sCompany1_sec3 .txt .t2 {font-size:1.125em; color:#666; line-height:1.5em; margin-top:15px;}
.sCompany1_sec3 .txt .t1 + .t2 {margin-top:25px;}
.sCompany1_sec3 .txt .name {font-size:1.25em; font-weight:600; margin-top:50px;}
.sCompany1_sec3 .txt .name strong {font-size:1.2em; font-weight:600;}

@media screen and (max-width:1220px){
    .sCompany1_sec3 .txt {padding-right:50px;}
}

@media screen and (max-width:1024px){
    .sCompany1_sec3 {padding:10% 0;}
    .sCompany1_sec3 .img {width:45%;}
    .sCompany1_sec3 .txt {width:55%; padding-right:30px;}
    .sCompany1_sec3 .txt h3 {font-size:2em;}
    .sCompany1_sec3 .txt .t1 {font-size:1.5em; margin-top:3%;}
    .sCompany1_sec3 .txt .t2 {font-size:1em; margin-top:1.5%;}
    .sCompany1_sec3 .txt .t1 + .t2 {margin-top:2.5%;}
    .sCompany1_sec3 .txt .name {font-size:1.125em; margin-top:5%;}
    .sCompany1_sec3 .txt .name strong {}
}

@media screen and (max-width:767px){
    .sCompany1_sec3 .img {width:100%;}
    .sCompany1_sec3 .txt {width:100%; padding-right:0; margin-top:6%;}
    .sCompany1_sec3 .txt h3 {font-size:1.8em;}
    .sCompany1_sec3 .txt .t1 {font-size:1.4em; margin-top:3%;}
}

.sCompany1_sec4 {width:100%; padding-top:100px; margin-bottom:100px; position:relative;}
.sCompany1_sec4:before {content:''; display:block; width:100%; height:calc(100% - 78px); background:#333; position:absolute; left:0; top:0; z-index:0;}
.sCompany1_sec4 > div {display:flex; flex-wrap:wrap; position:relative; z-index:5;}
.sCompany1_sec4 .img {width:500px; position:relative;}
.sCompany1_sec4 .img img {width:100%;}
.sCompany1_sec4 .txt {width:calc(100% - 500px); padding:50px 0 0 100px;}
.sCompany1_sec4 .txt h3 {font-size:2.5em; color:#fff; line-height:1.25em; font-weight:700; position:relative;}
.sCompany1_sec4 .txt ul {margin-top:50px;}
.sCompany1_sec4 .txt ul li {margin-bottom:30px; position:relative;}
.sCompany1_sec4 .txt ul li:last-child {margin-bottom:0;}
.sCompany1_sec4 .txt ul li dl {display:flex; flex-wrap:wrap; width:100%;}
.sCompany1_sec4 .txt ul li dl dt {width:125px; font-size:1.125em; color:#fff; font-weight:600; line-height:1.5em;}
.sCompany1_sec4 .txt ul li dl dd {width:calc(100% - 125px); font-size:1.125em; color:#ccc; line-height:1.5em;}

@media screen and (max-width:1220px){
    .sCompany1_sec4 .txt {padding-left:50px;}
    .sCompany1_sec4 .txt ul {margin-top:30px;}
    .sCompany1_sec4 .txt ul li {margin-bottom:15px;}
}

@media screen and (max-width:1024px){
    .sCompany1_sec4 {padding-top:10%; margin-bottom:10%;}
    .sCompany1_sec4:before {height:calc(100% - 35px)}
    .sCompany1_sec4 .img {width:45%;}
    .sCompany1_sec4 .txt {width:55%; padding:30px 0 0 30px;}
    .sCompany1_sec4 .txt h3 {font-size:2em;}
    .sCompany1_sec4 .txt ul {margin-top:5%;}
    .sCompany1_sec4 .txt ul li {margin-bottom:1.5%;}
    .sCompany1_sec4 .txt ul li dl dt {width:100px; font-size:1em;}
    .sCompany1_sec4 .txt ul li dl dd {width:calc(100% - 100px); font-size:1em;}
}

@media screen and (max-width:767px){
    .sCompany1_sec4:before {height:60%;}
    .sCompany1_sec4 .img {width:100%;}
    .sCompany1_sec4 .txt {width:100%; padding:0; margin-top:6%;}
    .sCompany1_sec4 .txt h3 {font-size:1.8em; color:#191919;}
    .sCompany1_sec4 .txt ul {margin-top:3%;}
    .sCompany1_sec4 .txt ul li dl dt {width:80px; color:#191919;}
    .sCompany1_sec4 .txt ul li dl dd {width:calc(100% - 80px); color:#666;}
}


/* comapny 2 */
.sCompany2_sec1 {padding:70px 0 100px;}
.sCompany2_sec1 > div:not(:first-child) {margin-top:100px;}
.sCompany2_sec1 .box1 .img {position:relative;}
.sCompany2_sec1 .box1 .img img {width:100%;}
.sCompany2_sec1 .box1 .txt {margin-top:70px; position:relative;}
.sCompany2_sec1 .box1 .txt h3 {font-size:2.5em; line-height:1.25em; font-weight:700;}
.sCompany2_sec1 .box1 .txt .t1 {font-size:1.125em; color:#666; line-height:1.5em; margin-top:15px;}
.sCompany2_sec1 .box1 .txt .t1:first-of-type {margin-top:25px;}

.sCompany2_sec1 .box2 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sCompany2_sec1 .box2 > div {width:calc(33.33% - 20px);}
.sCompany2_sec1 .box2 > div .img {position:relative;}
.sCompany2_sec1 .box2 > div .img img {width:100%;}
.sCompany2_sec1 .box2 > div .t1 {font-size:1.25em; line-height:1.4em; font-weight:600; text-align:center; margin-top:20px; position:relative;}

.sCompany2_sec1 .box3 {position:relative;}
.sCompany2_sec1 .box3 table {width:100%; border-top:2px solid #191919;}
.sCompany2_sec1 .box3 table tbody th {width:180px; background:#f8f8f8; border-bottom:1px solid #ccc; font-size:1.125em; line-height:1.5em; font-weight:600; text-align:center; padding:30px 10px;}
.sCompany2_sec1 .box3 table tbody td {border-bottom:1px solid #ccc; font-size:1.125em; color:#666; line-height:1.5em; padding:30px;}
.sCompany2_sec1 .box3 .t1 {font-size:1em; color:#a4a4a4; text-align:right; margin-top:15px;}

@media screen and (max-width:1024px){
    .sCompany2_sec1 {padding:7% 0 10%;}
    .sCompany2_sec1 > div:not(:first-child) {margin-top:10%;}
    .sCompany2_sec1 .box1 .txt {margin-top:6%;}
    .sCompany2_sec1 .box1 .txt h3 {font-size:2em;}
    .sCompany2_sec1 .box1 .txt .t1 {font-size:1em; margin-top:1.5%;}
    .sCompany2_sec1 .box1 .txt .t1:first-of-type {margin-top:2.5%;}

    .sCompany2_sec1 .box2 > div {width:calc(33.33% - 6.66px)}
    .sCompany2_sec1 .box2 > div .t1 {font-size:1.125em; margin-top:10px;}

    .sCompany2_sec1 .box3 table tbody th {width:130px; font-size:1em; padding:15px 5px;}
    .sCompany2_sec1 .box3 table tbody td {font-size:1em; padding:15px;}
    .sCompany2_sec1 .box3 .t1 {font-size:0.9375em; margin-top:1.5%;}
}

@media screen and (max-width:767px){
    .sCompany2_sec1 .box1 .txt h3 {font-size:1.8em;}

    .sCompany2_sec1 .box2 > div {width:100%; margin-bottom:5%;}
    .sCompany2_sec1 .box2 > div:last-child {margin-bottom:0;}
    
    .sCompany2_sec1 .box3 table, .sCompany2_sec1 .box3 table tbody {display:block; width:100%;}
    .sCompany2_sec1 .box3 table tbody tr {display:flex; flex-wrap:wrap; width:100%;}
    .sCompany2_sec1 .box3 table tbody th {display:flex; justify-content:center; align-items:center; width:90px; padding:10px 5px;}
    .sCompany2_sec1 .box3 table tbody td {display:flex; align-items:center; width:calc(100% - 90px); padding:10px;}
}

.sCompany2_sec2 {width:100%; padding-bottom:100px; overflow:hidden;}
.sCompany2_sec2 h3 {font-size:2.5em; line-height:1.25em; font-weight:700;}
.sCompany2_sec2 .t1 {font-size:1.125em; color:#666; line-height:1.5em; margin-top:25px;}
.sCompany2_sec2_slide {width:100%; margin-top:70px;}
.sCompany2_sec2_slide .swiper-slide {width:300px; border:1px solid #ccc;}
.sCompany2_sec2_slide img {width:100%;}

@media screen and (max-width:1024px){
    .sCompany2_sec2 {padding-bottom:10%;}
    .sCompany2_sec2 h3 {font-size:2em;}
    .sCompany2_sec2 .t1 {font-size:1em; margin-top:2.5%;}
    .sCompany2_sec2_slide {margin-top:6%;}
    .sCompany2_sec2_slide .swiper-slide {width:240px;}
}

@media screen and (max-width:767px){
    .sCompany2_sec2 h3 {font-size:1.8em;}
    .sCompany2_sec2_slide .swiper-slide {width:160px;}
}


/* history 1 */
.sHistory1_sec1 {padding:70px 0 100px;}
.sHistory1_sec1 .img {position:relative;}
.sHistory1_sec1 .img img {width:100%;}
.sHistory1_sec1 .box {width:100%; margin-top:70px;}
.sHistory1_sec1 .box > div {margin-bottom:100px;}
.sHistory1_sec1 .box > div:last-child {margin-bottom:0;}
.sHistory1_sec1 .box > div .year {font-size:2.5em; line-height:1.25em; font-weight:600; font-family:'Poppins', 'Pretendard'; text-align:center; margin-bottom:30px; position:relative;}
.sHistory1_sec1 .box > div .year:before {content:''; display:block; width:20px; height:20px; background:#fff; border:3px solid #191919; border-radius:50%; position:absolute; left:50%; top:100%; transform:translateX(-50%); z-index:3; margin-top:30px;}
.sHistory1_sec1 .box > div ul {width:100%; position:relative; padding-top:70px;}
.sHistory1_sec1 .box > div ul:before {content:''; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:50%; top:0;}
.sHistory1_sec1 .box > div ul:after {content:''; display:block; width:100%; clear:both;}
.sHistory1_sec1 .box > div ul li {width:calc(50% - 100px); margin-bottom:75px; position:relative; clear:both; z-index:10;}
.sHistory1_sec1 .box > div ul li .date {font-size:1.5em; font-weight:500; font-family:'Poppins', 'Pretendard'; position:absolute; top:50%; transform:translateY(-50%); white-space:nowrap;}
.sHistory1_sec1 .box > div ul li .date:before {content:''; display:block; width:100px; height:1px; background:#ccc; position:absolute; top:50%;}
.sHistory1_sec1 .box > div ul li .date:after {content:''; display:block; width:10px; height:10px; background:#191919; border-radius:50%; position:absolute; top:50%;}
.sHistory1_sec1 .box > div ul li dl {width:100%; margin-top:20px; position:absolute; left:0; top:100%;}
.sHistory1_sec1 .box > div ul li dl dt {font-size:1.25em; line-height:1.4em; font-weight:600;}
.sHistory1_sec1 .box > div ul li dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:5px;}

.sHistory1_sec1 .box > div ul li:nth-child(odd) {float:left;}
.sHistory1_sec1 .box > div ul li:nth-child(odd) .date {left:100%; padding-left:125px;}
.sHistory1_sec1 .box > div ul li:nth-child(odd) .date:before {left:0;}
.sHistory1_sec1 .box > div ul li:nth-child(odd) .date:after {left:100px; transform:translate(-50%, -50%);}
.sHistory1_sec1 .box > div ul li:nth-child(even) {float:right;}
.sHistory1_sec1 .box > div ul li:nth-child(even) .date {right:100%; padding-right:125px;}
.sHistory1_sec1 .box > div ul li:nth-child(even) .date:before {right:0;}
.sHistory1_sec1 .box > div ul li:nth-child(even) .date:after {right:100px; transform:translate(50%, -50%);}

@media screen and (max-width:1024px){
    .sHistory1_sec1 {padding:7% 0 10%;}
    .sHistory1_sec1 .box {margin-top:6%;}
    .sHistory1_sec1 .box > div {margin-bottom:10%;}
    .sHistory1_sec1 .box > div .year {font-size:2em; margin-bottom:3%;}
    .sHistory1_sec1 .box > div .year:before {width:16px; height:16px; margin-top:3%;}
    .sHistory1_sec1 .box > div ul {padding-top:50px;}
    .sHistory1_sec1 .box > div ul li {width:calc(50% - 40px); margin-bottom:50px;}
    .sHistory1_sec1 .box > div ul li .date {font-size:1.3em;}
    .sHistory1_sec1 .box > div ul li .date:before {width:40px;}
    .sHistory1_sec1 .box > div ul li .date:after {width:8px; height:8px;}
    .sHistory1_sec1 .box > div ul li dl {margin-top:10px;}
    .sHistory1_sec1 .box > div ul li dl dt {font-size:1.125em;}
    .sHistory1_sec1 .box > div ul li dl dd {font-size:1em; margin-top:3px;}
    
    .sHistory1_sec1 .box > div ul li:nth-child(odd) .date {padding-left:55px;}
    .sHistory1_sec1 .box > div ul li:nth-child(odd) .date:after {left:40px;}
    .sHistory1_sec1 .box > div ul li:nth-child(even) .date {padding-right:55px;}
    .sHistory1_sec1 .box > div ul li:nth-child(even) .date:after {right:40px;}
}

@media screen and (max-width:767px){
    .sHistory1_sec1 .box > div .year {font-size:1.8em; text-align:left;}
    .sHistory1_sec1 .box > div .year:before {width:11px; height:11px; border-width:2px; left:0; transform:translateX(0)}
    .sHistory1_sec1 .box > div ul {padding-top:30px;}
    .sHistory1_sec1 .box > div ul:before  {left:5px;}
    .sHistory1_sec1 .box > div ul li {float:none !important; width:100%; margin-bottom:7%; padding-left:40px;}
    .sHistory1_sec1 .box > div ul li .date {position:relative; top:0; transform:translateY(0); margin-bottom:5px;}
    .sHistory1_sec1 .box > div ul li .date:before {width:24px;}
    .sHistory1_sec1 .box > div ul li .date:after {width:6px; height:6px; margin-top:1px;}
    .sHistory1_sec1 .box > div ul li dl {margin-top:10px; position:relative;}
    
    .sHistory1_sec1 .box > div ul li:nth-child(odd) .date {left:0; padding-left:0;}
    .sHistory1_sec1 .box > div ul li:nth-child(odd) .date:before {left:-34px;}
    .sHistory1_sec1 .box > div ul li:nth-child(odd) .date:after {left:-8px;}
    .sHistory1_sec1 .box > div ul li:nth-child(even) .date {right:0; padding-right:0;}
    .sHistory1_sec1 .box > div ul li:nth-child(even) .date:before {left:-34px; right:auto;}
    .sHistory1_sec1 .box > div ul li:nth-child(even) .date:after {left:-8px; right:auto; transform:translate(-50%, -50%);}
}

/* history 2 */
.sHistory2_sec1 {padding:70px 0 100px;}
.sHistory2_sec1 .img {position:relative;}
.sHistory2_sec1 .img img {width:100%;}
.sHistory2_sec1 .box {width:100%; margin-top:70px; position:relative;}
.sHistory2_sec1 .box .tab {width:50%; height:0; position:sticky; left:0; top:150px;}
.sHistory2_sec1 .box .tab ul {position:relative; padding:50px 0;}
.sHistory2_sec1 .box .tab ul:before {content:''; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:0; top:0;}
.sHistory2_sec1 .box .tab ul li {margin-bottom:13px; padding-left:65px; position:relative;}
.sHistory2_sec1 .box .tab ul li.active {margin-bottom:50px;}
.sHistory2_sec1 .box .tab ul li:last-child {margin-bottom:0;}
.sHistory2_sec1 .box .tab ul li:before {content:''; display:block; width:8px; height:8px; background:#ccc; border-radius:50%; position:absolute; left:0; top:50%; transform:translate(-50%, -50%)}
.sHistory2_sec1 .box .tab ul li.active:before {width:10px; height:10px; background:#191919; top:40px; transform:translate(-50%, 0)}
.sHistory2_sec1 .box .tab ul li.active:after {content:''; display:block; width:30px; height:30px; background:rgba(25,25,25,0.1); border-radius:50%; position:absolute; left:0; top:30px; transform:translateX(-50%)}
.sHistory2_sec1 .box .tab ul li button {font-size:1.5em; color:#666; line-height:1.1em; font-weight:500; font-family:'Poppins'; text-align:left;}
.sHistory2_sec1 .box .tab ul li:not(.active) button br {display:none;}
.sHistory2_sec1 .box .tab ul li.active button {font-size:5em; color:#191919;}
.sHistory2_sec1 .box .cont {width:50%; padding-left:55px; margin-left:50%;}
.sHistory2_sec1 .box .cont > div > div {margin-top:50px;}
.sHistory2_sec1 .box .cont > div > div .year {font-size:1.875em; font-weight:500; margin-bottom:15px;}
.sHistory2_sec1 .box .cont > div > div ul li {font-size:1.125em; color:#666; line-height:1.5em; padding-left:14px; margin-bottom:10px; position:relative;}
.sHistory2_sec1 .box .cont > div > div ul li:last-child {margin-bottom:0;}
.sHistory2_sec1 .box .cont > div > div ul li:before {content:''; display:block; width:4px; height:4px; background:#666; border-radius:50%; position:absolute; left:0; top:12px;}

@media screen and (max-width:1220px){
    .sHistory2_sec1 .box .cont {padding-left:0;}
}

@media screen and (max-width:1024px){
    .sHistory2_sec1 {padding:7% 0 10%;}
    .sHistory2_sec1 .box {margin-top:7%;}
    .sHistory2_sec1 .box .tab {width:270px;}
    .sHistory2_sec1 .box .tab ul {padding:30px 0;}
    .sHistory2_sec1 .box .tab ul li {padding-left:30px;}
    .sHistory2_sec1 .box .tab ul li.active {margin-bottom:25px;}
    .sHistory2_sec1 .box .tab ul li.active:before {width:8px; height:8px; top:17px;}
    .sHistory2_sec1 .box .tab ul li.active:after {width:20px; height:20px; top:11px;}
    .sHistory2_sec1 .box .tab ul li:before {width:6px; height:6px;}
    .sHistory2_sec1 .box .tab ul li button {font-size:1.3em;}
    .sHistory2_sec1 .box .tab ul li.active button {font-size:2.7em;}
    .sHistory2_sec1 .box .cont {width:100%; padding-left:300px; margin-left:0;}
    .sHistory2_sec1 .box .cont > div > div {margin-top:30px;}
    .sHistory2_sec1 .box .cont > div > div .year {font-size:1.5em; margin-bottom:10px;}
    .sHistory2_sec1 .box .cont > div > div ul li {font-size:1em; padding-left:10px; margin-bottom:5px;}
    .sHistory2_sec1 .box .cont > div > div ul li:before {width:3px; height:3px; top:9px;}
}

@media screen and (max-width:767px){
    .sHistory2_sec1 .box .tab {width:100%; height:auto; position:relative; top:0; margin-bottom:7%;}
    .sHistory2_sec1 .box .tab ul {display:flex; flex-wrap:wrap; width:100%; padding:0;}
    .sHistory2_sec1 .box .tab ul:before {display:none;}
    .sHistory2_sec1 .box .tab ul li {width:calc(50% - 2.5px); margin-bottom:0; margin-right:5px; padding-left:0;}
    .sHistory2_sec1 .box .tab ul li:nth-child(even) {margin-right:0;}
    .sHistory2_sec1 .box .tab ul li:nth-child(2) ~ li {margin-top:5px;}
    .sHistory2_sec1 .box .tab ul li.active {margin-bottom:0;}
    .sHistory2_sec1 .box .tab ul li:before, .sHistory2_sec1 .box .tab ul li:after {display:none !important;}
    .sHistory2_sec1 .box .tab ul li button {display:block; width:100%; height:32px; border:1px solid #ccc; font-size:1em; text-align:center;}
    .sHistory2_sec1 .box .tab ul li.active button {font-size:1em; color:#666; font-weight:500; border-bottom:1px solid #ccc; padding-bottom:0;}
    .sHistory2_sec1 .box .tab ul li.active button br {display:none;}
    .sHistory2_sec1 .box .cont {padding-left:0;}
    .sHistory2_sec1 .box .cont > div > div {margin-top:6%;}
    .sHistory2_sec1 .box .cont > div > div .year {font-size:1.4em; margin-bottom:1.5%;}
}


/* location 1 */
.sLocation1_sec1 {width:100%; margin-top:70px; position:relative; overflow:hidden;}
.sLocation1_sec1 .map_box {width:100%; height:600px; background:#ebebeb;}
.sLocation1_sec1 .map_box .s-inner {display:flex; justify-content:center; flex-direction:column; height:100%;}
.sLocation1_sec1 .map_box .s-inner .size {font-size:2.5em; color:rgba(25,25,25,0.2); font-weight:500;}
.sLocation1_sec1 .map_box .s-inner .txt {font-size:1.125em; color:rgba(25,25,25,0.2); font-weight:500; margin-top:10px;}
.sLocation1_sec1 .map_box > div:not(.s-inner) {width:100% !important; height:100% !important;}
.sLocation1_sec1 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation1_sec1 .info_box {width:600px; background:#fff; box-shadow:10px 10px 20px rgba(25,25,25,0.1); position:absolute; left:50%; top:50%; transform:translateY(-50%); padding:50px; z-index:30;}
.sLocation1_sec1 .info_box .company {font-size:1.875em; line-height:1.2em; font-weight:600; position:relative;}
.sLocation1_sec1 .info_box .add {font-size:1.125em; color:#666; line-height:1.5em; padding-left:31px; position:relative; margin-top:10px;}
.sLocation1_sec1 .info_box .add:before {content:'\f3c5'; font-size:1.11em; color:#191919; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.sLocation1_sec1 .info_box .info {display:flex; width:100%; margin-top:30px; position:relative;}
.sLocation1_sec1 .info_box .info li {padding:0 20px; position:relative;}
.sLocation1_sec1 .info_box .info li:first-child {padding-left:0;}
.sLocation1_sec1 .info_box .info li:last-child {padding-right:0;}
.sLocation1_sec1 .info_box .info li:after {content:''; display:block; width:1px; height:100%; background:#ccc; position:absolute; right:0; top:0;}
.sLocation1_sec1 .info_box .info li:last-child:after {display:none;}
.sLocation1_sec1 .info_box .info li dl dt {font-size:1.125em; font-weight:600;}
.sLocation1_sec1 .info_box .info li dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:10px;}
.sLocation1_sec1 .info_box .info li dl dd a {color:#666;}
.sLocation1_sec1 .info_box .btn_box {display:flex; justify-content:space-between; width:100%; margin-top:50px; position:relative;}
.sLocation1_sec1 .info_box .btn_box a {display:flex; justify-content:center; align-items:center; width:calc(50% - 2.5px); height:61px; border:1px solid #707070; font-size:1.125em; font-weight:600; text-align:center; transition:all 0.4s; transition-property:background, color, border;}
.sLocation1_sec1 .info_box .btn_box a:hover {background:#191919; border-color:#191919; color:#fff;}

@media screen and (max-width:1220px){
    .sLocation1_sec1 .info_box {width:44%;}
}

@media screen and (max-width:1024px){
    .sLocation1_sec1 {margin-top:7%;}
    .sLocation1_sec1 .map_box {height:400px;}
    .sLocation1_sec1 .map_box .s-inner .size {font-size:2em;}
    .sLocation1_sec1 .map_box .s-inner .txt {font-size:1em; margin-top:5px;}
    .sLocation1_sec1 .info_box {padding:30px;}
    .sLocation1_sec1 .info_box .company {font-size:1.5em;}
    .sLocation1_sec1 .info_box .add {font-size:1em; margin-top:5px; padding-left:25px;}
    .sLocation1_sec1 .info_box .info {margin-top:15px;}
    .sLocation1_sec1 .info_box .info li {padding:0 13px;}
    .sLocation1_sec1 .info_box .info li dl dt {font-size:1em;}
    .sLocation1_sec1 .info_box .info li dl dd {font-size:1em; margin-top:5px;}
    .sLocation1_sec1 .info_box .btn_box {margin-top:30px;}
    .sLocation1_sec1 .info_box .btn_box a {height:50px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sLocation1_sec1 {padding-bottom:6%;}
    .sLocation1_sec1 .map_box {height:220px;}
    .sLocation1_sec1 .map_box .s-inner .size {font-size:1.5em;}
    .sLocation1_sec1 .info_box {width:88%; position:relative; left:0; top:0; transform:translateY(0); margin:-20px auto 0; padding:20px;}
    .sLocation1_sec1 .info_box .company {font-size:1.3em;}
    .sLocation1_sec1 .info_box .add {padding-left:18px;}
    .sLocation1_sec1 .info_box .info {display:block;}
    .sLocation1_sec1 .info_box .info li {padding:0; margin-bottom:10px;}
    .sLocation1_sec1 .info_box .info li:last-child {margin-bottom:0;}
    .sLocation1_sec1 .info_box .info li:after {display:none;}
    .sLocation1_sec1 .info_box .btn_box {margin-top:20px;}
    .sLocation1_sec1 .info_box .btn_box a {height:38px;}
}


/* location 2 */
.sLocation2_sec1 {display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row-reverse; margin:70px auto 100px;}
.sLocation2_sec1 .map_box {width:50%; height:400px; background:#ebebeb; position:relative;}
.sLocation2_sec1 .map_box .box {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; text-align:center;}
.sLocation2_sec1 .map_box .box .size {font-size:1.5em; color:rgba(25,25,25,0.2); font-weight:500;}
.sLocation2_sec1 .map_box .box .txt {font-size:1em; color:rgba(25,25,25,0.2); font-weight:500;}
.sLocation2_sec1 .map_box > div:not(.box) {width:100% !important; height:100% !important;}
.sLocation2_sec1 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation2_sec1 .info_box {width:calc(50% - 100px); position:relative;}
.sLocation2_sec1 .info_box .company {font-size:1.875em; font-weight:600;}
.sLocation2_sec1 .info_box .info {margin-top:30px;}
.sLocation2_sec1 .info_box .info li {width:100%; border-bottom:1px solid #ccc; padding:20px 0; position:relative;}
.sLocation2_sec1 .info_box .info li:first-child {padding-top:0;}
.sLocation2_sec1 .info_box .info li:last-child {padding-bottom:0; border-bottom:0;}
.sLocation2_sec1 .info_box .info li dl {display:flex; width:100%;}
.sLocation2_sec1 .info_box .info li dl dt {width:60px; font-size:1.25em; font-weight:500; font-family:'Poppins', 'Pretendard';}
.sLocation2_sec1 .info_box .info li dl dd {width:calc(100% - 60px); font-size:1.125em; color:#666; line-height:1.5em;}
.sLocation2_sec1 .info_box .info li dl dd a {color:#666;}

@media screen and (max-width:1220px){
    .sLocation2_sec1 .info_box {width:calc(50% - 50px)}
}

@media screen and (max-width:1024px){
    .sLocation2_sec1 {margin:7% auto 10%;}
    .sLocation2_sec1 .map_box {height:320px;}
    .sLocation2_sec1 .map_box .box .size {font-size:1.3em;}
    .sLocation2_sec1 .info_box {width:calc(50% - 25px)}
    .sLocation2_sec1 .info_box .company {font-size:1.5em;}
    .sLocation2_sec1 .info_box .info {margin-top:15px;}
    .sLocation2_sec1 .info_box .info li {padding:15px 0;}
    .sLocation2_sec1 .info_box .info li dl dt {width:50px; font-size:1.125em;}
    .sLocation2_sec1 .info_box .info li dl dd {width:calc(100% - 50px); font-size:1em;}
}

@media screen and (max-width:767px){
    .sLocation2_sec1 .map_box {width:100%; height:220px;}
    .sLocation2_sec1 .info_box {width:100%; margin-top:20px;}
    .sLocation2_sec1 .info_box .company {font-size:1.3em;}
    .sLocation2_sec1 .info_box .info {margin-top:10px;}
    .sLocation2_sec1 .info_box .info li {padding:10px 0;}
    .sLocation2_sec1 .info_box .info li dl dt {width:40px;}
    .sLocation2_sec1 .info_box .info li dl dd {width:calc(100% - 40px);}
}


/* business 1 */
.sBusiness1_sec1 {margin-top:70px; margin-bottom:100px;}
.sBusiness1_sec1 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%;}
.sBusiness1_sec1 > div:nth-child(even) {flex-direction:row-reverse;}
.sBusiness1_sec1 > div .img {width:calc(50% - 15px); height:575px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%; position:relative;}
.sBusiness1_sec1 > div .img img {width:100%;}
.sBusiness1_sec1 > div .txt_box {width:calc(50% - 55px); position:relative;}
.sBusiness1_sec1 > div .txt_box dl dt {font-size:1.5em; line-height:1.4em; font-weight:600;}
.sBusiness1_sec1 > div .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:15px;}

.sBusiness1_sec2 {width:100%; background:#f8f8f8; padding:100px 0;}
.sBusiness1_sec2 h3 {font-size:2.5em; line-height:1.25em; font-weight:700; margin-bottom:50px; position:relative;}
.sBusiness1_sec2 .box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sBusiness1_sec2 .box > div {width:calc(50% - 15px); position:relative;}
.sBusiness1_sec2 .box > div:nth-child(2) ~ div {margin-top:50px;}
.sBusiness1_sec2 .box > div .img {width:100%; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sBusiness1_sec2 .box > div .img img {width:100%;}
.sBusiness1_sec2 .box > div .txt_box {margin-top:30px; position:relative;}
.sBusiness1_sec2 .box > div .txt_box dl dt {font-size:1.25em; line-height:1.4em; font-weight:600;}
.sBusiness1_sec2 .box > div .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:10px;}

.sBusiness1_sec3 {margin-top:100px; margin-bottom:100px;}
.sBusiness1_sec3 h3 {font-size:2.5em; line-height:1.25em; font-weight:700; margin-bottom:30px;}
.sBusiness1_sec3 .txt {font-size:1.125em; color:#666; line-height:1.5em;}
.sBusiness1_sec3 .img {width:100%; margin-top:50px; position:relative;}
.sBusiness1_sec3 .img img {width:100%;}

@media screen and (max-width:1220px){
	.sBusiness1_sec1 > div .img {height:42vw;}

	.sBusiness1_sec2 .box > div .img {height:27vw;}
}

@media screen and (max-width:1024px){
    .sBusiness1_sec1 {margin-top:7%; margin-bottom:10%;}
    .sBusiness1_sec1 > div .img {width:calc(50% - 5px)}
    .sBusiness1_sec1 > div .txt_box {width:calc(50% - 25px)}
    .sBusiness1_sec1 > div .txt_box dl dt {font-size:1.3em;}
    .sBusiness1_sec1 > div .txt_box dl dd {font-size:1em; margin-top:10px;}

    .sBusiness1_sec2 {padding:10% 0;}
    .sBusiness1_sec2 h3 {font-size:2em; margin-bottom:5%;}
    .sBusiness1_sec2 .box > div {width:calc(50% - 7.5px)}
    .sBusiness1_sec2 .box > div:nth-child(2) ~ div {margin-top:30px;}
    .sBusiness1_sec2 .box > div .txt_box {margin-top:15px;}
    .sBusiness1_sec2 .box > div .txt_box dl dt {font-size:1.125em;}
    .sBusiness1_sec2 .box > div .txt_box dl dd {font-size:1em; margin-top:5px;}

    .sBusiness1_sec3 {margin-top:10%; margin-bottom:10%;}
    .sBusiness1_sec3 h3 {font-size:2em; margin-bottom:3%;}
    .sBusiness1_sec3 .txt {font-size:1em;}
    .sBusiness1_sec3 .img {margin-top:5%;}
}

@media screen and (max-width:767px){
    .sBusiness1_sec1 > div {margin-bottom:30px;}
    .sBusiness1_sec1 > div:last-child {margin-bottom:0;}
    .sBusiness1_sec1 > div .img {width:100%; height:84vw;}
    .sBusiness1_sec1 > div .txt_box {width:100%; margin-top:15px;}
    .sBusiness1_sec1 > div .txt_box dl dd {margin-top:5px;}

    .sBusiness1_sec2 h3 {font-size:1.8em;}
    .sBusiness1_sec2 .box > div {width:100%;}
    .sBusiness1_sec2 .box > div:nth-child(1) ~ div {margin-top:25px;}
	.sBusiness1_sec2 .box > div .img {height:52vw;}
    .sBusiness1_sec2 .box > div .txt_box {margin-top:10px;}

    .sBusiness1_sec3 h3 {font-size:1.8em;}
}

/* business 2 */
.sBusiness2_sec1 {margin-top:70px; margin-bottom:100px; overflow:hidden;}
.sBusiness2_sec1 .img {margin-bottom:80px; position:relative;}
.sBusiness2_sec1 .img img {width:100%;}
.sBusiness2_sec1 h3 {font-size:2.5em; line-height:1.25em; font-weight:700; margin-bottom:50px; position:relative;}
.sBusiness2_sec1 .box {counter-reset:counter;}
.sBusiness2_sec1 .box li {margin-bottom:30px; position:relative; padding:85px 0 0 190px;}
.sBusiness2_sec1 .box li:last-child {margin-bottom:0;}
.sBusiness2_sec1 .box li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; font-size:7.5em; color:#fff; font-weight:500; font-family:'Poppins'; -webkit-text-stroke:1px #666; position:absolute; left:0; top:0;}
.sBusiness2_sec1 .box li dl {position:relative;}
.sBusiness2_sec1 .box li dl dt {font-size:1.5em; line-height:1.3em; font-weight:600;}
.sBusiness2_sec1 .box li dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:15px;}
.sBusiness2_sec1_slide {width:100%; margin-top:50px; position:relative;}
.sBusiness2_sec1_slide .swiper-slide div {width:100%; height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sBusiness2_sec1_slide img {width:100%;}

.sBusiness2_sec2 {margin-top:150px; margin-bottom:100px;}
.sBusiness2_sec2 h3 {font-size:2.5em; line-height:1.25em; font-weight:700; position:relative;}
.sBusiness2_sec2 .box1 {margin-top:50px;}
.sBusiness2_sec2 .box1 h4 {font-size:1.5em; font-weight:600; line-height:1.4em; position:relative;}
.sBusiness2_sec2 .box1 ul {counter-reset:counter; margin-top:15px;}
.sBusiness2_sec2 .box1 ul li {display:flex; font-size:1.125em; color:#666; line-height:1.5em; padding:20px 0; border-bottom:1px solid #ccc; position:relative;}
.sBusiness2_sec2 .box1 ul li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:block; width:46px; font-size:1.11em; color:#191919; font-weight:600; font-family:'Poppins';}
.sBusiness2_sec2 .box2 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:50px;}
.sBusiness2_sec2 .box2 > div {width:calc(50% - 15px); background:#f8f8f8;}
.sBusiness2_sec2 .box2 >div h4 {width:100%; background:#fff; font-size:1.5em; font-weight:600; padding-bottom:20px; position:relative;}
.sBusiness2_sec2 .box2 > div ul {width:100%; padding:50px;}
.sBusiness2_sec2 .box2 > div ul li {font-size:1.125em; color:#666; line-height:1.5em; padding-left:14px; position:relative; margin-bottom:5px; position:relative;}
.sBusiness2_sec2 .box2 > div ul li:last-child {margin-bottom:0;}
.sBusiness2_sec2 .box2 > div ul li:before {content:''; display:block; width:4px; height:4px; background:#191919; border-radius:50%; position:absolute; left:0; top:11px;}

@media screen and (max-width:1220px){
	.sBusiness2_sec1_slide .swiper-slide div {height:15vw;}
}

@media screen and (max-width:1024px){
    .sBusiness2_sec1 {margin-top:7%; margin-bottom:10%;}
    .sBusiness2_sec1 .img {margin-bottom:7%;}
    .sBusiness2_sec1 h3 {font-size:2em; margin-bottom:5%;}
    .sBusiness2_sec1 .box li {margin-bottom:3%; padding:50px 0 0 110px;}
    .sBusiness2_sec1 .box li:before {font-size:5em;}
    .sBusiness2_sec1 .box li dl dt {font-size:1.3em;}
    .sBusiness2_sec1 .box li dl dd {font-size:1em; margin-top:10px;}
    .sBusiness2_sec1_slide {margin-top:25px;}

    .sBusiness2_sec2 {margin-top:15%; margin-bottom:10%;}
    .sBusiness2_sec2 h3 {font-size:2em;}
    .sBusiness2_sec2 .box1 {margin-top:5%;}
    .sBusiness2_sec2 .box1 h4 {font-size:1.3em;}
    .sBusiness2_sec2 .box1 ul {margin-top:5px}
    .sBusiness2_sec2 .box1 ul li {font-size:1em; padding:10px 0}
    .sBusiness2_sec2 .box1 ul li:before {width:35px;}
    .sBusiness2_sec2 .box2 {margin-top:5%;}
    .sBusiness2_sec2 .box2 > div {width:calc(50% - 7.5px)}
    .sBusiness2_sec2 .box2 > div h4 {font-size:1.3em; padding-bottom:15px;}
    .sBusiness2_sec2 .box2 > div ul {padding:30px;}
    .sBusiness2_sec2 .box2 > div ul li {font-size:1em;}
    .sBusiness2_sec2 .box2 > div ul li:before {top:9px;}
}

@media screen and (max-width:767px){
    .sBusiness2_sec1 h3 {font-size:1.8em;}
    .sBusiness2_sec1 .box li {margin-bottom:5%; padding:0;}
    .sBusiness2_sec1 .box li:before {font-size:3em; position:relative;}
    .sBusiness2_sec1 .box li dl dd {margin-top:5px;}
    .sBusiness2_sec1_slide {margin-top:15px;}
	.sBusiness2_sec1_slide .swiper-slide div {height:27vw;}

    .sBusiness2_sec2 h3 {font-size:1.8em;}
    .sBusiness2_sec2 .box1 h4 {font-size:1.2em;}
    .sBusiness2_sec2 .box1 ul li {padding:8px 0}
    .sBusiness2_sec2 .box1 ul li:before {width:25px;}
    .sBusiness2_sec2 .box2 > div {width:100%; margin-bottom:5%;}
    .sBusiness2_sec2 .box2 > div:last-child {margin-bottom:0;}
    .sBusiness2_sec2 .box2 > div h4 {font-size:1.2em; padding-bottom:10px;}
    .sBusiness2_sec2 .box2 > div ul {padding:15px;}
    .sBusiness2_sec2 .box2 > div ul li {padding-left:10px;}
    .sBusiness2_sec2 .box2 > div ul li:before {width:3px; height:3px; top:8px;}
}


/* product 1 */
.sProduct1_sec1 {margin-top:50px; margin-bottom:100px;}
.sProduct1_sec1 .board_search_box {margin-bottom:30px}
.sProduct1_sec1 .list_box {display:flex; flex-wrap:wrap; width:100%;}
.sProduct1_sec1 .list_box > div {width:calc(33.33% - 20px); margin-right:30px;}
.sProduct1_sec1 .list_box > div:nth-child(3n) {margin-right:0;}
.sProduct1_sec1 .list_box > div:nth-child(3) ~ div {margin-top:50px;}
.sProduct1_sec1 .list_box > div a {display:block;}
.sProduct1_sec1 .list_box > div .img img {width:100%;}
.sProduct1_sec1 .list_box > div .subject {font-size:1.25em; font-weight:600; line-height:1.4em; text-align:center; margin-top:20px;}

@media screen and (max-width:1024px){
    .sProduct1_sec1 {margin-top:5%; margin-bottom:10%;}
    .sProduct1_sec1 .board_search_box {margin-bottom:3%;}
    .sProduct1_sec1 .list_box > div {width:calc(33.33% - 10px); margin-right:15px;}
    .sProduct1_sec1 .list_box > div:nth-child(3) ~ div {margin-top:30px;}
    .sProduct1_sec1 .list_box > div .subject {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sProduct1_sec1 .list_box > div {width:calc(50% - 5px); margin-right:10px;}
    .sProduct1_sec1 .list_box > div:nth-child(3n) {margin-right:10px;}
    .sProduct1_sec1 .list_box > div:nth-child(2n) {margin-right:0;}
    .sProduct1_sec1 .list_box > div:nth-child(2) ~ div {margin-top:25px;}
    .sProduct1_sec1 .list_box > div .subject {margin-top:7px;}
}

/* product 2 */
.sProduct2_sec1 {margin-top:70px; margin-bottom:100px;}
.sProduct2_sec1 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:50px;}
.sProduct2_sec1 > div:nth-child(even) {flex-direction:row-reverse;}
.sProduct2_sec1 > div:last-child {margin-bottom:0;}
.sProduct2_sec1 > div .img {width:50%; position:relative;}
.sProduct2_sec1 > div .img img {width:100%;}
.sProduct2_sec1 > div .txt_box {width:calc(50% - 70px);}
.sProduct2_sec1 > div .txt_box dl {position:relative;}
.sProduct2_sec1 > div .txt_box dl dt {font-size:1.5em; line-height:1.4em; font-weight:600; margin-bottom:25px;}
.sProduct2_sec1 > div .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-bottom:15px;}
.sProduct2_sec1 > div .txt_box dl dd:last-of-type {margin-bottom:0;}

@media screen and (max-width:1220px){
    .sProduct2_sec1 > div .txt_box {width:calc(50% - 40px);}
}

@media screen and (max-width:1024px){
    .sProduct2_sec1 {margin-top:7%; margin-bottom:10%;}
    .sProduct2_sec1 > div {margin-bottom:5%;}
    .sProduct2_sec1 > div .txt_box {width:calc(50% - 25px);}
    .sProduct2_sec1 > div .txt_box dl dt {font-size:1.3em; margin-bottom:15px;}
    .sProduct2_sec1 > div .txt_box dl dd {font-size:1em; margin-bottom:10px;}
}

@media screen and (max-width:767px){
    .sProduct2_sec1 > div {margin-bottom:7%;}
    .sProduct2_sec1 > div .img {width:100%;}
    .sProduct2_sec1 > div .txt_box {width:100%; margin-top:15px;}
    .sProduct2_sec1 > div .txt_box dl dt {margin-bottom:5px;}
    .sProduct2_sec1 > div .txt_box dl dd {margin-bottom:5px;}
}


/* contactus 1 */
.sContactus1_sec1 {margin-top:70px; margin-bottom:100px;}
.sContactus1_sec1 .form_box {width:100%; border-top:2px solid #191919;}
.sContactus1_sec1 .form_box tbody th {width:220px; background:#f8f8f8; border-bottom:1px solid #ccc; font-size:1.125em; font-weight:600; text-align:center; padding:15px 0;}
.sContactus1_sec1 .form_box tbody td {border-bottom:1px solid #ccc; padding:15px 30px;}
.sContactus1_sec1 .form_box tbody td .file_txt {font-size:0.875em; color:#ccc; margin-top:10px;}
.sContactus1_sec1 .agree_box {display:flex; align-items:center; margin-top:30px;}
.sContactus1_sec1 .agree_box .privacy_btn {display:block; width:80px; height:30px; border:1px solid #ccc; font-size:0.75em; color:#666; margin-left:10px;}
.sContactus1_sec1 .submit_btn {display:block; width:220px; height:70px; background:#191919; font-size:1.125em; color:#fff; font-weight:600; margin:60px auto 0;}

.sContactus1_sec1 .form_txt {display:block; width:100%; height:50px; border:1px solid #ccc; font-size:1em; padding:0 15px;}
.sContactus1_sec1 .form_txt::placeholder {color:#a4a4a4;}
.sContactus1_sec1 .form_txt::-webkit-input-placeholder {color:#a4a4a4;}
.sContactus1_sec1 .form_txt:-ms-input-placeholder {color:#a4a4a4;}
.sContactus1_sec1 .form_textarea {display:block; width:100%; height:200px; border:1px solid #ccc; font-size:1em; padding:15px; resize:none;}
.sContactus1_sec1 .form_textarea::placeholder {color:#a4a4a4;}
.sContactus1_sec1 .form_textarea::-webkit-input-placeholder {color:#a4a4a4;}
.sContactus1_sec1 .form_textarea:-ms-input-placeholder {color:#a4a4a4;}
.sContactus1_sec1 .form_select {position:relative}
.sContactus1_sec1 .form_select:after {content:'\f107'; font-size:0.875em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sContactus1_sec1 .form_select select {display:block; width:100%; height:50px; border:1px solid #ccc; font-size:1em; color:#a4a4a4; padding:0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sContactus1_sec1 .form_select select option {color:#191919;}
.sContactus1_sec1 .form_select select.change {color:#191919;}
.sContactus1_sec1 .check_box {position:relative;}
.sContactus1_sec1 .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sContactus1_sec1 .check_box label {display:flex; align-items:start;}
.sContactus1_sec1 .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:2px solid #ccc; border-radius:50%; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sContactus1_sec1 .check_box label p {font-size:1em; font-weight:500; line-height:24px; padding-left:10px;}
.sContactus1_sec1 .check_box input:checked + label:before {content:'\f00c'; background:#191919; border-color:#191919;}

.sContactus1_sec1 .email_box {display:flex; align-items:center; width:100%;}
.sContactus1_sec1 .email_box .form_txt {width:calc(37.5% - 22px); max-width:280px;}
.sContactus1_sec1 .email_box .form_select {width:25%; max-width:200px; margin-left:10px;}
.sContactus1_sec1 .email_box span {display:block; width:34px; font-size:1em; text-align:center;}

.sContactus1_sec1 .file_box {display:flex; justify-content:space-between; width:100%; max-width:720px; position:relative;}
.sContactus1_sec1 .file_box input[type="file"] {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sContactus1_sec1 .file_box input[type="text"] {width:calc(100% - 125px);}
.sContactus1_sec1 .file_box button {display:block; width:120px; height:50px; border:1px solid #191919; border-radius:0; font-size:1em; font-weight:600;}

@media screen and (max-width:1220px){
    .sContactus1_sec1 .form_box tbody th {width:170px;}
}

@media screen and (max-width:1024px){
    .sContactus1_sec1 {margin-top:7%; margin-bottom:10%;}
    .sContactus1_sec1 .form_box tbody th {width:130px; font-size:1em; padding:10px 0;}
    .sContactus1_sec1 .form_box tbody td {padding:10px 15px;}
    .sContactus1_sec1 .agree_box {margin-top:15px;}
    .sContactus1_sec1 .submit_btn {width:180px; height:60px; font-size:1em; margin-top:30px;}

    .sContactus1_sec1 .form_txt {height:42px; padding:0 10px;}
    .sContactus1_sec1 .form_textarea {height:150px; padding:10px;}
    .sContactus1_sec1 .form_select:after {right:10px;}
    .sContactus1_sec1 .form_select select {height:42px; padding:0 10px;}

    .sContactus1_sec1 .email_box .form_txt {width:calc(36% - 15px)}
    .sContactus1_sec1 .email_box .form_select {width:28%; margin-left:5px;}
    .sContactus1_sec1 .email_box span {width:25px;}

    .sContactus1_sec1 .file_box input[type="text"] {width:calc(100% - 105px)}
    .sContactus1_sec1 .file_box button {width:100px; height:42px; font-size:0.9375em;}
}

@media screen and (max-width:767px){
    .sContactus1_sec1 .form_box, .sContactus1_sec1 .form_box tbody {display:block; width:100%;}
    .sContactus1_sec1 .form_box tr {display:flex; flex-wrap:wrap;}
    .sContactus1_sec1 .form_box tbody th {display:flex; justify-content:center; align-items:center; width:90px; padding:5px;}
    .sContactus1_sec1 .form_box tbody td {width:calc(100% - 90px); padding:5px;}
    .sContactus1_sec1 .form_box tbody td .file_txt {margin-top:5px;}
    .sContactus1_sec1 .agree_box {margin-top:10px;}
    .sContactus1_sec1 .agree_box .privacy_btn {width:60px; height:25px;}
    .sContactus1_sec1 .submit_btn {width:120px; height:45px;}

    .sContactus1_sec1 .form_txt {height:38px;}
    .sContactus1_sec1 .form_textarea {height:100px;}
    .sContactus1_sec1 .form_select select {height:38px; padding:0 10px;}
    .sContactus1_sec1 .check_box label:before {width:20px; height:20px;}
    .sContactus1_sec1 .check_box label p {padding-left:5px; line-height:20px;}

    .sContactus1_sec1 .email_box {flex-wrap:wrap;}
    .sContactus1_sec1 .email_box .form_txt {width:calc(50% - 10px)}
    .sContactus1_sec1 .email_box .form_select {width:100%; max-width:100%; margin:5px 0 0 0;}
    .sContactus1_sec1 .email_box span {width:20px;}

    .sContactus1_sec1 .file_box input[type="text"] {width:calc(100% - 85px)}
    .sContactus1_sec1 .file_box button {width:80px; height:38px;}
}


/* contactus 2 */
.sContactus2_sec1 {margin-top:60px; margin-bottom:100px;}
.sContactus2_sec1:after {content:''; display:block; width:100%; height:100%; clear:both;}
.sContactus2_sec1 .img {margin-bottom:70px;}
.sContactus2_sec1 .img img {width:100%;}
.sContactus2_sec1 h3 {font-size:2.5em; line-height:1.25em; font-weight:700; margin-bottom:50px;}
.sContactus2_sec1 form {width:100%; max-width:1100px;}
.sContactus2_sec1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sContactus2_sec1 .form_box > div {display:flex; align-items:center; width:calc(50% - 15px)}
.sContactus2_sec1 .form_box > div.w_100 {align-items:start; width:100%;}
.sContactus2_sec1 .form_box > div:nth-child(2) ~ div {margin-top:50px;}
.sContactus2_sec1 .form_box > div label {display:block; width:80px; font-size:1.25em; font-weight:600;}
.sContactus2_sec1 .form_box > div > div {width:calc(100% - 80px)}
.sContactus2_sec1 .agree_box {width:calc(100% - 80px); margin:15px 0 0 80px;}
.sContactus2_sec1 .submit_btn {float:right; display:block; width:184px; height:63px; background:#191919; font-size:1em; color:#fff; font-weight:500; font-family:'Poppins'; margin-top:10px;}

.sContactus2_sec1 .privacy_box {width:calc(100% - 80px); min-height:127px; background:#f8f8f8; padding:20px; margin:15px 0 0 80px; overflow-y:auto;}
.sContactus2_sec1 .privacy_box p {font-size:1em; color:#a4a4a4; line-height:1.5em;}

.sContactus2_sec1 .form_txt {display:block; width:100%; height:48px; border:0; border-bottom:1px solid #ccc; border-radius:0; font-size:1.125em; padding:0 10px;}
.sContactus2_sec1 .form_txt::placeholder {color:#a4a4a4;}
.sContactus2_sec1 .form_txt::-webkit-input-placeholder {color:#a4a4a4;}
.sContactus2_sec1 .form_txt:-ms-input-placeholder {color:#a4a4a4;}
.sContactus2_sec1 .form_txt:focus {outline:none; border-bottom:2px solid #191919;}
.sContactus2_sec1 .form_textarea {display:block; width:100%; height:300px; border:1px solid #ccc; font-size:1.125em; padding:10px; resize:none;}
.sContactus2_sec1 .form_textarea::placeholder {color:#a4a4a4;}
.sContactus2_sec1 .form_textarea::-webkit-input-placeholder {color:#a4a4a4;}
.sContactus2_sec1 .form_textarea:-ms-input-placeholder {color:#a4a4a4;}
.sContactus2_sec1 .form_textarea:focus {outline:none; border:2px solid #191919;}
.sContactus2_sec1 .check_box {position:relative;}
.sContactus2_sec1 .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sContactus2_sec1 .check_box label {display:flex; align-items:start;}
.sContactus2_sec1 .check_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:30px; height:30px; background:#ebebeb; border-radius:50%; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sContactus2_sec1 .check_box label p {font-size:1em; line-height:30px; padding-left:10px;}
.sContactus2_sec1 .check_box label p a {font-weight:600; text-decoration:underline;}
.sContactus2_sec1 .check_box input:checked + label:before {background:#191919; border-color:#191919;}

@media screen and (max-width:1024px){
    .sContactus2_sec1 {margin-top:6%; margin-bottom:10%;}
    .sContactus2_sec1 .img {margin-bottom:7%;}
    .sContactus2_sec1 h3 {font-size:2em; margin-bottom:5%;}
    .sContactus2_sec1 form {max-width:100%;}
    .sContactus2_sec1 .form_box > div {width:calc(50% - 7.5px)}
    .sContactus2_sec1 .form_box > div:nth-child(2) ~ div {margin-top:30px;}
    .sContactus2_sec1 .form_box > div label {width:60px; font-size:1.125em;}
    .sContactus2_sec1 .form_box > div > div {width:calc(100% - 60px)}
    .sContactus2_sec1 .agree_box {width:calc(100% - 60px); margin:10px 0 0 60px;}
    .sContactus2_sec1 .submit_btn {width:160px; height:50px;}

    .sContactus2_sec1 .privacy_box {width:calc(100% - 60px); margin:10px 0 0 60px; padding:10px;}

    .sContactus2_sec1 .form_txt {height:40px; font-size:1em;}
    .sContactus2_sec1 .form_textarea {height:200px; font-size:1em;}
    .sContactus2_sec1 .check_box label:before {width:24px; height:24px;}
    .sContactus2_sec1 .check_box label p {line-height:24px;}
}

@media screen and (max-width:767px){
    .sContactus2_sec1 h3 {font-size:1.8em;}
    .sContactus2_sec1 .form_box > div {width:100%}
    .sContactus2_sec1 .form_box > div:nth-child(1) ~ div {margin-top:15px;}
    .sContactus2_sec1 .form_box > div label {width:50px; font-size:1em;}
    .sContactus2_sec1 .form_box > div > div {width:calc(100% - 50px)}
    .sContactus2_sec1 .agree_box {width:calc(100% - 50px); margin:10px 0 0 50px;}
    .sContactus2_sec1 .submit_btn {width:130px; height:40px;}

    .sContactus2_sec1 .privacy_box {width:calc(100% - 50px); min-height:80px; margin:10px 0 0 50px;}

    .sContactus2_sec1 .form_txt {height:35px; padding:0 5px;}
    .sContactus2_sec1 .form_textarea {height:120px; padding:5px;}
    .sContactus2_sec1 .check_box label:before {width:20px; height:20px;}
    .sContactus2_sec1 .check_box label p {line-height:20px;}
}