.flex-box { display:flex } 
 .flex-box.column { display:flex; flex-direction: column; } 
 .sec { padding-top:150px } 
 em.line-br { font-style: normal; } 
/* 페이징 */
.paging { margin-top:80px; display:flex; justify-content:center; align-items: center; } 
.paging a.prev { content: url('/img/pg_prev_btn_on.svg'); } 
.paging a.next { content: url('/img/pg_next_btn_on.svg'); } 
.paging { display:flex; gap:8px; justify-content:center; align-items:center; margin-top:28px; flex-wrap:wrap; } 
.paging a { padding:8px 10px; border-radius:6px; } 
.paging a.on { font-weight:600; color: crimson; } 
.paging a.disabled { pointer-events:none; opacity:.4; } 

.custom-file-label::after { right:20px!important } 
 /* 서브페이지 공통 css 시작 */
.sub-page { padding: 145px 0 200px; } 
.sub-page .page-tit { margin-bottom: 100px; } 
.sub-page .page-tit .tit { font-size: 3em; font-weight: 600; text-align: center; line-height: 1.2; } 
.sub-page [class*=cont-box]:not(:last-child) { margin-bottom: 150px; } 
 .sub-page .page-tit .sub_tit { line-height: 1.5; text-align: center; margin-top: 30px; } 
@media all and (max-width: 1199px){
 .sub-page .page-tit { margin-bottom: 100px; } 
 /* .sub-page { padding: 120px 0 160px; } */ } 
@media all and (max-width: 1024px) { /* .sub-page { padding: 145px 0 160px; } */
 .sub-page .page-tit { margin-bottom: 60px; } 
 .sub-page .page-tit .tit { font-size: 2.50em; } 
 .sub-page [class*=cont-box]:not(:last-child) { margin-bottom: 80px; } 
 }
@media all and (max-width: 768px) { /* .sub-page { padding: 100px 0 120px; } */
 .sub-page .page-tit { margin-bottom:30px } 
 .sub-page .page-tit .tit { font-size: 2.22em; } 
 }
@media all and (max-width: 640px) {}
/* 서브페이지 공통 css 끝 */


 #company { padding:0 } 
 #company .sec1 { background: #f8f8f8; position:relative; padding:150px 0 } 
 #company .sec1:before { position: absolute; content: ''; left: 0; bottom: 0; background: url(../img/sub/company_sec1_bg.png) no-repeat center center / cover; width: 45%; aspect-ratio: 753 / 235; max-width: 753px; } 
 #company .sec1 .cinner { } 
 #company .sec1 .cinner .flex-box { position: relative; width: 100%; } 
 #company .sec1 .cinner .flex-box .img_wrap { z-index: 2; width:45%; max-width: 468px; } 
 #company .sec1 .cinner .flex-box .img_wrap > img { position:absolute; } 
 #company .sec1 .cinner .flex-box .img_wrap h2 { display: flex; align-items: center; font-size: 3.5em; font-weight: bold; gap: 10px; margin-bottom: 45px; } 
 #company .sec1 .cinner .flex-box .img_wrap h2 img { max-width:80px} 
 #company .sec1 .cinner .flex-box .txt_wrap { z-index: 1; background: #fff; padding: 120px 130px; position: relative; width: 70%; right: 0; display: flex; flex-direction: column; gap: 20px; max-width:930px } 
 #company .sec1 .cinner .flex-box .txt_wrap:before { content:''; position:absolute; top:0; left:0; width:85px; height:68px; background:#FF1D00; clip-path: polygon(0 0, 100% 0, 0 100%); } 
 #company .sec1 .cinner .flex-box .txt_wrap h4 { font-size: 1.6em; font-weight: bold; line-height: 1.3; margin-bottom: 10px; } 
 #company .sec1 .cinner .flex-box .txt_wrap p { } 
 #company .sec2 .cinner .flex-box .img_wrap { width: 100%; background: url(../img/sub/company_sec2_img.png); aspect-ratio: 1400 / 350; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; } 
 #company .sec2 .cinner .flex-box .img_wrap h2 { font-size: 3em; font-weight: 500; } 
 #company .sec2 .cinner .flex-box .img_wrap span { font-size: 1.5em; font-weight: 500; } 
 #company .sec2 .cinner .flex-box .list_wrap { position:relative } 

#company .sec2 .cinner .flex-box .list_wrap { position: relative; } 
#company .sec2 .cinner .flex-box .list_wrap > ul > li { position: relative; width: 50%; padding: 35px 60px; box-sizing: border-box; left: 50%; text-align: left; position:relative } 
#company .sec2 .cinner .flex-box .list_wrap > ul > li:before { position:absolute; left:0; top:0; width:5px; height:100%; content:''; background: #F3F3F3; } 
#company .sec2 .cinner .flex-box .list_wrap > ul > li.reverse:before { left:unset; right:-5px } 
#company .sec2 .cinner .flex-box .list_wrap > ul > li.reverse { left: 0; text-align: right; } 
#company .sec2 .cinner .flex-box .list_wrap h2 { font-size: 3em; font-weight: 700; margin-bottom: 20px; color:#202020; } 
#company .sec2 .cinner .flex-box .list_wrap > ul > li::after { content: ''; position: absolute; left:-6px; top: 60px; width: 16px; aspect-ratio: 1/1;; background: #e60012; border-radius: 50%; z-index: 2; } 
#company .sec2 .cinner .flex-box .list_wrap > ul > li:nth-child(2) { padding-bottom:70px } 
#company .sec2 .cinner .flex-box .list_wrap > ul > li:nth-child(3) { padding-top:0 } 
#company .sec2 .cinner .flex-box .list_wrap > ul > li:nth-child(3)::after { top:30px } 
#company .sec2 .cinner .flex-box .list_wrap > ul > li:nth-child(3)::before { height:30px; } 
#company .sec2 .cinner .flex-box .list_wrap > ul > li.reverse:after { left:unset; right:-10px } 
#company .sec2 .cinner .flex-box .list_wrap ul ul { list-style: disc; padding-left: 20px; display:inline-block } 
#company .sec2 .cinner .flex-box .list_wrap li.reverse ul ul { padding-left: 0; padding-right: 20px; list-style-position: inside; } 
#company .sec2 .cinner .flex-box .list_wrap ul ul li { line-height: 1.8; color: #202020; } 


#company .sec3 { padding:150px 0 } 
#company .sec3 .cinner { } 
#company .sec3 .cinner .list_wrap { margin-top: 20px; } 
#company .sec3 .cinner .list_wrap > ul { gap:10px 70px; flex-wrap:wrap } 
#company .sec3 .cinner .list_wrap .flex-box li span { display: flex; color: #FF1D00; align-items: center; font-size: 1.1em; font-weight: 500; gap: 5px } 
#company .sec3 .cinner .list_wrap .flex-box li span img { } 
#company .sec3 .cinner .list_wrap .flex-box li p { font-size: .9em; } 

@media(max-width:1300px){
 /* #company .sec1 .cinner .flex-box .img_wrap > img { width:40% }  */
 #company .sec1 .cinner .flex-box .txt_wrap { padding:100px } 
 #company .sec1 .cinner .flex-box .img_wrap h2 { font-size:3em; } 
 }

@media(max-width:1199px) { } 

@media(max-width:1024px){
 .sec { padding-top:80px } 
 #company .sec1,
 #company .sec3 { padding:80px 0 } 
 #company .sec1 .cinner .flex-box .txt_wrap { gap:15px; padding:60px } 
 #company .sec1 .cinner .flex-box .img_wrap h2,
 #company .sec2 .cinner .flex-box .img_wrap h2 { font-size:2em } 
 #company .sec2 .cinner .flex-box .img_wrap span { font-size:1.2em } 
 #company .sec2 .cinner .flex-box .list_wrap h2 { font-size: 2.2em; } 
 #company .sec2 .cinner .flex-box .list_wrap > ul > li::after { top:35px; } 
 #company .sec2 .cinner .flex-box .list_wrap > ul > li:nth-child(3)::after { top:16px } 
 #company .sec2 .cinner .flex-box .list_wrap > ul > li { padding:20px 60px } 
 }

@media(max-width:768px){
 #company .sec1 .cinner .flex-box { flex-direction: column; gap:20px } 
 #company .sec1 .cinner .flex-box .img_wrap h2 { flex-direction: row; margin-bottom:10px; } 
 #company .sec1 .cinner .flex-box .img_wrap { max-width: none; width:100% } 
 #company .sec1 .cinner .flex-box .img_wrap > img { width:100%; position:relative } 
 #company .sec1 .cinner .flex-box .txt_wrap { max-width: none; width:100%; padding:50px 30px; } 
 #company .sec1 .cinner .flex-box .img_wrap h2 img { width:50px } 
 }
@media(max-width:640px){
 #company .sec1 .cinner .flex-box .txt_wrap h4 span,
 #company .sec1 .cinner .flex-box .txt_wrap p span { display:inline } 
 #company .sec2 .cinner .flex-box .img_wrap { height:250px } 
 #company .sec2 .cinner .flex-box .list_wrap > ul > li { width:100%; left:0; } 
 #company .sec2 .cinner .flex-box .list_wrap > ul > li:nth-child(2) { text-align:left } 
 #company .sec2 .cinner .flex-box .list_wrap > ul > li.reverse:before { right:unset; left:0 } 
 #company .sec2 .cinner .flex-box .list_wrap > ul > li.reverse:after { right:unset; left:-6px } 
 #company .sec2 .cinner .flex-box .img_wrap h2 { font-size: 1.5em; text-align: center; } 
 #company .sec2 .cinner .flex-box .img_wrap span { font-size:1em } 
 }




#brand { padding:0 } 
#brand .sec { padding:150px 0 } 
#brand .sec1 { } 
#brand .sec1 .cinner { } 
#brand .sec1 .cinner .page-tit { } 

#brand .sec1 .cinner .flex-box.column { align-items: center; gap: 80px; text-align: center; } 
#brand .sec1 .cinner .flex-box.column .img_wrap { margin-top: -200px; } 
#brand .sec1 .cinner .flex-box.column .img_wrap img { } 
#brand .sec1 .cinner .flex-box.column .txt_wrap { } 
#brand .sec1 .cinner .flex-box.column .txt_wrap p { } 
#brand .sec1 .cinner .flex-box.column .txt_wrap p .line-br { display: flex; line-height: 1.8; justify-content: center; align-items: center; } 
 #brand .sec1 .cinner .flex-box.column .txt_wrap p .line-br img { margin:30px 0 } 
#brand .sec2 { background:#F8F8F8 } 
#brand .sec2 .latest-gall { } 
#brand .sec2 .gall-list { display: flex; flex-wrap: wrap; gap: 75px 35px; } 
#brand .sec2 .gall-list li { display: flex; flex-direction: column; gap: 10px; width: calc(100% / 4 - 30px); } 
#brand .sec2 .gall-list li span { font-size:1.5em; font-weight:bold } 

 
@media(max-width:1399px) { } 
@media(max-width:1199px) { } 
@media(max-width:1024px){
 #brand .sec2 .gall-list { gap:50px 20px; } 
 #brand .sec2 .gall-list li { width:calc(100% / 4 - 15px) } 
 #brand .sec { padding:80px 0 } 
 #brand .sec1 .cinner .flex-box.column .img_wrap { margin-top:-150px } 
 }
@media(max-width:768px){
 #brand .sec1 .cinner .flex-box.column { gap:50px } 
 #brand .sec1 .cinner .flex-box.column .img_wrap { margin-top:-100px } 
 #brand .sec2 .gall-list li { width:calc(50% - 10px) } 
 }
@media(max-width:400px){
 #brand .sec1 .cinner .flex-box.column .img_wrap { margin-top:-50px } 
 }







#oem { padding:0 } 
#oem .sec { padding:150px 0 } 
#oem .sec1 { } 
#oem .sec1 .list_wrap { } 
#oem .sec1 .list_wrap ul { display: flex; flex-wrap: wrap; gap: 40px 20px; } 
#oem .sec1 .list_wrap ul li { width: calc(100% / 3 - 15px); background: #EBEBEB; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px 20px; gap: 25px; position:relative } 
#oem .sec1 .list_wrap ul li:before { content: ''; position: absolute; top: 0; left: 0; width: 73px; height: 63px; background: #FF1D00; clip-path: polygon(0 0, 100% 0, 0 100%); } 
#oem .sec1 .list_wrap ul li:nth-child(1):after { content:'1'; color:#fff; font-size:1.3em; position:absolute; left:13px; top:3px; } 
#oem .sec1 .list_wrap ul li:nth-child(2):after { content:'2'; color:#fff; font-size:1.3em; position:absolute; left:13px; top:3px; } 
#oem .sec1 .list_wrap ul li:nth-child(3):after { content:'3'; color:#fff; font-size:1.3em; position:absolute; left:13px; top:3px; } 
#oem .sec1 .list_wrap ul li:nth-child(4):after { content:'4'; color:#fff; font-size:1.3em; position:absolute; left:13px; top:3px; } 
#oem .sec1 .list_wrap ul li:nth-child(5):after { content:'5'; color:#fff; font-size:1.3em; position:absolute; left:13px; top:3px; } 
#oem .sec1 .list_wrap ul li:nth-child(6):after { content:'6'; color:#fff; font-size:1.3em; position:absolute; left:13px; top:3px; } 
#oem .sec1 .list_wrap ul li img { } 
#oem .sec1 .list_wrap ul li p { display: flex; flex-direction: column; font-size: 1em; text-align: center; } 
#oem .sec1 .list_wrap ul li p span { font-size: 1.5em; } 
#oem .sec1 .list_wrap ul li p span em { } 
#oem .sec2 { background: url(../img/sub/oem_sec2_img.png)no-repeat; width:100%; aspect-ratio: 1920/473; } 
#oem .sec2 .img_wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 45px; } 
#oem .sec2 .img_wrap img { } 
#oem .sec2 .img_wrap p { font-size: 2em; font-weight: bold; text-align: center; color: #fff } 
#oem .sec2 .img_wrap p span { } 
#oem .sec2 .img_wrap p span em { font-style: normal; color: #E83939; } 
#oem .sec3 { } 
#oem .sec3 .content_wrap { position: relative; } 
#oem .sec3 .content_wrap img { } 
#oem .sec3 .content_wrap .txt_wrap { position: absolute; background: #E83939; color: #fff; padding: 25px 50px; bottom:50px; left: -50px; } 
#oem .sec3 .content_wrap .txt_wrap h4 { font-size: 1.5em; font-weight: bold; margin-bottom: 15px; } 
#oem .sec3 .content_wrap .txt_wrap p { font-size: 1.2em; font-weight: 500; } 
@media(max-width:1399px){
 #oem .sec3 .content_wrap .txt_wrap { left:50px; bottom:20px } 
 }
@media(max-width:1199px) { } 
@media(max-width:1024px) { } 
@media(max-width:768px){
 #oem .sec { padding:80px 0 } 
 #oem .sec1 .list_wrap ul li { width:calc(50% - 10px) } 
 #oem .sec3 .content_wrap .txt_wrap { left: 0; position: relative; top: -50px; width: 90%; margin: 0 auto; } 
 #oem .sec3 .content_wrap .txt_wrap p { font-size:1em } 
 #oem .sec3 .content_wrap .txt_wrap h4,
 #oem .sec1 .list_wrap ul li p span { font-size:1.3em } 
 #oem .sec2 .img_wrap p span.line-br { display:inline; } 
 #oem .sec2 .img_wrap p { font-size:1.8em } 
 #oem .sec2 .img_wrap img { width:50% } 
 #oem .sec1 .list_wrap ul li img { width:50% } 
 }
@media(max-width:500px){
 .sub-page .page-tit .sub_tit .line-br { display:inline } 
 #oem .sec2 .img_wrap { gap:20px; } 
 #oem .sec1 .list_wrap ul li { width:100% } 
 #oem .sec2 .img_wrap p { font-size: 1.3em; } 
 #oem .sec3 .content_wrap .txt_wrap { width:100%; top:0; padding:30px 20px } 
 }





/* 자료실 */ 
#library { padding:0 } 
#library .sec { padding-top:150px } 
#library .sec2 { padding-bottom:150px } 
#library .adm-btns { display:flex;; margin-bottom:10px; justify-content: flex-end; } 
#library .adm-btns a { color:#fff; font-size:.8em; background:#FF1D00; border-radius: 10px; padding:7px 15px; } 
#library .bo_list_wrap { border-top: 2px solid #000; } 
#library .list_con { } 
#library .list_con li { display: flex; align-items: center; height: 85px; border-bottom: 1px solid #cacaca; } 
#library .list_con li:hover { background: #F6F6F6; cursor: pointer; } 
#library .list_con li .num { font-size: 1em; color: #FF1D00; font-weight: bold; width: 5%; text-align: center; } 
#library .list_con li .subject_wrap { width: 70%; color: #202020; font-weight: 500; } 
#library .list_con li .down { width: 15%; display: flex; align-items: center; justify-content: center; } 
#library .list_con li .down a { display: flex; gap: 10px; border: 1px solid #cacaca; justify-content: center; align-items: center; height: 40px; max-width: 130px; border-radius: 5px; width:100%; } 
#library .list_con li .date { width: 15%; text-align: center; } 
.search-wrap { display: flex; gap: 10px; align-items: center; border: 1px solid #c0c0c0; padding: 10px; font-size: .9em; color: #c0c0c0; } 
.total_num { font-size:.8em; } 
.total_num span { font-weight:bold; color:#FF1D00 } 
.bo_list_top_wrap { display: flex; justify-content: space-between; align-items: center; } 

@media(max-width:1024px){
 #library .list_con li .num { width: 10%; } 
 #library .list_con li .subject_wrap { width: 55%; } 
 #library .list_con li .down { width: 20%; } 
 #library .list_con li .date { } 
 }

@media(max-width:768px){
 #library .sec { padding-top:80px } 
 #library .sec2 { padding-bottom:8 0px } 
 #library .list_con li .down a { font-size: .9em; height: 35px; width: 80%; gap: 5px; } 
 #library .list_con li { height:65px } 
 .total_num { font-size:16px; } 
 }

 @media(max-width:640px){
 #library .list_con li .subject_wrap { width:45% } 
 #library .list_con li .down { width:25% } 
 #library .list_con li .date { width:20%; font-size:.8em } 
 }
 @media(max-width:500px){
 #library .list_con li .down a { height: auto; width: auto; padding: 5px 7px; gap: 3px; } 
 #library .list_con li .date { display:none } 
 #library .list_con li { justify-content: space-between; } 
 #library .list_con li .subject_wrap { width:50% } 
 #library .list_con li .down { width:30% } 
.bo_list_top_wrap { align-items: stretch; flex-direction: column-reverse; } 
.total_num { margin-bottom:10px; } 
 }


/* 고객지원 */
#customer_sp { padding:0 } 
#customer_sp .sec { padding-top:150px } 
#customer_sp .sec1 .con_list_wrap { } 
#customer_sp .sec1 .con_list_wrap ul { display: flex; gap: 65px; flex-direction: column; } 
#customer_sp .sec1 .con_list_wrap ul li { } 
#customer_sp .sec1 .con_list_wrap ul li h4 { color: #FF1D00; font-size: 1.5em; font-weight: bold; margin-bottom: 10px; } 
#customer_sp .sec1 .con_list_wrap ul li p { margin-bottom: 20px; line-height: 2; } 
#customer_sp .sec1 .con_list_wrap ul li p span a {text-decoration: underline; } 
#customer_sp .sec2 { padding-bottom:150px } 
#customer_sp .adm-btns { display:flex;; margin-bottom:10px; justify-content: flex-end; } 
#customer_sp .adm-btns a { color:#fff; font-size:.8em; background:#FF1D00; border-radius: 10px; padding:7px 15px; } 
#customer_sp .bo_list_wrap { border-top: 2px solid #000; } 
#customer_sp .listWrap { margin-bottom:20px; } 
#customer_sp .listWrap .qa_li { position:relative; display:block; border-bottom: 1px solid #cacaca; box-sizing: border-box; overflow: hidden; cursor:pointer; } 
#customer_sp .listWrap .qa_li .ca_name { margin-bottom:14px; font-weight:400; color:#999; font-size:18px; } 
#customer_sp .listWrap .qa_li .tit { width: 100%; transition:color 0.3s ease-out;; padding-left:70px; position:relative } 
#customer_sp .listWrap .qa_li .tit:before { content:'Q'; position:absolute; left:0; top:50%; transform: translateY(-50%); color:#FF1D00 } 
#customer_sp .listWrap .qa_li .question { display: flex; align-items: center; padding: 25px 30px; background: #fff; font-size: 1em; font-weight: 600; position: relative; transition: .35s; } 
#customer_sp .listWrap .qa_li:hover .question { color: #FF1D00; } 
#customer_sp .listWrap .qa_li .question .icon { flex: 0 0 auto; margin-right: 8px; } 
#customer_sp .listWrap .qa_li .question .arrow { width: 12px; height:12px; border-right:2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg) translate(-40%, -40%) !important; position: absolute; top: 50%; right: 30px; transition: .35s; } 
#customer_sp .listWrap .qa_li.open .question { color:#FF1D00 } 
#customer_sp .listWrap .qa_li.open .question .arrow { transform: rotate(-135deg) translate(-5%, -5%) !important; } 
#customer_sp .listWrap .qa_li .answer { height: 0; overflow: hidden; box-sizing: border-box; position:relative; } 
#customer_sp .listWrap .qa_li.open .answer { height: auto; border-top:1px solid #cacaca; background: #FAFAFA; } 
#customer_sp .listWrap .qa_li .answer .in-ans { display: flex; padding: 25px 30px; font-size:.9em; padding-left:100px; position:relative } 
#customer_sp .listWrap .qa_li .answer .in-ans:before { content:'A'; position:absolute; left:30px; top:50%; transform: translateY(-50%); color:#888888; font-size: 1em; } 
#customer_sp .listWrap .qa_li .answer .in-ans .icon { flex: 0 0 auto; margin-right: 15px; } 
#customer_sp .listWrap .qa_li .answer .in-ans .content { } 

@media all and (max-width: 768px){
 #customer_sp .sec { padding-top:80px } 
 #customer_sp .sec2 { padding-bottom:80px } 
 #customer_sp .sec1 .con_list_wrap ul li p span { display:inline } 
 #customer_sp .sec1 .con_list_wrap ul { gap:30px; } 
 #customer_sp .sec1 .con_list_wrap ul li p { margin-bottom:10px; } 
 }
@media all and (max-width: 640px){
 #customer_sp .listWrap .qa_li .question { padding:20px } 
 #customer_sp .listWrap .qa_li .tit { padding-left:30px; } 
 #customer_sp .listWrap .qa_li .answer .in-ans { padding-left:30px; } 
#customer_sp .listWrap .qa_li .answer .in-ans:before { display:none } 
 }





/* 글로벌시장 $ 프로젝트 */
#project { padding:0 } 
#project .sec { padding-top:150px } 
#project .sec3 { padding-bottom:150px; } 

#project .sec1 .content_wrap { } 
#project .sec1 .content_wrap .img_wrap { margin-bottom:20px; } 
#project .sec1 .content_wrap h4 { font-size: 1.5em; margin-bottom: 20px; } 
#project .sec1 .content_wrap h4 span { font-size:.65em; } 
#project .sec1 .content_wrap .list_wrap { list-style: disc; padding-left: 30px; margin-bottom: 65px; } 
#project .sec1 .content_wrap .list_wrap li { margin-bottom: 5px; } 
#project .sec1 .content_wrap .list_wrap li span { font-weight: 500; } 
#project .sec1 .content_wrap .list_wrap li:nth-child(1) span { color:#EC731C } 
#project .sec1 .content_wrap .list_wrap li:nth-child(2) span { color:#311CEC } 
#project .sec1 .content_wrap .list_wrap li:nth-child(3) span { color:#00965A } 
#project .sec1 .content_wrap .list_wrap li:nth-child(4) span { color:#EEAE00 } 
#project .sec1 .content_wrap .list_wrap li:nth-child(5) span { color:#8F00EE } 
#project .sec1 .content_wrap .txt_wrap { font-size: 1.7em; margin-bottom: 30px; text-align: center; } 
#project .sec1 .content_wrap .txt_wrap span { } 

#project .sec2 .latest-gall { } 
#project .sec2 .gall-list,
#project .sec3 .gall-list { display: flex; flex-wrap: wrap; gap: 75px 35px; } 
#project .sec2 .gall-list li,
#project .sec3 .gall-list li { display: flex; flex-direction: column; gap: 10px; width: calc(100% / 4 - 30px); } 
#project .sec2 .gall-list li span,
#project .sec3 .gall-list li span { font-size:1.5em; font-weight:bold ;text-align: center;} 

 
@media(max-width:1399px) { } 
@media(max-width:1199px) { } 
@media(max-width:1024px){
 #project .sec2 .gall-list,
 #project .sec3 .gall-list { gap:50px 20px; } 
 #project .sec2 .gall-list li,
 #project .sec3 .gall-list li { width:calc(100% / 4 - 15px) } 
 }
@media(max-width:768px){
 #project .sec2 .gall-list li,
 #project .sec3 .gall-list li { width:calc(50% - 10px) } 
 }



@media all and (max-width: 768px){
 #project .sec { padding-top:80px } 
 #project .sec2 { padding-bottom:80px } 
 #project .sec1 .content_wrap .txt_wrap { font-size: 1.2em; } 
 }


 /* 생산공정 & 기술 */
#production { padding:0 } 
#production .sec { padding-top:150px } 
#production .sec1 { padding-bottom:150px } 
#production .sec2 { background:url(../img/sub/production_sec2_img.png)no-repeat center center; height:655px; color:#fff; } 
#production .sec2 h3 { font-size: 1.8em; font-weight: bold; margin-bottom: 35px; } 
#production .sec2 p { font-size: 1.2em; } 
#production .sec3 { padding-bottom:150px; } 

@media all and (max-width: 768px){
 #production .sec { padding-top:80px } 
 #production .sec2 {height:450px}
 #production .sec2 p span {display:inline}
 #production .sec1,
 #production .sec3 { padding-bottom:80px } 
 #production .sec2 h3 {font-size: 1.4em;margin-bottom:20px;}
 #production .sec2 p {font-size: 1em;}
 }
 @media all and (max-width: 500px){
     #production .sec2 {height:350px}
 }



/* 문의 상담 */
#inq { padding:0 } 
#inq .sec { padding-top:150px } 
#inq .sec3 { padding-bottom:150px; } 
#inq .sec3 .content_wrap { display:flex; gap:20px } 
#inq .sec3 .content_wrap .img_wrap { position:relative; width:50% } 
#inq .sec3 .content_wrap .img_wrap img { } 
#inq .sec3 .content_wrap .img_wrap .img_txt { position: absolute; color: #fff; top: 0; padding: 45px 60px; } 
#inq .sec3 .content_wrap .img_wrap .img_txt span { font-size: 1.5em; margin-bottom: 20px; display: block; } 
#inq .sec3 .content_wrap .img_wrap .img_txt h4 { font-size: 2.5em } 
#inq .sec3 .content_wrap .img_wrap .img_txt p { margin-top: 10px; } 
#inq .sec3 .content_wrap .img_wrap .img_txt p span { margin: 0; font-size: 1em; } 
#inq .sec3 .content_wrap .list_wrap { display: flex; flex-wrap: wrap; gap: 11px 14px; width: 48% } 
#inq .sec3 .content_wrap .list_wrap li { width: calc(50% - 7px); position:relative } 
#inq .sec3 .content_wrap .list_wrap li a { display: flex; align-items: center; justify-content: center; } 
#inq .sec3 .content_wrap .list_wrap li a img { width:100% } 
#inq .sec3 .content_wrap .list_wrap li a span { font-size: 1.5em; font-weight: bold; font-family: 'suit'; position: absolute; top: 50%; transform: translateY(-50%); left: 100px; display:flex; } 

@media(max-width:1399px){
 #inq .sec3 .content_wrap .list_wrap li a span { font-size:1.3em } 
 }
@media(max-width:1199px){
 #inq .sec3 .content_wrap .img_wrap .img_txt { padding:20px 40px; } 
 #inq .sec3 .content_wrap .img_wrap .img_txt span { font-size:1.3em; margin-bottom:10px; } 
 #inq .sec3 .content_wrap .list_wrap li a span { font-size: 1.2em; left:80px } 
 }
@media(max-width:768px){
 #inq .sec { padding-top:80px } 
 #inq .sec3 { padding-bottom:80px } 
 #inq .sec3 .content_wrap { flex-direction: column; } 
 #inq .sec3 .content_wrap .img_wrap,
 #inq .sec3 .content_wrap .list_wrap { width:100%; } 
 #inq .sec3 .content_wrap .list_wrap li a span { font-size: 1.5em; left:110px;; } 
 #inq .sec3 .content_wrap .img_wrap .img_txt { padding:45px 60px } 
 #bo_w form .left_box h2 { display:none } 
 }
@media(max-width:500px){
 #inq .sec3 .content_wrap .img_wrap .img_txt { padding:20px 40px; } 
 #inq .sec3 .content_wrap .list_wrap li a span { font-size: 1em; left:60px; } 
 }
@media(max-width:420px){
 #inq .sec3 .content_wrap .list_wrap li a span { left:40px; } 
 }