@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap');

/* mVisual */
.finder{width: 100%; position: relative;}
.finder span{display: block!important ;position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 99; font-size: 17px; color: #fff; background:#ef3139 url(/images/main/finder_btn.png) no-repeat center right 45px; padding: 13px 45px; border-top-left-radius: 40px; border-top-right-radius: 40px; font-weight: 300; cursor: pointer; margin-top: -42px; width: 340px;}
.finder span.on{display: none !important;}

.finder_search{height: 0; opacity: 0; position: fixed; width: 700px; left: 50%; transform: translateX(-50%); bottom: 0px; z-index: 88; overflow: hidden; transition: .5s ease-in-out; box-shadow: 1px 2px 12px rgba(0,0,0,0.2);}
.finder_search.on{height: auto; opacity: 1; bottom: 40px;}
.finder_search .flex{display: flex; background-color: #fff; padding: 2em; padding-left: 0; align-items: center; border-radius: 15px; overflow: hidden; border-top-right-radius: 0px;}
.finder_search .txt{}
.finder_search .txt h3{padding: 10px 20px; padding-left: 25px; background-color: #EF3139; color: #fff; font-size: 20px; font-weight: 500; text-align: left; clear: both; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.finder_search .txt p{padding-left: 1.5em; margin-top: 10px; font-weight: 300; letter-spacing: -0.05em; color: #555; font-size: .9375em;}
.finder_search .box{ position: relative; background-color: #fff; display: flex; background-color: #fff; margin-left: 30px;}
.finder_search .box.mt20{margin-top: 10px; padding: 0 8px;}
.finder_search .box.mt20 input[type = text]{height: 40px; border: 1px solid #e1e1e1; padding: 0 10px; font-size: 15px;}
.finder_search .box select{ margin: 0 8px; padding: 0 10px;font-family: 'Noto Sans KR', sans-serif; font-size: 15px; letter-spacing: -0.05em; color: #444; height: 40px;}
.finder_search .box select option{font-family: 'Noto Sans KR', sans-serif; font-size: 15px; letter-spacing: -0.05em; color: #444;}
.finder_search .box button{margin: 0 8px; border: 0px; background-color: transparent; font-size: 15px; color: #fff; background-color: #525050; padding: 0 30px; transition: .2s;}
.finder_search .box button:hover{background-color: #222;}
.finder_search .close{background-color: #222; color: #fff; display: inline-block; clear: both; padding: 3px 12px; font-weight: 300; cursor: pointer; font-size: 14px; position: absolute; top: 0; right: 0;}
.sel_box ul{margin: 0 8px;}
.sel_box ul li{font-size: 13px; font-weight: 300; color: #666;}
.sel_box ul li a{color: #ee3335;}

/* main_tit */
.main_tit{font-family: 'Titillium Web', sans-serif; font-size: 2em; color: #212121; text-align: center; margin: 100px 0 50px;}

@media all and (max-width:1080px){
    .main_tit{font-size: 1.75em; margin: 3em 0 1em;}
}
@media all and (max-width:799px){
	.finder_search{transition: 0;}
	.finder_search .flex{flex-direction: column; padding: 1em; border:  1px solid #dedede; border-top-left-radius: 0px; border-radius: 0px;}
	.finder_search .flex .txt p{margin-top: 0; margin-bottom: 20px; word-break: keep-all; text-align: center; padding-left: 0;}
	.finder_search .flex .txt p br{display: none;}
    .finder span{padding: 14px 60px; font-size: 14px; background:#ef3139 url(/images/main/finder_btn.png) no-repeat center right 30px; background-position: center right 30px !important; margin-top: -38px;width: 90vw; border-radius: 0; bottom: auto; top: 10px; padding:12px 30px; top: auto; bottom: 0;}
	.finder span.on{ background:#ef3139 url(/images/main/finder_btn1.png) no-repeat center right 35px;}
    .finder_search{width: 90vw; position: relative; bottom: auto; /* top: 15px;*/ position: fixed; bottom: 43px;}
    .finder_search h3{display: none;}
    .finder_search .box{display: flex; justify-content: center; width: 100%; margin-left: 0;}
    .finder_search .box select{width: 100%; margin: 0; padding: 0 5px;}
    .finder_search .box .sel_box:nth-child(2) select{width: 100%; margin: 0px;}
	.finder_search .box.mt20{margin-top: 10px; padding: 0;}
	.finder_search .box.mt20 input[type = text]{width: 100%;}
	.finder_search .box button{width: 100%; padding: 0 10px; max-width: 90px;}
    .finder span.on{display: block !important;}
    .finder_search .close{display: none;}
	.sel_box ul{margin-bottom: 8px;}}
}
@media all and (max-width:480px){
	.search_box{width: 100%;}
	.finder_search .top > .box{flex-direction: column;}
	.finder_search .box select{margin: 0; margin-bottom: 5px;}
	.finder_search .box button{margin-right: 0;}
}

/* tab */
ul.tab{padding-bottom: 20px; border-bottom: 1px solid #ef3139;height:60px;}
ul.tab li{text-align: center; border-right: 1px solid #d3d3d3; line-height: 1em; cursor: pointer;float:left;}
ul.tab li span{line-height: 1em; color: #989898; font-size: 14px; padding: 8px 0;   display: inline-block; width: 74px;}
ul.tab li.on{}
ul.tab li.on span{font-weight: 500; color: #fff; background-color: #ef3139; border-radius: 30px;}

.rel{position: relative; height: 570px;}
.tabcontent{display: flex; justify-content: space-between; align-items: center; opacity: 0; visibility: hidden;transition: .4s ease-in-out; position: absolute; top: 0; width: 100%;background:#ececec;}
.tabcontent1{display: flex; justify-content: space-between; align-items: center; opacity: 9; visibility: visible;transition: .4s ease-in-out; position: absolute; top: 0; width: 100%;background:#ececec;}
.tabcontent.on{visibility: visible; opacity: 1;}
.tabcontent .img{width: 60%;}
.tabcontent .info{width: 50%; margin-left: 80px;}
.tabcontent .info .tit{font-size: 38px; font-weight: 600; color: #212121; display: flex; align-items: center; line-height: 1em; margin-left: 10px;}
.tabcontent .info .tit a{font-size: 15px; color: #fff; display: inline-block; line-height: 38px; background-color: #525050; padding: 0 15px; border-radius: 30px; margin-left: 40px; font-weight: 400;}
.tabcontent .info .txt{font-size: 15px; color: #888888; margin-top: 20px; line-height: 1.6em; margin-left: 10px; margin-bottom: 30px;}
.tabcontent .info .sct_noitem{padding: 20px 0;}
.tabcontent .info .sct_40{padding: 0;}
.tabcontent .info .sct_40  li{margin-bottom: 0; padding-bottom: 0;}
.tabcontent .info #sct_wrap{margin-bottom: 0;}
.tabcontent .info .sct_40 .sct_txt{margin: 0; text-align: center;}
.tabcontent .info .sct_40 .txt_wr{margin-top: 10px;}


.tabcontent1 .img{width: 60%;}
.tabcontent1 .info{width: 50%; margin-left: 80px;}
.tabcontent1 .info .tit{font-size: 38px; font-weight: 600; color: #212121; display: flex; align-items: center; line-height: 1em; margin-left: 10px;}
.tabcontent1 .info .tit a{font-size: 15px; color: #fff; display: inline-block; line-height: 38px; background-color: #525050; padding: 0 15px; border-radius: 30px; margin-left: 40px; font-weight: 400;}
.tabcontent1 .info .txt{font-size: 15px; color: #888888; margin-top: 20px; line-height: 1.6em; margin-left: 10px; margin-bottom: 30px;}
.tabcontent1 .info .sct_noitem{padding: 20px 0;}
.tabcontent1 .info .sct_40{padding: 0;}
.tabcontent1 .info .sct_40  li{margin-bottom: 0; padding-bottom: 0;}
.tabcontent1 .info #sct_wrap{margin-bottom: 0;}
.tabcontent1 .info .sct_40 .sct_txt{margin: 0; text-align: center;}
.tabcontent1 .info .sct_40 .txt_wr{margin-top: 10px;}



@media all and (max-width:1080px){
    ul.tab li{border-right: 0;}
    .tabcontent{flex-direction: column; transition: 0s;}
    .tabcontent .img{width: 100%;}
    .tabcontent .img img{width: 100%;}
    .tabcontent .info{width: 100%; margin-left: 0px; margin-top: 2em;}
    .tabcontent .info .tit{font-size: 32px;}
    .tabcontent .info .tit a{line-height: 32px; margin-left: 15px;}
    .tabcontent .info .txt{ margin-bottom: 20px;}
    .tabcontent .info .txt br{display: none;}
	.rel{height: 90vw;}
}
@media all and (max-width:640px){
    .tabcontent.on .sct_40 li{width: 33.33333% !important;}
    .tabcontent.on .sct_40 li:nth-child(4),
    .tabcontent.on .sct_40 li:nth-child(5){display: none;}
	.rel{height: 110vw;}
}
@media all and (max-width:480px){
    .tabcontent.on .sct_40{display: none;}
    .tabcontent.on .sct_noitem{display: none;}
    .tabcontent .info .tit{font-size: 26px}
    .tabcontent .info .tit a{line-height: 26px;}
	.rel{height: 85vw;}
}

@media all and (max-width:1080px){
    ul.tab li{border-right: 0;}
    .tabcontent1{flex-direction: column; transition: 0s;}
    .tabcontent1 .img{width: 100%;}
    .tabcontent1 .img img{width: 100%;}
    .tabcontent1 .info{width: 100%; margin-left: 0px; margin-top: 2em;}
    .tabcontent1 .info .tit{font-size: 32px;}
    .tabcontent1 .info .tit a{line-height: 32px; margin-left: 15px;}
    .tabcontent1 .info .txt{ margin-bottom: 20px;}
    .tabcontent1 .info .txt br{display: none;}
	.rel{height: 90vw;}
}
@media all and (max-width:640px){
    .tabcontent1.on .sct_40 li{width: 33.33333% !important;}
    .tabcontent1.on .sct_40 li:nth-child(4),
    .tabcontent1.on .sct_40 li:nth-child(5){display: none;}
	.rel{height: 110vw;}
}
@media all and (max-width:480px){
    .tabcontent1.on .sct_40{display: none;}
    .tabcontent1.on .sct_noitem{display: none;}
    .tabcontent1 .info .tit{font-size: 26px}
    .tabcontent1 .info .tit a{line-height: 26px;}
	.rel{height: 130vw;}
}



.industry{}
.industry .s-inner{}
.industry .s-inner .box{display: flex; justify-content: space-between; align-items: center;}
.industry .s-inner .box .info{width: 50%; padding-left: 50px; max-width: 650px; position: relative;}
.industry .s-inner .box .info .tit{font-weight: 500; font-size: 40px; color: #212121;}
.industry .s-inner .box .info .txt{font-size: 16px; font-weight: 400; color: rgba(0,0,0,0.5); word-break: keep-all; letter-spacing: -0.05em; line-height: 2em; margin-top: 30px;}
.industry .s-inner .box .info .btn_box{display: flex; margin-top: 50px;}
.industry .s-inner .box .info .btn_box .more{}
.industry .s-inner .box .info .btn_box .more a{text-align: center; color: #4b4b4b; font-weight: 500; display: block; border: 1px solid #dedede; padding: 15px 50px;}
.industry .s-inner .box .info .btn_box .arrows{display: flex; align-items: center; margin-left: 40px;}
.industry .s-inner .box .info .btn_box .arrows a{padding: 0 20px; border-right: 1px solid #dedede; cursor: pointer;}
.industry .s-inner .box .info .btn_box .arrows a:last-child{border-right: 0;}
.industry .s-inner .box .info .info_tit{position: absolute; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 600; color: #4b4b4b; letter-spacing: .9em; left: -170px; top: 0; transform: rotate(90deg) translate(50%, 0);}
.industry .s-inner .box .info .info_tit span{color: #ed1c24;}
.industry .s-inner .box .img{width: 50%; max-width: 670px; border: 1px solid #e5e5e5}
.industry .s-inner .box .img img{}

.new_prd{}
.new_prd .sct_30{}
.new_prd .sct_30 .sct_li{width: 25% !important;}
.new_prd .sct_30 .sct_li:nth-child(5){display: none;}
.new_prd .sct_30 .sct_li img{transition: .4s ease-in-out;}
.new_prd .sct_30 .sct_li:hover img{transform: scale(1.05);}
.new_prd .sct_30 .sct_li a{transition: .4s ease-in-out;}
.new_prd .sct_30 .sct_li:hover a{color: #EF3139}

@media all and (max-width:1080px){
    .industry .s-inner .box{flex-direction: column;}
    .industry .s-inner .box .info{width: 100%; margin-top: 2em; max-width: 100%;}
    .industry .s-inner .box .img{width: 100%; order: -1; max-width: 100%;}
    .industry .s-inner .box .img img{width: 100%;}
}

@media all and (max-width:640px){
    .industry .s-inner .box .info{padding-left: 0;}
    .industry .s-inner .box .info .info_tit{display: none;}
    .industry .s-inner .box .info .tit{font-size: 32px;}
    .industry .s-inner .box .info .txt{font-size: 15px; margin-top: 20px;}
    .industry .s-inner .box .info .btn_box{margin-top: 2.5em;}
    .new_prd .sct_30{padding: 0;}
    .new_prd .sct_30 .sct_li{width: 50% !important;}
    .industry .s-inner .box .info .btn_box .more a{padding: 10px 30px;}
    .industry .s-inner .box .info .btn_box .arrows{margin-left: 20px;}
}
@media all and (max-width:480px){
    .industry .s-inner .box .info .tit{font-size: 26px; font-weight: 600;}
}


/* 메인하단 영역 */
.section{padding: 100px 0 80px;}
.section .f-inner{display: flex;}
.section .f-inner > div.box{border: 1px solid #e5e5e5; margin-left: -1px; width: 100%;}
.section .f-inner > div.notice_box{padding: 50px;}
.section .f-inner > div.box .tit{display: flex; justify-content: space-between; align-items: center;}
.section .f-inner > div.box .tit h3{color: #212121; font-weight: 500; font-size: 24px;}
.section .f-inner > div.box .tit h3 span{color: #aeaeae; font-size: 14px;}
.section .f-inner > div.box .tit .more{}
.section .f-inner > div.box .tit .more a{}
.section .f-inner > div.box .tit .more a img{}
.section .f-inner .notice_box ul{margin-top: 35px;}
.section .f-inner .notice_box ul li{}
.section .f-inner .notice_box ul li a{display: flex; justify-content: space-between; border-bottom: 1px dashed #b2b2b2; padding-bottom: 10px; margin-bottom: 10px;}
.section .f-inner .notice_box ul li:last-child a{margin-bottom: 0;}
.section .f-inner .notice_box ul li a .title{color: #686868; font-size: 16px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 70%;}
.section .f-inner .notice_box ul li a .date{color: #989898; font-weight: 400; font-size: 16px; width: 25%; text-align: right}

.section .f-inner > .box.customer{padding: 50px;}
.section .f-inner > .box.customer .cont .tel{color: #ed1c24; font-size: 40px; font-weight: 500; line-height: .675em; margin-top: 15px; padding-left: 70px; background: url(/images/main/cont_img0.png) no-repeat center left;}
.section .f-inner > .box.customer .cont .tel span{font-weight: 400; font-size: 20px;}
.section .f-inner > .box.customer ul{display: flex; margin-top: 30px; flex-wrap: wrap;}
.section .f-inner > .box.customer ul li{width: 50%; text-align: center;}
.section .f-inner > .box.customer ul li:nth-child(odd){border-right: 1px solid #e5e5e5;}
.section .f-inner > .box.customer ul li:nth-child(1),
.section .f-inner > .box.customer ul li:nth-child(2){border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.section .f-inner > .box.customer ul li:nth-child(3),
.section .f-inner > .box.customer ul li:nth-child(4){padding-top: 20px;}
.section .f-inner > .box.customer ul li:last-child{border-right: 0;}
.section .f-inner > .box.customer ul li a{}
.section .f-inner > .box.customer ul li a .img{}
.section .f-inner > .box.customer ul li a .img img{}
.section .f-inner > .box.customer ul li a p{margin-top: 10px;}

.section .f-inner .box.map{position: relative;}
.section .f-inner .box.map .txt{position: absolute; top: 40px; left: 40px; z-index: 9;}
.section .f-inner .box.map .txt h3{font-weight: 500; font-size: 24px; color: #212121;}
.section .f-inner .box.map .txt p{font-weight: 500; font-size: 16px; color: #212121; letter-spacing: -0.05em;}


@media all and (max-width:1280px){
    .section .f-inner > div.notice_box,
    .section .f-inner > .box.customer{padding: 30px;}
    .root_daum_roughmap .wrap_map{height: 320px !important;}
    .section .f-inner > .box.customer .cont .tel{font-size: 32px; background-size: contain !important;}
}
@media all and (max-width:1080px){
    .section{padding: 5em 0 3em;}
    .section .f-inner{flex-direction: column;}
    .section .f-inner > div.notice_box,
    .section .f-inner > .box.customer{padding: 40px;}
    .root_daum_roughmap .wrap_map{height: 34vh !important;}
    .section .f-inner > div.box .tit h3{font-size: 20px;}
    .section .f-inner > .box.customer .cont .tel{font-size: 28px; line-height: 1em;}
    .section .f-inner > .box.customer .cont .tel span{font-size: 18px;}
    .section .f-inner .notice_box ul li a .title{font-size: 15px;}
    .section .f-inner .notice_box ul li a .date{font-size: 15px;}
}
@media all and (max-width:640px){
    .section .f-inner > div.notice_box,
    .section .f-inner > .box.customer{padding: 20px;}
    .section .f-inner > .box.customer ul li a p{font-size: 14px;}
    .section .f-inner > .box.customer .cont .tel{background: none; padding-left: 0; text-align: center;}
    .section .f-inner .box.map .txt{top: 20px; left: 20px;}
}

.view{position: relative;}
.view .arrow_btn{font-size: 1.8rem; display: none;}
.view .arrow_btn .prev{position: absolute; z-index: 99; top: -8px; left: -0.5%; cursor:pointer;}
.view .arrow_btn .next{position: absolute; z-index: 99; top: -8px; right: -0.5%; cursor:pointer;}

@media all and (max-width:1400px){
	.view .arrow_btn{display: block;}
}

/* 제품소개 검색창 */
#prd-search-container{
	position:relative;
	top:0;
	margin-bottom:40px;
}

#prd-search-container .prd-list-search-wrap{
	width:300px;
	height:50px;
	position:relative;
	margin:0 auto;
	top:30px;
	border-radius:10px;
	font-size:15px;
}

#prd-search-container .prd-list-search-box{
	height: 40px;
	width: 300px;
	border: 2px solid #1fb96d;
	background: #ffffff;
	border-radius:20px;
	padding:0px 0px 0px 20px;
	box-shadow: 0px 0px 15px #606060;
}

#prd-search-container input{
	font-size: 12px;
	width: 185px;
	padding: 10px 10px;
	border: 0px;
	float: left;
	height:34px;
	border-radius:20px;
}

#prd-search-container button{
	width: 90px;
	height: 38px;
	border: 0px;
	background: #1fb96d;
	outline: none;
	float: right;
	color: #ffffff;
	border-radius:20px;
}