/*
	font-family: 'Noto Sans KR', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-family: '맑은 고딕', 'Malgun Gothic'
*/

#wrap { overflow:hidden;}
/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}


#main { position:relative; padding:91px 0 0 0;}
.mainVisual_m { display:none;}
#mainVisual { position:relative;}
/* #mainVisual .visu .inner { height:100%;} */
#mainVisual .visu { }
/* #mainVisual .visu article { background-size:cover !important; height:720px;} */
/* #mainVisual .visu .visu01 { background:url("/img/main/mainVisual01.jpg") no-repeat;}
#mainVisual .visu .visu02 { background:url("/img/main/mainVisual02.jpg") no-repeat;}
#mainVisual .visu .visu03 { background:url("/img/main/mainVisual03.jpg") no-repeat;}
#mainVisual .visu .visu04 { background:url("/img/main/mainVisual04.jpg") no-repeat;}
#mainVisual .visu .visu05 { background:url("/img/main/mainVisual05.jpg") no-repeat;} */
#mainVisual .img {}
#mainVisual .img img { width:100%;}
#mainVisual .txt { font-family: 'Montserrat', sans-serif; padding:220px 0 0 80px; position:relative;
/*
top:48%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
*/
}
#mainVisual .txt dt {}
#mainVisual .txt dt:after { content:""; width:21px; height:4px; background:#171717; display:block; margin:15px 0 0 0;}
#mainVisual .txt dt span { font-size:26px; color:#2f2f2f; letter-spacing:-1px;}
#mainVisual .txt dt p { font-size:76px; font-weight:500; color:#171717; margin-top:8px; letter-spacing:-4px;}
#mainVisual .txt dd { font-size:22px; line-height:1.4; color:#767676; margin-top:10px;}
/* #mainVisual .img { position:absolute; right:-76px; top:135px;}
#mainVisual .visu02 .img { position:absolute; top:60px; right:-120px;}
#mainVisual .visu03 .img { position:absolute; top:40px; right:-90px;}
#mainVisual .visu04 .img { position:absolute; top:20px; right:60px;}
#mainVisual .visu05 .img { position:absolute; top:20px; right:-50px;} */
.more_s1 { width:230px; margin:30px 0 0 0;}
.more_s1 a { color:#fff; padding:0 0 0 60px; height:60px; line-height:60px; background:url("/img/main/more_s2.png") no-repeat 164px center #798189; border-radius:30px; display:block;  font-size:18px;}

#mainVisual .slick-dots { position:absolute; width:100%; bottom:40px; text-align:center;}
#mainVisual .slick-dots li { display:inline-block; margin-right:5px; }
#mainVisual .slick-dots li:last-child { margin:0;}
#mainVisual .slick-dots li button { background:#a8a8a8; width:12px; height:12px; border-radius:50%; border:none; text-indent:-9999px; padding:0;}
#mainVisual .slick-dots li.slick-active button { background:#1881e3;}


#mainVisual .visu .slick-arrow { display:none !important }
#mainVisual .visu.visu-new .slick-arrow { display:block !important }
#mainVisual.new .control_box { position:absolute; left:50%; bottom:50px; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:10px; }
#mainVisual.new .control_box .slick-dots { position:relative; width:auto; bottom:auto; text-align:center; display:flex; align-items:center; justify-content:center; gap:10px; }
#mainVisual.new .control_box .slick-dots li { transition:all 0.3s; position:relative;width:20px; display:flex; align-items:center; justify-content:center; }
#mainVisual.new .control_box .slick-dots li:before { transition:all 0.3s; content:''; display:block; height:5px; width:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(17, 17, 17, 0.30); border-radius:10px; }
#mainVisual.new .control_box .slick-dots li:last-child { margin:0;}
#mainVisual.new .control_box .slick-dots li button { transition:all 0.3s; background:none; width:20px; height:20px; border-radius:50%; border:none; opacity:0; padding:0; text-indent:0; font-family:Tektur; color:#111; font-size:17px; font-weight:500; line-height:1.3; }
#mainVisual.new .control_box .slick-dots li.slick-active button { text-indent:0; opacity:1; }
#mainVisual.new .control_box .slick-dots li.slick-active:before { background:0; }
#mainVisual.new .control_box .btn_prev { text-indent:-9999px; cursor:pointer; width:24px; height:24px; background:url(/img/main/btn_arr_p.png) center center no-repeat;}
#mainVisual.new .control_box .btn_next { text-indent:-9999px; order:5; cursor:pointer; width:24px; height:24px; background:url(/img/main/btn_arr_n.png) center center no-repeat;}

#mainContents { position:relative;}

.tit_s1 {  text-align:center;}
.tit_s1 h2 {font-size:38px; font-weight:700; color:#333;  }

#mainContents > article { padding:120px 0;}
#mainContents #busi_list { background:#f2f2f2; }
#mainContents #busi_list .list { margin-top:40px;}
#mainContents #busi_list .list ul {}
#mainContents #busi_list .list ul li { float:left; width:32.30769230769%; margin-right:1.53846153846%;}
#mainContents #busi_list .list ul li:last-child { margin:0;}
#mainContents #busi_list .list ul li a { position:relative; display:block;}
#mainContents #busi_list .list ul li .img {}
#mainContents #busi_list .list ul li .img img { width:100%; }
#mainContents #busi_list .list ul li .txt { background:#fff; text-align:center; border:1px solid #e1e1e1; padding:20px 10px; }
#mainContents #busi_list .list ul li .txt p { font-size:18px; color:#111; font-weight:700; }
#mainContents #busi_list .list ul li .hover { position:absolute; left:0; top:0 ;width:100%; height:100%; background:rgba(24,129,227,0.9); color:#fff; text-align:center;
transform:scale(0);
-moz-transform:scale(0);
-webkit-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
opacity:0;
}
#mainContents #busi_list .list ul li .hover > div { position:absolute; left:50%; top:50%;
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}
#mainContents #busi_list .list ul li:hover .hover {
transform:scale(1);
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
opacity:1;
}
#mainContents #busi_list .list ul li .hover p { font-size:20px; font-weight:700;}
#mainContents #busi_list .list ul li .hover span { width:190px; height:50px; line-height:50px; background:rgba(255,255,255,0.2); border:1px solid #8ebce9; display:block; font-size:16px; font-family: 'Montserrat', sans-serif; margin-top:12px;}

#mainContents #prod_list {}
#mainContents #prod_list .list {text-align:center; margin-top:70px;}
#mainContents #prod_list .list .slick-list { margin:0 -33px;}
#mainContents #prod_list .list .slick-slide { margin:0 33px; }
#mainContents #prod_list .list ul {}
#mainContents #prod_list .list ul li { float:left; width:21.9614921781%; margin-right:4.05134376254%;}
#mainContents #prod_list .list ul li:last-child { margin-right:0;}
#mainContents #prod_list .list ul li a { }
#mainContents #prod_list .list ul li a .img { border:1px solid #dfdfdf; position:relative; overflow:hidden;
width:100%; padding-bottom:72.8021978022%;  display:block; position:relative; overflow:hidden;

}
#mainContents #prod_list .list ul li a .img img {/* width:100%; max-height:265px; */
position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; height: 100%;width:auto;


transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
}
#mainContents #prod_list .list ul li a .txt .cate { position:absolute; min-width:173px; height:28px; line-height:28px; color:#fff; text-align:center; font-size:13px; background:#798189; border-radius:14px; left:50%;  top:-48px;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;

}
#mainContents #prod_list .list ul li a:hover .img img {
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
}
#mainContents #prod_list .list ul li a:hover .txt .cate { background:#1881e3;}
#mainContents #prod_list .list ul li a .txt { margin-top:35px; position:relative;}
#mainContents #prod_list .list ul li a .txt dl {}
#mainContents #prod_list .list ul li a .txt dl dt { font-size:20px; color:#111; line-height:1.4; font-family: 'Montserrat', sans-serif; font-weight:600; letter-spacing:-0.8px;}
#mainContents #prod_list .list ul li a .txt dl dd { font-size:18px; color:#6c6c6c; margin:6px 0 0 0;}
#mainContents #prod_list .list ul li a .txt dl dt,
#mainContents #prod_list .list ul li a .txt dl dd { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.controls_btn2 { text-align:center; margin-top:60px;}
.controls_btn2 button { width:75px; height:75px; background:url("/img/main/btn_s2.gif") no-repeat; border:none; margin:0 6px 0 0;}
.controls_btn2 .next { background-position:-83px center;}

#mainContents #bn_wrap { padding:0;}
#mainContents #bn_wrap ul { text-align:center;  }
#mainContents #bn_wrap ul li { float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
#mainContents #bn_wrap ul li a { display:block; color:#fff; padding:87px 0; position:relative; overflow:hidden;}
#mainContents #bn_wrap ul li a .txt {}
#mainContents #bn_wrap ul li a span { font-size:18px;}
#mainContents #bn_wrap ul li a p {  font-size:32px; font-weight:700; margin-top:10px; position:relative;}
#mainContents #bn_wrap ul li a p:after { content:url("/img/main/more_s1.png"); text-align:center; display:block;}
#mainContents #bn_wrap ul li .bg { position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background-size:cover !important;
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
}
#mainContents #bn_wrap ul li:hover .bg  {
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
}
#mainContents #bn_wrap ul li:nth-child(1) .bg { background:url("/img/main/bn_01.jpg") no-repeat;}
#mainContents #bn_wrap ul li:nth-child(2) .bg { background:url("/img/main/bn_02.jpg") no-repeat;}