@charset "utf-8";

.subtitleTop { position:relative; z-index:3 }
.subtitleTop .subTitle { text-align:center; padding-top:125px; padding-bottom:10px; }
.subtitleTop .subTitle h2 { display:none; color:#fff; font-size:50px; font-weight:600; line-height:1.3; }
.subtitleTop .subTitle h2 span { font-weight:600; }
.subtitleTop .subTitle p { color:#fff; font-size:17px; font-weight:300; line-height:1.3; min-height:22px; }
.subtitleTop .subTitle p span { font-weight:300; }
.body-bg .subtitleTop { height:312px; display:flex; justify-content:center; align-items:center; background:url(/img/sub/subTop_bg.jpg) no-repeat center / cover;}
.body-bg .subtitleTop .subTitle { padding-top:50px; } 
.body-bg .subtitleTop .subTitle h2 { display:block; }
.body-bg .subtitleTop .subTitle p { margin-top:25px; }
.subtitleTop .sub-btn { position:absolute; top:50%; transform:translateY(-50%); width:30px; height:30px; background:url(/img/sub/topArr.svg) center center no-repeat }
.subtitleTop .sub-prev-btn { left:100px; }
.subtitleTop .sub-next-btn { right:100px; transform:translateY(-50%) rotate(-180deg); }
@media screen and (max-width:1400px){
    .subtitleTop .subTitle h2 { font-size:40px; }
    .subtitleTop .subTitle p { margin-top:22px; }
}
@media screen and (max-width:1024px){
    .subtitleTop .subTitle { padding-top:80px; }
    .subtitleTop .subTitle h2 { font-size:30px; }
    .subtitleTop .subTitle p { font-size:16px; }
    .body-bg .subtitleTop { height:240px; padding:0 10px; }
    .body-bg .subtitleTop .subTitle p { margin-top:17px; }
    .subtitleTop .sub-prev-btn { left:50px; }
    .subtitleTop .sub-next-btn { right:50px; }
}
@media screen and (max-width:640px){
    .subtitleTop .subTitle h2 { font-size:26px; }
    .subtitleTop .subTitle p { font-size:14px; line-height:1.2; }
    .body-bg .subtitleTop { height:250px; padding:0 30px;}
    .body-bg .subtitleTop .subTitle { padding-top:10px; } 
    .body-bg .subtitleTop .subTitle p { margin-top:8px; }
    .subtitleTop .sub-btn { background-size:10px auto }
    .subtitleTop .sub-prev-btn { left:2px; }
    .subtitleTop .sub-next-btn { right:2px; }
}


/* animation */
.subtitleTop .subTitle h2 { opacity:0; }
.subtitleTop .subTitle p { overflow:hidden; }
.subtitleTop .subTitle p span { opacity:0; display:block; }
.subtitleTop .subTitle h2 { animation:blur_txt 0.5s 0.3s; animation-fill-mode:both; }
.subtitleTop .subTitle p span { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }

#contents { padding:0 0 200px; }
.body-bg #contents { padding:120px 0 200px; }
@media screen and (max-width:1024px){
    #contents { padding:0 0 150px; }
    .body-bg #contents { padding:100px 0 150px; }
}
@media screen and (max-width:640px){
    #contents { padding:0 0 100px; }
    .body-bg #contents { padding:60px 0 100px; }
}

#contents img { max-width:100% !important }

#contents .btnbox { margin-top:95px; text-align:center; }
#contents .btnbox a,
#contents .btnbox button { display:inline-block; text-align:center; border:none; outline:none; background:none; margin:0 4px; padding:0; vertical-align:middle; }
#contents .btnbox a span,
#contents .btnbox button span { transition:all 0.2s; margin:0 auto; justify-content:center; align-items:center; display:flex; position:relative; text-align:center; border:none; outline:none; background-color:var(--mainColor); min-width:200px; height:65px; color:#fff; font-size:16px; font-weight:500; border-radius:65px; }
#contents .btnbox a:hover span,
#contents .btnbox button:hover span { border:1px solid var(--mainColor); color:var(--mainColor); background:none; }
#contents .btnbox button span.bg_red,
#contents .btnbox a span.bg_red { background-color:var(--subColor); }
#contents .btnbox button:hover span.bg_red,
#contents .btnbox a:hover span.bg_red  { border:1px solid var(--subColor); color:var(--subColor); background:none; }
#contents .btnbox a span.refresh,
#contents .btnbox a:hover span.refresh { min-width:65px; background:#555 url(/img/sub/refresh_icon.png) center no-repeat; border:none; } 
@media screen and (max-width:1024px){	
	#contents .btnbox a span,
	#contents .btnbox button span { height:58px; font-size:15px; min-width:180px; }
}
@media screen and (max-width:640px){	
    #contents .btnbox { margin-top:40px; }
    #contents .btnbox a,
    #contents .btnbox button { margin:0; }
	#contents .btnbox a span,
	#contents .btnbox button span { height:50px; min-width:130px; }
    .search-result .btnbox a span.bg_red,
    .search-result .btnbox button span.bg_red { min-width:180px !important; }
}

.tabmenu { text-align:center; }
.tabmenu li { display:inline-block; }
.tabmenu li:not(:last-child) { margin-right:35px; }
.tabmenu li a { position:relative; color:#111; font-size:17px; font-weight:300; }
.tabmenu li a:after { content:""; display:block; width:0; height:2px; background:#111; position:absolute; left:0; bottom:-4px; }
.tabmenu li.on a { font-weight:500; }
.tabmenu li.on a:after { width:100%; }

.tablink { height:80px; } 
.tablink ul { display:flex; width:100%; max-width:1700px; }
.tablink.on ul { position:fixed; top:70px; z-index:100; width:calc(100% - 40px); }
.tablink.m2 li { width:50% }
.tablink.m3 li { width:33.33% }
.tablink.m4 li { width:25% }
.tablink.m5 li { width:20% }
.tablink li a { width:calc(100% + 1px); margin-left:-1px; height:80px; padding:0 5px; gap:0 5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; background:#ececec; color:#000; font-size:20px; font-weight:500; line-height:1.0; border:1px solid #d3d3d3; }
.tablink li.active a { background:var(--mainColor); color:#fff; border:1px solid var(--mainColor); }
.tablink li:first-child a { border-radius:10px 0 0 10px; margin-left:0; width:100%; }
.tablink li:last-child a { border-radius:0 10px 10px 0; }
@media screen and (max-width:1280px){
    .tablink { height:70px; }
    .tablink li a { height:70px; }
}
@media screen and (max-width:1024px){
    .tablink { height:60px; }
    .tablink li a { height:60px; font-size:18px; }
    .tablink li:first-child a { border-radius:5px 0 0 5px; }
    .tablink li:last-child a { border-radius:0 5px 5px 0; }
    .tabmenu li:not(:last-child) { margin-right:30px; }
}
@media screen and (max-width:640px){
    .tablink { height:50px; }
    .tablink li a { height:50px; font-size:15px; flex-direction:column; }
    .tabmenu li:not(:last-child) { margin-right:20px; }
    .tablink li a span { display:block; }
    .tablink.m5 ul { flex-wrap:wrap; }
    .tablink.m5 li { width:33.333% }
    .tablink.m5 li:first-child a { border-radius:10px 0 0 0; margin-left:-1px; width:calc(100% + 2px);}
    .tablink.m5 li:nth-child(3) a { border-radius:0 10px 10px 0; }
    .tablink.m5 li:nth-child(4) a { border-radius:0 0 0 10px; }
    .tablink.m5 li:last-child a { border-radius:0 0 10px 0; }
    .tablink.m5 li:nth-child(4),
    .tablink.m5 li:nth-child(5) { margin-top:-1px; }
    .tablink.m6 ul { flex-wrap:wrap; }
    .tablink.m6 li { width:33.333% }
    .tablink.m6 li:first-child a { border-radius:10px 0 0 0; margin-left:-1px; width:calc(100% + 2px);}
    .tablink.m6 li:nth-child(3) a { border-radius:0 10px 0 0; }
    .tablink.m6 li:nth-child(4) a { border-radius:0 0 0 10px; }
    .tablink.m6 li:last-child a { border-radius:0 0 10px 0; }
    .tablink.m6 li:nth-child(4),
    .tablink.m6 li:nth-child(5),
    .tablink.m6 li:nth-child(6) { margin-top:-1px; }
}
@media screen and (max-width:480px){
    .tablink li a { font-size:14px; }
}


/* search */
.keyword-search .search-box { margin-top:35px; background:#fff; padding:110px 20px; border-radius:30px; }
.keyword-search .search-box .txtbox { text-align:center; }
.keyword-search .search-box .txtbox .txt-1 { color:#111; font-size:50px; font-weight:600; line-height:1.3 }
.keyword-search .search-box .txtbox .txt-2 { margin-top:20px; color:#111; font-size:30px; font-weight:300; line-height:1.3 }
.keyword-search .search-box .ipbox { position:relative; margin:45px auto 0; max-width:750px; }
.keyword-search .search-box .ipbox input[type="text"] { width:100%; height:75px; background:none; outline:none; border:1px solid #d9d9d9; padding:0 120px 0 40px; color:#111; font-size:17px; font-weight:400; border-radius:75px; }
.keyword-search .search-box .ipbox .btn { position:absolute; right:40px; top:50%; transform:translateY(-50%); width:32px; height:32px; display:flex; align-items:center; justify-content:center; outline:none; border:none; background:url(/img/common/btn_search.png) center center no-repeat; }
.keyword-search .search-box .keyword { margin-top:25px; text-align:center; }
.keyword-search .search-box .keyword ul { display:flex; flex-wrap:wrap; justify-content:center; gap:10px }
.keyword-search .search-box .keyword ul li { position:relative; }
.keyword-search .search-box .keyword ul li a { display:flex; align-items:center; height:37px; padding:0 15px; font-size:13px; color:#333; font-weight:500; background:#c1c1c1; border-radius:37px; transition:all 0.3s }
.keyword-search .search-box .keyword ul li a:hover { color:#fff; background:var(--mainColor); }
.keyword-search .search-box .ipbox input::placeholder{ color:#999; font-weight:300; }
@media screen and (max-width:1280px){
    .keyword-search .search-box { margin-top:30px; padding:90px 20px; }
    .keyword-search .search-box .txtbox .txt-1 { font-size:38px; }
    .keyword-search .search-box .txtbox .txt-2 { margin-top:20px; font-size:24px; }
    .keyword-search .search-box .ipbox { max-width:700px; }
    .keyword-search .search-box .ipbox input[type="text"] { height:70px; padding:0 110px 0 40px; font-size:16px; }
    .keyword-search .search-box .ipbox .btn { right:35px; }
    .keyword-search .search-box .keyword { margin-top:25px; }
    .keyword-search .search-box .keyword ul li a { height:35px; padding:0 15px; }
}
@media screen and (max-width:1024px){
    .keyword-search .search-box { margin-top:25px; padding:70px 20px; }
    .keyword-search .search-box .txtbox .txt-1 { font-size:28px; }
    .keyword-search .search-box .txtbox .txt-2 { margin-top:15px; font-size:20px; }
    .keyword-search .search-box .ipbox { margin:40px auto 0; max-width:600px; }
    .keyword-search .search-box .ipbox input[type="text"] { height:60px; padding:0 100px 0 30px; font-size:15px; }
    .keyword-search .search-box .ipbox .btn { right:25px; }
    .keyword-search .search-box .keyword { margin-top:25px; }
    .keyword-search .search-box .keyword ul li a { height:32px; padding:0 10px; }
}
@media screen and (max-width:640px){
    .keyword-search .search-box { margin-top:20px; padding:50px 20px; }
    .keyword-search .search-box .txtbox .txt-1 { font-size:22px; }
    .keyword-search .search-box .txtbox .txt-2 { margin-top:10px; font-size:16px; }
    .keyword-search .search-box .ipbox { margin:30px auto 0; max-width:480px; }
    .keyword-search .search-box .ipbox input[type="text"] { height:50px; padding:0 80px 0 20px; }
    .keyword-search .search-box .ipbox .btn { right:15px; }
    .keyword-search .search-box .keyword { margin-top:25px; }
    .keyword-search .search-box .keyword ul { gap:5px }
    .keyword-search .search-box .keyword ul li a { height:30px; font-size:12px; }
}

.keyword-search .search-result { margin-top:100px; } 
.keyword-search .search-list { padding-top:190px; }
.keyword-search .search-list:nth-child(1) { padding-top:70px; }
.keyword-search .all-result .search-list,
.keyword-search .all-result .search-list:nth-child(1) { padding:0; }
.keyword-search .search-list .search-title { position:relative; padding-bottom:35px; border-bottom:1px solid rgba(0, 0, 0, 0.20); }
.keyword-search .search-list .search-title h3 { color:#111; font-size:40px; font-weight:600; line-height:1.3 }
.keyword-search .search-list .search-title .total { position:absolute; right:0; bottom:35px; color:var(--mainColor); font-size:19px; font-weight:600; line-height:1.3 }
.keyword-search .all-result .search-list .search-title .total { font-weight:400; color:#333 }
.keyword-search .search-list ul { margin-top:65px; }
.keyword-search .search-list ul li:not(:last-child) { margin-bottom:50px; } 
.keyword-search .search-list ul li .box { display:flex; flex-wrap:wrap; }
.keyword-search .search-list ul li .box .imgbox { width:450px; position:relative; overflow:hidden; border-radius:30px; }
.keyword-search .search-list ul li .box .imgbox:before { content:""; display:block; padding-bottom:67.7%;}
.keyword-search .search-list ul li .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.keyword-search .search-list ul li .box .txtbox { position:relative; width:calc(100% - 450px); padding:35px 0 0 60px; }
.keyword-search .search-list ul.noImg li .box .txtbox { width:100%; padding:0; }
.keyword-search .search-list ul li .box .txtbox dt { color:#111; font-size:27px; font-weight:700; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  }
.keyword-search .search-list ul li .box .txtbox dd { margin-top:30px; color:#333; font-size:17px; font-weight:300; line-height:1.45; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.keyword-search .search-list ul li .box .txtbox dd font { color:#333 !important; }
.keyword-search .search-list ul li .box .txtbox .type { display:inline-block; margin-bottom:28px; }
.keyword-search .search-list ul li .box .txtbox .type span { transition:all 0.2s; display:flex; align-items:center; height:25px; color:#fff; font-size:13px; font-weight:300; padding:0 10px; border:1px solid var(--mainColor); background:var(--mainColor); border-radius:25px; }
.keyword-search .search-list ul li .box:hover .txtbox .type span { color:var(--mainColor); background:none; }
@media screen and (max-width:1280px){
    .keyword-search .search-result { margin-top:80px; }
    .keyword-search .search-list { padding-top:150px; }
    .keyword-search .search-list:nth-child(1) { padding-top:60px; }
    .keyword-search .search-list .search-title { padding-bottom:30px; }
    .keyword-search .search-list .search-title h3 { font-size:30px; }
    .keyword-search .search-list .search-title .total { bottom:30px; font-size:16px; }
    .keyword-search .search-list ul { margin-top:50px; }
    .keyword-search .search-list ul li:not(:last-child) { margin-bottom:40px; } 
    .keyword-search .search-list ul li .box .imgbox { width:350px; }
    .keyword-search .search-list ul li .box .txtbox { width:calc(100% - 350px); padding:25px 0 0 40px; }
    .keyword-search .search-list ul li .box .txtbox dt { font-size:22px; }
    .keyword-search .search-list ul li .box .txtbox dd { margin-top:20px; }
}
@media screen and (max-width:1024px){
    .keyword-search .search-result { margin-top:60px; }
    .keyword-search .search-list { padding-top:100px; }
    .keyword-search .search-list:nth-child(1) { padding-top:40px; }
    .keyword-search .search-list .search-title { padding-bottom:15px; }
    .keyword-search .search-list .search-title h3 { font-size:24px; }
    .keyword-search .search-list .search-title .total { bottom:15px; font-size:15px; }
    .keyword-search .search-list ul { margin-top:40px; }
    .keyword-search .search-list ul li:not(:last-child) { margin-bottom:30px; } 
    .keyword-search .search-list ul li .box .imgbox { width:35%; border-radius:15px; }
    .keyword-search .search-list ul li .box .txtbox { width:65%; padding:15px 0 0 30px; }
    .keyword-search .search-list ul li .box .txtbox dt { font-size:20px; }
    .keyword-search .search-list ul li .box .txtbox dd { margin-top:15px; font-size:16px; }
}
@media screen and (max-width:760px){
    .keyword-search .search-list .search-title { padding-bottom:10px; }
    .keyword-search .search-list .search-title h3 { font-size:20px; }
    .keyword-search .search-list .search-title .total { bottom:10px; font-size:14px; }
    .keyword-search .search-list ul li .box .imgbox { width:480px; margin:0 auto; }
    .keyword-search .search-list ul li .box .txtbox { width:100%; padding:20px 0 0 0; }
    .keyword-search .search-list ul li .box .txtbox dt { font-size:18px; }
    .keyword-search .search-list ul li .box .txtbox dd { margin-top:10px; font-size:15px; }
}
@media screen and (max-width:640px){
    .keyword-search .search-result { margin-top:50px; }
}


.products-search .select-box { margin-top:35px; }
.products-search .select-box dl:not(:last-child) { margin-bottom:5px; }
.products-search .select-box dl { display:flex; flex-wrap:wrap; gap:5px; }
.products-search .select-box dt { text-align:center; width:285px; min-height:70px; background:#555; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px; font-weight:600; line-height:1.3; }
.products-search .select-box dd { width:calc(100% - 285px - 5px); padding:0 40px; min-height:70px; background:#fff; border-radius:10px; display:flex; align-items:center; color:#fff; font-size:20px; font-weight:600; line-height:1.3; }
.products-search .ch { margin-left:0 }
.products-search .ch label { display:inline-block }
.products-search .ch label:not(:last-child) { margin-right:25px; }
.products-search .ch input[type="checkbox"],
.products-search .ch input[type="radio"]{opacity:0; height:auto; line-height:auto; }
.products-search .ch input[type="checkbox"] + span,
.products-search .ch input[type="radio"] + span { position:relative; padding:0 0 0 10px; font-weight:300; font-size:17px; line-height:1.4 !important; display:inline-block; color:#333; }
.products-search .ch input[type="checkbox"] + span { padding:0 0 0 7px;}
.products-search .ch input[type="checkbox"] + span:before  { content:''; display:block; width:15px; height:15px; vertical-align:middle; background:none; border:1px solid #b7b7b7; border-radius:0; position:absolute; left:-15px; top:3px; }
.products-search .ch input[type="radio"] + span:before { content:''; display:block; width:15px; height:15px; vertical-align:middle; background:none; border:1px solid #b7b7b7; border-radius:50px; position:absolute; left:-15px; top:4px; }
.products-search .ch input[type="checkbox"] + span:after { content:''; display:block; width:15px; height:15px; vertical-align:middle; background:none; border:none; border-radius:0; position:absolute; left:-15px; top:3px; }
.products-search .ch input[type="radio"] + span:after { content:''; display:block; width:5px; height:5px; vertical-align:middle; background:none; border:none; border-radius:50px; position:absolute; left:-9px; top:10px; }
.products-search .ch input[type="checkbox"]:checked + span:after { border:1px solid var(--mainColor); background:url(/img/sub/ch_on.png) center center no-repeat; }
.products-search .ch input[type="radio"]:checked + span:after { background:var(--mainColor); }
.products-search .ch input[type="radio"]:checked + span:before { border:1px solid var(--mainColor); }
.products-search .ch input[type="radio"]:checked + span,
.products-search .ch input[type="checkbox"]:checked + span { color:var(--mainColor); }
.products-search .progress_wrap { display:flex; flex-wrap:wrap; width:100%; }
.products-search .progress_wrap .inputTxt { display:flex; flex-wrap:wrap; align-items:center; /*width:400px;*/ gap:5px 0; width:100%; }
.products-search .progress_wrap .inputTxt input { width:150px; height:35px; border:1px solid #b7b7b7; text-align:center; outline:none }
.products-search .progress_wrap .inputTxt input,
.products-search .progress_wrap .inputTxt span { color:#555; font-size:17px; font-weight:300; }
.products-search .progress_wrap .inputTxt span { display:inline-block; margin:0 0 0 10px; }
.products-search .progress_wrap .inputTxt span.hyphen { padding:0 15px 0 5px;}
.products-search .progress_wrap .inputRange { position:relative; width:560px; margin-left:60px; }
.products-search .progress_wrap .inputRange .range_box { width:100%; position:absolute; top:50%; transform:translateY(-50%) translateY(-4px); }
.products-search input::-webkit-outer-spin-button,
.products-search input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.products-search input[type=number] { -moz-appearance:textfield; }
@media screen and (max-width:1440px){
    .products-search .select-box dd { padding:0 30px; }
    .products-search .progress_wrap .inputRange { max-width:500px; width:calc(100% - 400px - 60px); }
}
@media screen and (max-width:1280px){
    .products-search .search-box { margin-top:30px; }
    .products-search .select-box dt { width:220px; }
    .products-search .select-box dd { padding:0 20px; width:calc(100% - 220px - 5px); }
    .products-search .progress_wrap .inputTxt input { width:100px; }
    .products-search .progress_wrap .inputRange { margin-left:40px; width:calc(100% - 300px - 40px);}
}
@media screen and (max-width:1024px){
    .products-search .search-box { margin-top:25px; }
    .products-search .select-box dt { font-size:18px; width:175px; min-height:60px; }
    .products-search .select-box dd { padding:20px; width:calc(100% - 175px - 5px); min-height:60px; }
    .products-search .ch input[type="checkbox"] + span,
    .products-search .ch input[type="radio"] + span { font-size:16px; }
    .products-search .ch label:not(:last-child) { margin-right:18px; }
    .products-search .progress_wrap .inputRange { width:100%; max-width:560px; margin-left:0; padding-bottom:40px; }
    .products-search .progress_wrap .inputTxt input,
    .products-search .progress_wrap .inputTxt span { font-size:16px; }
    .products-search .progress_wrap .inputTxt input { height:30px; }

}
@media screen and (max-width:640px){
    .products-search .search-box { margin-top:20px; }
    .products-search .select-box dt { font-size:16px; width:110px; }
    .products-search .select-box dd { padding:10px 5px 10px 12px; width:calc(100% - 110px - 5px); }
    .products-search .progress_wrap .inputTxt { width:100%; }
    .products-search .ch input[type="checkbox"] + span,
    .products-search .ch input[type="radio"] + span { font-size:14px; }
    .products-search .ch label:not(:last-child) { margin-right:12px; }
    .products-search .progress_wrap .inputTxt span { margin:0 0 0 4px; }
    .products-search .progress_wrap .inputTxt input,
    .products-search .progress_wrap .inputTxt span { font-size:14px; }
    .products-search .progress_wrap .inputTxt input { width:60px; }
}


.products-search .search-result { margin-top:60px; padding-top:80px; border-top:1px solid rgba(0,0,0,0.2); }
.products-search .search-result .txt-info { text-align:center; margin-top:-20px; }
.products-search .search-result .txt-info .txt { color:#777; font-size:20px; font-weight:300; line-height:1.3;  }
.products-search .search-result .txt-info .txt strong { color:#111 }
.products-search .search-result .txt-info .btnbox { margin:20px 0 80px ! important; }
.products-search .search-result .no-data { padding:125px 0 85px; }
.products-search .search-result .no-data .txtbox { text-align:center; color:#777; font-size:23px; font-weight:300; line-height:1.5;  }
.products-search .search-result .tab { position:relative; }
.products-search .search-result .tab ul { display:flex; flex-wrap:wrap; gap:10px; }
.products-search .search-result .tab ul li a { /* cursor:default; */ text-align:center; height:50px; display:flex; align-items:center; justify-content:center; padding:0 40px; color:#333; font-size:16px; font-weight:400; line-height:1.3; border:1px solid #d2d2d2; border-radius:50px; }
.products-search .search-result .tab ul li.on a { background:var(--mainColor); border:1px solid var(--mainColr); color:#fff; font-weight:600; }
.products-search .search-result .tab .s-tab { margin-top:15px; }
.products-search .search-result .tab .s-tab ul li a { height:50px; display:flex; align-items:center; justify-content:center; padding:0 40px; color:#6eb2e3; font-size:16px; font-weight:400; line-height:1.3; border:1px solid #6eb2e3; border-radius:50px; }
.products-search .search-result .tab .s-tab ul li.on a { background:#6eb2e3; border:1px solid #6eb2e3; color:#fff; font-weight:600; }
.products-search .search-result .tab .total-box {}
.products-search .search-result .tab .total-box > div { display:none }
.products-search .search-result .tab .total-box > div.on { display:block }
.products-search .search-result .tab .total-box strong { font-size:17px; color:var(--mainColor); font-weight:600 }
.products-search .search-result .tab .total-box span { font-size:17px; color:#111; font-weight:500 }
.products-search .search-list .search-title { position:relative; margin-top:60px; }
.products-search .search-list .search-title h3 { color:#111; font-size:40px; font-weight:600; line-height:1.3 }
.products-search .search-list .search-title .info-box { position:absolute; right:0; bottom:0; }
.products-search .search-list .search-title .info-box span { display:inline-block; vertical-align:middle; color:#333; font-size:17px; font-weight:500; line-height:1.3; }
.products-search .search-list .search-title .info-box select { margin:0 10px 0 30px; width:80px; height:40px; line-height:40px; padding:0 20px 0 10px; font-size:17px; color:#333; font-weight:500; border:1px solid #eee; border-radius:2px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; }
.products-search .search-list .search-title .info-box select::-ms-expand { display:none; }
.products-search .search-list .dataTable { margin-top:35px; }
.products-search .search-list .page { margin:50px auto 0 auto; }
@media screen and (max-width:1280px){
    .products-search .search-result { margin-top:50px; padding-top:50px; }
    .products-search .search-result .no-data { padding:100px 0 75px; }
    .products-search .search-result .no-data .txtbox { font-size:20px; }
    .products-search .search-result .tab ul li a { height:45px; padding:0 35px; }
    .products-search .search-list .search-title h3 { font-size:30px; }
}
@media screen and (max-width:1024px){
    .products-search .search-result { margin-top:40px; padding-top:40px; }
    .products-search .search-result .txt-info { margin-top:-10px; }
    .products-search .search-result .txt-info .txt { font-size:17px; }
    .products-search .search-result .txt-info .txt br { display:none }
    .products-search .search-result .txt-info .txt strong { display:block }
    .products-search .search-result .txt-info .btnbox { margin:20px 0 50px ! important; }
    .products-search .search-result .no-data { padding:80px 0 60px; }
    .products-search .search-result .no-data .txtbox { font-size:18px; }
    .products-search .search-result .tab ul { gap:5px; }
    .products-search .search-result .tab ul li a { height:40px; padding:0 30px; font-size:15px; }
    .products-search .search-result .tab .s-tab { margin-top:12px; }
    .products-search .search-result .tab .s-tab ul li a { height:40px; padding:0 30px; font-size:15px; }
    .products-search .search-list .search-title { margin-top:40px; }
    .products-search .search-list .search-title h3 { font-size:24px; }
    .products-search .search-list .search-title .info-box span { font-size:16px; }
    .products-search .search-list .search-title .info-box select { margin:0 5px 0 20px; width:70px; height:35px; line-height:35px; font-size:16px; }
    .products-search .search-list .dataTable { margin-top:25px; }
    .products-search .search-list .page { margin:40px auto 0 auto; }
}
@media screen and (max-width:760px){
    .products-search .search-list .search-title h3 { font-size:22px; }
}
@media screen and (max-width:640px){
    .products-search .search-result .no-data { padding:60px 0 40px; }
    .products-search .search-result .no-data .txtbox { font-size:16px; }
    .products-search .search-result .tab ul { justify-content:center; }
    .products-search .search-result .tab ul li a { height:35px; padding:0 20px; }
    .products-search .search-result .tab .s-tab { margin-top:10px; }
    .products-search .search-result .tab .s-tab ul { justify-content:flex-start; }
    .products-search .search-result .tab .s-tab ul li { width:calc((100% - 5px) / 2) }
    .products-search .search-result .tab .s-tab ul li a { height:35px; padding:0 15px; }
    .products-search .search-list .search-title .info-box span { font-size:15px; }
    .products-search .search-list .search-title .info-box { bottom:0; }
    .products-search .search-list .search-title .info-box select { margin:0 5px 0 10px; font-size:15px; } 
    .products-search .search-list .dataTable { margin-top:20px; }
}
@media screen and (max-width:550px){
    .products-search .search-result .tab { align-items:center; justify-content:space-between; flex-direction:column; padding-bottom:0; }
    .products-search .search-result .tab .s-tab ul li { width:100% }
    /*.products-search .search-result .tab .total-box { position:absolute; bottom:-10px; right:0; } */
    .products-search .search-result .tab .total-box { margin-top:12px; }
    .products-search .search-result .tab .total-box strong,
    .products-search .search-result .tab .total-box span { font-size:16px; }
}

.inquiry-box .tit { text-align:center; }
.inquiry-box .tit h3 { color:#111; font-size:40px; font-weight:700; line-height:1.3; font-family:'Pretendard'; }
.inquiry-box .listbox { margin-top:50px; border-radius:20px; border:1px solid #d4d4d4; background:#fff; padding:70px 25px 70px 75px; }
.inquiry-box .inquiry-list .scroll-box { max-height:640px; padding-right:50px; }
.inquiry-box .inquiry-list .type1 { display:flex; flex-wrap:wrap; gap:40px; }
.inquiry-box .inquiry-list .type1 > li { position:relative; width:calc((100% - 80px) / 3); height:640px; padding-bottom:100px; border:1px solid #d4d4d4; border-radius:20px; }
.inquiry-box .inquiry-list .type1 > li .title { height:75px; border-radius:20px 20px 0 0; background:#555; padding:0 35px; display:flex; align-items:center; color:#fff; font-size:23px; font-weight:600; line-height:1.3; }
.inquiry-box .inquiry-list .type1 > li .imgbox { text-align:center; padding:0 10px; }
.inquiry-box .inquiry-list .type1 > li .imgbox img { max-width:100%; }
.inquiry-box .inquiry-list .type1 > li .txtbox { padding:30px 35px; }
.inquiry-box .inquiry-list .type1 > li .txtbox .txt { color:#333; font-size:17px; font-weight:300; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.inquiry-box .inquiry-list .type1 > li .qty { position:absolute; left:50%; bottom:45px; transform:translateX(-50%); display:flex; align-items:center; width:200px; }
.inquiry-box .inquiry-list .type1 > li .qty label { color:#333; font-size:14px; font-weight:300; line-height:1.4; }
.inquiry-box .inquiry-list .type1 > li .qty input[type="text"] { width:70px; height:35px; background:none; outline:none; border:1px solid #d9d9d9; padding:0 5px; color:#111; font-size:14px; font-weight:300; text-align:center; margin-left:10px; }
.inquiry-box .inquiry-list .type1 > li .qty a { margin-left:10px; display:inline-block; height:35px; line-height:35px; padding:0 16px; color:#fff; font-size:14px; font-weight:500; background:var(--mainColor); border-radius:20px; }
.inquiry-box .inquiry-list .type1 > li .dalete { position:absolute; right:30px; top:94px; }
.inquiry-box .inquiry-list:nth-child(2) { margin-top:180px; }
.inquiry-box .inquiry-list:nth-child(2) .scroll-box { max-height:622px; }
.inquiry-box .inquiry-list .type2 { padding-top:25px; }
.inquiry-box .inquiry-list .type2 > li:not(:last-child) { margin-bottom:53px; }
.inquiry-box .inquiry-list .type2 > li .box { position:relative; padding:35px 45px; border-radius:20px; border:1px solid #d4d4d4; background:#fff; }
.inquiry-box .inquiry-list .type2 > li .box dt { position:absolute; left:15px; top:-23px; height:45px; border-radius:45px; padding:2px 30px; display:flex; align-items:center; background:var(--mainColor); color:#fff; font-size:19px; font-weight:700; line-height:1.4; }
.inquiry-box .inquiry-list .type2 > li .box dd li:not(:last-child) { margin-bottom:10px; } 
.inquiry-box .inquiry-list .type2 > li .box dd li { position:relative; color:#333; font-size:17px; font-weight:300; line-height:1.4; padding-left:14px; }
.inquiry-box .inquiry-list .type2 > li .box dd li strong { font-weight:600; }
.inquiry-box .inquiry-list .type2 > li .box dd li:before { content:""; display:block; background:var(--mainColor); width:3px; height:3px; border-radius:3px; position:absolute; left:0; top:10px; }
.inquiry-box .inquiry-list .type2 > li .dalete { position:absolute; right:30px; top:30px; }
.inquiry-box .inquiry-list .noData { text-align:center; padding:100px 0; color:#999; font-size:25px; font-weight:300; line-height:1.4; }
.inquiry-box .inquiry-list .option-list { margin:30px 35px; }
.inquiry-box .inquiry-list .option-list > ul > li:not(:last-child) { margin-bottom:6px; }
.inquiry-box .inquiry-list .option-list > ul > li { color:#333; font-size:17px; font-weight:300; line-height:1.4; display:flex; }
.inquiry-box .inquiry-list .option-list > ul > li strong { width:155px; font-weight:400; color:#111; }
.inquiry-box .inquiry-list .option-list > ul > li span { width:calc(100% - 155px); }
.inquiry-box .inquiry-ip { margin-top:150px; }
.inquiry-box .inquiry-ip .txt_r { text-align:right; color:#666; font-size:15px; font-weight:500; line-height:1.3; }
.inquiry-box .inquiry-ip .txt_r span { color:var(--subColor); font-weight:500; }
.inquiry-box .inquiry-ip .ip-box > ul { margin-top:10px; display:flex; flex-wrap:wrap; border:1px solid rgba(219, 219, 219, 0.64); background:#fff; }
.inquiry-box .inquiry-ip .ip-box > ul > li { width:100%; display:flex; flex-wrap:wrap; border-bottom:1px solid rgba(219, 219, 219, 0.64); }
.inquiry-box .inquiry-ip .ip-box > ul > li.w50 { width:50%; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipTit { width:240px; min-height:80px; display:flex; align-items:center; background:#ebebeb; padding:0 0 0 33px; color:#111; font-size:17px; font-weight:500; line-height:1.3; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipTit span { color:var(--subColor); font-weight:500; }
.inquiry-box .inquiry-ip .ip-box > ul > li.top .ipTit { align-items:flex-start; padding-top:27px; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont { width:calc(100% - 240px); padding:10px 15px; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input[type="text"] { height:60px; background:none; outline:none; border:1px solid #dcdcdc; padding:0 15px; color:#111; font-size:17px; font-weight:400; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input.ip01,
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input.ip02 { width:calc(50% - 2px); }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input.ip03,
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input.ip04 { width:100%; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input.ip05 { width:calc(50% - 20px); }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input.ip06 { width:calc(100% - 175px - 60px); }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont textarea { width:100%; height:200px; background:none; outline:none; border:1px solid #dcdcdc; padding:15px; color:#111; font-size:17px; font-weight:400; line-height:1.4; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input::placeholder{ color:#999; font-weight:300; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont textarea::placeholder{ color:#999; font-weight:300; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont select { width:33.333%; height:60px; line-height:60px; padding:0 20px 0 10px; font-size:17px; color:#111; font-weight:500; border:1px solid #ddd; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont select::-ms-expand { display:none; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .stxt { display:inline-block; width:30px; text-align:center; color:#333; font-size:17px; font-weight:300; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox { display:flex; align-items:center; height:100%; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .ch-box { width:240px; display:flex; align-items:center; min-height:60px }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .ch-box a { color:#111; font-size:17px; font-weight:400; line-height:1.3; text-decoration-line:underline; margin-left:20px; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box { display:flex; align-items:center; justify-content:space-between; width:calc(100% - 240px); height:100%; background:#d5e3ed; padding:0 20px; color:#111; font-size:17px; font-weight:400; line-height:1.3; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box .timeCont span { display:inline-block; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box .timeCont .time { width:62px; margin-left:15px; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .kcaptcha_ip { display:flex; align-items:center;; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .kcaptcha_ip .imgbox img { width:175px; border:none }
.inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .kcaptcha_ip .btn { width:60px; height:60px; border:none; outline:none; background:#555 url(/img/sub/btn_refresh.png) center center no-repeat; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch { margin-left:0 }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch label { display:inline-block }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch label:not(:last-child) { margin-right:25px; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="checkbox"],
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="radio"]{opacity:0; height:auto; line-height:auto; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="checkbox"] + span,
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="radio"] + span { position:relative; padding:0 0 0 10px; font-weight:300; font-size:17px; line-height:1.4 !important; display:inline-block; color:#333; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="checkbox"] + span { padding:0 0 0 7px;}
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="checkbox"] + span:before  { content:''; display:block; width:15px; height:15px; vertical-align:middle; background:none; border:1px solid #b7b7b7; border-radius:0; position:absolute; left:-15px; top:3px; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="radio"] + span:before { content:''; display:block; width:15px; height:15px; vertical-align:middle; background:none; border:1px solid #b7b7b7; border-radius:50px; position:absolute; left:-15px; top:4px; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="checkbox"] + span:after { content:''; display:block; width:15px; height:15px; vertical-align:middle; background:none; border:none; border-radius:0; position:absolute; left:-15px; top:3px; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="radio"] + span:after { content:''; display:block; width:5px; height:5px; vertical-align:middle; background:none; border:none; border-radius:50px; position:absolute; left:-9px; top:10px; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="checkbox"]:checked + span:after { border:1px solid var(--mainColor); background:url(/img/sub/ch_on.png) center center no-repeat; }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="radio"]:checked + span:after { background:var(--mainColor); }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="radio"]:checked + span:before { border:1px solid var(--mainColor); }
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="radio"]:checked + span,
.inquiry-box .inquiry-ip .ip-box > ul > li .ch input[type="checkbox"]:checked + span { color:var(--mainColor); }
.inquiry-box .btnbox { margin-top:70px !important; }
@media screen and (max-width:1600px){
    .inquiry-box .listbox { padding:50px 25px 50px 55px; }
    .inquiry-box .inquiry-list .scroll-box { padding-right:30px; max-height:580px; }
    .inquiry-box .inquiry-list .type1 { gap:30px; }
    .inquiry-box .inquiry-list .type1 > li { width:calc((100% - 60px) / 3); height:580px; }
    .inquiry-box .inquiry-list .type1 > li .txtbox { padding:30px 25px; }
    .inquiry-box .inquiry-list:nth-child(2) { margin-top:140px; }
    .inquiry-box .inquiry-list:nth-child(2) .scroll-box { max-height:600px; }
    .inquiry-box .inquiry-list .type2 > li .box { padding:35px 30px 25px; }
    .inquiry-box .inquiry-ip { margin-top:140px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipTit { width:200px; padding:0 0 0 20px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont { width:calc(100% - 200px); }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .ch-box { width:200px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box { width:calc(100% - 200px); }
}
@media screen and (max-width:1280px){
    .inquiry-box .tit h3 { font-size:30px; }
    .inquiry-box .listbox { padding:40px 25px 40px 45px; margin-top:40px; }
    .inquiry-box .inquiry-list .scroll-box { padding-right:20px; }
    .inquiry-box .inquiry-list .type1 { gap:20px; }
    .inquiry-box .inquiry-list .type1 > li { width:calc((100% - 20px) / 2); }
    .inquiry-box .inquiry-list .type1 > li .title { height:70px; padding:0 20px; font-size:21px; }
    .inquiry-box .inquiry-list .type1 > li .txtbox { padding:20px 20px; }
    .inquiry-box .inquiry-list .type1 > li .txtbox .txt { -webkit-line-clamp:4; font-size:16px; }
    .inquiry-box .inquiry-list .type1 > li .dalete { right:20px; top:90px; }
    .inquiry-box .inquiry-list:nth-child(2) { margin-top:100px; }
    .inquiry-box .inquiry-list:nth-child(2) .scroll-box { max-height:570px; }
    .inquiry-box .inquiry-list .type2 > li:not(:last-child) { margin-bottom:40px; }
    .inquiry-box .inquiry-list .type2 > li .dalete { right:20px; top:20px; }
    .inquiry-box .inquiry-list .type2 > li .box { padding:35px 25px 30px; }
    .inquiry-box .inquiry-list .type2 > li .box dd li { font-size:16px; }
    .inquiry-box .inquiry-list .type2 > li .box dt { top:-20px; height:40px; font-size:18px; }
    .inquiry-box .inquiry-list .option-list { margin:15px 25px; }
    .inquiry-box .inquiry-list .option-list > ul > li:not(:last-child) { margin-bottom:6px; }
    .inquiry-box .inquiry-list .option-list > ul > li { font-size:16px; }
    .inquiry-box .inquiry-list .option-list > ul > li strong { width:145px; }
    .inquiry-box .inquiry-list .option-list > ul > li span { width:calc(100% - 145px); }
    .inquiry-box .inquiry-ip { margin-top:100px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipTit { width:150px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont { width:calc(100% - 150px); }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .ch-box { width:180px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box { width:calc(100% - 180px); }
}
@media screen and (max-width:1100px){
    .inquiry-box .inquiry-ip .ip-box > ul > li.w50 { width:100%; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .ch-box { width:50%; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box { width:calc(100% - 50%); }
}
@media screen and (max-width:1024px){
    .inquiry-box .tit h3 { font-size:24px; }
    .inquiry-box .listbox { padding:30px 15px 30px 30px; margin-top:30px; border-radius:10px; }
    .inquiry-box .inquiry-list .scroll-box { padding-right:15px; max-height:550px; }
    .inquiry-box .inquiry-list .type1 { gap:15px; }
    .inquiry-box .inquiry-list .type1 > li { width:calc((100% - 15px) / 2); height:550px; border-radius:10px; }
    .inquiry-box .inquiry-list .type1 > li .title { height:60px; padding:0 20px; font-size:18px; border-radius:10px 10px 0 0; }
    .inquiry-box .inquiry-list .type1 > li .dalete { right:15px; top:90px; }
    .inquiry-box .inquiry-list .type1 > li .qty a { font-size:13px; }
    .inquiry-box .inquiry-list:nth-child(2) { margin-top:80px; }
    .inquiry-box .inquiry-list:nth-child(2) .scroll-box { max-height:530px; }
    .inquiry-box .inquiry-list .type2 > li:not(:last-child) { margin-bottom:35px; }
    .inquiry-box .inquiry-list .type2 > li .box { border-radius:10px; }
    .inquiry-box .inquiry-list .type2 > li .box dt { top:-19px; height:38px; font-size:16px; }
    .inquiry-box .inquiry-list .type2 > li .dalete { right:15px; top:15px; }
    .inquiry-box .inquiry-list .type2 > li .box dd li:not(:last-child) { margin-bottom:7px; } 
    .inquiry-box .inquiry-list .type2 > li .box dd li { font-size:15px; }
    .inquiry-box .inquiry-ip { margin-top:80px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipTit { min-height:70px; font-size:16px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input[type="text"] { height:55px; padding:0 10px; font-size:16px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont textarea { height:180px; padding:10px; font-size:16px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont select { height:55px; line-height:55px; font-size:16px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .stxt { font-size:16px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .ch-box { min-height:55px }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .ch-box a { font-size:16px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .kcaptcha_ip .imgbox img { width:175px; height:55px !important; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box { font-size:16px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box .timeCont .time { width:60px; margin-left:10px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .kcaptcha_ip .btn { width:55px; height:55px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .stxt { width:20px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input.ip05 { width:calc(50% - 14px); }
    .inquiry-box .btnbox { margin-top:60px !important; }
}
@media screen and (max-width:760px){
    .inquiry-box .tit h3 { font-size:20px; }
    .inquiry-box .inquiry-list .scroll-box { max-height:560px; }
    .inquiry-box .inquiry-list .type1 { gap:10px; }
    .inquiry-box .inquiry-list .type1 > li { width:100%; height:auto; }
    .inquiry-box .inquiry-list .type1 > li .title { height:55px; font-size:16px; }
    .inquiry-box .inquiry-list .type1 > li .dalete { right:15px; top:70px; }
    .inquiry-box .inquiry-list:nth-child(2) { margin-top:80px; }
    .inquiry-box .inquiry-list:nth-child(2) .scroll-box { max-height:530px; }
    .inquiry-box .inquiry-list .type2 > li .box dt { top:-19px; height:38px; font-size:16px; }
    .inquiry-box .inquiry-list .type2 > li .dalete { right:15px; top:15px; }
    .inquiry-box .inquiry-list .type2 > li .box dd li:not(:last-child) { margin-bottom:7px; } 
    .inquiry-box .inquiry-list .type2 > li .box dd li { font-size:15px; }
}
@media screen and (max-width:640px){
    .inquiry-box .inquiry-list .scroll-box { max-height:540px; }
    .inquiry-box .listbox { padding:20px 15px 20px 20px; margin-top:20px; }
    .inquiry-box .inquiry-list:nth-child(2) { margin-top:50px; }
    .inquiry-box .inquiry-list .option-list { margin:20px 20px; }
    .inquiry-box .inquiry-list .option-list > ul > li:not(:last-child) { margin-bottom:5px; }
    .inquiry-box .inquiry-list .option-list > ul > li { font-size:15px; }
    .inquiry-box .inquiry-list .option-list > ul > li strong { width:135px; }
    .inquiry-box .inquiry-list .option-list > ul > li span { width:calc(100% - 135px); }
    .inquiry-box .inquiry-ip { margin-top:50px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipTit { width:100%; padding:20px 10px 0; min-height:auto; background:none }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont { width:100%; padding:5px 10px 10px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont input[type="text"] { height:50px; font-size:15px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont select { height:50px; line-height:50px; font-size:15px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .ch-box { min-height:50px }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .kcaptcha_ip .imgbox img { width:160px; height:50px !important; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .kcaptcha_ip .btn { width:50px; height:50px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipTit,
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box,
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .ch-box a,
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .stxt,
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont textarea { font-size:15px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box { padding:0 10px 0 15px; }
    .inquiry-box .inquiry-ip .ip-box > ul > li .ipCont .sbox .time-box .timeCont .time { width:58px; margin-left:8px; }
    .inquiry-box .btnbox { margin-top:40px !important; }
	.inquiry-box .btnbox a span,
	.inquiry-box .btnbox button span { min-width:108px !important; }
}



.dataTable table { border-top:2px solid var(--mainColor); border-collapse:collapse; border-spacing:0; }
.dataTable .scroll-box { overflow:auto; max-height:600px;}
.dataTable .scroll-box table { border-top:none; }
.dataTable table thead th { text-align:center; background:#ebebeb; color:#333; font-size:17px; font-weight:300; line-height:1.3; height:40px; border:1px solid #dadada; border-width:0 1px 1px 0; padding:0 5px; min-width:50px; }
.dataTable table thead th a { display:inline-block; }
.dataTable table thead tr:first-child th { height:60px; font-weight:500; }
.dataTable table thead tr:first-child th:last-child { border-right:none }
.dataTable table thead th a img { display:block; margin:3px auto 0; padding:7px; }
.dataTable table tbody td { text-align:center; color:#333; font-size:17px; font-weight:300; line-height:1.3; height:60px; border:1px solid #dadada; border-width:0 1px 1px 0; padding:0 5px; min-width:50px; }
.dataTable table tbody td.noTxt { text-align:left; }
.dataTable table tbody td:last-child { border-right:none }
.dataTable table tbody tr td:first-child a { position:relative; color:#111; }
.dataTable table tbody tr td:first-child a:before { content:""; display:block; background:#111; width:100%; height:1px; position:absolute; left:0; bottom:0; }
.dataTable table tbody tr:nth-child(2n) td { background:rgba(36,44,141,0.08) }
@media screen and (max-width:1400px){
    .dataTable .col1 { width:160px !important;}
    .dataTable .col3 { width:75px !important;}
    .dataTable .col4 { width:70px !important;}
}
@media screen and (max-width:1200px){
    .dataTable { width:100%; overflow:auto; }
    .dataTable .tableCont { width:1200px; }
}
@media screen and (max-width:1024px){
    .dataTable .tableCont { width:1024px; }
    .dataTable .scroll-box { overflow:auto; max-height:300px;}
    .dataTable table thead th,
    .dataTable table tbody td { font-size:16px; padding:3px; min-width:auto; height:50px; }
    .dataTable table thead tr:first-child th { height:50px; }
    .dataTable table thead th a img { width:12px; }
    .dataTable .col1 { width:120px !important;}
    .dataTable .col2 { }
}
@media screen and (max-width:640px){
    .dataTable table thead th { font-size:14px; height:auto; }
    .dataTable table tbody td { font-size:13px; height:auto; }
    .dataTable table thead th a img { width:11px; padding:6px; }
    .dataTable table thead th,
    .dataTable table tbody td { padding:3px 0; margin:0;}
    .dataTable .tableCont { width:800px; }
    .dataTable .col1 { width:95px !important;}
    .dataTable .col2 { width:auto !important;}
    .dataTable .col3 { width:55px !important;}
    .dataTable .col4 { width:50px !important;}

    .dataTable .top-table { }

    .dataTable .a_col1 { width:35px !important;}
    .dataTable .a_col2 { width:35px !important;}
    .dataTable .a_col3 { width:35px !important;}
    .dataTable .a_col4 { width:35px !important;}
    .dataTable .a_col5 { width:35px !important;}
    .dataTable .a_col6 { width:35px !important;}
    .dataTable .a_col7 { width:35px !important;}
    .dataTable .a_col8 { width:35px !important;}
    .dataTable .a_col9 { width:35px !important;}
    .dataTable .a_col10 { width:35px !important;}
    .dataTable .a_col11 { width:35px !important;}
    .dataTable .a_col12 { width:35px !important;}
    .dataTable .a_col13 { width:35px !important;}
    .dataTable .a_col14 { width:35px !important;}
    .dataTable .a_col15 { width:115px !important;}
    .dataTable .a_col16 { width:70px !important;}
    .dataTable .a_col17 { width:55px !important;}
    .dataTable .a_col18 { width:50px !important;}

    .dataTable .b_col1 { width:30px !important;}
    .dataTable .b_col2 { width:30px !important;}
    .dataTable .b_col3 { width:32px !important;}
    .dataTable .b_col4 { width:32px !important;}
    .dataTable .b_col5 { width:32px !important;}
    .dataTable .b_col6 { width:32px !important;}
    .dataTable .b_col7 { width:32px !important;}
    .dataTable .b_col8 { width:32px !important;}
    .dataTable .b_col9 { width:32px !important;}
    .dataTable .b_col10 { width:32px !important;}
    .dataTable .b_col11 { width:32px !important;}
    .dataTable .b_col12 { width:32px !important;}
    .dataTable .b_col13 { width:32px !important;}
    .dataTable .b_col14 { width:32px !important;}
    .dataTable .b_col15 { width:32px !important;}
    .dataTable .b_col16 { width:32px !important;}
    .dataTable .b_col17 { width:32px !important;}
    .dataTable .b_col18 { width:32px !important;}
    .dataTable .b_col19 { width:75px !important;}
    .dataTable .b_col20 { width:68px !important;}
    .dataTable .b_col21 { width:44px !important;}
    .dataTable .b_col22 { width:40px !important;}    

    .dataTable .c_col1 { width:30px !important;}
    .dataTable .c_col2 { width:30px !important;}
    .dataTable .c_col3 { width:32px !important;}
    .dataTable .c_col4 { width:32px !important;}
    .dataTable .c_col5 { width:32px !important;}
    .dataTable .c_col6 { width:32px !important;}
    .dataTable .c_col7 { width:32px !important;}
    .dataTable .c_col8 { width:32px !important;}
    .dataTable .c_col9 { width:32px !important;}
    .dataTable .c_col10 { width:32px !important;}
    .dataTable .c_col11 { width:32px !important;}
    .dataTable .c_col12 { width:32px !important;}
    .dataTable .c_col13 { width:32px !important;}
    .dataTable .c_col14 { width:32px !important;}
    .dataTable .c_col15 { width:32px !important;}
    .dataTable .c_col16 { width:32px !important;}
    .dataTable .c_col17 { width:32px !important;}
    .dataTable .c_col18 { width:32px !important;}
    .dataTable .c_col19 { width:75px !important;}
    .dataTable .c_col20 { width:68px !important;}
    .dataTable .c_col21 { width:44px !important;}
    .dataTable .c_col22 { width:40px !important;}

    .dataTable .d_col1 { width:33px !important;}
    .dataTable .d_col2 { width:33px !important;}
    .dataTable .d_col3 { width:28px !important;}
    .dataTable .d_col4 { width:28px !important;}
    .dataTable .d_col5 { width:28px !important;}
    .dataTable .d_col6 { width:28px !important;}
    .dataTable .d_col7 { width:28px !important;}
    .dataTable .d_col8 { width:28px !important;}
    .dataTable .d_col9 { width:28px !important;}
    .dataTable .d_col10 { width:28px !important;}
    .dataTable .d_col11 { width:28px !important;}
    .dataTable .d_col12 { width:28px !important;}
    .dataTable .d_col13 { width:28px !important;}
    .dataTable .d_col14 { width:28px !important;}
    .dataTable .d_col15 { width:28px !important;}
    .dataTable .d_col16 { width:28px !important;}
    .dataTable .d_col17 { width:28px !important;}
    .dataTable .d_col18 { width:28px !important;}
    .dataTable .d_col19 { width:28px !important;}
    .dataTable .d_col20 { width:28px !important;}
    .dataTable .d_col21 { width:75px !important;}
    .dataTable .d_col22 { width:68px !important;}
    .dataTable .d_col23 { width:47px !important;}
    .dataTable .d_col24 { width:40px !important;}

    .dataTable .e_col1 { width:35px !important;}
    .dataTable .e_col2 { width:35px !important;}
    .dataTable .e_col3 { width:35px !important;}
    .dataTable .e_col4 { width:35px !important;}
    .dataTable .e_col5 { width:35px !important;}
    .dataTable .e_col6 { width:35px !important;}
    .dataTable .e_col7 { width:35px !important;}
    .dataTable .e_col8 { width:35px !important;}
    .dataTable .e_col9 { width:35px !important;}
    .dataTable .e_col10 { width:35px !important;}
    .dataTable .e_col11 { width:35px !important;}
    .dataTable .e_col12 { width:35px !important;}
    .dataTable .e_col13 { width:35px !important;}
    .dataTable .e_col14 { width:35px !important;}
    .dataTable .e_col15 { width:35px !important;}
    .dataTable .e_col16 { width:35px !important;}
    .dataTable .e_col17 { width:78px !important;}
    .dataTable .e_col18 { width:67px !important;}
    .dataTable .e_col19 { width:50px !important;}
    .dataTable .e_col20 { width:45px !important;}    
}

/* about */
.about-ceo { position:relative; display:flex; flex-wrap:wrap; gap:80px; }
.about-ceo > div { width:calc((100% - 80px) / 2); }
.about-ceo .imgbox { position:relative;  }
.about-ceo .imgbox img { max-width:100%; border-radius:30px; overflow:hidden }
.about-ceo .txtbox { margin-top:30px; }
.about-ceo .txtbox dt { color:var(--mainColor); font-size:40px; font-weight:600; line-height:1.3; }
.about-ceo .txtbox dd { margin-top:40px; }
.about-ceo .txtbox dd p:not(:last-child) { margin-bottom:25px; }
.about-ceo .txtbox dd p { color:#333; font-size:17px; font-weight:300; line-height:1.45; }
.about-ceo .txtbox .txt_b { position:relative; margin-top:190px; color:#333; font-size:18px; font-weight:300; line-height:1.3; }
.about-ceo .txtbox .txt_b strong { display:block; font-size:30px; font-weight:600; }
.about-ceo .txtbox .txt_b .sign { position:absolute; left:118px; top:-10px; }
.about-ceo .txtbox .txt_b .sign img { mix-blend-mode:multiply;  }
@media screen and (max-width:1740px){
    .about-ceo .txtbox dd p br { display:none }
}
@media screen and (max-width:1400px){
    .about-ceo .txtbox dt { font-size:34px; }
    .about-ceo .txtbox dd { margin-top:30px; }
    .about-ceo .txtbox dd p:not(:last-child) { margin-bottom:20px; }
    .about-ceo .txtbox dd p { font-size:17px; }
    .about-ceo .txtbox .txt_b { margin-top:80px; font-size:17px; }
    .about-ceo .txtbox .txt_b strong { font-size:28px; }
    .about-ceo .txtbox .txt_b .sign { left:100px; }
}
@media screen and (max-width:1280px){
    .about-ceo { gap:40px; }
    .about-ceo > div { width:calc((100% - 40px) / 2); }
    .about-ceo .txtbox { margin-top:15px; }
    .about-ceo .txtbox dt { font-size:24px; }
    .about-ceo .txtbox dd { margin-top:20px; }
    .about-ceo .txtbox dd p:not(:last-child) { margin-bottom:15px; }
    .about-ceo .txtbox dd p { font-size:16px; }
    .about-ceo .txtbox .txt_b { margin-top:50px; font-size:16px; }
    .about-ceo .txtbox .txt_b strong { font-size:24px; }
}
@media screen and (max-width:1024px){
    .about-ceo { gap:25px; }
    .about-ceo > div { width:100%; }
    .about-ceo .imgbox { text-align:center; max-width:600px; margin:0 auto }
    .about-ceo .imgbox img { border-radius:15px; }
    .about-ceo .txtbox { margin-top:12px; }
    .about-ceo .txtbox dt { font-size:22px; }
    .about-ceo .txtbox dd { margin-top:15px; }
    .about-ceo .txtbox dd p:not(:last-child) { margin-bottom:13px; }
    .about-ceo .txtbox dd p { font-size:15px; }
    .about-ceo .txtbox .txt_b { margin-top:40px; font-size:15px; }
    .about-ceo .txtbox .txt_b strong { font-size:24px; }
    .about-ceo .txtbox .txt_b .sign { left:80px; }
    .about-ceo .txtbox .txt_b .sign img { width:140px; }
}

/* animation */
.about-ceo .imgbox:after { content:""; display:block; width:100%; height:100%; background:#f5f5f7; position:absolute; right:0; top:0; }
.about-ceo .imgbox:after { animation:ani_w100 0.8s 0.1s; animation-fill-mode:both; }
.about-ceo .txtbox { opacity:0; }
.about-ceo .txtbox { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; mix-blend-mode:multiply }
@media screen and (max-width:1024px){
    .about-ceo .imgbox:after { top:unset; bottom:0; }
    .about-ceo .imgbox:after { animation:ani_h100 0.8s 0.1s; animation-fill-mode:both; }
    .about-ceo .txtbox.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; mix-blend-mode:multiply }
}


.about-history { position:relative; display:flex; flex-wrap:wrap; }
.about-history .imgbox { width:500px; position:sticky; left:0; top:200px; max-height:575px; z-index:2 }
.about-history .imgbox:before { content:""; display:block; background:#f5f5f7; width:100vw; max-width:1700px; height:200px; position:absolute; left:0; top:-200px; }
.about-history .imgbox ul { position:relative; }
.about-history .imgbox li { position:absolute; left:0; top:0; opacity:0; }
.about-history .imgbox li.on { opacity:1; }
.about-history .imgbox li:after { content:""; display:block; width:100%; height:100%; background:#f5f5f7; position:absolute; right:0; bottom:0; }
.about-history .imgbox li.on:after { animation:ani_h100 0.8s 0.1s; animation-fill-mode:both; }
.about-history .imgbox img { width:100%; border-radius:30px; }
.about-history .history-box { width:calc(100% - 500px); padding-left:80px; }
.about-history .history-box .listbox { border-top:1px solid rgba(0, 0, 0, 0.20); padding:50px 0 60px; min-height:575px; }
.about-history .history-box .listbox:last-child { padding:50px 0 0; }
.about-history .history-box .listbox .bg { display:none }
.about-history .history-box .listbox .year { color:var(--mainColor); font-size:50px; font-weight:600; line-height:1.3; }
.about-history .history-box .listbox dl { margin-top:40px; display:flex; flex-wrap:wrap; }
.about-history .history-box .listbox dt { width:110px; color:#111; font-size:28px; font-weight:600; line-height:1.3; }
.about-history .history-box .listbox dd { width:calc(100% - 110px); padding:4px 90px 0 0; }
.about-history .history-box .listbox dd li:not(:last-child) { margin-bottom:15px; }
.about-history .history-box .listbox dd li { position:relative; color:#333; font-size:17px; font-weight:300; line-height:1.6; padding-left:15px; }
.about-history .history-box .listbox dd li:before { content:""; display:block; background:#333; width:3px; height:3px; border-radius:3px; position:absolute; left:0; top:12px; }
@media screen and (max-width:1740px){
    .about-history .history-box .listbox dd { padding:4px 0 0 0; }
}
@media screen and (max-width:1280px){
    .about-history .imgbox { width:380px; top:150px; max-height:434px; }
    .about-history .imgbox:before { height:150px; top:-150px; }
    .about-history .history-box { width:calc(100% - 380px); padding-left:60px; }
    .about-history .history-box .listbox { padding:40px 0 50px; min-height:434px; }
    .about-history .history-box .listbox:last-child { padding:40px 0 0; }
    .about-history .history-box .listbox .year { font-size:40px; }
    .about-history .history-box .listbox dl { margin-top:35px; }
    .about-history .history-box .listbox dt { width:90px; font-size:26px; }
    .about-history .history-box .listbox dd { width:calc(100% - 90px); padding:2px 0 0 0; }
    .about-history .history-box .listbox dd li:not(:last-child) { margin-bottom:12px; }
    .about-history .history-box .listbox dd li { font-size:16px; padding-left:15px; }
    .about-history .history-box .listbox dd li:before { top:12px; }
}
@media screen and (max-width:1024px){
    .about-history .imgbox { width:300px; top:120px; max-height:342px; }
    .about-history .imgbox:before { height:120px; top:-120px; }
    .about-history .imgbox img { border-radius:15px; }
    .about-history .history-box { width:calc(100% - 300px); padding-left:40px; }
    .about-history .history-box .listbox { padding:30px 0 40px; min-height:342px; }
    .about-history .history-box .listbox:last-child { padding:30px 0 0; }
    .about-history .history-box .listbox .year { font-size:30px; }
    .about-history .history-box .listbox dl { margin-top:25px; }
    .about-history .history-box .listbox dt { width:80px; font-size:22px; }
    .about-history .history-box .listbox dd { width:calc(100% - 80px); padding:0 0 0 0; }
    .about-history .history-box .listbox dd li:not(:last-child) { margin-bottom:10px; }
    .about-history .history-box .listbox dd li { font-size:15px; padding-left:13px; }
    .about-history .history-box .listbox dd li:before { top:11px; }
}
@media screen and (max-width:860px){
    .about-history .imgbox { display:none }
    .about-history .history-box { width:100%; padding-left:0; }
    .about-history .history-box .listbox { min-height:auto; }
    .about-history .history-box .listbox .bg { display:block; position:relative; margin-bottom:20px; }
    .about-history .history-box .listbox .bg:before {content:""; display:block; padding-bottom:45%; }
    .about-history .history-box .listbox .bg img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:10px }
} 
@media screen and (max-width:640px){
    .about-history .history-box .listbox .year { font-size:26px; }
    .about-history .history-box .listbox dl { margin-top:20px; }
    .about-history .history-box .listbox dt { width:60px; font-size:20px; }
    .about-history .history-box .listbox dd { width:calc(100% - 60px); }
}

.about-aboutus .listbox { overflow:hidden; }
.about-aboutus .aboutCont { padding-top:160px; }
.about-aboutus .aboutCont:nth-child(1) { padding-top:85px; }
.about-aboutus .aboutCont:not(:last-child) { padding-bottom:160px; border-bottom:1px solid #ddd }
.about-aboutus .about-title h3 { color:#111; font-size:40px; font-weight:600; line-height:1.3; }
.about-aboutus .aboutCont .box { margin-top:40px; }
.about-aboutus .aboutCont .profileCont .txt-info dt { color:var(--mainColor); font-size:28px; font-weight:600; line-height:1.4; }
.about-aboutus .aboutCont .profileCont .txt-info dd { margin-top:15px; color:#333; font-size:17px; font-weight:300; line-height:1.4; }
.about-aboutus .aboutCont .profileCont .mapCont { position:relative; text-align:center; margin-top:40px; }
.about-aboutus .aboutCont .profileCont .mapCont .imgbox img { width:100%; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox { position:absolute; left:0; top:158px; width:100%; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox p { color:#333; font-size:25px; font-weight:600; line-height:1.6; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox ul { margin-top:70px; display:flex; flex-wrap:wrap; gap:48px; justify-content:center; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox li { display:flex; flex-direction:column; justify-content:center; width:calc((100% - 96px) / 3); height:400px; border-radius:30px; background:rgba(255, 255, 255, 0.20); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.05); backdrop-filter:blur(5px); }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-1 { margin-top:28px; color:var(--mainColor); font-size:18px; font-weight:500; line-height:1.3; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 { margin-top:19px; color:#111; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 * { font-family:'Pretendard', sans-serif; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 span { color:#222; font-size:30px; font-weight:700; line-height:1.3; vertical-align:top; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 strong { color:#111; font-size:60px; font-weight:700; line-height:1.3; }
.about-aboutus .aboutCont .profileCont .list { margin-top:40px; }
.about-aboutus .aboutCont .profileCont .list li:not(:last-child) { margin-bottom:80px; }
.about-aboutus .aboutCont .profileCont .list li:nth-child(2n) { flex-direction:row-reverse; }
.about-aboutus .aboutCont .profileCont .list li { display:flex; flex-wrap:wrap; gap:60px; }
.about-aboutus .aboutCont .profileCont .list li > div { width:calc((100% - 60px) / 2); }
.about-aboutus .aboutCont .profileCont .list li .imgbox img { border-radius:20px; width:100%; }
.about-aboutus .aboutCont .profileCont .list li .txtbox { padding:70px 0 0 10px; }
.about-aboutus .aboutCont .profileCont .list li .txtbox .num { color:var(--mainColor); font-size:18px; font-weight:600; line-height:1.3; display:flex; justify-content:center; align-items:center; width:58px; height:58px; border-radius:58px; border:1px solid var(--mainColor); }
.about-aboutus .aboutCont .profileCont .list li .txtbox dt { margin-top:60px; color:#111; font-size:30px; font-weight:600; line-height:1.33; }
.about-aboutus .aboutCont .profileCont .list li .txtbox dd { margin-top:25px; width:80%; color:#333; font-size:17px; font-weight:300; line-height:1.47; }
.about-aboutus .aboutCont .businessCont .txt-info dd { color:#333; font-size:25px; font-weight:500; line-height:1.6; }
.about-aboutus .aboutCont .businessCont .list { margin-top:50px; }
.about-aboutus .aboutCont .businessCont .list ul { display:flex; flex-wrap:wrap; gap:40px; }
.about-aboutus .aboutCont .businessCont .list ul li { width:calc((100% - 80px) / 3); border:1px solid #d4d4d4; border-radius:20px; }
.about-aboutus .aboutCont .businessCont .list ul li .imgbox { margin:-1px 0 0 -1px; }
.about-aboutus .aboutCont .businessCont .list ul li .imgbox img { border-radius:20px 20px 0 0; width:calc(100% + 1px); }
.about-aboutus .aboutCont .businessCont .list ul li .txtbox { padding:30px 35px 40px 25px; }
.about-aboutus .aboutCont .businessCont .list ul li .txtbox dt { color:#111; font-size:20px; font-weight:600; line-height:1.5; }
.about-aboutus .aboutCont .businessCont .list ul li .txtbox dd { margin-top:15px; color:#333; font-size:17px; font-weight:300; line-height:1.45; }
.about-aboutus .aboutCont .GoalVisionCont .txt-info dt { color:#111; font-size:28px; font-weight:600; line-height:1.4; }
.about-aboutus .aboutCont .GoalVisionCont .txt-info dd { margin-top:30px; color:#333; font-size:17px; font-weight:300; line-height:1.4; }
.about-aboutus .aboutCont .GoalVisionCont .list { margin-top:60px; margin-bottom:190px; }
.about-aboutus .aboutCont .GoalVisionCont .list ul { display:flex; flex-wrap:wrap; justify-content:center; padding:0 9%; }
.about-aboutus .aboutCont .GoalVisionCont .list li { position:relative; width:33.333%; margin:0 0 0 -1px; }
.about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(3) { margin:0 -2px; }
.about-aboutus .aboutCont .GoalVisionCont .list li .circle-box { position:relative; background:url(/img/sub/circlebg_line1.svg) right bottom no-repeat; background-size:cover; padding:0 2px;}
.about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(2) .circle-box { background:url(/img/sub/circlebg_line2.svg) center top no-repeat; background-size:cover }
.about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(3) .circle-box { background:url(/img/sub/circlebg_line3.svg) center top no-repeat; background-size:cover; }
.about-aboutus .aboutCont .GoalVisionCont .list li .circle-box:before { content:""; display:block; padding-bottom:100.5%; }
.about-aboutus .aboutCont .GoalVisionCont .list li .circle { position:absolute; left:40px; top:40px; width:calc(100% - 80px); height:calc(100% - 80px); border:20px solid #9298dd; border-radius:100%; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(2) .circle { border-color:#5760c6; }
.about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(3) .circle { border-color:#242c8d; }
.about-aboutus .aboutCont .GoalVisionCont .list li .circle .txt { margin-top:42px; color:#14a0de; font-size:25px; font-weight:700; line-height:1.4; letter-spacing:-0.03em }
/*
.about-aboutus .aboutCont .GoalVisionCont .list li .circle { position:absolute; left:40px; top:40px; width:calc(100% - 80px); height:calc(100% - 80px); border-radius:100%; background:#9298dd; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(2) .circle { background:#5760c6; }
.about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(3) .circle { background:var(--mainColor); }
.about-aboutus .aboutCont .GoalVisionCont .list li .circle .num { color:#fff; font-size:17px; font-weight:600; line-height:1.3; }
.about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon { margin-top:52px; }
*/
.about-aboutus .aboutCont .GoalVisionCont .list li .txtbox { padding-top:40px; text-align:center; color:#333; font-size:17px; font-weight:300; line-height:1.45; width:calc(100% - 80px); margin:0 auto; }
.about-aboutus .aboutCont .GoalVisionCont .core-box { margin-top:210px; text-align:center; }
.about-aboutus .aboutCont .GoalVisionCont .core-box dl { position:relative; padding:75px; width:580px; height:580px; margin:0 auto; background:url(/img/sub/core_line.svg) no-repeat center / cover;}
.about-aboutus .aboutCont .GoalVisionCont .core-box dt { width:100%; height:100%; background:#fff; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.09); border-radius:100%; display:flex; align-items:center; justify-content:center; }
.about-aboutus .aboutCont .GoalVisionCont .core-box li { position:absolute; padding:26px; width:282px; height:282px; border-radius:280px; background:#fff; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.03); }
.about-aboutus .aboutCont .GoalVisionCont .core-box li:after { content:""; display:block; width:8px; height:8px; border-radius:8px; position:absolute; }
.about-aboutus .aboutCont .GoalVisionCont .core-box li .circle { position:relative; width:100%; height:100%; color:#333; font-size:17px; font-weight:300; line-height:1.45; background:#fff; border-radius:100%; padding-top:72px; }
.about-aboutus .aboutCont .GoalVisionCont .core-box li .circle strong { display:block; color:#111; font-size:20px; font-weight:600; line-height:1.3; margin-bottom:10px; }
.about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(1):after { background:#231815; left:3px; top:63.5%; }
.about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(2):after { background:#df2a23; left:56.5%; top:-1px; }
.about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(3):after { background:var(--mainColor); right:18%; bottom:26px; }
.about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(1) .circle { filter:drop-shadow(0px 0px 15px rgba(223, 42, 35, 0.24)); }
.about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(2) .circle { filter:drop-shadow(0px 0px 15px rgba(36, 44, 141, 0.31)); }
.about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(3) .circle { filter:drop-shadow(0px 0px 15px rgba(35, 24, 21, 0.21)); }
.about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(1) { left:50%; top:-150px; margin-left:-141px; }
.about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(2) { left:50%; top:265px; margin-left:125px}
.about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(3) { right:50%; top:265px; margin-right:125px}
.about-aboutus .aboutCont .certificationsCont .list:not(:last-child) { margin-bottom:100px; }
.about-aboutus .aboutCont .certificationsCont .list h4 { color:#111; font-size:28px; font-weight:600; line-height:1.4; }
.about-aboutus .aboutCont .certificationsCont .list ul { margin-top:40px; display:flex; flex-wrap:wrap; gap:40px 20px; }
.about-aboutus .aboutCont .certificationsCont .list li { width:calc((100% - 100px) / 6); cursor:pointer; }
.about-aboutus .aboutCont .certificationsCont .list li img { width:100%; }
.about-aboutus .aboutCont .certificationsCont .list li strong { margin-top:13px; color:#111; font-size:20px; font-weight:600; line-height:1.3; display:block }
.about-aboutus .aboutCont .certificationsCont .list li span { margin-top:10px; color:#333; font-size:14px; font-weight:300; line-height:1.5; display:block }
.about-aboutus .aboutCont .certificationsCont .list li span > span { margin-top:0; margin-bottom:10px; }
.about-aboutus .aboutCont .qualityCont .txt-1 dt { color:#111; font-size:25px; font-weight:600; line-height:1.3; } 
.about-aboutus .aboutCont .qualityCont .txt-1 dd { margin-top:15px; color:var(--mainColor); font-size:28px; font-weight:600; line-height:1.3; } 
.about-aboutus .aboutCont .qualityCont .txt-2 { margin-top:50px; }
.about-aboutus .aboutCont .qualityCont .txt-2 dt { color:#111; font-size:20px; font-weight:600; line-height:1.3; } 
.about-aboutus .aboutCont .qualityCont .txt-2 dd { margin-top:20px; color:#333; font-size:17px; font-weight:300; line-height:1.4; } 
.about-aboutus .aboutCont .qualityCont .list { margin-top:80px; }
.about-aboutus .aboutCont .qualityCont .list dt { color:#111; font-size:20px; font-weight:600; line-height:1.3; } 
.about-aboutus .aboutCont .qualityCont .list dd { margin-top:20px; }
.about-aboutus .aboutCont .qualityCont .list dd li:not(:last-child) { margin-bottom:14px; }
.about-aboutus .aboutCont .qualityCont .list dd li { position:relative; padding:3px 0 3px 36px; color:#333; font-size:17px; font-weight:300; line-height:1.3; } 
.about-aboutus .aboutCont .qualityCont .list dd li .num { position:absolute; left:0; top:0; color:var(--mainColor); font-size:13px; font-weight:500; line-height:1.3; display:flex; justify-content:center; align-items:center; width:26px; height:26px; border-radius:26px; border:1px solid var(--mainColor); }
.about-aboutus .aboutCont .qualityCont .circle-list { margin-top:80px; }
.about-aboutus .aboutCont .qualityCont .circle-list ul { display:flex; flex-wrap:wrap; justify-content:center; padding:0 9%; gap:0 40px; }
.about-aboutus .aboutCont .qualityCont .circle-list li { position:relative; width:calc((100% - 120px) / 4); background:url(/img/sub/quality_bg1.svg) no-repeat center / cover; }
.about-aboutus .aboutCont .qualityCont .circle-list li:nth-child(2) { background:url(/img/sub/quality_bg2.svg) no-repeat center / cover; }
.about-aboutus .aboutCont .qualityCont .circle-list li:nth-child(3) { background:url(/img/sub/quality_bg3.svg) no-repeat center / cover; }
.about-aboutus .aboutCont .qualityCont .circle-list li:nth-child(4) { background:url(/img/sub/quality_bg4.svg) no-repeat center / cover; }
.about-aboutus .aboutCont .qualityCont .circle-list li:before { content:""; display:block; padding-bottom:100%; }
.about-aboutus .aboutCont .qualityCont .circle-list li .circle { position:absolute; left:25px; top:25px; width:calc(100% - 50px); height:calc(100% - 50px); border-radius:100%; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f7f7f7; filter:drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.08)); }
.about-aboutus .aboutCont .qualityCont .circle-list li .circle .txt { margin-top:23px; color:#333; font-size:17px; font-weight:300; line-height:1.3; } 
.about-aboutus .aboutCont .qualityCont .txt-list { margin-top:80px; }
.about-aboutus .aboutCont .qualityCont .txt-list dt { color:#111; font-size:20px; font-weight:600; line-height:1.3; } 
.about-aboutus .aboutCont .qualityCont .txt-list dd li { margin-top:20px; padding-left:15px; position:relative; color:#333; font-size:17px; font-weight:300; line-height:1.3; } 
.about-aboutus .aboutCont .qualityCont .txt-list dd li:before { content:""; display:block; position:absolute; left:0; top:10px; background:var(--mainColor); width:3px; height:3px; border-radius:3px; }
@media screen and (max-width:1700px){
    .about-aboutus .txt-info dd br { display:none; }
}
@media screen and (max-width:1600px){
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon img { height:85px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .txt { margin-top:10%; font-size:24px; }
}
@media screen and (max-width:1400px){
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 strong { font-size:56px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle { border-width:18px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon img { height:75px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .txt { font-size:21px; }
}
@media screen and (max-width:1280px){
    .about-aboutus .aboutCont { padding-top:140px; }
    .about-aboutus .aboutCont:nth-child(1) { padding-top:60px; }
    .about-aboutus .aboutCont:not(:last-child) { padding-bottom:140px; }
    .about-aboutus .aboutCont .box { margin-top:35px; }
    .about-aboutus .about-title h3 { font-size:30px; }
    .about-aboutus .aboutCont .profileCont .txt-info dt { font-size:22px; }
    .about-aboutus .aboutCont .profileCont .txt-info dd { margin-top:12px; font-size:16px; }
    .about-aboutus .aboutCont .profileCont .mapCont { margin-top:35px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox { top:110px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox p { font-size:21px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox ul { margin-top:40px; gap:20px;}
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li { width:calc((100% - 40px) / 3); height:300px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .icon img { height:52px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-1 { margin-top:20px; font-size:16px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 { margin-top:15px; }
    .about-aboutus .aboutCont .profileCont .list { margin-top:35px; }
    .about-aboutus .aboutCont .profileCont .list li:not(:last-child) { margin-bottom:70px; }
    .about-aboutus .aboutCont .profileCont .list li { gap:40px; }
    .about-aboutus .aboutCont .profileCont .list li > div { width:calc((100% - 40px) / 2); }
    .about-aboutus .aboutCont .profileCont .list li .txtbox { padding:30px 0 0 10px; }
    .about-aboutus .aboutCont .profileCont .list li .txtbox .num { font-size:17px; width:50px; height:50px; }
    .about-aboutus .aboutCont .profileCont .list li .txtbox dt { margin-top:30px; font-size:26px; }
    .about-aboutus .aboutCont .profileCont .list li .txtbox dd { margin-top:20px; width:100%; font-size:16px; }
    .about-aboutus .aboutCont .businessCont .txt-info dd { font-size:21px; }
    .about-aboutus .aboutCont .businessCont .list { margin-top:35px; }
    .about-aboutus .aboutCont .businessCont .list ul { gap:30px; }
    .about-aboutus .aboutCont .businessCont .list ul li { width:calc((100% - 60px) / 3); }
    .about-aboutus .aboutCont .businessCont .list ul li .txtbox { padding:25px 30px 35px 20px; }
    .about-aboutus .aboutCont .businessCont .list ul li .txtbox dt { font-size:19px; }
    .about-aboutus .aboutCont .businessCont .list ul li .txtbox dd { margin-top:13px; font-size:16px; }
    .about-aboutus .aboutCont .GoalVisionCont .txt-info dt { font-size:22px; }
    .about-aboutus .aboutCont .GoalVisionCont .txt-info dd { margin-top:12px; font-size:16px; }
    .about-aboutus .aboutCont .GoalVisionCont .list { margin-top:40px; margin-bottom:120px; }
    .about-aboutus .aboutCont .GoalVisionCont .list ul { padding:0 5%; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle { left:30px; top:30px; width:calc(100% - 60px); height:calc(100% - 60px); }
	/*
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle .num { font-size:16px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon { margin-top:30px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon img { width:60px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(2) .circle .icon img { width:75px; }
	*/
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle { border-width:16px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon img { height:65px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .txt { font-size:20px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .txtbox { padding-top:30px; font-size:16px; width:calc(100% - 60px); }
    .about-aboutus .aboutCont .GoalVisionCont .core-box { margin-top:180px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box dl { padding:50px; width:520px; height:520px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li { padding:22px; width:244px; height:244px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:after { width:6px; height:6px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li .circle { font-size:16px; padding-top:60px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li .circle strong { font-size:19px;}
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(1) { top:-130px; margin-left:-122px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(2) { top:245px; margin-left:118px}
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(3) { top:245px; margin-right:118px}
    .about-aboutus .aboutCont .certificationsCont .list:not(:last-child) { margin-bottom:80px; }
    .about-aboutus .aboutCont .certificationsCont .list h4 { font-size:22px; }
    .about-aboutus .aboutCont .certificationsCont .list ul { margin-top:30px; gap:40px 20px; }
    .about-aboutus .aboutCont .certificationsCont .list li { width:calc((100% - 60px) / 4); }
    .about-aboutus .aboutCont .certificationsCont .list li strong { margin-top:10px; font-size:19px; }
    .about-aboutus .aboutCont .certificationsCont .list li span { margin-top:8px; font-size:14px; }
    .about-aboutus .aboutCont .certificationsCont .list li span > span { margin-bottom:8px; }
    .about-aboutus .aboutCont .qualityCont .txt-1 dt { font-size:20px; } 
    .about-aboutus .aboutCont .qualityCont .txt-1 dd { margin-top:12px; font-size:22px; } 
    .about-aboutus .aboutCont .qualityCont .txt-2 { margin-top:40px; }
    .about-aboutus .aboutCont .qualityCont .txt-2 dt { font-size:19px; } 
    .about-aboutus .aboutCont .qualityCont .txt-2 dd { margin-top:15px; font-size:16px; } 
    .about-aboutus .aboutCont .qualityCont .list { margin-top:60px; }
    .about-aboutus .aboutCont .qualityCont .list dt { font-size:19px; } 
    .about-aboutus .aboutCont .qualityCont .list dd { margin-top:12px; }
    .about-aboutus .aboutCont .qualityCont .list dd li:not(:last-child) { margin-bottom:10px; }
    .about-aboutus .aboutCont .qualityCont .list dd li { padding:2px 0 2px 30px; font-size:16px; } 
    .about-aboutus .aboutCont .qualityCont .list dd li .num { font-size:12px; width:22px; height:22px; }
    .about-aboutus .aboutCont .qualityCont .circle-list { margin-top:50px; }
    .about-aboutus .aboutCont .qualityCont .circle-list ul { padding:0 5%; gap:0 30px; }
    .about-aboutus .aboutCont .qualityCont .circle-list li { position:relative; width:calc((100% - 90px) / 4);  }
    .about-aboutus .aboutCont .qualityCont .circle-list li .circle { left:20px; top:20px; width:calc(100% - 40px); height:calc(100% - 40px); }
    .about-aboutus .aboutCont .qualityCont .circle-list li .circle .txt { margin-top:20px; font-size:16px; } 
    .about-aboutus .aboutCont .qualityCont .txt-list { margin-top:60px; }
    .about-aboutus .aboutCont .qualityCont .txt-list dt { font-size:19px; } 
    .about-aboutus .aboutCont .qualityCont .txt-list dd li { margin-top:15px; padding-left:13px; font-size:16px; } 
    .about-aboutus .aboutCont .qualityCont .txt-list dd li:before { top:9px; }
}
@media screen and (max-width:1024px){
    .about-aboutus .aboutCont { padding-top:100px; }
    .about-aboutus .aboutCont:nth-child(1) { padding-top:40px; }
    .about-aboutus .aboutCont:not(:last-child) { padding-bottom:100px; }
    .about-aboutus .aboutCont .box { margin-top:30px; }
    .about-aboutus .about-title h3 { font-size:24px; }
    .about-aboutus .aboutCont .profileCont .txt-info dt { font-size:18px; }
    .about-aboutus .aboutCont .profileCont .txt-info dd { margin-top:10px; font-size:15px; }
    .about-aboutus .aboutCont .profileCont .mapCont { margin-top:20px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox { top:50px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox p { font-size:17px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox ul { margin-top:20px; gap:10px;}
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li { width:calc((100% - 20px) / 3); height:200px; border-radius:15px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .icon img { height:35px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-1 { margin-top:13px; font-size:16px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 { margin-top:8px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 strong { font-size:52px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 span { font-size:26px; }
    .about-aboutus .aboutCont .profileCont .list { margin-top:30px; }
    .about-aboutus .aboutCont .profileCont .list li:not(:last-child) { margin-bottom:50px; }
    .about-aboutus .aboutCont .profileCont .list li { gap:30px; }
    .about-aboutus .aboutCont .profileCont .list li > div { width:100%; }
    .about-aboutus .aboutCont .profileCont .list li .imgbox { position:relative; }
    .about-aboutus .aboutCont .profileCont .list li .imgbox:before {content:""; display:block; padding-bottom:50%; }
    .about-aboutus .aboutCont .profileCont .list li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:10px }
    .about-aboutus .aboutCont .profileCont .list li .txtbox { padding:0; }
    .about-aboutus .aboutCont .profileCont .list li .txtbox .num { font-size:16px; width:45px; height:45px; }
    .about-aboutus .aboutCont .profileCont .list li .txtbox dt { margin-top:18px; font-size:21px; }
    .about-aboutus .aboutCont .profileCont .list li .txtbox dd { margin-top:12px; font-size:16px; }
    .about-aboutus .aboutCont .businessCont .txt-info dd { font-size:19px; }
    .about-aboutus .aboutCont .businessCont .list { margin-top:35px; }
    .about-aboutus .aboutCont .businessCont .list ul { gap:20px; }
    .about-aboutus .aboutCont .businessCont .list ul li { width:calc((100% - 20px) / 2); border-radius:10px; }
    .about-aboutus .aboutCont .businessCont .list ul li .imgbox img { border-radius:10px 10px 0 0; }
    .about-aboutus .aboutCont .businessCont .list ul li .txtbox { padding:20px 15px 25px 10px; border-radius:0 0 10px 10px; }
    .about-aboutus .aboutCont .businessCont .list ul li .txtbox dt { font-size:17px; }
    .about-aboutus .aboutCont .businessCont .list ul li .txtbox dd { margin-top:8px; font-size:15px; }
    .about-aboutus .aboutCont .GoalVisionCont .txt-info dt { font-size:18px; }
    .about-aboutus .aboutCont .GoalVisionCont .txt-info dd { margin-top:10px; font-size:15px; }
    .about-aboutus .aboutCont .GoalVisionCont .list { margin-top:30px; margin-bottom:90px; }
    .about-aboutus .aboutCont .GoalVisionCont .list ul { padding:0; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle { left:25px; top:25px; width:calc(100% - 50px); height:calc(100% - 50px); }
	/*
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle .num { font-size:15px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon { margin-top:20px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon img { width:45px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(2) .circle .icon img { width:60px; }
	*/
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle { border-width:14px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon img { height:60px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .txt { margin-top:15px; font-size:18px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .txtbox { padding-top:25px; font-size:16px; width:calc(100% - 50px); }
    .about-aboutus .aboutCont .GoalVisionCont .core-box { margin-top:150px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box dl { padding:35px; width:420px; height:420px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li { padding:17px; width:190px; height:190px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:after { width:4px; height:4px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li .circle { font-size:15px; padding-top:45px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li .circle strong { font-size:17px; margin-bottom:5px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(1) { top:-102px; margin-left:-95px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(2) { top:210px; margin-left:100px}
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(3) { top:210px; margin-right:100px}
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(3):after { right:15%; bottom:23px; }
    .about-aboutus .aboutCont .certificationsCont .list:not(:last-child) { margin-bottom:60px; }
    .about-aboutus .aboutCont .certificationsCont .list h4 { font-size:19px; }
    .about-aboutus .aboutCont .certificationsCont .list ul { margin-top:20px; gap:40px 20px; }
    .about-aboutus .aboutCont .certificationsCont .list li { width:calc((100% - 40px) / 3); }
    .about-aboutus .aboutCont .certificationsCont .list li strong { margin-top:8px; font-size:18px; }
    .about-aboutus .aboutCont .certificationsCont .list li span { margin-top:6px; font-size:13px; }
    .about-aboutus .aboutCont .certificationsCont .list li span > span { margin-bottom:6px; }
    .about-aboutus .aboutCont .qualityCont .txt-1 dt { font-size:18px; } 
    .about-aboutus .aboutCont .qualityCont .txt-1 dd { margin-top:10px; font-size:20px; } 
    .about-aboutus .aboutCont .qualityCont .txt-2 { margin-top:30px; }
    .about-aboutus .aboutCont .qualityCont .txt-2 dt { font-size:18px; } 
    .about-aboutus .aboutCont .qualityCont .txt-2 dd { margin-top:12px; font-size:15px; } 
    .about-aboutus .aboutCont .qualityCont .list { margin-top:50px; }
    .about-aboutus .aboutCont .qualityCont .list dt { font-size:18px; } 
    .about-aboutus .aboutCont .qualityCont .list dd { margin-top:10px; }
    .about-aboutus .aboutCont .qualityCont .list dd li:not(:last-child) { margin-bottom:8px; }
    .about-aboutus .aboutCont .qualityCont .list dd li { padding:1px 0 1px 28px; font-size:15px; } 
    .about-aboutus .aboutCont .qualityCont .list dd li .num { font-size:11px; width:20px; height:20px; }
    .about-aboutus .aboutCont .qualityCont .circle-list { margin-top:40px; }
    .about-aboutus .aboutCont .qualityCont .circle-list ul { padding:0; gap:0 20px; }
    .about-aboutus .aboutCont .qualityCont .circle-list li { position:relative; width:calc((100% - 60px) / 4);  }
    .about-aboutus .aboutCont .qualityCont .circle-list li .circle { left:20px; top:20px; width:calc(100% - 40px); height:calc(100% - 40px); }
    .about-aboutus .aboutCont .qualityCont .circle-list li .circle .txt { margin-top:15px; font-size:15px; } 
    .about-aboutus .aboutCont .qualityCont .txt-list { margin-top:50px; }
    .about-aboutus .aboutCont .qualityCont .txt-list dt { font-size:18px; } 
    .about-aboutus .aboutCont .qualityCont .txt-list dd li { margin-top:12px; padding-left:12px; font-size:15px; } 
    .about-aboutus .aboutCont .qualityCont .txt-list dd li:before { top:8px; }
}
@media screen and (max-width:860px){
    .about-aboutus .aboutCont .profileCont .mapCont { padding-bottom:10%; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 strong { font-size:40px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 span { font-size:22px; }
    .about-aboutus .aboutCont .qualityCont .circle-list ul { padding:0 15%; gap:20px; }
    .about-aboutus .aboutCont .qualityCont .circle-list li { width:calc((100% - 40px) / 2);  }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle { border-width:8px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon img { height:50px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .txt { margin-top:10px; font-size:16px; }
}
@media screen and (max-width:760px){
    .about-aboutus .about-title h3 { font-size:22px; }
    .about-aboutus .aboutCont .businessCont .list ul { gap:20px; }
    .about-aboutus .aboutCont .businessCont .list ul li { width:100%; }
    .about-aboutus .aboutCont .businessCont .list ul li .imgbox { position:relative; }
    .about-aboutus .aboutCont .businessCont .list ul li .imgbox:before {content:""; display:block; padding-bottom:38%; }
    .about-aboutus .aboutCont .businessCont .list ul li .imgbox img { position:absolute; left:0; top:0; height:100%; object-fit:cover; -o-object-fit:cover; }
    .about-aboutus .aboutCont .certificationsCont .list ul { gap:20px 10px; }
    .about-aboutus .aboutCont .certificationsCont .list li { width:calc((100% - 20px) / 2); }
    .about-aboutus .aboutCont .certificationsCont .list:not(:last-child) { margin-bottom:40px; }
}

@media screen and (max-width:640px){
    .about-aboutus .aboutCont { padding-top:80px; }
    .about-aboutus .aboutCont:nth-child(1) { padding-top:80px; }
    .about-aboutus .aboutCont:not(:last-child) { padding-bottom:80px; }
    .about-aboutus .aboutCont .profileCont .mapCont { padding-bottom:20%; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li { height:auto; padding:25px 0; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .icon img { height:28px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 strong { font-size:32px; }
    .about-aboutus .aboutCont .profileCont .mapCont .txtbox li .txt-2 span { font-size:18px; }
    .about-aboutus .aboutCont .qualityCont .circle-list ul { padding:0 8%;}
    .about-aboutus .aboutCont .GoalVisionCont .list li { width:100%; display:flex; align-items:center; margin:0 0 0 0; }
    .about-aboutus .aboutCont .GoalVisionCont .list li:not(:last-child) { margin-bottom:15px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(3) { margin:0; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle-box,
    .about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(2) .circle-box,
    .about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(3) .circle-box { background:none; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle-box:before { display:none; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle-box { width:140px; height:140px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle { left:0; top:0; width:100%; height:100%; }
	/*
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle .num { font-size:14px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon { margin-top:2px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon img { width:28px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li:nth-child(2) .circle .icon img { width:37px; }
	*/
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle { border-width:5px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .icon img { height:40px; }
	.about-aboutus .aboutCont .GoalVisionCont .list li .circle .txt { margin-top:5px; font-size:15px; }
    .about-aboutus .aboutCont .GoalVisionCont .list li .txtbox { width:calc(100% - 140px); padding:0 0 0 15px; text-align:left; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box { margin-top:100px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box dl { padding:20px; width:250px; height:250px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box dt img { width:70px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li { padding:12px; width:126px; height:126px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li .circle { font-size:14px; padding-top:20px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li .circle strong { font-size:16px; margin-bottom:2px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(1) { top:-68px; margin-left:-63px; }
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(2) { top:126px; margin-left:51px}
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(3) { top:126px; margin-right:51px}
    .about-aboutus .aboutCont .GoalVisionCont .core-box li:nth-child(3):after { right:11%; bottom:19px; }
}
@media screen and (max-width:520px){
    .about-aboutus .aboutCont .profileCont .mapCont { padding-bottom:35%; }
    .about-aboutus .aboutCont .qualityCont .circle-list ul { padding:0; }
}

/* animation */
.about-aboutus .txt-info dt,
.about-aboutus .txt-info dd { opacity:0; }
.about-aboutus .txt-info.subOn dt { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.about-aboutus .txt-info.subOn dd { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox li { opacity:0; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox ul.subOn li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox ul.subOn li:nth-child(2) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.about-aboutus .aboutCont .profileCont .mapCont .txtbox ul.subOn li:nth-child(3) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
.about-aboutus .aboutCont .profileCont .list li .imgbox { position:relative; }
.about-aboutus .aboutCont .profileCont .list li .imgbox:after { content:""; display:block; width:100%; height:100%; background:#f5f5f7; position:absolute; right:0; top:0; }
.about-aboutus .aboutCont .profileCont .list li:nth-child(2) .imgbox:after { left:0; }
.about-aboutus .aboutCont .profileCont .list li.subOn .imgbox:after { animation:ani_w100 0.8s 0.1s; animation-fill-mode:both; }
.about-aboutus .aboutCont .profileCont .list li .txtbox { opacity:0; }
.about-aboutus .aboutCont .profileCont .list li.subOn .txtbox { animation:ani_2 0.5s 0.5s; animation-fill-mode:both;}
.about-aboutus .aboutCont .profileCont .list li.subOn:nth-child(2) .txtbox { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
.about-aboutus .aboutCont .businessCont .list { opacity:0; }
.about-aboutus .aboutCont .businessCont .list.subOn { animation:ani_4 0.5s 0.7s; animation-fill-mode:both; }
.about-aboutus .aboutCont .GoalVisionCont .list li { opacity:0; }
.about-aboutus .aboutCont .GoalVisionCont .list li.subOn:nth-child(1) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both;}
.about-aboutus .aboutCont .GoalVisionCont .list li.subOn:nth-child(2) { animation:ani_4 0.5s 0.8s; animation-fill-mode:both;}
.about-aboutus .aboutCont .GoalVisionCont .list li.subOn:nth-child(3) { animation:ani_3 0.5s 1.1s; animation-fill-mode:both;}
.about-aboutus .aboutCont .GoalVisionCont .core-box dl,
.about-aboutus .aboutCont .GoalVisionCont .core-box dt,
.about-aboutus .aboutCont .GoalVisionCont .core-box dd li { opacity:0; }
.about-aboutus .aboutCont .GoalVisionCont .core-box.subOn dl { animation:ani_5 0.8s 0.5s; animation-fill-mode:both;}
.about-aboutus .aboutCont .GoalVisionCont .core-box.subOn dt { animation:bgs3 0.8s 0.5s; animation-fill-mode:both;}
.about-aboutus .aboutCont .GoalVisionCont .core-box.subOn dd li:nth-child(1) { animation:bgs3 0.8s 0.8s; animation-fill-mode:both;}
.about-aboutus .aboutCont .GoalVisionCont .core-box.subOn dd li:nth-child(2) { animation:bgs3 0.8s 1.2s; animation-fill-mode:both;}
.about-aboutus .aboutCont .GoalVisionCont .core-box.subOn dd li:nth-child(3) { animation:bgs3 0.8s 1.6s; animation-fill-mode:both;}
.about-aboutus .aboutCont .certificationsCont .list h4,
.about-aboutus .aboutCont .certificationsCont .list ul { opacity:0; }
.about-aboutus .aboutCont .certificationsCont .list.subOn h4 { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.about-aboutus .aboutCont .certificationsCont .list.subOn ul { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .txt-1 dt,
.about-aboutus .aboutCont .qualityCont .txt-1 dd,
.about-aboutus .aboutCont .qualityCont .txt-2 dt,
.about-aboutus .aboutCont .qualityCont .txt-2 dd,
.about-aboutus .aboutCont .qualityCont .list dt,
.about-aboutus .aboutCont .qualityCont .list dd,
.about-aboutus .aboutCont .qualityCont .txt-list dt,
.about-aboutus .aboutCont .qualityCont .txt-list dd,
.about-aboutus .aboutCont .qualityCont .circle-list li { opacity:0; }
.about-aboutus .aboutCont .qualityCont .txt-1.subOn dt { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .txt-1.subOn dd { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .txt-2.subOn dt { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .txt-2.subOn dd { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .list.subOn dt { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .list.subOn dd { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .txt-list.subOn dt { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .txt-list.subOn dd { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .circle-list.subOn li:nth-child(1) { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .circle-list.subOn li:nth-child(2) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .circle-list.subOn li:nth-child(3) { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.about-aboutus .aboutCont .qualityCont .circle-list.subOn li:nth-child(4) { animation:ani_2 0.5s 1.2s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
    .about-aboutus .aboutCont .profileCont .list li:nth-child(2) .imgbox:after { left:unset; right:0 } 
    .about-aboutus .aboutCont .profileCont .list li.subOn .txtbox,
    .about-aboutus .aboutCont .profileCont .list li.subOn:nth-child(2) .txtbox { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
}
@media screen and (max-width:640px){
    .about-aboutus .aboutCont .GoalVisionCont .list li.subOn:nth-child(1) { animation:ani_4 0.5s 0.5s; animation-fill-mode:both;}
    .about-aboutus .aboutCont .GoalVisionCont .list li.subOn:nth-child(2) { animation:ani_4 0.5s 0.8s; animation-fill-mode:both;}
    .about-aboutus .aboutCont .GoalVisionCont .list li.subOn:nth-child(3) { animation:ani_4 0.5s 1.1s; animation-fill-mode:both;}
}

.about-popup { display:none; position:fixed; background:rgba(0,0,0, 0.8); width:100%; height:100%; top:0; left:0; z-index:1000; }
.about-popup .box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:550px; width:100%; }
.about-popup .box .img { width:100%; height:100%; }
.about-popup .box .img img { width:100%; height:100%; }
.about-popup .box .btn-close { position:absolute; top:0; right:-35px; border:none; background:url(/img/sub/close_btn.svg) center center no-repeat; width:35px; height:35px; }
@media screen and (max-width:1280px){
    .about-popup .box { max-width:450px; }
    .about-popup .box .btn-close { right:-30px; width:30px; height:30px; background-size:30px auto; }
}

@media screen and (max-width:760px){
    .about-popup .box {  width:80%; }
    .about-popup .box .btn-close { top:-28px; right:0; width:28px; height:28px; background-size:28px auto; }
}


/* products */
.products-box .view-top { display:flex; flex-wrap:wrap; gap:0 60px; overflow:hidden;; }
.products-box .view-top > div { width:calc((100% - 60px) / 2); }
.products-box .view-top .imgbox { border-radius:30px; background:#fff; padding:38px 50px; overflow:hidden; max-height:575px; }
.products-box .view-top .imgbox .slick-track,
.products-box .view-top .imgbox .slick-slide { display:flex; justify-content:center; align-items:center; min-height:400px; max-height:575px; }
.products-box .view-top .imgbox .slick-slide img { max-width:100%; height:auto; }
.products-box .view-top .imgbox .slick-dots { margin-top:30px; display:flex; justify-content:center; gap:0 10px; }
.products-box .view-top .imgbox .slick-dots button { border:none; background:#ddd; outline:none; text-indent:-9999em; overflow:hidden; padding:0; margin:0; width:9px; height:9px; border-radius:10px; }
.products-box .view-top .imgbox .slick-dots .slick-active button { background:var(--mainColor); }
.products-box .view-top .txtbox { padding-top:90px; }
.products-box .view-top .txtbox p:not(:last-child) { margin-bottom:30px; }
.products-box .view-top .txtbox p { color:#333; font-size:20px; line-height:1.5; }
/*
.products-box .view-top .txtbox p { color:#333; font-size:20px; font-weight:300; line-height:1.5; }
.products-box .view-top .txtbox p.txt-1,
.products-box .view-top .txtbox p:first-child { color:var(--mainColor); }
*/
.products-box .view-body { margin-top:100px; } 
.products-box .viewCont { padding-top:160px; }
.products-box .viewCont:nth-child(1) { padding-top:85px; }
.products-box .viewCont:not(:last-child) { padding-bottom:160px; border-bottom:1px solid #ddd }
.products-box .view-title h3 { color:#111; font-size:40px; font-weight:600; line-height:1.3; }
.products-box h4.vTitle { color:#111; font-size:30px; font-weight:600; line-height:1.3; margin:50px 0 -15px; }
.products-box .viewCont .box { margin-top:55px; }
.products-box .viewCont .overviewCont { display:flex; align-items:flex-start;}
.products-box .viewCont .overviewCont dl { width:50%; display:flex; gap:0 50px; }
.products-box .viewCont .overviewCont dl:nth-child(2n+1) { padding-right:60px; }
.products-box .viewCont .overviewCont dt { color:#111; font-size:25px; font-weight:600; line-height:1.3; white-space:nowrap; }
.products-box .viewCont .overviewCont dd li:not(:last-child) { margin-bottom:10px; } 
.products-box .viewCont .overviewCont dd li { position:relative; color:#333; font-size:17px; font-weight:300; line-height:1.4; padding-left:14px; }
.products-box .viewCont .overviewCont dd li:before { content:""; display:block; background:var(--mainColor); width:3px; height:3px; border-radius:3px; position:absolute; left:0; top:10px; }
.products-box .viewCont .detailsCont dt { color:#111; font-size:25px; font-weight:600; line-height:1.3; }
.products-box .viewCont .detailsCont dd { margin-top:15px; font-size:17px; font-weight:300; line-height:1.45; }
.products-box .viewCont .detailsCont table { margin-top:10px; border-collapse:collapse; border-spacing:0; }
.products-box .viewCont .detailsCont img { max-width:100%; }
.products-box .viewCont .downloadCont { min-height:100px; }
.products-box .viewCont .downloadCont li:not(:last-child) { margin-bottom:10px; } 
.products-box .viewCont .downloadCont li a { border-radius:5px; display:flex; align-items:center; height:70px; padding:0 25px 0 55px; color:#111; font-size:17px; font-weight:500; line-height:1.3; background:#ebebeb url(/img/sub/btn_down.png) 20px center no-repeat; }
@media screen and (max-width:1280px){
    .products-box .view-top .txtbox { padding-top:70px; }
    .products-box .view-top .txtbox p:not(:last-child) { margin-bottom:20px; }
    .products-box .view-top .txtbox p { font-size:18px; }
    .products-box .view-top .imgbox { max-height:522px; }
    .products-box .view-body { margin-top:80px; }
    .products-box .viewCont { padding-top:140px; }
    .products-box .viewCont:nth-child(1) { padding-top:60px; }
    .products-box .viewCont:not(:last-child) { padding-bottom:140px; }
    .products-box .viewCont .box { margin-top:50px; }
    .products-box .view-title h3 { font-size:30px; }
    .products-box h4.vTitle { font-size:24px; margin:40px 0 -10px; }
    .products-box .viewCont .overviewCont dl { width:100%; flex-wrap:wrap; gap:30px; }
    .products-box .viewCont .overviewCont dt { width:100%; font-size:22px;  }
    .products-box .viewCont .overviewCont dd li { font-size:16px; padding-left:14px; }
    .products-box .viewCont .detailsCont dt { font-size:22px; }
    .products-box .viewCont .detailsCont dd { margin-top:15px; font-size:16px; }
    .products-box .viewCont .downloadCont li a { font-size:16px; }
}
@media screen and (max-width:1024px){
    .products-box .view-top > div { width:100%; }
    .products-box .view-top .imgbox .slick-dots { margin-top:20px; }
    .products-box .view-top .imgbox { border-radius:15px; padding:25px 10px; max-width:640px; margin:0 auto; max-height:488px; }
    .products-box .view-top .imgbox .slick-track,
    .products-box .view-top .imgbox .slick-slide { min-height:auto; max-height:488px; }
    .products-box .view-top .txtbox { padding-top:50px; }
    .products-box .view-top .txtbox p { font-size:16px; }
    .products-box .view-body { margin-top:60px; }
    .products-box .viewCont { padding-top:100px; }
    .products-box .viewCont:nth-child(1) { padding-top:40px; }
    .products-box .viewCont:not(:last-child) { padding-bottom:100px; }
    .products-box .viewCont .box { margin-top:40px; }
    .products-box .view-title h3 { font-size:24px; }
    .products-box h4.vTitle { font-size:19px; margin:30px 0 -10px; }
    .products-box .viewCont .overviewCont dl { gap:20px; }
    .products-box .viewCont .overviewCont dt,
    .products-box .viewCont .detailsCont dt { font-size:18px; }
    .products-box .viewCont .overviewCont dd li,
    .products-box .viewCont .detailsCont dd,
    .products-box .viewCont .downloadCont li a { font-size:15px; }
}
@media screen and (max-width:760px){
    .products-box .view-title h3 { font-size:22px; }
    .products-box h4.vTitle { font-size:17px; margin:25px 0 -10px; }
    .products-box .viewCont .box { margin-top:30px; }
    .products-box .viewCont .overviewCont { flex-wrap:wrap; gap:30px; }
    .products-box .viewCont .overviewCont dl { width:100%; }
    .products-box .viewCont .overviewCont dl:nth-child(2n+1) { padding-right:0; }
}

@media screen and (max-width:640px){
    .products-box .view-top .imgbox { max-height:auto; }
    .products-box .view-top .imgbox .slick-track,
    .products-box .view-top .imgbox .slick-slide { min-height:240px; }
    .products-box .view-body { margin-top:50px; }
    .products-box .viewCont { padding-top:80px; }
    .products-box .viewCont:not(:last-child) { padding-bottom:80px; }
    .products-box .viewCont .downloadCont li a { padding:8px 25px 8px 55px; min-height:60px; height:auto; }
}
@media screen and (max-width:580px){
    .products-box .view-top .imgbox { max-height:400px; }
}
@media screen and (max-width:520px){
    .products-box .view-top .imgbox { max-height:385px; }
}
@media screen and (max-width:480px){
    .products-box .view-top .imgbox { max-height:360px; }
}
@media screen and (max-width:460px){
    .products-box .view-top .imgbox { max-height:345px; }
}
@media screen and (max-width:440px){
    .products-box .view-top .imgbox { max-height:332px; }
}
@media screen and (max-width:420px){
    .products-box .view-top .imgbox { max-height:326px; }
}



/* media */
.news-list > ul > li:not(:last-child) { margin-bottom:50px; }
.news-list .box { display:flex; flex-wrap:wrap; }
.news-list .box .imgbox { width:510px; position:relative; overflow:hidden; border-radius:20px; }
.news-list .box .imgbox:before { content:""; display:block; padding-bottom:67.7%;}
.news-list .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.news-list .box .txtbox { position:relative; width:calc(100% - 510px); padding:35px 0 0 65px; }
.news-list .box .txtbox dt { color:#111; font-size:36px; font-weight:700; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  }
.news-list .box .txtbox dd { margin-top:30px; color:#333; font-size:17px; font-weight:300; line-height:1.45; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news-list .box .txt_b { position:absolute; bottom:30px; left:65px; display:flex; align-items:center; gap:0 15px; }
.news-list .box .txt_b span { color:#666; font-size:14px; font-weight:300; }
.news-list .box .txt_b .type { transition:all 0.2s; display:flex; align-items:center; color:var(--mainColor); height:25px; padding:0 10px; border:1px solid var(--mainColor); border-radius:25px; }
.news-list .box:hover .txt_b .type { color:#fff; background:var(--mainColor); }
@media screen and (max-width:1280px){
    .news-list .box .imgbox { width:40%; }
    .news-list .box .txtbox { width:60%; padding:25px 0 0 40px; }
    .news-list .box .txtbox dt { font-size:28px; }
    .news-list .box .txtbox dd { margin-top:20px; }
    .news-list .box .txt_b { bottom:25px; left:40px; }
}
@media screen and (max-width:1024px){
    .news-list .box .imgbox { width:45%; border-radius:10px; }
    .news-list .box .txtbox { width:55%; padding:15px 0 0 30px; }
    .news-list .box .txtbox dt { font-size:22px; }
    .news-list .box .txtbox dd { margin-top:15px; font-size:16px; }
    .news-list .box .txt_b { bottom:15px; left:30px; }
}
@media screen and (max-width:760px){
    .news-list .box .imgbox { width:480px; margin:0 auto; }
    .news-list .box .txtbox { width:100%; padding:20px 0 0 0; }
    .news-list .box .txtbox dt { font-size:18px; }
    .news-list .box .txtbox dd { margin-top:10px; font-size:15px; }
    .news-list .box .txt_b { position:relative; bottom:unset; left:0; margin-top:14px; gap:0 10px; }
    .news-list .box .txt_b span { font-size:13px; }
    .news-list .box .txt_b .type { height:22px; }
}
/* animation */
.news-list { opacity:0; }
.news-list { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.exhibition-list > ul { display:flex; flex-wrap:wrap; gap:55px 40px; }
.exhibition-list > ul > li { width:calc((100% - 80px) / 3); }
.exhibition-list .box { border:1px solid #d7d7d7; border-radius:20px; overflow:hidden; }
.exhibition-list .box .imgbox { position:relative; overflow:hidden; }
.exhibition-list .box .imgbox:before { content:""; display:block; padding-bottom:74%;}
.exhibition-list .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.exhibition-list .box .txtbox { padding:30px; min-height:170px; position:relative; }
.exhibition-list .box .txtbox strong { color:#111; font-size:25px; font-weight:500; line-height:1.3; display:block; padding-bottom:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.exhibition-list .box .txtbox .date { position:absolute; left:30px; bottom:30px; color:#666; font-size:14px; font-weight:300; }
@media screen and (max-width:1280px){
    .exhibition-list > ul { gap:40px 30px; }
    .exhibition-list > ul > li { width:calc((100% - 60px) / 3); }
    .exhibition-list .box .txtbox { padding:20px; min-height:150px; }
    .exhibition-list .box .txtbox strong { font-size:22px; }
    .exhibition-list .box .txtbox .date { left:20px; bottom:20px; }
}
@media screen and (max-width:1024px){
    .exhibition-list > ul { gap:30px 20px; }
    .exhibition-list > ul > li { width:calc((100% - 20px) / 2); }
    .exhibition-list .box { border-radius:10px; }
    .exhibition-list .box .txtbox { padding:15px; min-height:110px; }
    .exhibition-list .box .txtbox strong { font-size:19px; }
    .exhibition-list .box .txtbox .date { left:20px; bottom:20px; font-size:13px; }
}
@media screen and (max-width:860px){
    .exhibition-list > ul { gap:30px 10px; }
    .exhibition-list > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
    .exhibition-list > ul { gap:20px 10px; }
    .exhibition-list > ul > li { width:calc((100% - 10px) / 2); }
    .exhibition-list .box .txtbox { padding:10px; min-height:90px; }
    .exhibition-list .box .txtbox strong { font-size:15px; }
    .exhibition-list .box .txtbox .date { left:10px; bottom:15px; }
}
/* animation */
.exhibition-list { opacity:0; }
.exhibition-list { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.catalogue-list > ul { display:flex; flex-wrap:wrap; gap:65px 33px; }
.catalogue-list > ul > li { width:calc((100% - 99px) / 4); }
.catalogue-list .box .imgbox { position:relative; overflow:hidden; border-radius:20px; }
.catalogue-list .box .imgbox:before { content:""; display:block; padding-bottom:122.5%;}
.catalogue-list .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.catalogue-list .box .down { margin-top:10px; }
.catalogue-list .box .down a { position:relative; display:flex; align-items:center; height:70px; border:1px solid #d7d7d7; padding:0 25px; border-radius:15px; color:#111; font-size:20px; font-weight:500; line-height:1.3; }
.catalogue-list .box .down a:before { content:""; display:block; position:absolute; right:25px; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url(/img/sub/btn_down.png) center center no-repeat; }
@media screen and (max-width:1280px){
    .catalogue-list > ul { gap:40px 30px; }
    .catalogue-list > ul > li { width:calc((100% - 60px) / 3); }
    .catalogue-list .box .down a { height:65px; padding:0 20px; font-size:18px; }
    .catalogue-list .box .down a:before { right:20px; }
}
@media screen and (max-width:1024px){
    .catalogue-list > ul { gap:30px 20px; }
    .catalogue-list > ul > li { width:calc((100% - 20px) / 2); }
    .catalogue-list .box .imgbox { border-radius:10px; }
    .catalogue-list .box .down a { height:55px; padding:0 15px; font-size:17px; border-radius:8px; }
    .catalogue-list .box .down a:before { right:15px; }
}
@media screen and (max-width:860px){
    .catalogue-list > ul { gap:30px 10px; }
    .catalogue-list > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
    .catalogue-list > ul { gap:20px 10px; }
    .exhibition-list > ul > li { width:calc((100% - 10px) / 2); }
    .catalogue-list .box .down a { height:50px; font-size:15px; padding:0 10px; }
    .catalogue-list .box .down a:before { right:10px; background-size:15px auto }
}
/* animation */
.catalogue-list { opacity:0; }
.catalogue-list { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }


.board-view .top-box { text-align:center; padding:90px 20px; background:#eaeaea; border-radius:20px 20px 0 0 }
.board-view .top-box .title { font-size:40px; font-weight:600; color:#222; line-height:1.6; }
.board-view .top-box .type { display:inline-block; margin:0 auto 15px; }
.board-view .top-box .type span { transition:all 0.2s; display:flex; align-items:center; color:var(--mainColor); font-size:14px; font-weight:300; height:25px; padding:0 10px; border:1px solid var(--mainColor); border-radius:25px; }
.board-view .top-box .date { margin-top:15px; font-size:14px; font-weight:300; color:#333; line-height:1.3; }
.board-view .viewCont .contents { min-height:250px; padding:40px 40px 80px; line-height:1.4; }
.board-view .btn_pn { border-top:1px solid #c1c1c1; margin-top:80px; }
.board-view .btn_pn dl { border-bottom:1px solid #c1c1c1; display:flex; }
.board-view .btn_pn dt { width:196px; height:75px; background-color:#eaeaea; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:500; color:#222; } 
.board-view .btn_pn dd { width:calc(100% - 196px); display:flex; align-items:center; padding:0 25px; font-size:17px; font-weight:300; color:#333; }
.board-view .btn_pn dd a { font-size:17px; font-weight:300; color:#333; min-height:20px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.board-view .btn_pn dd a:hover { text-decoration:underline; }
.board-view .btn_pn dl.down dt { background:rgba(36,44,141,0.7); color:#fff }
@media screen and (max-width:1400px){	
    .board-view .top-box { padding:70px 20px; }
    .board-view .top-box .title { font-size:30px; }
    .board-view .viewCont .contents { padding:20px 40px 80px; }
}
@media screen and (max-width:1024px){	
    .board-view .top-box { padding:45px 20px; }
    .board-view .top-box .title { font-size:30px; }
    .board-view .top-box .type { margin:0 auto 10px; }
    .board-view .top-box .date { margin-top:10px; }
    .board-view .viewCont { margin-top:60px; }
    .board-view .viewCont .attach li { margin-top:5px; }
    .board-view .viewCont .contents { min-height:160px; }
    .board-view .btn_pn { margin-top:60px; }
    .board-view .btn_pn dt { width:130px; height:62px; font-size:16px; } 
    .board-view .btn_pn dd { width:calc(100% - 130px); font-size:16px; }
    .board-view .btn_pn dd a { font-size:16px; min-height:19px; -webkit-line-clamp:2; }
}
@media screen and (max-width:640px){	
    .board-view .top-box { padding:25px 20px; }
    .board-view .top-box .title { font-size:20px; }
    .board-view .top-box .date { font-size:13px; margin-top:5px; }
    .board-view .top-box .type { margin:0 auto 5px; }
    .board-view .top-box .type span { font-size:13px; height:22px; }
    .board-view .viewCont { margin-top:30px; }
    .board-view .viewCont .contents { padding:20px 0 50px; }
    .board-view .btn_pn dt,
    .board-view .btn_pn dd { font-size:15px; }
    .board-view .btn_pn dd a { font-size:15px; min-height:19px; }
}

/* animation */
.board-view { opacity:0; }
.board-view { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }


.technology-box .catalogue-box { display:flex; flex-wrap:wrap; }
.technology-box .catalogue-box .menu-box { position:relative; width:265px; }
.technology-box .catalogue-box .menu-box .nav { position:sticky; left:0; top:200px; width:100%; border-radius:20px; border:1px solid #d7d7d7; background:#eaeaea; }
.technology-box .catalogue-box .menu-box .nav > ul { padding:10px 20px }
.technology-box .catalogue-box .menu-box .nav > ul > li:not(:last-child) { border-bottom:1px solid rgba(0, 0, 0, 0.10); }
.technology-box .catalogue-box .menu-box .nav > ul > li > a:before { content:""; display:block; position:absolute; right:11px; top:50%; transform:translateY(-50%); width:11px; height:11px; background:url(/img/sub/menu_off.png) center center no-repeat; }
.technology-box .catalogue-box .menu-box .nav > ul > li.over > a:before { background:url(/img/sub/menu_on.png) center center no-repeat;}
.technology-box .catalogue-box .menu-box .nav > ul > li > a { position:relative; height:65px; display:flex; align-items:center; padding:0 18px 0 10px; color:#333; font-size:19px; font-weight:600; line-height:1.3; letter-spacing:-0.02em; }
.technology-box .catalogue-box .menu-box .nav > ul > li.all > a:before { display:none }
.technology-box .catalogue-box .menu-box .nav > ul > li.over > a { color:var(--mainColor); }
.technology-box .catalogue-box .menu-box .nav > ul > li .depth2 { display:none; } 
.technology-box .catalogue-box .menu-box .nav > ul > li.over .depth2 { display:block; }
.technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul { padding:0 10px 30px; } 
.technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul > li:not(:last-child) { margin-bottom:10px; }
.technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul > li a { color:#333; font-size:17px; font-weight:300; line-height:1.3; }
.technology-box .catalogue-box .contents-box { width:calc(100% - 265px); padding-left:50px; }
.technology-box .catalogue-box .contents-box .title h4 { color:#111; font-size:40px; font-weight:700; line-height:1.3; }
.technology-box .catalogue-box .contents-box .view-box { margin-top:35px; min-height:500px; line-height:1.5; background:linear-gradient(180deg, rgba(234, 234, 234, 0.60) 0%, #eaeaea 100%);}
@media screen and (max-width:1400px){
    .technology-box .catalogue-box .menu-box { width:240px; }
    .technology-box .catalogue-box .contents-box { width:calc(100% - 240px); padding-left:35px; }
    .technology-box .catalogue-box .contents-box .title h4 { font-size:35px; }
    .technology-box .catalogue-box .contents-box .view-box { margin-top:30px; min-height:400px; }
    .technology-box .catalogue-box .menu-box .nav > ul { padding:10px 15px }
    .technology-box .catalogue-box .menu-box .nav > ul > li > a { height:60px; font-size:18px;}
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul { padding:0 10px 25px; } 
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul > li:not(:last-child) { margin-bottom:8px; }
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul > li a { font-size:16px; }
}
@media screen and (max-width:1024px){
    .technology-box .catalogue-box .menu-box { width:220px; }
    .technology-box .catalogue-box .menu-box .nav { top:100px; border-radius:10px; }
    .technology-box .catalogue-box .contents-box { width:calc(100% - 220px); padding-left:30px; }
    .technology-box .catalogue-box .contents-box .title h4 { font-size:28px; }
    .technology-box .catalogue-box .contents-box .view-box { margin-top:30px;}
    .technology-box .catalogue-box .menu-box .nav > ul { padding:10px 12px }
    .technology-box .catalogue-box .menu-box .nav > ul > li > a { height:56px; font-size:17px;}
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul { padding:0 10px 20px; } 
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul > li:not(:last-child) { margin-bottom:8px; }
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul > li a { font-size:15px; }
}
@media screen and (max-width:860px){
    .technology-box .catalogue-box .menu-box { width:100%; }
    .technology-box .catalogue-box .menu-box .nav { position:relative; top:0; }
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul { display:flex; flex-wrap:wrap; gap:0 15px; }
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul > li { width:calc((100% - 30px) / 3)}
    .technology-box .catalogue-box .contents-box { width:100%; padding-left:0; margin-top:30px; }
}
@media screen and (max-width:640px){
    .technology-box .catalogue-box .menu-box .nav > ul > li > a:before { background-size:9px auto !important }
    .technology-box .catalogue-box .menu-box .nav > ul { padding:5px 5px }
    .technology-box .catalogue-box .menu-box .nav > ul > li > a { height:50px; font-size:16px;}
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul { padding:0 10px 10px; gap:0 10px; }
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul > li { width:calc((100% - 10px) / 2)}
    .technology-box .catalogue-box .menu-box .nav > ul > li .depth2 > ul > li a { font-size:14px; }
    .technology-box .catalogue-box .contents-box .title h4 { font-size:22px; }
    .technology-box .catalogue-box .contents-box .view-box { margin-top:20px;}
}
/* animation */
.technology-box .catalogue-box { opacity:0; }
.technology-box .catalogue-box { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.contact-box .info-box { display:flex; flex-wrap:wrap; }
.contact-box .info-box .l-box { width:38% }
.contact-box .info-box .l-box .tit h3 { font-size:45px; line-height:1.3; font-weight:600; color:var(--mainColor); }
.contact-box .info-box .l-box .btn { margin-top:40px; }
.contact-box .info-box .l-box .btn span { justify-content:center; align-items:center; display:flex; position:relative; text-align:center; border:none; outline:none; background-color:var(--mainColor); width:200px; height:65px; color:#fff; font-size:16px; font-weight:500; border-radius:65px; text-transform:uppercase; }
.contact-box .info-box .r-box { width:calc(100% - 38%); padding-top:13px; }
.contact-box .info-box .r-box dt { font-size:25px; line-height:1.3; font-weight:600; color:#222; }
.contact-box .info-box .r-box dd { margin-top:50px; }
.contact-box .info-box .r-box dd ul { border-top:1px solid #e0e0e0; }
.contact-box .info-box .r-box dd li { position:relative; border-bottom:1px solid #e0e0e0; padding:27px 17px 27px 167px; font-size:17px; line-height:1.4; font-weight:300; color:#333; }
.contact-box .info-box .r-box dd li strong { position:absolute; left:17px; top:27px; font-size:17px; line-height:1.3; font-weight:500; color:#333; }
.contact-box .info-box .r-box dd li strong a { font-weight:500; color:#333; }
.contact-box .map-box { margin-top:70px; padding-right:26%; height:650px; }
.contact-box .map-box iframe { border-radius:30px; }
@media screen and (max-width:1750px){
	.contact-box .map-box { padding-right:24%; }
}
@media screen and (max-width:1480px){
	.contact-box .map-box { padding-right:18%; }
}
@media screen and (max-width:1400px){
    .contact-box .info-box .l-box .tit h3 { font-size:38px; }
    .contact-box .info-box .l-box .btn { margin-top:30px; }
    .contact-box .info-box .r-box { padding-top:13px; }
	.contact-box .map-box { padding-right:19%; }
}
@media screen and (max-width:1280px){
    .contact-box .info-box .l-box .tit h3 { font-size:30px; }
    .contact-box .info-box .l-box .btn { margin-top:30px; }
    .contact-box .info-box .r-box { width:calc(100% - 45%); }
    .contact-box .info-box .r-box dt { font-size:22px; }
    .contact-box .info-box .r-box dd { margin-top:40px; }
    .contact-box .info-box .r-box dd li { padding:25px 15px 25px 160px; font-size:16px; }
    .contact-box .info-box .r-box dd li strong { left:15px; top:25px; font-size:16px; }
    .contact-box .map-box { margin-top:60px; height:600px; padding-right:0; }
}
@media screen and (max-width:1024px){	
    .contact-box .info-box .l-box .tit h3 { font-size:24px; }
    .contact-box .info-box .l-box .btn { margin-top:20px; }
	.contact-box .info-box .l-box .btn span { height:58px; font-size:15px; min-width:180px; }
    .contact-box .info-box .r-box {  padding-top:10px; }
    .contact-box .info-box .r-box dt { font-size:19px; }
    .contact-box .info-box .r-box dd { margin-top:30px; }
    .contact-box .info-box .r-box dd li { padding:20px 15px 20px 140px; font-size:15px; }
    .contact-box .info-box .r-box dd li strong { left:15px; top:20px; font-size:15px; }
    .contact-box .info-box .r-box dd li a { display:block }
    .contact-box .map-box { margin-top:50px; height:480px; }
    .contact-box .map-box iframe { border-radius:15px; }
}
@media screen and (max-width:960px){
    .contact-box .info-box .l-box,
    .contact-box .info-box .r-box { width:100% }
    .contact-box .info-box .l-box { text-align:center }
    .contact-box .info-box .l-box .btn span { margin:0 auto; }
    .contact-box .info-box .r-box { margin-top:40px; }
}
@media screen and (max-width:640px){	    
    .contact-box .info-box .l-box .btn span { height:50px; min-width:160px; }
    .contact-box .map-box { margin-top:40px; height:360px; }
}
/* animation */
.contact-box .info-box { opacity:0; }
.contact-box .info-box { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.contact-box .map-box { opacity:0; }
.contact-box .map-box.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

/* page */
.page { margin:120px auto 0 auto; text-align:center; padding:0; } 
.page a { vertical-align:middle; position:relative; font-family:Pretendard; font-size:15px; line-height:34px; font-weight:400; color:#111; letter-spacing:-0.02em; border:none; padding:0 8px; min-width:34px; margin:0 -3px; display:inline-block; }
.page ul { display:inline-block; vertical-align:middle; }
.page li { display:inline-block; vertical-align:middle; margin:0 5px; }
.page li.on a { font-weight:500; color:#fff; background:var(--mainColor); border-radius:34px; }
.page li:hover a,
.page li a:hover { border:none; }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { height:34px; width:34px; margin-right:8px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { height:34px; width:34px; margin-left:-4px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { height:34px; width:34px; margin-right:0; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { height:34px; width:34px; margin-left:0; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.page li span { color:#aaa; display:block; margin-top:-10px; font-weight:800; }
@media screen and (max-width:640px){
	.page { margin:40px auto 0 auto; }
	.page a { font-size:13px; }
    .page li { margin:0 3px; }
}

/* 에디터 */
.technology-box .catalogue-box .contents-box .view-box ul, 
.technology-box .catalogue-box .contents-box .view-box ol, 
.technology-box .catalogue-box .contents-box .view-box li,
.products-box .viewCont .box.detailsCont ul,
.products-box .viewCont .box.detailsCont ol,
.products-box .viewCont .box.detailsCont li,
.board-view .viewCont .contents ul,
.board-view .viewCont .contents ol,
.board-view .viewCont .contents li { list-style:unset; }